Search completed in 1.22 seconds.
RTCIceCandidatePairStats.consentRequestsSent - Web APIs
the rtcicecandidatepairstats property con
sentrequests
sent specifies the number of con
sent requests that have been
sent by this peer to the remote peer on the connection described by the pair of candidates.
... syntax con
sentrequests
sent = rtcicecandidatepairstats.con
sentrequests
sent; value an integer indicating the number of con
sent requests this peer has
sent to the other peer over the connection described by the pair of candidates referenced by this rtcicecandidatepairstats object.
... specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.con
sentrequests
sent' in that specification.
Video presentations - Archive of obsolete content
mozilla is actively working to produce video pre
sentations that can help you learn how the mozilla codebase works and how to take advantage of its technology in your own applications and extensions.
... this article is a jumping-off point to help you find those pre
sentations.
... architecture these pre
sentations provide an architectural overview of the codebase.
...And 7 more matches
DataTransferItem.webkitGetAsEntry() - Web APIs
if the item described by the datatransferitem is a file, webkitgeta
sentry() returns a filesystemfileentry or filesystemdirectoryentry repre
senting it.
... this function is implemented as webkitgeta
sentry() in non-webkit browsers including firefox at this time; it may be renamed to simply geta
sentry() in the future, so you should code defensively, looking for both.
... syntax datatransferitem.webkitgeta
sentry(); parameters none.
...And 6 more matches
WakeLockSentinel - Web APIs
the wakelock
sentinel interface of the screen wake lock api provides a handle to the underlying platform wake lock and can be manually released and reacquired.
... an object repre
senting the wake lock is returned via the navigator.wakelock.request() method.
... an acquired wakelock
sentinel can be released manually via the release() method, or automatically via the platform wake lock.
...And 6 more matches
Using server-sent events - Web APIs
developing a web application that uses server-
sent events is straightforward.
... receiving events from the server the server-
sent event api is contained in the eventsource interface; to open a connection to the server to begin receiving events from it, create a new eventsource object with the url of a script that generates the events.
...each notification is
sent as a block of text terminated by a pair of newlines.
...And 4 more matches
RTCOutboundRtpStreamStats.perDscpPacketsSent - Web APIs
the perdscppackets
sent property of the rtcoutboundrtpstreamstats dictionary is a record comprised of key/value pairs in which each key is a string repre
sentation of a differentiated services code point and the value is the number of packets
sent for that dcsp.
... syntax var perdscppackets
sent = rtcoutboundrtpstreamstats.perdscppackets
sent; value a record comprised of string/value pairs.
... each key is the string repre
sentation of a single differentiated services code point (dscp)'s id number.
...And 2 more matches
Server-sent events - Web APIs
with server-
sent events, it's possible for a server to send new data to a web page at any time, by pushing messages to the web page.
... concepts and usage to learn how to use server-
sent events, see our article using server-
sent events.
... examples simple sse demo using php specification specification status comment html living standardthe definition of 'server-
sent events' in that specification.
...And 2 more matches
Using the presentation role - Accessibility
this technique demonstrates how to use the pre
sentation role and describes the effect it has on browsers and assistive technology.
... the pre
sentation role is used to remove semantic meaning from an element and any of its related child elements.
... for example, a table used for layout purposes could have the pre
sentation role applied to the table element to remove any semantic meaning from the table element and any of its table related children elements, such as table headers and table data elements.
...And 2 more matches
XTech 2006 Presentations - Archive of obsolete content
work on this compiler and the new features of js2 is pre
sented by the inventor of javascript.
... svg and canvas: graphics for web apps - vladimir vukićević this pre
sentation examines some of the strengths and weaknesses of the html 'canvas' and svg for adding rich graphical capabilities to web applications.
... converging rich-client and web application development with mozilla xulrunner (open office format) - benjamin smedberg this pre
sentation demonstrates the convergence of rich-client and web application development and discuss application deployment using mozilla xulrunner.
... etna, a wysiwyg xml relax ng- and gecko-based editor - daniel glazman this pre
sentation describes etna, a new wysiwyg xml editor based on gecko, the relax ng parser and validator disruptive innovations implemented for it and its query api, and relax ng extensions that were necessary to solve very old and well known problems in markup languages.
RTCIceCandidatePairStats.responsesSent - Web APIs
the rtcicecandidatepairstats dictionary's responses
sent property indicates the total number of stun connectivity check responses that have been
sent so far on the connection described by this pair of candidates.
... syntax responses
sent = rtcicecandidatepairstats.responses
sent; value an integer value indicating the number of times a repsonse has been
sent to a stun connectivity check request.
... note: since it isn't possible to tell the difference between connectivity check requests and con
sent requests, this value includes both.
... specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.responses
sent' in that specification.
RTCOutboundRtpStreamStats.lastPacketSentTimestamp - Web APIs
the lastpacket
senttimestamp property of the rtcoutboundrtpstreamstats dictionary indicates the time at which the rtcrtpsender described by this rtcoutboundrtpstreamstats object last transmitted a packet to the remote receiver.
... syntax var lastpackettimestamp = rtcoutboundrtpstreamstats.lastpacket
senttimestamp; value a domhighrestimestamp which specifies the time at which the most recently received packet arrived on this rtp stream.
... note: this value differs from the timestamp, which repre
sents the time at which the statistics object was created.
... specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcoutboundrtpstreamstats.lastpacket
senttimestamp' in that specification.
WakeLockSentinel.release() - Web APIs
the release() method of the wakelock
sentinel interface releases the wakelock
sentinel, returning a promise that is resolved once the
sentinel has been successfully released.
... syntax wakelock
sentinel.release().then(...); parameters none.
... examples in this example, when a user clicks a button the wakelock
sentinel is released.
... wakelockoffbutton.addeventlistener('click', () => { wakelock
sentinel.release(); }) specifications specification status comment screen wake lock apithe definition of 'release()' in that specification.
Media (Audio-visual presentation) - MDN Web Docs Glossary: Definitions of Web-related terms
the term media (more accurately, multimedia) refers to audio, video, or combined audio-visual material such as music, recorded speech, movies, tv shows, or any other form of content that is pre
sented over a period of time.
... media content can be recorded, played back, pre
sented, and at times interacted with in various ways.
... learn more general knowledge multimedia on wikipedia technical reference web media technologies: a guide to all the ways media can be used in web content multimedia and embedding in the mdn learning area <audio> and <video> elements, used to pre
sent media in html documents ...
nsICookieConsent
netwerk/cookie/public/nsicookiecon
sent.idlscriptable please add a summary to this article.
... last changed in gecko 1.9 (firefox 3) inherits from: nsisupports method overview void getcon
sent(); methods getcon
sent() gives a decision on what should be done with a cookie, based on a site's p3p policy and the user's preferences.
... nscookiestatus getcon
sent( in nsiuri uri, in nsihttpchannel httpchannel, in boolean isforeign, out nscookiepolicy policy ); parameters uri the uri to find the policy for.
RTCIceCandidatePairStats.bytesSent - Web APIs
the rtcicecandidatepairstats property bytes
sent indicates the total number of payload bytes—that is, bytes which aren't overhead such as headers or padding—that hve been
sent so far on the connection described by the candidate pair.
... syntax
sent = rtcicecandidatepairstats.bytes
sent; value an integer value indicating the total number of bytes
sent so far on the connection described by this candidate pair.
... specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.bytes
sent' in that specification.
RTCIceCandidatePairStats.consentExpiredTimestamp - Web APIs
the rtcicecandidatepairstats property con
sentexpiredtimestamp indicates the time at which the most recent stun binding response expired.
... syntax con
sentexpiration = rtcicecandidatepairstats.con
sentexpiredtimestamp; value a domhighrestimestamp object that indicates the time at which the stun binding that allows the two peers described by this rtcicecandidatepair to communicate will expire (or the time at which the binding did expire, if the time has passed).
... specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.con
sentexpiredtimestamp' in that specification.
RTCIceCandidateStats.lastPacketSentTimestamp - Web APIs
the rtcicecandidatepairstats property lastpacket
senttimestamp indicates the time at which the connection described by the candidate pair last
sent a packet, not including stun packets.
... syntax lastpacket
senttimestamp = rtcicecandidatepairstats.lastpacket
senttimestamp; value a domhighrestimestamp object indicating the timestamp at which the connection described by pair of candidates last
sent a packet, stun packets excluded.
... specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.lastpacket
senttimestamp' in that specification.
RTCIceCandidatePairStats.packetsSent - Web APIs
the rtcicecandidatepairstats dictionary's packets
sent property indicates the total number of packets which have been
sent on the connection described by the pair of candidates.
... syntax packets
sent = rtcicecandidatepairstats.packets
sent; value an integer value indicating the total number of packets, of any kind, which have been
sent on the connection described by the two candidates comprising this pair.
... specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.packets
sent' in that specification.
RTCIceCandidatePairStats.requestsSent - Web APIs
the rtcicecandidatepairstats dictionary's requests
sent property indicates the total number of stun connectivity check requests that have been
sent so far on the connection described by this pair of candidates.
... syntax requests
sent = rtcicecandidatepairstats.requests
sent; value an integer value which specifies the number of stun connectivity requests that have been
sent to date on the connection described by this pair of ice candidates.
... specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.requests
sent' in that specification.
RTCIceCandidatePairStats.retransmissionsSent - Web APIs
the rtcicecandidatepairstats dictionary's retransmissions
sent property indicates the total number of stun connectivity check request retransmissions that have been
sent so far on the pair of candidates.
... syntax retransmissions
sent = rtcicecandidatepairstats.retransmissions
sent; value an integer value indicating the total number of retransmitted stun connectivity check requests have been
sent on the connection referenced by this candidate pair so far.
... specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.retransmissions
sent' in that specification.
WakeLockSentinel.type - Web APIs
the read-only type property of the wakelock
sentinel interface returns a string repre
sentation of the currently acquired wakelock
sentinel type.
... syntax var type = wakelock
sentinel.type; value a string repre
sentation of the currently acquired wake lock type.
... examples this example shows an asynchronous function that acquires a wakelock
sentinel, then logs the type to the console.
The Essentials of an Extension - Archive of obsolete content
there are two similar code blocks, because in modern versions of firefox, particularly on windows, a single firefox menu button is pre
sented, with simplified menu options, rather than an extensive menu bar.
...it greatly complicates the work of localizers, and grammar rules on different languages may change the ordering of the
sentence entirely.
RTCRemoteOutboundRtpStreamStats.reportsSent - Web APIs
the rtcremoteoutboundrtpstreamstats dictionary's reports
sent property provides the number of sender reports (srs) the remote peer has transmitted to the local peer.
... syntax let reportcount = rtcremoteoutboundrtpstreamstats.reports
sent; value an integer value which indicates the total number of rtcp sender reports so far
sent by the remote peer to the local peer.
SVG Presentation Attributes - SVG: Scalable Vector Graphics
svg pre
sentation attributes are css properties that can be used as attributes on svg elements.
... value: nonezero|evenodd|inherit; animatable: yes color it provides a potential indirect value (currentcolor) for the fill, stroke, stop-color, flood-color and lighting-color pre
sentation attributes.
Index - Web APIs
6 abortcontroller api, abortcontroller, experimental, interface, reference the abortcontroller interface repre
sents a controller object that allows you to abort one or more dom requests as and when desired.
... 10 abortsignal api, abortsignal, dom, experimental, interface, reference the abortsignal interface repre
sents a signal object that allows you to communicate with a dom request (such as a fetch) and abort it if required via an abortcontroller object.
... 23 abstractworker.onerror api, abstractworker, eventhandler, property, reference, web workers, workers, onerror the abstractworker.onerror property of the abstractworker interface repre
sents an eventhandler, that is a function to be called when the error event occurs and bubbles through the worker.
...And 976 more matches
Document - Web APIs
the document interface repre
sents any web page loaded in the browser and serves as an entry point into the web page's content, which is the dom tree.
...for html documents, this is normally the htmlhtmlelement object repre
senting the document's <html> element.
... event handlers document.onafterscriptexecute repre
sents the event handling code for the afterscriptexecute event.
...And 100 more matches
GlobalEventHandlers - Web APIs
globaleventhandlers.onabort is an eventhandler repre
senting the code to be called when the abort event is raised.
... globaleventhandlers.onanimationcancel an eventhandler called when an animationcancel event is
sent, indicating that a running css animation has been canceled.
... globaleventhandlers.onanimationend an eventhandler called when an animationend event is
sent, indicating that a css animation has stopped playing.
...And 85 more matches
Index
29 components.stack xpcom:language bindings, xpconnect components.stack is a read only property of type nsistackframe (idl definition) that repre
sents a snapshot of the current javascript callstack.
...however, such decoders relied on servers sending correct mime types; images
sent with incorrect mime types would not be correctly displayed.
...the book is pre
sented as a tutorial about creating xpcom components, but it covers all major aspects, concepts, and terminology of the xpcom component model along the way.
...And 78 more matches
nsIAccessibleRole
role_titlebar 1 repre
sents a title or caption bar for a window.
... role_menubar 2 repre
sents the menu bar (positioned beneath the title bar of a window) from which menus are selected by the user.
... role_scrollbar 3 repre
sents a vertical or horizontal scroll bar, which is part of the client area or used in a control.
...And 77 more matches
Gecko Roles
role_titlebar repre
sents a title or caption bar for a window.
... role_menubar repre
sents the menu bar (positioned beneath the title bar of a window on most platforms or at the top of the screen on mac os x) from which menus are selected by the user.
... role_scrollbar repre
sents a vertical or horizontal scroll bar, which is part of the client area or used in a control.
...And 72 more matches
Index - Archive of obsolete content
140 package.json commonjs, jpm, sdk, add-on, package.json the package.json file contains manifest data for your add-on, providing not only descriptive information about the add-on for pre
sentation in the add-ons manager, but other metadata required of add-ons.
... 181 downloading files code snippets to download a file, create an instance of nsiwebbrowserpersist and call its nsiwebbrowserpersist.saveuri() method, passing it a url to download and an nsifile instance repre
senting the local file name/path.
... 242 hiding browser chrome add-ons, extensions, xul, xulbrowserwindow there are times in which an extension may find it useful to hide browser chrome (that is, toolbars, the location bar, and so forth), in order to reduce clutter when pre
senting a particular user interface.
...And 70 more matches
Observer Notifications
sessionstore-windows-restored
sent by the session restore process to indicate that all initial browser windows have opened.
... topic description browser:purge-session-history
sent when the sanitizer runs to purge all history and other information.
... browser:purge-domain-data
sent after domain-specific history and other information have been purged.
...And 63 more matches
HTML documentation index - HTML: Hypertext Markup Language
other technologies besides html are generally used to describe a web page's appearance/pre
sentation (css) or functionality/behavior (javascript).
... 13 data-* global attributes, html, reference the data-* global attributes form a class of attributes called custom data attributes, that allow proprietary information to be exchanged between the html and its dom repre
sentation by scripts.
... 32 title global attributes, html, reference, title the title global attribute contains text repre
senting advisory information related to the element it belongs to.
...And 63 more matches
HTML elements reference - HTML: Hypertext Markup Language
main root element description <html> the html <html> element repre
sents the root (top-level element) of an html document, so it is also referred to as the root element.
... <meta> the html <meta> element repre
sents metadata that cannot be repre
sented by other html meta-related elements, like <base>, <link>, <script>, <style> or <title>.
... sectioning root element description <body> the html <body> element repre
sents the content of an html document.
...And 57 more matches
XUL Events - Archive of obsolete content
attribute: onblur change this event is
sent when the value of the textbox is changed.
... the event is not
sent until the focus is moved to another element.
... attribute: onchange click this event is
sent when a mouse button is pressed and released.
...And 54 more matches
WebIDL bindings
whatnot static already_addrefed<myclass> constructor(const globalobject& aglobal, errorresult& rv); static already_addrefed<myclass> constructor(const globalobject& aglobal, uint32_t asomenumber, errorresult& rv); }; c++ reflections of webidl types the exact c++ repre
sentation for webidl types can depend on the precise way that they're being used (e.g., return values, arguments, and sequence or dictionary members might all have different repre
sentations).
... unless stated otherwise, a type only has one repre
sentation.
... also, unless stated otherwise, nullable types are repre
sented by wrapping nullable<> around the base type.
...And 50 more matches
Index - MDN Web Docs Glossary: Definitions of Web-related terms
18 alpha (alpha channel) alpha, alpha channel, drawing, glossary, graphics, translucency, translucent, transparency, transparent, webgl, webxr, channel, color, pixel colors are repre
sented in digital form as a collection of numbers, each repre
senting the strength or intensity level of a given component of the color.
...to repre
sent a color through which the background can be seen to some extent, a fourth channel is added to the color: the alpha channel.
... 27 base64 advanced, base64, javascript, typed arrays, uri, url, unicode problem, atob(), btoa() base64 is a group of similar binary-to-text encoding schemes that repre
sent binary data in an ascii string format by translating it into a radix-64 repre
sentation.
...And 43 more matches
Layout System Overview - Archive of obsolete content
layout's job: provide the pre
sentation layout is primarily concerned with providing a pre
sentation to an html or xml document.
... this pre
sentation is typically formatted in accordance with the requirements of the css1 and css2 specifications from the w3c.
... pre
sentation formatting is also required to provide compatibility with legacy browsers (microsoft internet explorer and netscape navigator 4.x).
...And 41 more matches
SVG documentation index - SVG: Scalable Vector Graphics
versions of svg viewers prior to the release of firefox 1.5 unfortunately paid scant attention to namespaces, but they are es
sential to multi-xml dialect supporting user agents such as gecko-based browsers which must be very strict.
... 17 svg pre
sentation attributes attribute, beginner, draft, reference, svg svg pre
sentation attributes are css properties that can be used as attributes on svg elements.
... 25 arabic-form deprecated, svg, svg attribute the arabic-form attribute indicates which of the four possible forms an arabic glyph repre
sents.
...And 39 more matches
HTTP Index - HTTP
17 content negotiation content negotiation, content negotiation reference, http, reference in http, content negotiation is the mechanism that is used for serving different repre
sentations of a resource at the same uri, so that the user agent can specify which is best suited for the user (for example, which language of a document, which image format, or which content encoding).
... 32 reason: multiple cors header 'access-control-allow-origin' not allowed cors, corsmultiplealloworiginnotallowed, cross-origin, error, http, https, messages, reasons, security, console, troubleshooting more than one access-control-allow-origin header was
sent by the server.
... 34 reason: invalid token ‘xyz’ in cors header ‘access-control-allow-headers’ cors, corsinvalidallowheader, cross-origin, error, http, https, messages, reasons, security, console, troubleshooting the response to the cors request that was
sent by the server includes an access-control-allow-headers header which includes at least one invalid header name.
...And 35 more matches
Event reference
dom events are
sent to notify code of interesting things that have taken place.
... each event is repre
sented by an object which is based on the event interface, and may have additional custom fields and/or functions used to get additional information about what happened.
... events can repre
sent everything from basic user interactions to automated notifications of things happening in the rendering model.
...And 34 more matches
Inputs and input sources - Web APIs
input sources each source of webxr input data is repre
sented by an xrinputsource object which describes the input source and its current state.
... the information for each input source includes which hand it's held in (if applicable), what targeting method it uses, xrspaces that can be used to draw the targeting ray and to find the targeted object or location as well as to draw objects in the user's hands, and profile strings specifying the preferred way to repre
sent the controller in the user's viewing area as well as how the input operates.
... handedness can be used for various things, including selecting an appropriate mesh to use to repre
sent the controller in the view and to help pre
sent it in the correct hand if drawing hands on the display.
...And 32 more matches
RTCPeerConnection - Web APIs
the rtcpeerconnection interface repre
sents a webrtc connection between the local computer and a remote peer.
...troke-width="2px" /><text x="236" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">rtcpeerconnection</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constructorrtcpeerconnection() the rtcpeerconnection() constructor returns a newly-created rtcpeerconnection, which repre
sents a connection between the local device and a remote peer.propertiesalso inherits properties from: eventtargetcantrickleicecandidatesthe read-only rtcpeerconnection property cantrickleicecandidates returns a boolean which indicates whether or not the remote peer can accept trickled ice candidates.connectionstate the read-only connectionstate property of the rtcpeerconnection interface indicates t...
...also included is a list of any ice candidates that may already have been generated by the ice agent since the offer or answer repre
sented by the description was first instantiated.currentremotedescription read only the read-only property rtcpeerconnection.currentremotedescription returns an rtcsessiondescription object describing the remote end of the connection as it was most recently successfully negotiated since the last time the rtcpeerconnection finished negotiating and connecting to a remote peer.
...And 31 more matches
Index
39 js::doublenanvalue jsapi reference, reference, référence(2), spidermonkey js::doublenanvalue returns a value of type js::value that repre
sents an ieee floating-point quiet not-a-number (nan).
... 42 js::falsevalue jsapi reference, reference, référence(2), spidermonkey js::falsevalue creates a js::value that repre
sents the javascript value false.
... 47 js::handle jsapi reference, reference, référence(2), spidermonkey here, ptr repre
sents the private member of js::handle<t>, typed with t.
...And 30 more matches
Element - Web APIs
objects that repre
sent elements) in a document inherit.
... element.classname is a domstring repre
senting the class of the element.
... element.clientheight read only returns a number repre
senting the inner height of the element.
...And 30 more matches
IME handling guide
each clause is repre
sented with selection in the editor.
...and editor sets these ime selections from mozilla::textrangetype which are
sent by mozilla::widgetcompositionevent as mozilla::textrangearray.
... modules handling ime composition widget each widget handles native ime events and dispatches widgetcompositionevent with mozilla::widget::texteventdispatcher to repre
sent the behavior of ime in the focused editor.
...And 28 more matches
<input>: The Input (Form Input) element - HTML: Hypertext Markup Language
autofocus a boolean attribute which, if pre
sent, indicates that the input should automatically have focus when the page has finished loading (or when the <dialog> containing the element has been displayed).
...if pre
sent on a radio type, it indicates that that radio button is the currently selected one in the group of same-named radio buttons.
... if pre
sent on a checkbox type, it indicates that the checkbox is checked by default (when the page loads).
...And 28 more matches
Image file type and format guide - Web media technologies
in the tables below, the term bits per component refers to the number of bits used to repre
sent each color component.
... for example, an rgb color depth of 8 indicates that each of the red, green, and blue components are repre
sented by an 8-bit value.
... bit depth, on the other hand, is the total number of bits used to repre
sent each pixel in memory.
...And 28 more matches
Web Audio API - Web APIs
audiocontext the audiocontext interface repre
sents an audio-processing graph built from audio modules linked together, each repre
sented by an audionode.
... audionode the audionode interface repre
sents an audio-processing module like an audio source (e.g.
... audioparam the audioparam interface repre
sents an audio-related parameter, like one of an audionode.
...And 27 more matches
Viewpoints and viewers: Simulating cameras in WebXR - Web APIs
there's no magic object provided by either the webgl or the webxr api that repre
sents the viewer that you can simply rotate and move around to automatically change what's seen on the screen.
...thus, instead of referring to an actual camera object, the term camera is used in webgl and webxr programming to refer to an object describing the position and viewing direction of a hypothetical viewer of the scene, whether there's an actual object pre
sent in 3d space or not.
... points of view since the camera is a virtual object which, rather than necessarily repre
senting a physical object in the virtual world, repre
sents a viewer's position and viewing direction, it's useful to think about the kinds of situation that call for the use of a camera.
...And 26 more matches
The Implementation of the Application Object Model - Archive of obsolete content
the html content tree structure for a single document is repre
sented as a set of objects that can be accessed and manipulated.
...in a similar fashion, xul's content tree for a single window is repre
sented as a set of objects that can be accessed and manipulated.
... how are xml dom/aom trees repre
sented in nglayout?
...And 25 more matches
Browser API
the following new events can be listened for: mozbrowseractivitydone
sent when something inside the browser <iframe> triggers a web activity, and that web activity's message is consumed by the receiving app.
... mozbrowserasyncscroll
sent when the browser <iframe> content scrolls (the apcz version.) see also mozbrowserscroll.
... mozbrowseraudioplaybackchange
sent when audio starts or stops playing within the browser <iframe> content.
...And 23 more matches
WebRTC API - Web APIs
connections between two peers are repre
sented by the rtcpeerconnection interface.
... media streams can consist of any number of tracks of media information; tracks, which are repre
sented by objects based on the mediastreamtrack interface, may contain one of a number of types of media data, including audio, video, and text (such as subtitles or even chapter names).
...included are interfaces repre
senting peer media connections, data channels, and interfaces used when exchanging information on the capabilities of each peer in order to select the best possible configuration for a two-way media connection.
...And 23 more matches
Introduction to Public-Key Cryptography - Archive of obsolete content
nonrepudiation prevents the sender of information from claiming at a later date that the information was never
sent.
...in addition to authentication, the digital signature in both cases ensures a degree of nonrepudiation-that is, a digital signature makes it difficult for the signer to claim later not to have
sent the email or the form.
... client authentication is an es
sential element of network security within most intranets or extranets.
...And 22 more matches
Index
when checking whether a certificate is trusted or not, it's necessary to find a relevant trust anchor (root certificate) that repre
sents the signing capability of a trusted third party, usually called a certificate authority (ca).
...nss will usually create an in-memory (ram) pre
sentation of certificates, once a certificate has been received from the network, read from disk, or looked up from the database, and prepare in-memory data structures that contain the certificate's properties, as well as providing a handle for the programmer to use.
... when dealing with certificates (x.509), file formats such as pkcs#12 (certificates and keys), pkcs#7 (signed data), and message formats as cms, we should mention asn.1, which is a syntax for storing structured data in a very efficient (small sized) pre
sentation.
...And 22 more matches
fill - SVG: Scalable Vector Graphics
for shapes and text it's a pre
sentation attribute that defines the color (or any svg paint servers like gradients or patterns) used to paint the element; for animation it defines the final state of the animation.
... as a pre
sentation attribute, it can be applied to any element but it only has an effect on the following eleven elements: <altglyph>, <circle>, <ellipse>, <path>, <polygon>, <polyline>, <rect>, <text>, <textpath>, <tref>, and <tspan>.
... for <altglyph>, fill is a pre
sentation attribute that defines the color of the glyph.
...And 21 more matches
WebXR Device API - Web APIs
webxr is a group of standards which are used together to support rendering 3d scenes to hardware designed for pre
senting virtual worlds (virtual reality, or vr), or for adding graphical imagery to the real world, (augmented reality, or ar).
... to accomplish these things, the webxr device api provides the following key capabilities: find compatible vr or ar output devices render a 3d scene to the device at an appropriate frame rate (optionally) mirror the output to a 2d display create vectors repre
senting the movements of input controls at the most basic level, a scene is pre
sented in 3d by computing the perspective to apply to the scene in order to render it from the viewpoint of each of the user's eyes by computing the position of each eye and rendering the scene from that position, looking in the direction the user is currently facing.
...once both eyes' perspectives on the scene have been rendered, the resulting framebuffer is delivered to the webxr device to be pre
sented to the user through their headset or other appropriate display device.
...And 20 more matches
Media events - Developer guides
various events are
sent when handling media that are embedded in html documents using the <audio> and <video> elements; this section lists them and provides some helpful information about using them.
... event name description abort
sent when playback is aborted; for example, if the media is playing and is restarted from the beginning, this event is
sent.
... canplay
sent when enough data is available that the media can be played, at least for a couple of frames.
...And 20 more matches
Window - Web APIs
the window interface repre
sents a window containing a dom document; the document property points to the dom document loaded in that window.
... a global variable, window, repre
senting the window in which the script is running, is exposed to javascript code.
... in a tabbed browser, each tab is repre
sented by its own window object; the global window seen by javascript code running within a given tab always repre
sents the tab in which the code is running.
...And 19 more matches
HTMLBodyElement - Web APIs
htmlbodyelement.alink is a domstring that repre
sents the color of active hyperlinks.
... htmlbodyelement.background is a domstring that repre
sents the description of the location of the background image resource.
... htmlbodyelement.bgcolor is a domstring that repre
sents the background color for the document.
...And 18 more matches
Content type - SVG: Scalable Vector Graphics
for angle values in svg-specific properties and their corresponding pre
sentation attributes, the angle unit identifier is optional.
...in pre
sentation attributes for all properties, whether defined in svg1.1 or in css2, the angle identifier, if specified, must be in lower case.
... in the svg dom, <angle> values are repre
sented using svgangle or svganimatedangle objects.
...And 18 more matches
nsISyncJPAKE
void final( in acstring ab, in acstring agvb, in acstring arb, in acstring ahkdfinfo, out acstring aaes256key, out acstring ahmac256key ); parameters ab schnorr signature value b, in hex repre
sentation.
... agvb schnorr signature value g^vb (vb is a random value), in hex repre
sentation.
... arb schnorr signature value rb = vb - xb * h, in hex repre
sentation.
...And 17 more matches
XRSession - Web APIs
the webxr device api's xrsession interface repre
sents an ongoing xr session, providing methods and properties used to interact with and control the session.
... with xrsession methods, you can poll the viewer's position and orientation (the xrviewerpose), gather information about the user's environment, and pre
sent imagery to the user.
... inputsources read only returns a list of this session's xrinputsources, each repre
senting an input device used to control the camera and/or scene.
...And 17 more matches
Applying color to HTML elements using CSS - HTML: Hypertext Markup Language
how to describe a color in order to repre
sent a color in css, you have to find a way to translate the analog concept of "color" into a digital form that a computer can use.
... keywords a set of standard color names have been defined, letting you use these keywords instead of numeric repre
sentations of colors if you choose to do so and there's a keyword repre
senting the exact color you want to use.
... rgb values there are three ways to repre
sent an rgb color in css.
...And 17 more matches
Mail composition back end
pizzarro <rhp@netscape.com> contents overview sending messages nsimsgsend sending listener interfaces nsimsgsendlistener nsimsgcopyservicelistener copy operations copy to
sent folder drafts templates "send later" sending un
sent messages sending un
sent messages listener quoting sample programs overview i've done considerable work in the past few weeks reorganizing the mail composition back end, so i thought it would be helpful to put together a small doc on the new interfaces and how one can use them.
...a "
sent" folder) as well as the ability to store messages for features like "drafts" and "templates".
...if this is not null, the body will be extracted from this object and any embedded objects or links will be
sent as part of the message in mhtml nsimsgidentity *auseridentity, - the user identity for the person doing the send operation.
...And 16 more matches
The HTML DOM API - Web APIs
access to the browser navigation history supporting and connective interfaces for other apis such as web components, web storage, web workers, websocket, and server-
sent events.
... structure of an html document the document object model (dom) is an architecture that describes the structure of a document; each document is repre
sented by an instance of the interface document.
... a document, in turn, consists of a hierarchical tree of nodes, in which a node is a fundamental record repre
senting a single object within the document (such as an element or text node).
...And 16 more matches
RTCIceCandidatePairStats - Web APIs
in addition, it adds the following new properties: availableincomingbitrate optional provides an informative value repre
senting the available inbound capacity of the network by reporting the total number of bits per second available for all of the candidate pair's incoming rtp streams.
... availableoutgoingbitrate optional provides an informative value repre
senting the available outbound capacity of the network by reporting the total number of bits per second available for all of the candidate pair's outoing rtp streams.
... bytes
sent optional the total number of payload bytes
sent (that is, the total number of bytes
sent minus any headers, padding, or other administrative overhead) so far on this candidate pair.
...And 16 more matches
Spaces and reference spaces: Spatial tracking in WebXR - Web APIs
the location and movement of the user's headset repre
sent their head's position and orientation in the virtual environment.
... hand controllers repre
sent their hands in the same manner.
... other hardware elements can be used similarly to repre
sent other parts of the body, providing additional data to use when simulating the user's actions in their environment.
...And 16 more matches
Digital audio concepts - Web media technologies
repre
senting audio in digital form involves a number of steps and processes, with multiple formats available both for the raw audio and the encoded or compressed audio which is actually used on the web.
... this guide is an overview examining how audio is repre
sented digitally, and how codecs are used to encode and decode audio for use on the web.
...in order to repre
sent a sound wave in a way computers can manipulate and work with (let alone transmit over a network), the sound has to be converted into a digital form.
...And 16 more matches
NPEvent - Archive of obsolete content
« gecko plugin api reference « plug-in side plug-in api summary repre
sents an event passed by npp_handleevent() to a windowless plug-in.
... eventrecord npevent on mac os npevent is defined as an eventrecord data structure, which has the following fields: what integer repre
senting an event type.
... type the type member is an int repre
senting an event type, and indicating which structure is relevant.
...And 15 more matches
source-editor.jsm
you must not directly import that code module; it is es
sentially an implementation detail.
...in addition, when this value changes, the "dirtychanged" event is
sent.
... configuration defaults constants these constants repre
sent the default values for each of the available configuration options.
...And 15 more matches
Starting WebLock
the method at the core of this interface is observe: void observe(in nsisupports asubject, in string atopic, in wstring adata); there aren't really any restrictions on what the three parameters (asubject, atopic and adata) may repre
sent.
... the category manager every category is identified by a string that repre
sents the name of the category.
... even this simple outline pre
sents some ambiguity, however.
...And 15 more matches
Digital video concepts - Web media technologies
encoding color repre
senting the colors in an image or video requires several values for each pixel.
...there are several color models, and video codec makes use of one or more of these to repre
sent their pixels during the encoding process as well as after decoding the video frames.
... rgb most computer graphics models use the rgb color system, wherein some number of bits of data are used to repre
sent each of the red, green, and blue components of the color of an individual pixel, and an image is comprised of a two-dimensional array of these pixels.
...And 15 more matches
Introduction to SSL - Archive of obsolete content
an encrypted ssl connection requires all information
sent between a client and a server to be encrypted by the sending software and decrypted by the receiving software, thus providing a high degree of confidentiality.
...in addition, all data
sent over an encrypted ssl connection is protected with a mechanism for detecting tampering-that is, for automatically determining whether the data has been altered in transit.
...server administrators must be careful about enabling it, however, because data
sent using this cipher suite is not encrypted and may be accessed by eavesdroppers.
...And 14 more matches
nsIScrollable
methods getcurscrollpos() obsolete since gecko 29.0 (firefox 29.0 / thunderbird 29.0 / seamonkey 2.26) long getcurscrollpos( in long scrollorientation ); parameters scrollorientation an integer repre
senting the orientation of the scrollbar.
... return value getdefaultscrollbarpreferences() long getdefaultscrollbarpreferences( in long scrollorientation ); parameters scrollorientation an integer repre
senting the orientation of the scrollbar.
... return value an integer repre
senting the state of the scrollbar.
...And 14 more matches
nsISmsDatabaseService
to create an instance, use: var smsservice = components.classes["@mozilla.org/sms/smsdatabaseservice;1"] .createinstance(components.interfaces.nsismsdatabaseservice); method overview long savereceivedmessage(in domstring asender, in domstring abody, in unsigned long long adate); long save
sentmessage(in domstring areceiver, in domstring abody, in unsigned long long adate); void getmessage(in long messageid, in long requestid, [optional] in unsigned long long processid); void deletemessage(in long messageid, in long requestid, [optional] in unsigned long long processid); void createmessagelist(in nsidommozsmsfilter filter, in boolean reverse, in long requestid, [optional] in unsig...
... save
sentmessage() void save
sentmessage( in domstring a receiver, in domstring abody, in unsigned long long adate ); parameters areceiver a domstring with the receiver of the text message.
... getmessage() void getmessage( in long messageid, in long requestid, [optional] in unsigned long long processid ); parameters messageid a number repre
senting the id of the message.
...And 14 more matches
Signaling and video calling - Web APIs
if that property is pre
sent, it specifies the username of the client to which the message is to be
sent, and we call sendtooneuser() to send the message to them.
... an icecandidate event is
sent to the rtcpeerconnection to complete the process of adding a local description using pc.setlocaldescription(offer).
... each ice candidate is
sent to the other peer by sending a json message of type "new-ice-candidate" over the signaling server to the remote peer.
...And 14 more matches
@counter-style - CSS: Cascading Style Sheets
a @counter-style rule defines how to convert a counter value into a string repre
sentation.
... system specifies the algorithm to be used for converting the integer value of a counter to a string repre
sentation.
... negative lets the author specify symbols to be appended or prepended to the counter repre
sentation if the value is negative.
...And 14 more matches
Index - HTTP
if the value
sent is keep-alive, the connection is persistent and not closed, allowing for subsequent requests to the same server to be done.
...when pre
sent, its value indicates which encodings were applied to the entity-body.
... 25 content-length http, headers, reference the content-length entity header indicates the size of the entity-body, in bytes,
sent to the recipient.
...And 14 more matches
Mozilla XForms User Interface - Archive of obsolete content
mainly this is aimed to document how xforms elements will be pre
sented in mozilla since the xforms specifications give only a hint of how controls might be rendered.
...ui common the ui common attribute set (see the spec) contains the attributes that are available for the xforms elements that are used to build the user interface pre
sentation in a form.
... appearance - the value provided by the form author gives a hint to the processor as to which widget to use to repre
sent the xforms control.
...And 13 more matches
HTMLAnchorElement - Web APIs
the htmlanchorelement interface repre
sents hyperlink elements and provides special properties and methods (beyond those of the regular htmlelement object interface that they inherit from) for manipulating the layout and pre
sentation of such elements.
... this interface corresponds to <a> element; not to be confused with <link>, which is repre
sented by htmllinkelement) <div id="interfacediagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 20%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 120" preserveaspectratio="xminymin meet"><a xlink:href="/docs/web/api/eventtarget" target="_top"><rect x="1" y="1" width="110" height="50" fill="#fff" stroke="#d4dde4" stroke-width="2px" /><text x="56" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">eventtarget</text></a><polyline points="111,25 121,20 121,30 111,25" stroke="#d4dde4" fill...
... element.accesskey is a domstring repre
senting a single character that switches input focus to the hyperlink.
...And 13 more matches
Movement, orientation, and motion: A WebXR example - Web APIs
rendering the scene for immersive pre
sentation requires multiple renders of the scene—once from the perspective of each eye.
... this example demonstrates this by showing the canvas on the screen, even when pre
senting a scene as an immersive display using an xr device.
... session_type the type of xr session to create: inline for an inline session pre
sented in the context of the document and immersive-vr to pre
sent the scene to an immersive vr headset.
...And 13 more matches
WindowEventHandlers - Web APIs
windoweventhandlers.onafterprint is an eventhandler repre
senting the code to be called when the afterprint event is raised.
... windoweventhandlers.onbeforeprint is an eventhandler repre
senting the code to be called when the beforeprint event is raised.
... windoweventhandlers.onbeforeunload is an eventhandler repre
senting the code to be called when the beforeunload event is raised.
...And 13 more matches
<img>: The Image Embed element - HTML: Hypertext Markup Language
if the crossorigin attribute is not specified, then a non-cors request is
sent (without the origin request header), and the browser marks the image as tainted and restricts access to its image data, preventing its usage in <canvas> elements.
... if the crossorigin attribute is specified, then a cors request is
sent (with the origin request header); but if the server does not opt into allowing cross-origin access to the image data by the origin site (by not sending any access-control-allow-origin response header, or by not including the site's origin in any access-control-allow-origin response header it does send), then the browser marks the image as tainted and restricts access to its image data, preventing its usage in <canvas> elements.
... allowed values: anonymous a cors request is
sent with credentials omitted (that is, no cookies, x.509 certificates, or authorization request header).
...And 13 more matches
MIME types (IANA media types) - HTTP
no whitespace is allowed in a mime type: type/subtype the type repre
sents the general category into which the data type falls, such as video or text.
... the subtype identifies the exact kind of data of the specified type the mime type repre
sents.
...discrete types are types which repre
sent a single file or medium, such as a single text or music file, or a single video.
...And 13 more matches
Using HTTP cookies - HTTP
cookies are
sent with every request, so they can worsen performance (especially for mobile data connections).
...the cookie is usually stored by the browser, and then the cookie is
sent with requests made to the same server inside a cookie http header.
... an expiration date or duration can be specified, after which the cookie is no longer
sent.
...And 13 more matches
Debugger - Firefox Developer Tools
this property gives debugger code a single point of control for di
sentangling itself from the debuggee, regardless of what sort of events or handlers or “points” we add to the interface.
... setting this to false prevents this debugger instance from requiring any code coverage instrumentation, but it does not guarantee that the instrumentation is not pre
sent.
...for example, an uncaught exception hook may have access to browser-level features like the alert function, which this api’s implementation does not, making it possible to pre
sent debugger errors to the developer in a way suited to the context.) debugger handler functions each debugger instance inherits accessor properties with which you can store handler functions for spidermonkey to call when given events occur in debuggee code.
...And 12 more matches
Timing element visibility with the Intersection Observer API - Web APIs
the wrapper's width is fixed at 700px so that it will fit in the available space when pre
sented inline on mdn below.
... the sidebar our sidebar is used to pre
sent links to other pages on the site.
... none of them work in our example here, but they exist to help with the pre
sentation of a blog-like experience.
...And 12 more matches
Service Worker API - Web APIs
service workers es
sentially act as proxy servers that sit between web applications, the browser, and the network (when available).
... interfaces cache repre
sents the storage for request / response object pairs that are cached as part of the serviceworker life cycle.
... cachestorage repre
sents the storage for cache objects.
...And 12 more matches
Rendering and the WebXR frame animation callback - Web APIs
once your webxr environment has been set up and an xrsession created to repre
sent an ongoing xr environment session, you need to provide frames of the scene to the xr device for rendering.
... this article covers the process of driving the frames of the xr scene to the device in the rendering loop, using the xrsession to obtain an xrframe object repre
senting each frame, which is then used to prepare the framebuffer for delivery to the xr device.
...await xrsession.requestreferencespace("immersive-vr"); if (worldrefspace) { viewerrefspace = worldrefspace.getoffsetreferencespace( new xrrigidtransform(viewerstartposition, viewerstartorientation)); animationframerequestid = xrsession.requestanimationframe(mydrawframe); } } after getting a reference space for the immersive world, this creates an offset reference space repre
senting the position and orientation of the viewer by creating an xrrigidtransform repre
senting that position and orientation, then calling the xrreferencespace method getoffsetreferencespace().
...And 12 more matches
HTTP response status codes - HTTP
101 switching protocol this code is
sent in response to an upgrade request header from the client, and indicates the protocol the server is switching to.
...this is typically the response
sent after post requests, or some put requests.
... 205 reset content tells the user-agent to reset the document which
sent this request.
...And 12 more matches
JavaScript data types and data structures - JavaScript
boolean type boolean repre
sents a logical entity and can have two values: true and false.
...in addition to repre
senting floating-point numbers, the number type has three symbolic values: +infinity, -infinity, and nan ("not a number").
... the number type has only one integer with two repre
sentations: 0 is repre
sented as both -0 and +0.
...And 12 more matches
Notes on HTML Reflow - Archive of obsolete content
more than one frame may be needed to repre
sent a single element from the content model; for example, text that wraps is broken into several frames, one per wrapped line.
...these are dispatched directly from the pre
sentation shell (e.g., nsipresshell::stylechangereflow), and affect the entire frame tree.
...incremental reflows are queued by the pre
sentation shell for batched dispatch.
...And 11 more matches
IPDL Tutorial
all ipdl messages are
sent between parent and a child end points, called actors.
... an ipdl protocol declares how actors communicate: it declares the possible messages that may be
sent between actors, as well as a state machine describing when messages are allowed to be
sent.
...two messages can be
sent from the parent to the child, init() and shutdown().
...And 11 more matches
nsISmsRequestManager
oid notifymarkmessagereadfailed(in long arequestid, in long aerror); void notifynomessageinlist(in long arequestid); void notifyreadmessagelistfailed(in long arequestid, in long aerror); void notifysmsdeleted(in long arequestid, in bool adeleted); void notifysmsdeletefailed(in long arequestid, in long aerror); void notifysmssendfailed(in long arequestid, in long aerror); void notifysms
sent(in long arequestid, in nsidommozsmsmessage amessage); constants all sms related errors that could apply to smsrequest objects.
...notifycreatemessagelist() void notifycreatemessagelist( in long arequestid, in long alistid, in nsidommozsmsmessage amessage ); parameters arequestid a number repre
senting the id of the request.
... alistid a number repre
senting the id of the list.
...And 11 more matches
Drawing and Event Handling - Plugins
the npwindow structure repre
sents either the native window or a drawable.
... for windowless plug-ins, the browser calls the npp_setwindow method with an npwindow structure that repre
sents a drawable.
... for windowed plug-ins, the browser calls the npp_setwindow method with an npwindow structure that repre
sents a window.
...And 11 more matches
Index - Firefox Developer Tools
2 3d view html, tools, web development, web development:tools when you click on the 3d view button, the page goes into 3d view mode; in this mode, you can see your page pre
sented in a 3d view in which nested blocks of html are increasingly "tall," projecting outward from the bottom of the page.
... 19 debugger.environment a debugger.environment instance repre
sents a lexical environment, associating names with variables.
... each debugger.frame instance repre
senting a debuggee frame has an associated environment object describing the variables in scope in that frame; and each debugger.object instance repre
senting a debuggee function has an environment object repre
senting the environment the function has closed over.
...And 11 more matches
AddressErrors - Web APIs
any members which is pre
sent indicates that a validation error occurred for the member of the same name in an address described using paymentaddress.
... properties addressline a domstring which, if pre
sent, indicates that the addressline property of the paymentaddress could not be validated.
... city a domstring which, if pre
sent, indicates that the city property of the paymentaddress could not be validated.
...And 11 more matches
HTMLElement - Web APIs
the htmlelement interface repre
sents any html element.
... htmlelement.accesskey is a domstring repre
senting the access key assigned to the element.
... htmlelement.contextmenu is a htmlmenuelement repre
senting the contextual menu associated with the element.
...And 11 more matches
HTMLFrameSetElement - Web APIs
windoweventhandlers.onafterprint is an eventhandler repre
senting the code to be called when the afterprint event is raised.
... windoweventhandlers.onbeforeprint is an eventhandler repre
senting the code to be called when the beforeprint event is raised.
... windoweventhandlers.onbeforeunload is an eventhandler repre
senting the code to be called when the beforeunload event is raised.
...And 11 more matches
TouchEvent - Web APIs
the touchevent interface repre
sents an uievent which is
sent when the state of contacts with a touch-sensitive surface changes.
... touches are repre
sented by the touch object; each touch is described by a position, size and shape, amount of pressure, and target element.
... lists of touches are repre
sented by touchlist objects.
...And 11 more matches
WebGL model view projection - Web APIs
it still repre
sents a point in 3d space and it can easily be demonstrated how to construct this type of coordinate through a pair of simple functions.
... this homogeneous coordinate repre
sents some point at infinity.
... this is a handy way to repre
sent a ray shooting off from the origin in a specific direction.
...And 11 more matches
Establishing a connection: The WebRTC perfect negotiation pattern - Web APIs
a polite peer, es
sentially, is one which may send out offers, but then responds if an offer arrives from the other peer with "okay, never mind, drop my offer and i'll consider yours instead." an impolite peer, which always ignores incoming offers that collide with its own offers.
... this way, both peers know exactly what should happen if there are collisions between offers that have been
sent.
...the latter is an array of mediastream objects, each repre
senting a stream containing this track (a track may in rare cases belong to multiple streams at once).
...And 11 more matches
window.location - Web APIs
ocation[sprop] || "n/a")); } alert(alog.join("\n")); } // in html: <button onclick="showloc();">show location properties</button> example #5: send a string of data to the server by modifying the search property: function senddata (sdata) { location.search = sdata; } // in html: <button onclick="senddata('some data');">send data</button> the current url with "?some%20data" appended is
sent to the server (if no action is taken by the server, the current document is reloaded with the modified search string).
...prae
sent bibendum condimentum feugiat.</p> <p id="mybookmark1">[ <span class="intlink" onclick="showbookmark('#mybookmark2');">go to bookmark #2</span> ]</p> <p>vivamus blandit massa ut metus mattis in fringilla lectus imperdiet.
...prae
sent vel elementum felis.
...And 11 more matches
ARIA Test Cases - Accessibility
ue" or "false" notes: need testcase where aria-checked attribute is removed instead of set to false results: at firefox ie opera safari jaws 9 - - n/a n/a jaws 10 pass fail (changes not spoken) fail fail voiceover (leopard) n/a n/a - fail window-eyes pass pass fail (unchecked pre
sented as checked, ie exposing incorrect state for no aria-checked attribute) fail fail nvda fail on #2 -- repetitive text spoken, first checkbox toggle speaks incorrect state n/a fail fail zoom (leopard) pass n/a pass pass zoomtext pass - fail fail orca pass n/a - - tristate checkbox testcases: ...
... fail - changes not spoken fail fail voiceover (leopard) n/a n/a - fail window-eyes pass fail (unchecked pre
sented as checked, ie exposing incorrect state for no aria-checked attribute) fail fail nvda fail -- for change from mixed to fully checked, nothing spoken n/a fail fail zoom (leopard) pass n/a pass pass zoomtext pass - fail fail orca - n/a - - combobox testcases: editable combo 2 dojo nightly build (...
... nvda - n/a - - zoom (leopard) pass n/a pass pass zoomtext - - - - orca - - - - dialog dojo nightly build- note that this may not always work dojo 1.2.3 release yui dialogs -- use first two dialog buttons expected at behavior: (mz) when the dialog opens, the dialog caption (or title), role, and if pre
sent, description should be read by screen readers, followed by the focused widget.
...And 11 more matches
Cognitive accessibility - Accessibility
easily-understood content, such as text written using plain-language standards; focusing attention on important content; minimizing distractions, such as unnecessary content or advertisements; providing consistent web page layout and navigation; incorporating familiar elements, such as underlined links that are blue when not visited and purple when visited; dividing processes into logical, es
sential steps with progress indicators; making website authentication as easy as possible without compromising security; and making forms easy to complete, such as with clear error messages and simple error recovery.
...for example, being able to extend the expiration time on an application requiring an authentication code
sent to a mobile device via text message helps with the following scenarios: people with attention or anxiety disorders.
... adaptability guideline 1.3 states "content should be adaptable." create content that can be pre
sented in different ways without losing information or structure.
...And 11 more matches
CSS values and units - CSS: Cascading Style Sheets
the initial keyword repre
sents the value specified as the property’s initial value.
... the inherit keyword repre
sents the computed value of the property on the element’s parent, provided it is inherited.
... numbers a <number> repre
sents a real number, which may or may not have a decimal point with a fractional component, for example 0.255, 128 or -1.2.
...And 11 more matches
An overview of HTTP - HTTP
the messages
sent by the client, usually a web browser, are called requests and the messages
sent by the server as an answer are called responses.
...it is an application layer protocol that is
sent over tcp, or over a tls-encrypted tcp connection, though any reliable transport protocol could theoretically be used.
... components of http-based systems http is a client-server protocol: requests are
sent by one entity, the user-agent (or a proxy on behalf of it).
...And 11 more matches
Number - JavaScript
number is a primitive wrapper object used to repre
sent and manipulate numbers like 37 or -9.25.
...this means it can repre
sent fractional values, but there are some limits to what it can store.
... static properties number.epsilon the smallest interval between two repre
sentable numbers.
...And 11 more matches
MathML documentation index - MathML
7 values guide, mathml, mathml reference several mathml pre
sentation elements have attributes that accept length values used for size or spacing.
... 8 mathml documentation index index, mathml found 40 pages: 9 mathml element reference mathml, mathml reference this is an alphabetical list of mathml pre
sentation elements.
... 18 <mlabeledtr> mathml, mathml reference, mathml:element, mathml:tabular math the mathml <mlabeledtr> element is used to repre
sent a label in a row either on the left or on the right side (determined using the side attribute on the <mtable> element).
...And 11 more matches
Web video codec guide - Web media technologies
if the codec converts the media into an internal pixel format, or otherwise repre
sents the image using a means other than simple pixels, the format of the original image doesn't make any difference.
...additionally, in saturated portions of the image (that is, where colors are pure and intense, such as a bright, pure red [rgba(255, 0, 0, 1)]), color depths below 10 bits per component (10-bit color) allow banding, where gradients cannot be repre
sented without visible stepping of the colors.
... resolution (width and height) higher resolution video, pre
sented in the same screen size, will typically be able to more accurately portray the original scene, barring effects introduced during compression.
...And 11 more matches
Chapter 5: Let's build a Firefox extension - Archive of obsolete content
preference description value nglayout.debug.disable_xul_cache (not pre
sent in firefox 3.5+) ordinarily, firefox will cache xul documents after they have been read in once, to speed subsequent displays.
... true browser.dom.window.dump.enabled (not pre
sent in firefox 3.5+) enables use of the dump method for debugging.
... true javascript.options.showinconsole (pre
sent in firefox 3.5+) outputs javascript errors to the error console.
...And 10 more matches
CSS - Archive of obsolete content
it only works on mac os x.-ms-acceleratorthe -ms-accelerator css property is a microsoft extension that sets or retrieves a string indicating whether the object repre
sents a keyboard shortcut.-ms-block-progressionthe -ms-block-progression css property is a microsoft extension that specifies the block progression and layout orientation.-ms-content-zoom-chainingthe -ms-content-zoom-chaining css property is a microsoft extension specifying the zoom behavior that occurs when a user hits the zoom limit during page manipulation.-ms-content-zoom-limitthe -ms-content-zoom...
...s.-ms-wrap-marginthe -ms-wrap-margin css property is a microsoft extension that specifies a margin that offsets the inner wrap shape from other shapes.-ms-wrap-throughthe -ms-wrap-through css property is a microsoft extension that specifies how content should wrap around an exclusion element.:-moz-full-screen-ancestorthe :-moz-full-screen-ancestor css pseudo-class is a mozilla extension that repre
sents all ancestors of the full-screen element, except containing frames in parent documents, which are the full-screen element in their own documents.
... however, those elements' ancestors have this pseudo-class applied to them.:-moz-system-metric()this page was auto-generated because a user created a sub-page to this page.::-ms-browsethe ::-ms-browse css pseudo-element is a microsoft extension that repre
sents the button that opens the file picker of <input type="file">.::-ms-checkthe ::-ms-check css pseudo-element is a microsoft extension that repre
sents checkboxes and radio button groups created by <input type="checkbox"> and <input type="radio">.::-ms-clearthe ::-ms-clear css pseudo-element creates a clear button at the edge of an <input type="text"> text control that clears the current value.
...And 10 more matches
Basic native form controls - Learn web development
all basic text controls share some common behaviors: they can be marked as readonly (the user cannot modify the input value but it is still
sent with the rest of the form data) or disabled (the input value can't be modified and is never
sent with the rest of the form data).
... keep in mind this is just a user interface feature; unless you submit your form securely, it will get
sent in plain text, which is bad for security — a malicious party could intercept your data and steal passwords, credit card details, or whatever else you've submitted.
...address), so the data is encrypted before it is
sent.
...And 10 more matches
Sending form data - Learn web development
on the client side: defining how to send the data the <form> element defines how the data will be
sent.
... all of its attributes are designed to let you configure the request to be
sent when a user hits a submit button.
... the action attribute the action attribute defines where the data gets
sent.
...And 10 more matches
OS.File for the main thread
example: determine if a file is a directory the following snippet determines if some path repre
sents a file or a directory: let promise = os.file.stat(somepath); promise = promise.then( function onsuccess(stat) { if (stat.isdir) { // the path repre
sents a directory } else { // the path repre
sents a file, not a directory } }, function onfailure(reason) { if (reason instanceof os.file.error && reason.becausenosuchfile) { // the file does not exist } el...
... file.close(); }, function onerror(reason) { file.close(); throw reason; }); return promise; } or a variant using task.js (or at least the subset already pre
sent on mozilla-central): let writestream = function writestream(data, outfile, chunksize) { return task.spawn(function() { let view = new uint8array(data); let pos = 0; while (pos < view.bytelength) { pos += yield outfile.write(view.subarray(pos, chunksize)); } outfile.close(); }).then( null, function onfailure(reason) { outfile.close(); throw reason...
... promise resolves to an instance of os.file repre
senting the expected file.
...And 10 more matches
XForms Accessibility
therefore accessible children are formed from any accessible child elements of form control element and from elements that are introduced by its pre
sentation.
... forms controls module some of form control elements may be repre
sented in few ways by different widgets.
... this section lists accessible pre
sentations for form control elements.
...And 10 more matches
Debugger.Object - Firefox Developer Tools
debugger.object a debugger.object instance repre
sents an object in the debuggee, providing reflection-oriented methods to inspect and modify its referent.
... spidermonkey creates exactly one debugger.object instance for each debuggee object it pre
sents to a given debugger instance: if the debugger encounters the same object through two different routes (perhaps two functions are called on the same object), spidermonkey pre
sents the same debugger.object instance to the debugger each time.
...(in firefox terminology, privileged code sees the element through an “xray wrapper”.) to ensure that debugger code sees each object just as the debuggee would, each debugger.object instance pre
sents its referent as it would be seen from a particular compartment.
...And 10 more matches
CSS Typed Object Model API - Web APIs
css typed object model api provides interfaces to interact with underlying values, by repre
senting them with specialized js objects that can be manipulated and understood more easily and more reliably than string parsing and concatenation.
... stylepropertymap the stylepropertymap interface of the the css typed object model api provides a repre
sentation of a css declaration block that is an alternative to cssstyledeclaration.
... cssunparsedvalue the cssunparsedvalue interface of the css typed object model api repre
sents property values that reference custom properties.
...And 10 more matches
File and Directory Entries API - Web APIs
getting access to a file system there are two ways to get access to file systems defined in the current specification draft: when handling a drop event for drag and drop, you can call datatransferitem.webkitgeta
sentry() to get the filesystementry for a dropped item.
...it includes the following interfaces: filesystem repre
sents a file system.
... filesystementry the basic interface repre
senting a single entry in a file system.
...And 10 more matches
KeyboardEvent - Web APIs
keyboardevent.code read only returns a domstring with the code value of the physical key repre
sented by the event.
... keyboardevent.key read only returns a domstring repre
senting the key value of the key repre
sented by the event.
... keyboardevent.locale read only returns a domstring repre
senting a locale string indicating the locale the keyboard is configured for.
...And 10 more matches
Node - Web APIs
in addition, every kind of dom node is repre
sented by an interface based on node.
... node.baseuriread only returns a domstring repre
senting the base url of the document containing the node.
... node.baseuriobject read only (not available to web content.) the nsiuri object repre
senting the base uri for the element.
...And 10 more matches
PerformanceNavigationTiming - Web APIs
the interface also supports the following properties: performancenavigationtiming.domcomplete read only a domhighrestimestamp repre
senting a time value equal to the time immediately before the browser sets the current document readiness of the current document to complete.
... performancenavigationtiming.domcontentloadedeventend read only a domhighrestimestamp repre
senting the time value equal to the time immediately after the current document's domcontentloaded event completes.
... performancenavigationtiming.domcontentloadedeventstart read only a domhighrestimestamp repre
senting the time value equal to the time immediately before the user agent fires the domcontentloaded event at the current document.
...And 10 more matches
Using DTMF with WebRTC - Web APIs
instead, they're
sent out-of-band, as rtp payloads.
...webrtc currently ignores these payloads; this is because webrtc's dtmf support is primarily intended for use with legacy telephone services that rely on dtmf tones to perform tasks such as: teleconferencing systems menu systems voicemail systems entry of credit card or other payment information passcode entry note: while the dtmf is not
sent to the remote peer as audio, browsers may choose to play the corresponding tone to the local user as part of their user experience, since users are typically used to hearing their phone play the tones audibly.
... sending dtmf on an rtcpeerconnection a given rtcpeerconnection can have multiple media tracks
sent or received on it.
...And 10 more matches
:nth-child() - CSS: Cascading Style Sheets
keyword values odd repre
sents elements whose numeric position in a series of siblings is odd: 1, 3, 5, etc.
... even repre
sents elements whose numeric position in a series of siblings is even: 2, 4, 6, etc.
... functional notation <an+b> repre
sents elements in a list whose indices match those found in a custom pattern of numbers, defined by an+b, where: a is an integer step size, b is an integer offset, n is all positive integers, starting from 0.
...And 10 more matches
:nth-last-child() - CSS: Cascading Style Sheets
/* selects every fourth element among any group of siblings, counting backwards from the last one */ :nth-last-child(4n) { color: lime; } note: this pseudo-class is es
sentially the same as :nth-child, except it counts items backwards from the end, not forwards from the beginning.
... syntax the nth-last-child pseudo-class is specified with a single argument, which repre
sents the pattern for matching elements, counting from the end.
... keyword values odd repre
sents elements whose numeric position in a series of siblings is odd: 1, 3, 5, etc., counting from the end.
...And 10 more matches
Intl.DateTimeFormat() constructor - JavaScript
this option overrides the hc language tag and/or the hourcycle option in case both are pre
sent.
...this option overrides the hc language tag, if both are pre
sent, and the hour12 option takes precedence in case both options have been specified.
... the following properties describe the date-time components to use in formatted output, and their desired repre
sentations.
...And 10 more matches
StringView - Archive of obsolete content
rawdata read only arraybufferview an arraybufferview containing the repre
sentation of the string as array of 8-bit, 16-bit, or 32-bit integers (depending on the chosen encoding).
... bufferview read only arraybufferview an arraybufferview containing the repre
sentation of the whole buffer as array of 8-bit, 16-bit, or 32-bit integers (depending on the chosen encoding).
... rawdata an arraybufferview containing the repre
sentation of the string as an array of 8-bit, 16-bit, or 32-bit integers (depending on the chosen encoding).
...And 9 more matches
Elements - Archive of obsolete content
an explicit encoding declarations may be pre
sent to override the default, for example <?xml version="1.0" encoding="iso-8859-1"?> uri in namespace declarations is an opaque string used to uniquely identify the namespace.
...for example, in javascript the value of this attribute repre
sents the name of the corresponding class that is constructed for the implementation.
...it repre
sents a single parameter of a method.
...And 9 more matches
Document and website structure - Learn web development
this article looks into how to plan a basic website structure, and write the html to repre
sent this structure.
... navigation bar: links to the site's main sections; usually repre
sented by menu buttons, links, or tabs.
... note: colorblind people repre
sent around 4% of the world population or, to put it another way, approximately 1 in every 12 men and 1 in every 200 women are colorblind.
...And 9 more matches
Index - Learn web development
4 assessment: accessibility troubleshooting accessibility, assessment, beginner, css, codingscripting, html, javascript, learn, wai-aria in the assessment for this module, we pre
sent to you a simple site with a number of accessibility issues that you need to diagnose and fix.
... for example, take the following line of content: 40 how the web works beginner, client, dns, http, ip, infrastructure, learn, server, tcp, l10n:priority this theory is not es
sential to writing web code in the short term, but before long you'll really start to benefit from understanding what's happening in the background.
... 90 build your own function article, beginner, codingscripting, functions, guide, javascript, learn, tutorial, build, invoke, l10n:priority, parameters with most of the es
sential theory dealt with in the previous article, this article provides practical experience.
...And 9 more matches
Accessibility API cross-reference
article <article> <part> or <art> object repre
senting entire app.
... n/a expressed with aria-haspopup on an element with a button role specific kind of button that drops down a grid, msaa only buttondropdowngrid n/a n/a specific kind of button that drops down a menu, msaa only buttonmenu n/a n/a expressed with aria-haspopup on an element with a button role repre
sents the system's caret caret n/a n/a n/a a brief portion of text describing a table or figure.
..., <figcaption> (for figures), and <label> with a for attribute (for input elements) a <toc> or <l> may contain a <caption> as its first item <caption> or <lbl> a cell in a table cell n/a table_cell cell <td> td not what you think - this is for the damn paperclip character n/a n/a n/a for graphics repre
senting data chart n/a figure ?
...And 9 more matches
about:memory
it is pre
sent in all builds and does not require any preparation to be used.
... if you are using a communication channel where files can be
sent, such as bugzilla or email, click on the "measure and save..." button.
... if you are using a communication channel where only text can be
sent, such as a comment thread on a website, click on the "measure..." button.
...And 9 more matches
sslfnc.html
if an ssl3 client hello message is
sent to a server that only understands ssl2 and not ssl3, then the server will interpret the ssl3 client hello as a very large message, and the connection will usually seem to "hang" while the ssl2 server expects more data that will never arrive.
... for this reason, the ssl3 spec allows ssl3 client hellos to be
sent in ssl2 format, and it recommends that ssl3 servers all accept ssl3 client hellos in ssl2 format.
... some applications may wish to force ssl3 client hellos to be
sent in ssl3 format, not in ssl2-compatible format.
...And 9 more matches
Debugger.Object - Firefox Developer Tools
debugger.object a debugger.object instance repre
sents an object in the debuggee, providing reflection-oriented methods to inspect and modify its referent.
... spidermonkey creates exactly one debugger.object instance for each debuggee object it pre
sents to a given debugger instance: if the debugger encounters the same object through two different routes (perhaps two functions are called on the same object), spidermonkey pre
sents the same debugger.object instance to the debugger each time.
...(in firefox terminology, privileged code sees the element through an "xray wrapper".) to ensure that debugger code sees each object just as the debuggee would, each debugger.object instance pre
sents its referent as it would be seen from a particular compartment.
...And 9 more matches
AudioListener - Web APIs
the audiolistener interface repre
sents the position and orientation of the unique person listening to the audio scene, and is used in audio spatialization.
... audiolistener.positionx repre
sents the horizontal position of the listener in a right-hand cartesian coordinate sytem.
... audiolistener.positiony repre
sents the vertical position of the listener in a right-hand cartesian coordinate sytem.
...And 9 more matches
Detecting device orientation - Web APIs
in particular, hand-held devices such as mobile phones can use this information to automatically rotate the display to remain upright, pre
senting a wide-screen view of the web content when the device is rotated so that its width is greater than its height.
...the first one is the deviceorientationevent, which is
sent when the accelerometer detects a change to the orientation of the device.
... the second event is the devicemotionevent, which is
sent when a change in acceleration was added.
...And 9 more matches
RTCDataChannel - Web APIs
the rtcdatachannel interface repre
sents a network channel which can be used for bidirectional peer-to-peer transfers of arbitrary data.
... propertiesalso inherits properties from: eventtargetbinarytype the property binarytype on the rtcdatachannel interface is a domstring which specifies the type of javascript object which should be used to repre
sent binary data received on the rtcdatachannel.
...the default is "blob".bufferedamount read only the read-only rtcdatachannel property bufferedamount returns the number of bytes of data currently queued to be
sent over the data channel.bufferedamountlowthreshold the rtcdatachannel property bufferedamountlowthreshold is used to specify the number of bytes of buffered outgoing data that is considered "low." the default value is 0.id read only the read-only rtcdatachannel property id returns an id number (between 0 and 65,534) which uniquely identifies the rtcdatachannel.label read only the read-only rtcdatachannel property label returns a domstring containing a name de...
...And 9 more matches
Geometry and reference spaces in WebXR - Web APIs
at a fundamental level, rendering of scenes for webxr pre
sentation in either augmented reality or virtual reality contexts is performed using webgl, so the two apis share much of the same design language.
... however, in order to provide the ability to pre
sent scenes in true 3d using xr headsets and other such equipment, webxr has additional concepts that must be understood.
... fundamentals of 3d geometry while we'll examine here the required math operations used to compute the positions, orientations, and movement of objects in virtual space—plus the need to integrate the human viewer of the scene into the mix—a thorough introduction to geometry and the use of matrices and vectors to manage 3d repre
sentations of a scene is well beyond the scope of what can be accomplished in this article.
...And 9 more matches
Lighting a WebXR setting - Web APIs
ambient light ambient light is light that doesn't come from a defined source, but is just pre
sent throughout the scene.
...ambient light is commonly pre
sent simply to prevent shadowed areas from becoming too dark, although it affects the entire scene; however, the amount of ambient light in a scene should be very low.
... because the intensity of diffuse light depends on the angle of incidence (the angle between the vector repre
senting the direction from which the light reaches the surface and the surface's normal vector or the vector perpendicular to the surface), the intensity or brightness of the light reflected by an object varies depending on the surface's orientation relative to the light source.
...And 9 more matches
Perceivable - Accessibility
note: to read the w3c definitions for perceivable and its guidelines and success criteria, see principle 1: perceivable - information and user interface components must be pre
sentable to users in ways they can perceive.
... for example, it can be spoken by a screenreader, converted to large print, or repre
sented on a braille display.
... 1.2.2 provide captions for web-based video (a) you should provide captions for video pre
sented on the web (e.g., html5 video).
...And 9 more matches
<length> - CSS: Cascading Style Sheets
the <length> css data type repre
sents a distance value.
... units relative length units relative lengths repre
sent a measurement in terms of some other distance.
... cap repre
sents the "cap height" (nominal height of capital letters) of the element’s font.
...And 9 more matches
Mouse gesture events - Developer guides
note: these gesture events are available to add-ons and other browser chrome code, but are never
sent to regular web page content.
...types of gesture events mozswipegesture the mozswipegesture event is
sent when the user uses three fingers to "swipe" the trackpad.
... mozmagnifygesturestart the mozmagnifygesturestart event is
sent when the user begins performing a "pinch" gesture, by using two fingers as the corners of a rectangle and moving them either closer together or farther apart.
...And 9 more matches
<script>: The Script element - HTML: Hypertext Markup Language
asynchtml5 for classic scripts, if the async attribute is pre
sent, then the classic script will be fetched in parallel to parsing and evaluated as soon as it is available.
... for module scripts, if the async attribute is pre
sent then the scripts and all their dependencies will be executed in the defer queue, therefore they will get fetched in parallel to parsing and evaluated as soon as they are available.
... this is a boolean attribute: the presence of a boolean attribute on an element repre
sents the true value, and the absence of the attribute repre
sents the false value.
...And 9 more matches
Numbers and dates - JavaScript
integer values up to ±253 − 1 can be repre
sented exactly.
... in addition to being able to repre
sent floating-point numbers, the number type has three symbolic values: +infinity, -infinity, and nan (not-a-number).
... a more recent addition to javascript is bigint which lets you repre
sent integers that may be very large.
...And 9 more matches
Date() constructor - JavaScript
creates a javascript date instance that repre
sents a single moment in time in a platform-independent format.
... date objects contain a number that repre
sents milliseconds since 1 january 1970 utc.
... parameters there are four basic forms for the date() constructor: no parameters when no parameters are provided, the newly-created date object repre
sents the current date and time as of the time of instantiation.
...And 9 more matches
The "codecs" parameter in common media types - Web media technologies
the list may also contain codecs not pre
sent in the file.= codec options by container the containers below support extended codec options in their codecs parameters: 3gp av1 iso bmff mpeg-4 quicktime webm several of the links above go to the same section; that's because those media types are all based on iso base media file format (iso bmff), so they share the same syntax.
... f a one-digit flag indicating whether the color should be allowed to use the full range of possible values (1), or should be constrained to those values considered legal for the specified color configuration (that is, the studio swing repre
sentation).
... the default is 0 (use the studio swing repre
sentation).
...And 9 more matches
Treehydra Manual - Archive of obsolete content
instead of repre
senting code in "easy" form like dehydra, treehydra relies on gimple, the gcc internals "middle-end" intermediate repre
sentation.
...callbacks and gcc intermediate repre
sentations like dehydra, treehydra sends program repre
sentations to the user javascript via callbacks.
...to make things easier, we will first pre
sent recipes for accessing specific gcc intermediate repre
sentations.
...And 8 more matches
XUL element attributes - Archive of obsolete content
flex type: string (repre
senting an integer) indicates the flexibility of the element, which indicates how an element's container distributes remaining empty space among its children.
... height type: string (repre
senting an integer) the preferred height of the element in pixels.
... left type: string (repre
senting an integer) for elements placed directly within a stack, specifies the pixel position of the left edge of the element relative to the left edge of the stack.
...And 8 more matches
nsIContentPolicy - Archive of obsolete content
shouldload() will never get this, because it does not repre
sent content to be loaded (the actual load triggered by the refresh will go through shouldload() as expected).
... type_internal_script 23 an internal constant used to repre
sent scripts loaded using <script> elements.
... type_internal_worker 24 an internal constant used to repre
sent scripts loaded through a dedicated worker.
...And 8 more matches
Localization content best practices
create localizable strings don't assume grammar structures you need to consider the need for different grammar structures in different locales, and add switching mechanisms to pre
sent them appropriately.
... splitting splitting
sentences into several keys often inadvertently presumes a grammar, a
sentence structure, and such composite strings are often very difficult to translate.
...for example, it might seem ok in english to pre
sent the strings [username] says: to localizers simply as says: but this will cause serious issues in many other languages as the agent of an action often will not come in front of the verb, but some other position.
...And 8 more matches
Shell global objects
ng line number for error messages and debug info columnnumber starting column number for error messages and debug info global global in which to execute the code newcontext if true, create and use a new cx (default: false) catchtermination if true, catch termination (failure without an exception value, as for slow scripts or out-of-memory) and return 'terminated' element if pre
sent with value v, convert v to an object o and mark the source as being attached to the dom element o.
... elementattributename if pre
sent and not undefined, the name of property of element that holds this code.
... sourcemapurl if pre
sent with value v, convert v to a string, and provide that as the code's source map url.
...And 8 more matches
nsIDOMWindowUtils
return value an nsidomwindow object repre
senting the outer window with the specified id; if no matching window is found, returns null.
... this includes the text of the script and details about its internal repre
sentation in spidermonkey, and counts for how often and in what ways each operation in the script executed.
... this is easier to implement than adding our property restrictions to this api, and is sufficient for the pre
sent testing requirements (which are es
sentially testing 'color').
...And 8 more matches
XPIDL
an xpidl file is es
sentially just a series of declarations.
...most native types are not scriptable: if it is not pre
sent in the list above, then it is certainly not scriptable (some of the above, particularly jsid, are not scriptable).
...if foo were declared readonly, the latter method would not be pre
sent.
...And 8 more matches
Debugger.Script - Firefox Developer Tools
for the former, it is the debugger api’s pre
sentation of a jsapi jsscript object.
... each of the following is repre
sented by a single jsscript object: the body of a function—that is, all the code in the function that is not contained within some nested function.
... note that spidermonkey may use the same debugger.script instances for equivalent functions or evaluated code—that is, scripts repre
senting the same source code, at the same position in the same source file, evaluated in the same lexical environment.
...And 8 more matches
Introduction to the DOM - Web APIs
the document object model (dom) is the data repre
sentation of the objects that comprise the structure and content of a document on the web.
...we'll look at how the dom repre
sents an html or xml document in memory and how you use apis to create web content and applications.
...it repre
sents the page so that programs can change the document structure, style, and content.
...And 8 more matches
Fullscreen API - Web APIs
the fullscreen api adds methods to pre
sent a specific element (and its descendants) in full-screen mode, and to exit full-screen mode once it is no longer needed.
... this makes it possible to pre
sent desired content—such as an online game—using the user's entire screen, removing all browser user interface elements and other applications from the screen until full-screen mode is shut off.
... event handlers on documents document.onfullscreenchange an event handler for the fullscreenchange event that's
sent to a document when that document is placed into full-screen mode, or when that document exits full-screen mode.
...And 8 more matches
HTMLLinkElement - Web APIs
the htmllinkelement interface repre
sents reference information for external resources and the relationship of those resources to a document and vice-versa (corresponds to <link> element; not to be confused with <a>, which is repre
sented by htmlanchorelement).
... htmllinkelement.as is a domstring repre
senting the type of content being loaded by the html link.
... htmllinkelement.disabled is a boolean which repre
sents whether the link is disabled; currently only used with style sheet links.
...And 8 more matches
HTMLTableElement - Web APIs
the htmltableelement interface provides special properties and methods (beyond the regular htmlelement object interface it also has available to it by inheritance) for manipulating the layout and pre
sentation of tables in an html document.
... htmltableelement.caption is a htmltablecaptionelement repre
senting the first <caption> that is a child of the element, or null if none is found.
... when set, if the object doesn't repre
sent a <caption>, a domexception with the hierarchyrequesterror name is thrown.
...And 8 more matches
Starting up and shutting down a WebXR session - Web APIs
assuming you're already familiar with 3d graphics in general and webgl in particular, taking that next bold step into mixed reality—the idea of pre
senting artificial scenery or objects in addition to or in place of the real world—is not overly complicated.
...this object repre
sents the overall webxr device suite available to you through the hardware and drivers available on the user's equipment.
... confirming the session type you need is available before trying to create a new webxr session, it's often wise to first check to see if the user's hardware and software support the pre
sentation mode you wish to use.
...And 8 more matches
Web Authentication API - Web APIs
note most javascript programmers that are creating an application will only really care about steps 1 and 5 where the create() function is called and subsequently returns; however, steps 2, 3, and 4 are es
sential to understanding the processing that takes place in the browser and authenticator and what the resulting data means.
... figure 1 - a diagram showing the sequence of actions for a web authentication registration and the es
sential data associated with each action.
...the parameters to the create() call are passed to the authenticator, along with a sha-256 hash of the clientdatajson (only a hash is
sent because the link to the authenticator may be a low-bandwidth nfc or bluetooth link and the authenticator is just going to sign over the hash to ensure that it isn't tampered with).
...And 8 more matches
Using Web Workers - Web APIs
the worker context is repre
sented by a dedicatedworkerglobalscope object in the case of dedicated workers (standard workers that are utilized by a single script; shared workers use sharedworkerglobalscope).
... data is
sent between workers and the main thread via a system of messages — both sides send their messages using the postmessage() method, and respond to messages via the onmessage event handler (the message is contained within the message event's data attribute.) the data is copied rather than shared.
...the numbers are
sent to a dedicated worker, multiplied together, and the result is returned to the page and displayed.
...And 8 more matches
XRView - Web APIs
properties eye read only which of the two eyes (left) or (right) for which this xrview repre
sents the perspective.
... this value is used to ensure that any content which is pre-rendered for pre
senting to a specific eye is distributed or positioned correctly.
... the value can also be none if the xrview is pre
senting monoscopic data (such as a 2d image, a full-screen view of text.
...And 8 more matches
<easing-function> - CSS: Cascading Style Sheets
for these values, 0.0 repre
sents the initial state, and 1.0 repre
sents the final state.
...this keyword repre
sents the easing function cubic-bezier(0.0, 0.0, 1.0, 1.0).
...p0 is (0, 0) and repre
sents the initial time and the initial state, p3 is (1, 1) and repre
sents the final time and the final state.
...And 8 more matches
<kbd>: The Keyboard Input element - HTML: Hypertext Markup Language
the html keyboard input element (<kbd>) repre
sents a span of inline text denoting textual user input from a keyboard, voice input, or any other text entry device.
... <kbd> may be nested in various combinations with the <samp> (sample output) element to repre
sent various forms of input or output based on visual cues.
... usage notes other elements can be used in tandem with <kbd> to repre
sent more specific scenarios: nesting a <kbd> element within another <kbd> element repre
sents an actual key or other unit of input as a portion of a larger input.
...And 8 more matches
Content negotiation - HTTP
in http, content negotiation is the mechanism that is used for serving different repre
sentations of a resource at the same uri, so that the user agent can specify which is best suited for the user (for example, which language of a document, which image format, or which content encoding).
...the server uses this url to choose one of the variants it provides – each variant being called a repre
sentation – and returns a specific repre
sentation to the client.
... the overall resource, as well as each of the repre
sentations, have a specific url.
...And 8 more matches
Date - JavaScript
javascript date objects repre
sent a single moment in time in a platform-independent format.
... date objects contain a number that repre
sents milliseconds since 1 january 1970 utc.
...instead, it is defined in ecma-262 that a maximum of ±100,000,000 (one hundred million) days relative to january 1, 1970 utc (that is, april 20, 271821 bce ~ september 13, 275760 ce) can be repre
sented by the standard date object (equivalent to ±8,640,000,000,000,000 milliseconds).
...And 8 more matches
JXON - Archive of obsolete content
jxon (lossless javascript xml object notation) is a generic name by which is defined the repre
sentation of javascript objects using xml.
...in these cases jxon could repre
sent the most practical way.
... in order to avoid conflicts, the repre
sentation of nodes and attributes names is case insensitive (always rendered in lower case), so objects' local property names set using javascript must always have some kind of capitalization (that is, at least one capital letter somewhere in their names), as you can see below.
...And 7 more matches
CSS values and units - Learn web development
<number> a <number> repre
sents a decimal number — it may or may not have a decimal point with a fractional component, for example 0.255, 128, or -1.2.
... <percentage> a <percentage> repre
sents a fraction of some other value, for example 50%.
...each hex value consists of a hash/pound symbol (#) followed by six hexadecimal numbers, each of which can take one of 16 values between 0 and f (which repre
sents 15) — so 0123456789abcdef.
...And 7 more matches
InstallListener
void onnewinstall( in addoninstall install ) parameters install the addoninstall repre
senting the install ondownloadstarted() called when downloading begins for an add-on install.
... void ondownloadstarted( in addoninstall install ) parameters install the addoninstall repre
senting the install ondownloadprogress() called as data is received during a download.
... void ondownloadprogress( in addoninstall install ) parameters install the addoninstall repre
senting the install ondownloadended() called when downloading completes successfully for an add-on install.
...And 7 more matches
PRExplodedTime
a clock/calendar repre
sentation of times.
... syntax #include <prtime.h> typedef struct prexplodedtime { print32 tm_usec; print32 tm_sec; print32 tm_min; print32 tm_hour; print32 tm_mday; print32 tm_month; print16 tm_year; print8 tm_wday; print16 tm_yday; prtimeparameters tm_params; } prexplodedtime; description the prexplodedtime structure repre
sents clock/calendar time.
...in addition, prexplodedtime includes a prtimeparameters structure repre
senting the local time zone information, so that the time point is non-ambiguously specified.
...And 7 more matches
IAccessibleText
ia2_text_boundary_
sentence is optional.
...however, if the application developer was not satisfied with how screen readers have handled the reading of
sentences this boundary type could be implemented and screen readers could use the application's version of a
sentence rather than the screen reader's.
...if the text() is implemented as a tree of text() objects with embed characters in higher levels repre
senting substrings of child text() objects and the caret is in one of the child text() objects, then the offset in the higher level text() object would be at the embed character repre
senting child text() object that contains the caret.
...And 7 more matches
nsIURI
spec autf8string returns a string repre
sentation of the uri.
... specignoringref autf8string returns a string repre
sentation of the uri without the ref (part after the #) portion.
... return value an nsiuri object that repre
sents the same uri as the current nsiuri.
...And 7 more matches
Add to iPhoto
these are declared near the top of the code: const osstatus = ctypes.int32_t; const cfindex = ctypes.long; const optionbits = ctypes.uint32_t; osstatus used to repre
sent the status code resulting from an operation.
... cfindex a core foundation long integer type used to repre
sent indexes into lists.
...in c, the declaration looks like this: typedef struct { cfindex location; cfindex length; } cfrange; to declare this for use with js-ctypes, we use the following code: this.cfrange = new ctypes.structtype("cfrange", [ {'location': ctypes.int32_t}, {'length': ctypes.int32_t}]); this defines corefoundation.cfrange to repre
sent this data type, comprised of two 32-bit integer fields called location and length.
...And 7 more matches
Working with data
creating cdata objects data types for use with js-ctypes are repre
sented by ctype objects.
... if the type repre
sents a javascript string (that is, an array of jschar characters followed by a null terminator), a copy of that string is created and returned.
..., 2, 3, 4])"` mycasted.addressofelement(1).contents; // this outputs `2` mycasted.addressofelement(1).contents.tostring(); // outputs: `"2"` source of this, and to see wrong ways of casting, and explanation on why this is the right way to cast an array (explained by matching constructor's) see here: githubgist :: _ff-addon-tutorial-jsctypes_castingarrays data and pointers a cdata object repre
sents a c value in memory.
...And 7 more matches
Int64
because javascript doesn't currently include standard support for 64-bit integer values, js-ctypes offers the int64 and uint64 objects to let you work with c functions and data that need (or may need) values repre
sented using a 64-bit data type.
...this may be specified as an integer (if the value can be repre
sented as a 32-bit value), another 64-bit integer object (either signed or unsigned), or as a string, which may consist of an optional minus sign, followed by either a decimal number or "0x" or "0x" followed by a hexadecimal number.
...you can therefore use a string to repre
sent a 64-bit value that is too large to repre
sent as a 32-bit javascript number.
...And 7 more matches
UInt64
as javascript doesn't currently include standard support for 64-bit integer values, js-ctypes offers the int64 and uint64 objects to let you work with c functions and data that need (or may need) to use data repre
sented using a 64-bit data type.
...this may be specified as an integer (if the value can be repre
sented as a 32-bit value), another 64-bit integer object (either signed or unsigned), or as a string, which may consist of an optional minus sign, followed by either a decimal number or "0x" or "0x" followed by a hexadecimal number.
...you can therefore use a string to repre
sent a 64-bit value that is too large to repre
sent as a 32-bit javascript number.
...And 7 more matches
Streams - Plugins
streams are objects that repre
sent urls and the data they contain, or data
sent by a plug-in without an associated url.
... streams produced by the browser can be automatically
sent to or requested by the plug-in instance.
... streams
sent by the plug-in to the browser are like normal-mode streams produced by the browser, but in reverse.
...And 7 more matches
Debugger.Source - Firefox Developer Tools
debugger.source a debugger.source instance repre
sents either a piece of javascript source code or the serialized text of a block of webassembly code.
... each debugger instance has a separate collection of debugger.source instances repre
senting the source code that has been pre
sented to the system.
... debugger.source for javascript for a debugger.source instance repre
senting a piece of javascript source code, its properties provide the source code itself as a string, and describe where it came from.
...And 7 more matches
HTMLObjectElement - Web APIs
the htmlobjectelement interface provides special properties and methods (beyond those on the htmlelement interface it also has available to it by inheritance) for manipulating the layout and pre
sentation of <object> element, repre
senting external resources.
... htmlobjectelement.align is a domstring repre
senting an enumerated property indicating alignment of the element's contents with respect to the surrounding context.
... htmlobjectelement.code is a domstring repre
senting the name of an applet class file, containing either the applet's subclass, or the path to get to the class, including the class file itself.
...And 7 more matches
Key Values - Web APIs
vk_hanja (0x19) [1] gdk_key_hangul_hanja (0xff34) qt::key_hangul_hanja (0x01001134) "junjamode" selects the junja mode, in which korean is repre
sented using single-byte latin characters.
... qt::key_context4 (0x01100003) phone keys these keys repre
sent buttons which commonly exist on modern smartphones.
... keyboardevent.key value description virtual keycode windows mac linux android "appswitch" pre
sents a list of recently-used applications which lets the user change apps quickly.
...And 7 more matches
PannerNode - Web APIs
the pannernode interface repre
sents the position and behavior of an audio source signal in space.
... pannernode.maxdistance a double value repre
senting the maximum distance between the audio source and the listener, after which the volume is not reduced any further.
... pannernode.orientationx repre
sents the horizontal position of the audio source's vector in a right-hand cartesian coordinate system.
...And 7 more matches
Using bounded reference spaces - Web APIs
not only is it repre
sented by a unique subclass, xrboundedreferencespace, but it's the only one which restricts movement based not upon virtual restrictions but upon limitations imposed by the real world.
... this article examines bounded reference spaces as repre
sented by xrboundedreferencespace, describing what they are and how they're used.
... introduction a bounded reference space is one which repre
sents an xr environment in which the user is able to move around physically in the real world while being tracked by the xr hardware, with their movements being then transposed into the simulation.
...And 7 more matches
Fundamentals of WebXR - Web APIs
the blue wedge repre
sents the field of view of the leflt eye; the red wedge is the fov of the right eye.
...the former, specified by the session mode string inline, pre
sents the rendered scene within the context of a document in a web browser, and doesn't require special xr hardware to view.
... augmented reality in augmented reality (ar), the user sees the imagery you render pre
sented on top of the physical, real-world environment around them.
...And 7 more matches
Example and tutorial: Simple synth keyboard - Web APIs
this article pre
sents the code and working demo of a video keyboard you can play using the mouse.
...then we establish a box that will be pre
sented on the left side of the bar and place a label and an <input> element of type "range".
... the range element will typically be pre
sented as a slider control; we configure it to allow any value between 0.0 and 1.0, stepping by 0.01 each position.
...And 7 more matches
Web Speech API - Web APIs
the speechgrammar interface repre
sents a container for a particular set of grammar that your app should recognise.
... grammar is defined using jspeech grammar format (jsgf.) speech synthesis is accessed via the speechsynthesis interface, a text-to-speech component that allows programs to read out their text content (normally via the device's default speech synthesiser.) different voice types are repre
sented by speechsynthesisvoice objects, and different parts of text that you want to be spoken are repre
sented by speechsynthesisutterance objects.
... web speech api interfaces speech recognition speechrecognition the controller interface for the recognition service; this also handles the speechrecognitionevent
sent from the recognition service.
...And 7 more matches
Window.open() - Web APIs
return value a windowproxy object, which is basically a thin wrapper for the window object repre
senting the newly created window, and has all its features available.
...the width value includes the width of the vertical scrollbar if pre
sent.
...the height value includes the height of the horizontal scrollbar if pre
sent.
...And 7 more matches
XMLHttpRequest - Web APIs
if your communication needs to involve receiving event data or message data from a server, consider using server-
sent events through the eventsource interface.
... xmlhttprequest.responsetext read only returns a domstring that contains the response to the request as text, or null if the request was unsuccessful or has not yet been
sent.
... xmlhttprequest.responsexml read only returns a document containing the response to the request, or null if the request was unsuccessful, has not yet been
sent, or cannot be parsed as xml or html.
...And 7 more matches
ARIA Screen Reader Implementors Guide - Accessibility
optionally, create a second, additional queue if the user configures a second hardware channel: if there are two channels for pre
sentation (e.g.
... text to speech and a braille display), then two queues can be maintained to allow for parallel pre
sentation.
... the channels could be user configured for pre
senting live regions based on role or politeness.
...And 7 more matches
<color> - CSS: Cascading Style Sheets
the <color> css data type repre
sents a color in the srgb color space.
... color keywords color keywords are case-insensitive identifiers that repre
sent a specific color, such as red, blue, black, or lightseagreen.
... although the names more or less describes their respective colors, they are es
sentially artificial, without a strict rationale behind the names used.
...And 7 more matches
<area> - HTML: Hypertext Markup Language
implicit aria role link when href attribute is pre
sent, otherwise no corresponding role permitted aria roles no role permitted dom interface htmlareaelement attributes this element's attributes include the global attributes.
...the text should be phrased so that it pre
sents the user with the same kind of choice as the image would offer when displayed without the alternative text.
... download this attribute, if pre
sent, indicates that the author intends the hyperlink to be used for downloading a resource.
...And 7 more matches
<input type="file"> - HTML: Hypertext Markup Language
value a domstring repre
senting the path to the selected file.
... supported common attributes required additional attributes accept, capture, files, multiple idl attributes files and value dom interface htmlinputelement properties properties that apply only to elements of type file methods select() value a file input's value attribute contains a domstring that repre
sents the path to the selected file(s).
... if the user selected multiple files, the value repre
sents the first file in the list of files they selected.
...And 7 more matches
<input type="tel"> - HTML: Hypertext Markup Language
despite the fact that inputs of type tel are functionally identical to standard text inputs, they do serve useful purposes; the most quickly apparent of these is that mobile browsers — especially on mobile phones — may opt to pre
sent a custom keypad optimized for entering phone numbers.
... value a domstring repre
senting a telephone number, or empty events change and input supported common attributes autocomplete, list, maxlength, minlength, pattern, placeholder, readonly, and size idl attributes list, selectionstart, selectionend, selectiondirection, and value methods select(), setrangetext(), setselectionrange() value the <input> element's value attribute contains a domstring that either repre
sents a telephone number or is an empty string ("").
...maximum length, in utf-16 characters, to accept as a valid input minlength the minimum length that is considered valid for the field's contents pattern a regular expression the entered value must match to pass constraint validation placeholder an example value to display inside the field when it has no value readonly a boolean attribute which, if pre
sent, indicates that the field's contents should not be user-editable size the number of characters wide the input field should be onscreen list the values of the list attribute is the id of a <datalist> element located in the same document.
...And 7 more matches
HTTP headers - HTTP
used for backwards compatibility with http/1.0 caches where the cache-control header is not yet pre
sent.
... device-memory technically a part of device memory api, this header repre
sents an approximate amount of ram client has.
... content negotiation accept informs the server about the types of data that can be
sent back.
...And 7 more matches
<semantics> - MathML
in mathml there are two ways to mark up mathematics: pre
sentation mathml is used to control the layout of equations, whereas content mathml is designed to encode the semantic mathematical meaning and to make expressions understandable to computer algebra systems.
... the mathml elements <semantics>, <annotation> and <annotation-xml> are used to combine pre
sentation and content markup and to provide both, layout information and semantic meaning of mathematical expressions.
... the rules of determining the visible child in a <semantics> element are the following: if no rule other rule applies: by default only the first child is rendered, which is supposed to be pre
sentation markup.
...And 7 more matches
content/mod - Archive of obsolete content
gettargetwindow(target) function takes target, value repre
senting content (page) and returns nsidomwindow for that content.
... if target does not repre
sents valid content null is returned.
... parameters target : object the object for which we want to obtain the window repre
sented or contained.
...And 6 more matches
Session store API - Archive of obsolete content
knowing when to restore each time firefox is about to restore a tab, an event of type sstabrestoring is
sent.
... this event is
sent just before a tab is restored.
...it's worth noting that this event is
sent even if tab loading at startup is deferred until the user selects the tab.
...And 6 more matches
Dehydra Object Reference - Archive of obsolete content
introduction dehydra repre
sents c++ types and variables as javascript objects.
... variable objects dehydra pre
sents ast nodes as variables.
... these types are used to repre
sent variables, functions, assignments, etc.
...And 6 more matches
Adding Event Handlers - Archive of obsolete content
the event is then
sent to the xul in phases.
... in the capturing phase, the event is first
sent to the window, then to the document, followed by each ancestor of the xul element where the event occured downwards until it reaches that element.
... in the target phase, the event is
sent to the target xul element.
...And 6 more matches
XForms Output Element - Archive of obsolete content
attributes ui common appearance - the value of this attribute gives a hint to the xforms processor as to which type of widget(s) to use to repre
sent this control accesskey - used to specify the keyboard shortcut for focusing this control single-node binding special value - xpath expression whose evaluation result is used as the output's value.
... if binding attributes are pre
sent on the control then the value attribute is is ignored.
... repre
sentations the xforms output element can be repre
sented by the following widgets for the specified data types (or types derived from these data types): text - default repre
sentation for instance data of most types, especially static text (xhtml/xul).
...And 6 more matches
The Business Benefits of Web Standards - Archive of obsolete content
site wide consistent look and feel by separating structure (or content) from pre
sentation, web designers have a lot to gain.
... specifically, pre
sentation is defined using layout-oriented css language.
... storing css in a separate document (aka style sheet) and applying it to a set of html documents permits a complete change of pre
sentation for all these documents in a snap.
...And 6 more matches
HTML text fundamentals - Learn web development
each element repre
sents a different level of content in the document; <h1> repre
sents the main heading, <h2> repre
sents subheadings, <h3> repre
sents sub-subheadings, and so on.
... implementing structural hierarchy for example, in this story, the <h1> element repre
sents the title of the story, the <h2> elements repre
sent the title of each chapter, and the <h3> elements repre
sent sub-sections of each chapter: <h1>the crushing bore</h1> <p>by chris mills</p> <h2>chapter 1: the dark night</h2> <p>it was a dark night.
...the rain lashed down on the ...</p> <h2>chapter 2: the eternal silence</h2> <p>our protagonist could not so much as a whisper out of the shadowy figure ...</p> <h3>the specter speaks</h3> <p>several more hours had passed, when all of a sudden the specter sat bolt upright and exclaimed, "please have mercy on my soul!"</p> it's really up to you what the elements involved repre
sent, as long as the hierarchy makes sense.
...And 6 more matches
Manipulating documents - Learn web development
there are a few really obvious bits you'll reference regularly in your code — consider the following diagram, which repre
sents the main parts of a browser directly involved in viewing web pages: the window is the browser tab that a web page is loaded into; this is repre
sented in javascript by the window object.
... the navigator repre
sents the state and identity of the browser (i.e.
...in javascript, this is repre
sented by the navigator object.
...And 6 more matches
Test your skills: Object basics - Learn web development
object basics 2 in our next task, we want you to have a go at creating your own object literal to repre
sent one of your favourite bands.
... the required members are: name: a string repre
senting the band name.
... nationality: a string repre
senting the country the band comes from.
...And 6 more matches
Mozilla Web Developer FAQ
documents
sent as xml always activate the standards layout mode.
... this includes documents
sent as application/xhtml+xml.
... you can see the http headers
sent by the server by using the livehttpheaders extension or by using the web sniffer.
...And 6 more matches
An overview of NSS Internals
when checking whether a certificate is trusted or not, it's necessary to find a relevant trust anchor (root certificate) that repre
sents the signing capability of a trusted third party, usually called a certificate authority (ca).
...nss will usually create an in-memory (ram) pre
sentation of certificates, once a certificate has been received from the network, read from disk, or looked up from the database, and prepare in-memory data structures that contain the certificate's properties, as well as providing a handle for the programmer to use.
... when dealing with certificates (x.509), file formats such as pkcs#12 (certificates and keys), pkcs#7 (signed data), and message formats as cms, we should mention asn.1, which is a syntax for storing structured data in a very efficient (small sized) pre
sentation.
...And 6 more matches
Python binding for NSS
the exact error code, error description, and often contextual error information will be pre
sent in the exception object.
... convenience functions are provided to translate between the numeric value of an enumerated constant and it's string repre
sentation and visa versa.
... python-nss tries to be flexible when generating a print repre
sentation of complex objects.
...And 6 more matches
IAccessibleHyperlink
other-licenses/ia2/accessiblehyperlink.idlnot scriptable this interface repre
sents hyperlinks.
... 1.0 66 introduced gecko 1.9 inherits from: iaccessibleaction last changed in gecko 1.9 (firefox 3) this interface repre
sents a hyperlink associated with a single substring of text or single non-text object.
...method overview [propget] hresult anchor([in] long index, [out] variant anchor ); [propget] hresult anchortarget([in] long index, [out] variant anchortarget ); [propget] hresult endindex([out] long index ); [propget] hresult startindex([out] long index ); [propget] hresult valid([out] boolean valid ); methods anchor() returns an object that repre
sents the link anchor, as appropriate for the link at the specified index.
...And 6 more matches
nsISessionStore
return value an nsidomnode repre
senting the new tab, the content of which is a duplicate of atab.
... return value a json string repre
senting the current state of all windows in the web browser.
... return value a json string repre
senting the list of closed tabs for the window specified by awindow.
...And 6 more matches
MailNews fakeserver
a handler will contain the following methods: <caption> handler methods </caption> name arguments returns notes [command] rest of
sent line server's response the name is normalized to be uppercase.
... onerror command, rest of
sent line server's response called if handler does not define the command function.
... onmultiline
sent line server's response or nothing called when in multi-line mode.
...And 6 more matches
CType
all data types declared using the js-ctypes api are repre
sented by ctype objects.
...the specific properties and methods on each object vary depending on the data type repre
sented.
... pointertype these repre
sent pointers to data in memory.
...And 6 more matches
GeolocationCoordinates - Web APIs
the geolocationcoordinates interface repre
sents the position and altitude of the device on earth, as well as the accuracy with which these properties are calculated.
... geolocationcoordinates.latitude read only secure context returns a double repre
senting the position's latitude in decimal degrees.
... geolocationcoordinates.longitude read only secure context returns a double repre
senting the position's longitude in decimal degrees.
...And 6 more matches
MessageEvent - Web APIs
the messageevent interface repre
sents a message received by a target object.
... this is used to repre
sent messages in: server-
sent events (see eventsource.onmessage).
... messageevent.data read only the data
sent by the message emitter.
...And 6 more matches
NDEFRecord.recordType - Web APIs
syntax ndefrecord.recordtype value a usvstring which can be one of the following: "empty" repre
sents a empty ndef record.
... "text" repre
sents a text ndef record.
... "url" repre
sents an uri ndef record.
...And 6 more matches
RTCOutboundRtpStreamStats - Web APIs
the rtcoutboundrtpstreamstats dictionary is the rtcstats-based object which provides metrics and statistics related to an outbound rtp stream being
sent by an rtcrtpsender.
... properties the rtcoutboundrtpstreamstats dictionary includes the following properties in addition to those it inherits from rtc
sentrtpstreamstats, rtcrtpstreamstats, and rtcstats.
... fircount an integer value which indicates the total number of full intra request (fir) packets which this rtcrtpsender has
sent to the remote rtcrtpreceiver.
...And 6 more matches
SVGTextContentElement - Web APIs
the numeric type values repre
sent one of the constant values above.
... svgtextcontentelement.getnumberofchars() returns a long repre
senting the total number of addressable characters available for rendering within the current element, regardless of whether they will be rendered.
... svgtextcontentelement.getcomputedtextlength() returns a float repre
senting the computed length for the text within the element.
...And 6 more matches
SecurityPolicyViolationEvent - Web APIs
the securitypolicyviolationevent interface inherits from event, and repre
sents the event object of an event
sent on a document or worker when its content security policy is violated.
... properties securitypolicyviolationevent.blockeduriread only a usvstring repre
senting the uri of the resource that was blocked because it violates a policy.
... securitypolicyviolationevent.documenturiread only a usvstring repre
senting the uri of the document or worker in which the violation was found.
...And 6 more matches
Web Workers API - Web APIs
this context is repre
sented by either a dedicatedworkerglobalscope object (in the case of dedicated workers - workers that are utilized by a single script), or a sharedworkerglobalscope (in the case of shared workers - workers that are shared between multiple scripts).
... data is
sent between workers and the main thread via a system of messages — both sides send their messages using the postmessage() method, and respond to messages via the onmessage event handler (the message is contained within the message event's data property).
... serviceworkers es
sentially act as proxy servers that sit between web applications, the browser, and the network (when available).
...And 6 more matches
XRInputSourceEvent() - Web APIs
the xrinputsourceevent() constructor creates and returns a new xrinputsourceevent object describing an event (state change) which has occurred on a webxr user input device repre
sented by an xrinputsource.
... syntax newinputsourceevent = new xrinputsourceevent(type, eventinitdict); parameters type a domstring indicating which of the input source events the new object will repre
sent.
... return value a new xrinputsourceevent object repre
senting the event described by the given type and eventinitdict.
...And 6 more matches
system - CSS: Cascading Style Sheets
the system descriptor specifies the algorithm to be used for converting the integer value of a counter to a string repre
sentation.
... if the algorithm specified in the system descriptor is unable to construct the repre
sentation for a particular counter value, then that value's repre
sentation will be constructed using the fallback system provided.
...on each successive pass through the cycle, the symbols used for the counter repre
sentation are doubled, tripled, and so on.
...And 6 more matches
Value definition syntax - CSS: Cascading Style Sheets
called basic data types, they are repre
sented with their name surrounded by the symbol '<' and '>': <angle>, <string>, … non-terminal data types less common data types, called non-terminal data types, are also surrounded by '<' and '>'.
... bold <length> , thin this example matches the following values: bold 1em, thin bold 0, thin bold 2.5cm, thin bold 3vh, thin but not: thin 1em, bold, as the entities must be in the expressed order bold 1em thin, as the entities are mandatory; the comma, a literal, must be pre
sent bold 0.5ms, thin, as the ms values are not <length> double ampersand separating two or more components, by a double ampersand, &&, means that all these entities are mandatory but may appear in any order.
... double bar separating two or more components by a double bar, ||, means that all entities are options: at least one of them must be pre
sent, and they may appear in any order.
...And 6 more matches
HTML attribute: multiple - HTML: Hypertext Markup Language
in firefox, the file input reads "no files selected" when the attribute is pre
sent and "no file selected" when not, when no files are selected.
...the email input displays the same, but will match the :invalid pseudo-class if more than one comma-separated email address is included if the attribute is not pre
sent.
... the multiple attribute on the <select> element repre
sents a control for selecting zero or more options from the list of options.
...And 6 more matches
<audio>: The Embed Audio element - HTML: Hypertext Markup Language
it may contain one or more audio sources, repre
sented using the src attribute or the <source> element: the browser will choose the most suitable one.
... controls if this attribute is pre
sent, the browser will offer controls to allow the user to control audio playback, including volume, seeking, and pause/resume playback.
... when not pre
sent, the resource is fetched without a cors request (i.e.
...And 6 more matches
<input type="email"> - HTML: Hypertext Markup Language
value a domstring repre
senting an e-mail address, or empty events change and input supported common attributes autocomplete, list, maxlength, minlength, multiple, name,pattern, placeholder, readonly, required, size, and type idl attributes list and value methods select() value the <input> element's value attribute contains a domstring which is automatically validated a...
... multiple a boolean attribute which, if pre
sent, indicates that the user can enter a list of multiple e-mail addresses, separated by commas and, optionally, whitespace characters.
... if the control's content has one directionality (ltr or rtl) but needs to pre
sent the placeholder in the opposite directionality, you can use unicode bidirectional algorithm formatting characters to override directionality within the placeholder; see overriding bidi using unicode control characters in the unicode bidirectional text algorithm for those characters.
...And 6 more matches
<input type="search"> - HTML: Hypertext Markup Language
value a domstring repre
senting the value contained in the search field.
... value the value attribute contains a domstring repre
senting the value contained in the search field.
... if the control's content has one directionality (ltr or rtl) but needs to pre
sent the placeholder in the opposite directionality, you can use unicode bidirectional algorithm formatting characters to override directionality within the placeholder; see overriding bidi using unicode control characters in the unicode bidirectional text algorithm for those characters.
...And 6 more matches
<video>: The Video Embed element - HTML: Hypertext Markup Language
chrome 70.0) autoplay doesn't work if no muted attribute is pre
sent.
... controls if this attribute is pre
sent, the browser will offer controls to allow the user to control video playback, including volume, seeking, and pause/resume playback.
... when not pre
sent, the resource is fetched without a cors request (i.e.
...And 6 more matches
Cross-Origin Resource Sharing (CORS) - HTTP
servers can also inform clients whether "credentials" (such as cookies and http authentication) should be
sent with requests.
... examples of access control scenarios we pre
sent three scenarios that demonstrate how cross-origin resource sharing works.
...to allow access to the resource, the access-control-allow-origin header should contain the value that was
sent in the request's origin header.
...And 6 more matches
Set-Cookie - HTTP
to send multiple cookies, multiple set-cookie headers should be
sent in the same response.
... __host- prefix: cookies with names starting with __host- must be set with the secure flag, must be from a secure page (https), must not have a domain specified (and therefore aren't
sent to subdomains) and the path must be /.
... domain=<domain-value> optional host to which the cookie will be
sent.
...And 6 more matches
Lexical grammar - JavaScript
control characters control characters have no visual repre
sentation but are used to control the interpretation of the text.
...they have no special functionality at pre
sent, but they might at some future time, so they cannot be used as identifiers.
... 0xfffffffffffffffff // 295147905179352830000 0x123456789abcdef // 81985529216486900 0xa // 10 bigint literal the bigint type is a numeric primitive in javascript that can repre
sent integers with arbitrary precision.
...And 6 more matches
Web audio codec guide - Web media technologies
for each factor that affects the encoded audio, there is a simple rule that is nearly always true: because the fidelity of digital audio is determined by the granularity and precision of the samples taken to convert it into a data stream, the more data used to repre
sent the digital version of the audio, the more closely the sampled sound will match the source material.
... the effect of source audio format on encoded audio output because encoded audio inherently uses fewer bits to repre
sent each sample, the source audio format may actually have less impact on the encoded audio size than one might expect.
... sample size the larger the samples, the more detail each sample can contain, resulting in more accurate repre
sentation of each sample.
...And 6 more matches
url - Archive of obsolete content
globals constructors url(source, base) the url constructor creates an object that repre
sents a url, verifying that the provided string is a valid url in the process.
... dataurl(uri) the dataurl constructor creates an object that repre
sents a data: url, verifying that the provided string is a valid data: url in the process.
... url methods tostring() returns a string repre
sentation of the url.
...And 5 more matches
package.json - Archive of obsolete content
the package.json file contains manifest data for your add-on, providing not only descriptive information about the add-on for pre
sentation in the add-ons manager, but other metadata required of add-ons.
... others, such as lib, permissions, and preferences, repre
sent instructions to the jpm tool itself to generate and include particular code and data structures in your add-on.
... if this key is pre
sent, its value will be used as the add-on's em:name element in its install.rdf.
...And 5 more matches
Style System Overview - Archive of obsolete content
�� ↘ title para class="emph" para ↓ ↓ quote quote ↓ span class="emph" example stylesheet doc { display: block; text-indent: 1em; } title { display: block; font-size: 3em; } para { display: block; } [class="emph"] { font-style: italic; } css style rule repre
sentation each declaration block is repre
sented by an nscssdeclaration an cssstyleruleimpl contains each selector associated with that declaration, and the declaration, and is the most important implementation of nsistylerule.
... css style rule repre
sentation h1, h2 { color: green; text-align: right; text-indent: 0; } cssstyleruleimpl cssstyleruleimpl ↓ ↓ ↓ ↓ h1 nscssdeclaration h2 ↙ ↘ nscsscolor — color: green nscsstext — text-align: right text-indent: 0 css style rule repre
sentation problem: the rule structures use too much memory (a few hundred kilobytes for all our chrome), and require large numbers of alloca...
... detail: !important declarations cause an extra rule object cssimportantrule to be created since they are in a separate part of the cascade other nsistylerule implementations nshtmlmappedattributes repre
sents stylistic html attributes turned into a style rule (one instance per unique set of attributes) bodyrule handles marginwidth/marginheight mixes on body and on frame.
...And 5 more matches
Space Manager Detailed Design - Archive of obsolete content
this repre
sents the accumulated calls to * translate().
... * * returns ns_ok if successful and ns_error_invalid_arg if there is no region * tagged with aframe */ nsresult removeregion(nsiframe* aframe); /** * clears the list of regions repre
senting the unavailable space.
...ect* aband, nscoord ay, const nssize& amaxsize, nsbanddata& aavailablespace) const; nsiframe* const mframe; // frame associated with the space manager nscoord mx, my; // translation from local to global coordinate space bandlist mbandlist; // header/
sentinel for circular linked list of band rects frameinfo* mframeinfomap; nsintervalset mfloatdamage; static print32 scachedspacemanagercount; static void* scachedspacemanagers[ns_space_manager_cache_size]; nsspacemanager(const nsspacemanager&); // no implementation void operator=(const nsspacemanager&); // no implementation }; public api life cycle the constructor requires...
...And 5 more matches
URIs and URLs - Archive of obsolete content
the term "uniform resource locator" (url) refers to the subset of uri that identify resources via a repre
sentation of their primary access mechanism (e.g., their network "location"), rather than identifying the resource by name or by some other attribute(s) of that resource.
...in necko every uri scheme is repre
sented by a protocol handler.
... sometimes a protocol handler repre
sents more than one scheme.
...And 5 more matches
The Joy of XUL - Archive of obsolete content
separation of pre
sentation from application logic one of the major downfalls of most web applications is the tight coupling of user interface elements with client application logic.
... xul provides a clear separation among the client application definition and programmatic logic ("content" consisting of xul, xbl, and javascript), pre
sentation ("skin" consisting of css and images), and language-specific text labels ("locale" consisting of dtds and string bundles in .properties files).
...further, the application can be localized for different languages and regions independently of its logic or pre
sentation.
...And 5 more matches
XUL accessibility guidelines - Archive of obsolete content
groupboxes are es
sential for radiogroups or groups of checkboxes with a similar theme (e.g.
...we need a way of specifying in the source that the checkbox, editbox, and nearby text labels are all part of a single entity, and that they es
sentially label each other.
... display it is often said that "pre
sentation is everything." while it is true that pre
sentation is es
sential, documents should also be structured so that the user can invoke display preferences that may be necessary for accessibility.
...And 5 more matches
textbox - Archive of obsolete content
label type: string if pre
sent and not empty, this will be exposed to screen readers through the label property.
...xt up to the first newline, dropping the rest of the text replacewithcommas pastes the text with the newlines replaced with commas replacewithspaces pastes the text with newlines replaced with spaces strip pastes the text with the newlines removed stripsurroundingwhitespace pastes the text with newlines and adjacent whitespace removed onblur type: script code this event is
sent when a textbox loses keyboard focus.
... onchange type: script code this event is
sent when the value of the textbox is changed.
...And 5 more matches
application/http-index-format specification - Archive of obsolete content
this data should be pre
sented to the user when they are viewing data drawn from the file.
...this data should be pre
sented to the user when they are viewing data drawn from the file.
...a valid 201 line consists of one or more white space separated tokens that repre
sent data described by a previous 200 line.
...And 5 more matches
XForms Input Element - Archive of obsolete content
attributes ui common appearance - the value of this attribute gives a hint to the xforms processor as to which type of widget(s) to use to repre
sent this control accesskey - used to specify the keyboard shortcut for focusing this control single-node binding special inputmode - not supported for this control incremental - supported.
...repre
sentations the xforms input element can be repre
sented by the following widgets for the spcified data types (or types derived from these data types): text field - the default widget when no type is specified or the data is of type xsd:string (xhtml/xul) checkbox - used for xsd:boolean instance data.
... (xhtml/xul) datepicker - used to repre
sent data of type xsd:date (xhtml/xul) calendar - used to repre
sent data of type xsd:date when appearance attribute also has the value 'full' (xhtml/xul) month list - used to repre
sent data of type xsd:gmonth (xhtml only) days list - used to repre
sent data of type xsd:gday (xhtml only) number field - used to repre
sent data of numeric type (fx 3.0 only, xul only) more detail about each of these widgets follows below.
...And 5 more matches
Client-side storage - Learn web development
below the constant declarations, add the following lines: // create an instance of a db object for us to store the open database in let db; here we are declaring a variable called db — this will later be used to store an object repre
senting our database.
...if this is the case, an object repre
senting the opened database becomes available in the request.result property, allowing us to manipulate the database.
... so with this simple database schema set up, when we start adding records to the database; each one will be repre
sented as an object along these lines: { title: "buy milk", body: "need both cows milk and soy.", id: 8 } adding data to the database now let's look at how we can add records to the database.
...And 5 more matches
mozbrowsercontextmenu
contextmenu a menu object (see the menu object, below) repre
senting a custom menu defined via <menu> / <menuitem> elements and pointed to via a contextmenu attribute on the dom element clicked on, which contains the menu's id.
...its properties are as follows: documenturi a domstring repre
senting the url of the document the menu is associated with.
... text a domstring repre
senting the text of the link clicked on, in the case of a link context menu.
...And 5 more matches
HTMLIFrameElement.sendTouchEvent()
parameters type a string repre
senting the event type.
... x an array of numbers repre
senting the x position of each touch point relative to the browser <iframe>'s visible area in css pixels.
... y an array of numbers repre
senting the y position of each touch point relative to the browser <iframe>'s visible area in css pixels.
...And 5 more matches
PKCS11 FAQ
nss can use the cka_label attribute to identify user certificates (see previous question) and pre
sents this label to the user.
...the label for a token certificate is pre
sented to the user as follows:token label :certificate label .
...nss repre
sents each private key and a pointer to its pkcs #11 slot as a ck_object_handle.
...And 5 more matches
Parser API
by default, the parsing returns a program object (see below) repre
senting the parsed abstract syntax tree (ast).
...all node types implement the following interface: interface node { type: string; loc: sourcelocation | null; } the type field is a string repre
senting the ast variant type.
... the loc field repre
sents the source location information of the node.
...And 5 more matches
Mork
the keys are hexadecimal numbers starting at 0x80, because the values less than 0x80 are theoretically their repre
sentative ascii values.
...for example, the message summary format files use a table for each thread, where the meta-rows repre
sent information about the thread in general.
...the equivalent of begin transaction is the '@$${hex{@' identify (the hex repre
sents the id).
...And 5 more matches
Mozilla internal string guide
calling setcapacity() before beginwriting() does not affect what the previous
sentence says.
...xcept via the handle until you call finish() on the handle in the success case or you let the handle go out of scope without calling finish() in the failure case, in which case the destructor of the handle puts the string in a mostly harmless but consistent state (containing a single replacement character if a capacity greater than 0 was requested, or in the char case if the three-byte utf-8 repre
sentation of the replacement character doesn't fit, an ascii substitute).
... void processstring(const nsastring& str) { const nsastring& firstfive = substring(str, 0, 5); // from index 0, length 5 // firstfive is now a string repre
senting the first 5 characters } unicode conversion ns*cstring vs.
...And 5 more matches
nsIAccessibleProvider
obsolete since gecko 1.9 accessibletype long value repre
senting the type of accessible object.
... xformssliderrange 0x00002008 used for range element repre
sented by slider.
...for example, a select1 in a xhtml document may be repre
sented by the native html control html:select.
...And 5 more matches
nsIAccessibleText
text boundary constants constant value description boundary_char 0 boundary_word_start 1 boundary_word_end 2 boundary_
sentence_start 3 do not use in new code.
... boundary_
sentence_end 4 do not use in new code.
...the virtual character after the last character of the repre
sented text, that is the one at position length is a special case.
...And 5 more matches
nsIDocShell
eldestpresshell nsipresshell pre
sentation shell for the oldest document, if this docshell is currently transitioning between documents.
...obsolete since gecko 1.8 prescontext nsprescontext pre
sentation context for the currently loaded document.
... presshell nsipresshell pre
sentation shell for the currently loaded document.
...And 5 more matches
nsIFile
xpcom/io/nsifile.idlscriptable an instance of this interface is a cross-platform repre
sentation of a location in the filesystem.
... with an nsifile you can navigate to ancestors or descendants without having to deal with the different path separators used on different platforms, query the state of any file or directory at the position repre
sented by the nsifile and create, move or copy items in the filesystem.
... filesize print64 the value of this attribute is the number of bytes corresponding to the data repre
sented by the file.
...And 5 more matches
nsIMessenger
in acstring aurl); void loadurl(in nsidomwindow ptr, in acstring aurl); void launchexternalurl(in acstring aurl); boolean canundo(); boolean canredo(); unsigned long getundotransactiontype(); unsigned long getredotransactiontype(); void undo(in nsimsgwindow msgwindow); void redo(in nsimsgwindow msgwindow); void sendun
sentmessages(in nsimsgidentity aidentity, in nsimsgwindow amsgwindow); void setdocumentcharset(in acstring characterset); void saveas(in acstring auri, in boolean aasfile, in nsimsgidentity aidentity, in astring amsgfilename); void openattachment(in acstring contenttpe, in acstring url, in acstring displayname, in acstring messageuri, in boolean isexternalattachment); ...
... sendingun
sentmsgs boolean indicates if sending messages is in progress.
... boolean canundo(); return value boolean repre
senting whether undo is available.
...And 5 more matches
nsIParserUtils
note: if -moz-binding is ab
sent, properties that might be xss risks in other web engines are preserved!
... at pre
sent, sanitizing css backgrounds, and so on., is not supported, so setting this together with sanitizerallowstyle doesn't make sense.
... at pre
sent, sanitizing css syntax in svg pre
sentational attributes is not supported, so this option flattens out svg.
...And 5 more matches
nsISHEntry
void syncpre
sentationstate(); attributes attribute type description cachekey nsisupports set and get the cache key for the entry.
... contentviewer nsicontentviewer content viewer, for fast restoration of pre
sentation.
... pageidentifier unsigned long an integer that should be the same for two entries attached to the same docshell only if the two entries are entries for the same page in the sense that one could go from the state repre
sented by one to the state repre
sented by the other simply by scrolling (so the entries are separated by an anchor traversal or a subframe navigation in some other frame).
...And 5 more matches
nsIWebBrowserChrome
chrome_window_min 16384 repre
sent special cases.
... chrome_window_popup 32768 repre
sent special cases.
... chrome_window_raised 33554432 repre
sent special cases.
...And 5 more matches
Xray vision
a web page could redefine it to return true: window.confirm = function() { return true; } any privileged code calling this function and expecting its result to repre
sent user confirmation would be deceived.
... to undo the waiver again, call components.utils.unwaivexrays(waivedobject): var unwaived = components.utils.unwaivexrays(waivedwindow); unwaived.confirm("transfer all my money?"); // calls the native implementation xrays for dom objects the primary use of xray vision is for dom objects: that is, the objects that repre
sent parts of the web page.
... in gecko, dom objects have a dual repre
sentation: the canonical repre
sentation is in c++, and this is reflected into javascript for the benefit of javascript code.
...And 5 more matches
ctypes
intptr_t a platform-dependent integer repre
sentation of a pointer.
... uintptr_t a platform-dependent unsigned integer repre
sentation of a pointer.
... special c types these types repre
sent c types that have special meanings.
...And 5 more matches
Web Console remoting - Firefox Developer Tools
when page navigation starts the following packet is
sent from the tab actor: { "from": tabactor, "type": "tabnavigated", "state": "start", "url": newurl, "nativeconsoleapi": true } the nativeconsoleapi property tells if the window.console object is native or not for the top level window object for the given tab - this is always true when navigation starts.
... when navigation stops the following packet is
sent: { "from": tabactor, "type": "tabnavigated", "state": "stop", "url": newurl, "title": newtitle, "nativeconsoleapi": true|false } getcachedmessages(types, onresponse) the webconsoleclient.getcachedmessages(types, onresponse) method sends the following packet to the server: { "to": "conn0.console9", "type": "getcachedmessages", "messagetypes": [ "pageerror", "consoleapi" ] } the getcachedmessages packet allows one to retrieve the cached messages from before the web console was open.
...the console actor provides the lastprivatecontextexited notification: { "from": "conn0.console19", "type": "lastprivatecontextexited" } this notification is
sent only when your client is attached to the global console actor, it does not make sense for tab console actors.
...And 5 more matches
Pixel manipulation with canvas - Web APIs
the imagedata object the imagedata object repre
sents the underlying pixel data of an area of a canvas object.
... data a uint8clampedarray repre
senting a one-dimensional array containing the data in the rgba order, with integer values between 0 and 255 (included).
... the data property returns a uint8clampedarray which can be accessed to look at the raw pixel data; each pixel is repre
sented by four one-byte values (red, green, blue, and alpha, in that order; that is, "rgba" format).
...And 5 more matches
PerformanceTiming - Web APIs
each time is provided as an unsigned long long repre
senting the moment, in milliseconds since the unix epoch these properties are listed in the order in which they occur during the navigation process.
... performancetiming.connectstart read only when the request to open a connection is
sent to the network.
... performancetiming.requeststart read only when the browser
sent the request to obtain the actual document, from the server or from a cache.
...And 5 more matches
Screen.lockOrientation() - Web APIs
the following strings repre
sent the possible orientation requirements you may specify: portrait-primary it repre
sents the orientation of the screen when it is in its primary portrait mode.
... portrait-secondary it repre
sents the orientation of the screen when it is in its secondary portrait mode.
... landscape-primary it repre
sents the orientation of the screen when it is in its primary landscape mode.
...And 5 more matches
Screen Wake Lock API - Web APIs
there are plenty of use cases for keeping a screen on, including reading an ebook, map navigation, following a recipe, pre
senting to an audience, scanning a qr/barcode or applications that use voice or gesture control, rather than tactile input (the default way to keep a screen awake).
... you acquire a wakelock
sentinel object by calling the navigator.wakelock.request() promise based method that resolves if the platform allows it.
... the
sentinel is attached to the underlying system wake lock.
...And 5 more matches
Streams API - Web APIs
stream interfaces readable streams readablestream repre
sents a readable stream of data.
... readablestreamdefaultreader repre
sents a default reader that can be used to read stream data supplied from a network (e.g.
... readablestreamdefaultcontroller repre
sents a controller allowing control of a readablestream's state and internal queue.
...And 5 more matches
VTTRegion - Web APIs
the vttregion interface—part of the api for handling webvtt (text tracks on media pre
sentations)—describes a portion of the video to render a vttcue onto.
... vttregion.width a double repre
senting the width of the region, as a percentage of the video.
... vttregion.lines a double repre
senting the height of the region, in number of lines.
...And 5 more matches
window.postMessage() - Web APIs
message data to be
sent to the other window.
...this mechanism provides control over where messages are
sent; for example, if postmessage() was used to transmit a password, it would be absolutely critical that this argument be a uri whose origin is the same as the intended receiver of the message containing the password, to prevent interception of the password by a malicious third party.
... origin the origin of the window that
sent the message at the time postmessage was called.
...And 5 more matches
XRInputSource - Web APIs
handednessread only a domstring that indicates which hand the device repre
sented by this xrinputsource is being used in, if any.
... profilesread only an array of domstring objects, each specifying the name of an input profile describing the preferred visual repre
sentation and behavior of this input source.
...when a squeeze action begins, such as by the user pressing the trigger or tightening their grip, a squeezestart event is
sent to the xrsession.
...And 5 more matches
XRViewerPose - Web APIs
the webxr device api interface xrviewerpose repre
sents the pose (the position and orientation) of a viewer's point of view on the scene.
... each xrviewerpose can have multiple views to repre
sent, for example, the slight separation between the left and right eye.
... this view can repre
sent anything from the point-of-view of a user's xr headset to the viewpoint repre
sented by a player's movement of an avatar using mouse and keyboard, pre
sented on the screen, to a virtual camera capturing the scene for a spectator.
...And 5 more matches
Setting up adaptive streaming media sources - Developer guides
a media pre
sentation description (mpd) file is used to hold the information on the various streams and the bandwidths they are associated with.
...iciently the sidx* is large and having to load it first slows down startup a little you want to use the original files for both dash and other forms of delivery (such as microsoft smooth streaming) as a transition strategy you can use the same media files for both live transmission and vod at a later stage *sidx or segmentindexbox is a structure describing a segment by giving its earliest pre
sentation time and other meta-data and can often make up a large portion of the mpd file.
... here's a simple example that provides an audio track repre
sentation and four separate video repre
sentations.
...And 5 more matches
<iframe>: The Inline Frame element - HTML: Hypertext Markup Language
the html inline frame element (<iframe>) repre
sents a nested browsing context, embedding another html page into the current one.
...the topmost browsing context — the one with no parent — is usually the browser window, repre
sented by the window object.
... implicit aria role no corresponding role permitted aria roles application, document, img, none, pre
sentation dom interface htmliframeelement attributes this element includes the global attributes.
...And 5 more matches
<input type="image"> - HTML: Hypertext Markup Language
the following attributes: attribute description alt alternate string to display when the image can't be shown formaction the url to which to submit the data formenctype the encoding method to use when submitting the form data formmethod the http method to use when submitting the form formnovalidate a boolean which, if pre
sent, indicates that the form shouldn't be validated before submission formtarget a string indicating a browsing context from where to load the results of submitting the form height the height, in css pixels, at which to draw the image src the url from which to load the image width the width, in css pixels, at which to draw the image alt the alt ...
...this url is then
sent to the server using an http get request.
... post the form's data is included in the body of the request that is
sent to the url given by the formaction or action attribute using an http post request.
...And 5 more matches
<input type="url"> - HTML: Hypertext Markup Language
value a domstring repre
senting a url, or empty events change and input supported common attributes autocomplete, list, maxlength, minlength, pattern, placeholder, readonly, required and size idl attributes list, value, selectionend, selectiondirection methods select(), setrangetext() and setselectionrange().
... if the control's content has one directionality (ltr or rtl) but needs to pre
sent the placeholder in the opposite directionality, you can use unicode bidirectional algorithm formatting characters to override directionality within the placeholder; see overriding bidi using unicode control characters in the unicode bidirectional text algorithm for those characters.
... readonly a boolean attribute which, if pre
sent, means this field cannot be edited by the user.
...And 5 more matches
Expressions and operators - JavaScript
for example, the decimal number nine has a binary repre
sentation of 1001.
... bitwise operators perform their operations on such binary repre
sentations, but they return standard javascript numerical values.
... left shift a << b shifts a in binary repre
sentation b bits to the left, shifting in zeros from the right.
...And 5 more matches
Using Promises - JavaScript
« previousnext » a promise is an object repre
senting the eventual completion or failure of an asynchronous operation.
... es
sentially, a promise is a returned object to which you attach callbacks, instead of passing callbacks into a function.
... here's the magic: the then() function returns a new promise, different from the original: const promise = dosomething(); const promise2 = promise.then(successcallback, failurecallback); or const promise2 = dosomething().then(successcallback, failurecallback); this second promise (promise2) repre
sents the completion not just of dosomething(), but also of the successcallback or failurecallback you passed in, which can be other asynchronous functions returning a promise.
...And 5 more matches
Date.parse() - JavaScript
the date.parse() method parses a string repre
sentation of a date, and returns the number of milliseconds since january 1, 1970, 00:00:00 utc or nan if the string is unrecognized or, in some cases, contains illegal date values (e.g.
... syntax direct call: date.parse(datestring) implicit call: new date(datestring) parameters datestring a string repre
senting a simplification of the iso 8601 calendar date extended format.
... (other formats may be used, but results are implementation-dependent.) return value a number repre
senting the milliseconds elapsed since january 1, 1970, 00:00:00 utc and the date obtained by parsing the given string repre
sentation of a date.
...And 5 more matches
Error - JavaScript
evalerror creates an instance repre
senting an error that occurs regarding the global function eval().
... internalerror creates an instance repre
senting an error that occurs when an internal error in the javascript engine is thrown.
... rangeerror creates an instance repre
senting an error that occurs when a numeric variable or parameter is outside of its valid range.
...And 5 more matches
String.prototype.normalize() - JavaScript
however, sometimes more than one code point, or sequence of code points, can repre
sent the same abstract character — the character "ñ" for example can be repre
sented by either of: the single code point u+00f1.
... let string1 = '\u00f1'; // ñ let string2 = '\u006e\u0303'; // ñ console.log(string1 === string2); // false console.log(string1.length); // 1 console.log(string2.length); // 2 the normalize() method helps solve this problem by converting a string into a normalized form common for all sequences of code points that repre
sent the same characters.
... canonical equivalence normalization in unicode, two sequences of code points have canonical equivalence if they repre
sent the same abstract characters, and should always have the same visual appearance and behavior (for example, they should always be sorted in the same way).
...And 5 more matches
An Interview With Douglas Bowman of Wired News - Archive of obsolete content
how is the site styled now that you've ripped out all the html-based pre
sentation?
...both pre
sented and documented viable means of producing multi-column layouts without a single table.
...now that the content is not locked into a specific table structure, we have much more flexibility in how we pre
sent that content.
...And 4 more matches
Inner-browsing extending the browser navigation paradigm - Archive of obsolete content
recently, however, modern browsers and enriched web standards have begun to make new navigational and pre
sentational models possible.
...the single-page context and abstraction of data from the pre
sentation can give your web applications new continuity, precision and control.
...data request \________ dynamically create a hidden iframe \_________ content is loaded -> call data binder data binder \_____ load xml||html data from iframe "container" \_____ send content to proper layout components the method pre
sented here separates data request from data binding.
...And 4 more matches
XML - Archive of obsolete content
it does not describe the way in which this data is to be pre
sented, like its semantically-challenged cousin html does, and it doesn't have much to say about the data itself.
...information developers create languages particular to their applications, any time they need a very specific way to repre
sent the structure of some data.
...it will consist of a lexicon of four terms: memo, to, from, body -- all of which fit together into a syntax repre
sented in most xml circles as: <!element memo (from, to, body)> for developers accustomed to reading and using xml, this definition indicates that the root element "memo" is constituted by a "from" element, then a "to" element, then a "body" element.
...And 4 more matches
NPAPI plugin reference - Archive of obsolete content
npbyterange repre
sents a particular range of bytes from a stream.
... npevent repre
sents an event passed by npp_handleevent() to a windowless plug-in.
... npp repre
sents a single instance of a plug-in.
...And 4 more matches
What is a URL? - Learn web development
as the resource repre
sented by the url and the url itself are handled by the web server, it is up to the owner of the web server to carefully manage that resource and its associated url.
...in the early days of the web, a path like this repre
sented a physical file location on the web server.
...an anchor repre
sents a sort of "bookmark" inside the resource, giving the browser the directions to show the content located at that "bookmarked" spot.
...And 4 more matches
Sending forms through JavaScript - Learn web development
gaining control of the global interface standard html form submission, as described in the previous article, loads the url where the data was
sent, which means the browser window navigates with a full page load.
...data
sent and response loaded.' ); } ); // define what happens in case of error xhr.addeventlistener( 'error', function(event) { alert( 'oops!
... the formdata object can be used to build form data for transmission, or to get the data within a form element to manage how it's
sent.
...And 4 more matches
Your first form - Learn web development
overview: forms next the first article in our series provides you with your very first experience of creating a web form, including designing a simple form, implementing it using the right html form controls and other html elements, adding some very simple styling via css, and describing how data is
sent to a server.
...forms allow users to enter data, which is generally
sent to a web server for processing and storage (see sending form data later in the module), or used on the client-side to immediately update the interface in some way (for example, add another item to a list, or show or hide a ui feature).
...all of its attributes are optional, but it's standard practice to always set at least the action and method attributes: the action attribute defines the location (url) where the form's collected data should be
sent when it is submitted.
...And 4 more matches
Graceful asynchronous programming with Promises - Learn web development
es
sentially, a promise is an object that repre
sents an intermediate state of an operation — in effect, a promise that a result of some kind will be returned at some point in the future.
...it then calls getusermedia(), asking for a stream that has both video and audio tracks, then once that's been obtained, sets up a video element to show the stream coming from the camera as a "self view," then takes each of the stream's tracks and adds them to the webrtc rtcpeerconnection repre
senting a connection to another user.
... with old-style callbacks, a pseudo-code repre
sentation of the above functionality might look something like this: choosetoppings(function(toppings) { placeorder(toppings, function(order) { collectorder(order, function(pizza) { eatpizza(pizza); }, failurecallback); }, failurecallback); }, failurecallback); this is messy and hard to read (often referred to as "callback hell"), requires the failurecallback() to be called multipl...
...And 4 more matches
Introduction to web APIs - Learn web development
the most obvious ones are: audiocontext, which repre
sents an audio graph that can be used to manipulate audio playing inside the browser, and has a number of methods and properties available to manipulate that audio.
... mediaelementaudiosourcenode, which repre
sents an <audio> element containing sound you want to play and manipulate inside the audio context.
... audiodestinationnode, which repre
sents the destination of the audio, i.e.
...And 4 more matches
Introduction to the server side - Learn web development
most large-scale websites use server-side code to dynamically display different data when needed, generally pulled out of a database stored on a server and
sent to the client to be displayed via some code (e.g.
...when you click a link on a web page, submit a form, or run a search, an http request is
sent from your browser to the target server.
... the request includes a url identifying the affected resource, a method that defines the required action (for example to get, delete, or post the resource), and may include additional information encoded in url parameters (the field-value pairs
sent via a query string), as post data (data
sent by the http post method), or in associated cookies.
...And 4 more matches
Introduction to client-side frameworks - Learn web development
now, javascript is an es
sential part of the web, used on 95% of all websites, and the web is an es
sential part of modern life.
...these opinions allow for predictability and homogeneity in an application; predictability allows software to scale to an enormous size and still be maintainable; predictability and maintainability are es
sential for the health and longevity of software.
...we want to repre
sent each task as a list item – an html <li> element inside of an unordered list element (a <ul>).
...And 4 more matches
Overview of Mozilla embedding APIs
the service manager exposes all of the available xpcom services - each service repre
sents a global object which provides some piece of functionality.
...each webbrowser instance repre
sents the "client-area" of a typical browser window.
...each service is repre
sented by a singleton object which is instantiated the first time it is requested and remains alive until the service manager is shut down, or the service is explicitly unloaded.
...And 4 more matches
Creating localizable web applications
cheatsheet don't hardcode english text, formats (numbers, dates, addresses, etc.), word order or
sentence structure.
... text messages don't hardcode english content allow localizers to localize english content, such as: text messages, number formats, date formats, word order and
sentence structure.
...make sure the content supports changing the order of the
sentence, which may be required by some grammars.
...And 4 more matches
NSS tools : signtool
the symbol # repre
sents a number from 0 to 9, where 0 means no compression and 9 means maximum compression.
...when you use signtool -v, these entries are displayed with the string not pre
sent.
...value is ignored, but = sign must be pre
sent.
...And 4 more matches
JS::Value
a c++ variable of type js::value repre
sents a value in javascript: a string, number, object (including arrays and functions), boolean, symbol, null, or undefined.
...embeddings should not rely on observed repre
sentation details or upon the size of js::value.
...the different repre
sentations are visible using the separate int32/double methods but do not affect observable semantics (ignoring performance).
...And 4 more matches
nsIAccessibleRetrieval
apresshell the pre
sentation shell which contains layout info for the dom node.
... apresshell the pre
sentation shell which contains layout info for the dom node.
... getaccessibleinwindow() obsolete since gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) return an nsiaccessible for a dom node in pre
sent shell for this dom window.
...And 4 more matches
Plug-in Basics - Plugins
the enabledplugin property is a reference to a plugin object that repre
sents the plug-in that is configured for the specified mime type.
...when gecko encounters the object or embed element in a document, it attempts to find and display the file repre
sented by the data and src attributes, respectively.
... data repre
sents the url of the object's data; this is equivalent to the src attribute of embed.
...And 4 more matches
Structures - Plugins
« previousnext » this chapter describes the data structures that are used to repre
sent the various objects in the plug-in api.
... npbyterange repre
sents a particular range of bytes from a stream.
... npevent repre
sents an event passed by npp_handleevent to a windowless plug-in.
...And 4 more matches
Debugger.Frame - Firefox Developer Tools
debugger.frame a debugger.frame instance repre
sents a visible stack frame.
... visible frames when inspecting the call stack, debugger does not reveal all the frames that are actually pre
sent on the stack: while it does reveal all frames running debuggee code, it omits frames running the debugger’s own code, and omits most frames running non-debuggee code.
... a frame is a visible frame if any of the following are true: it is running debuggee code; its immediate caller is a frame running debuggee code; or it is a "debugger" frame, repre
senting the continuation of debuggee code invoked by the debugger.
...And 4 more matches
Debugger.Memory - Firefox Developer Tools
strings spidermonkey has three repre
sentations of strings: normal: the string’s text is counted in its size.
...this repre
sentation may result in a small string retaining a very large string.
... concatenations: when asked to concatenate two strings, spidermonkey may elect to delay copying the strings’ data, and repre
sent the result simply as a pointer to the two original strings.
...And 4 more matches
Debugger-API - Firefox Developer Tools
debugger has three es
sential qualities: it is a source level interface: it operates in terms of the javascript language, not machine language.
... it operates on javascript objects, stack frames, environments, and code, and pre
sents a consistent interface regardless of whether the debuggee is interpreted, compiled, or optimized.
... here is a javascript program in the process of running a timer callback function: a running javascript program and its debugger shadows this diagram shows the various types of shadow objects that make up the debugger api (which all follow some general conventions): a debugger.object repre
sents a debuggee object, offering a reflection-oriented api that protects the debugger from accidentally invoking getters, setters, proxy traps, and so on.
...And 4 more matches
BaseAudioContext - Web APIs
the baseaudiocontext interface of the web audio api acts as a base definition for online and offline audio-processing graphs, as repre
sented by audiocontext and offlineaudiocontext respectively.
... baseaudiocontext.currenttime read only returns a double repre
senting an ever-increasing hardware time in seconds used for scheduling.
... baseaudiocontext.destination read only returns an audiodestinationnode repre
senting the final destination of all audio in the context.
...And 4 more matches
BiquadFilterNode - Web APIs
the biquadfilternode interface repre
sents a simple low-order filter, and is created using the audiocontext.createbiquadfilter() method.
... it is an audionode that can repre
sent different kinds of filters, tone control devices, and graphic equalizers.
... note: though the audioparam objects returned are read-only, the values they repre
sent are not.
...And 4 more matches
EventSource - Web APIs
the eventsource interface is web content's interface to server-
sent events.
...if no event field is pre
sent, then a generic message event is fired.
... unlike websockets, server-
sent events are unidirectional; that is, data messages are delivered in one direction, from the server to the client (such as a user's web browser).
...And 4 more matches
FileSystemEntry - Web APIs
the filesystementry interface of the file and directory entries api repre
sents a single in a file system.
... the entry can be a file or a directory (directories are repre
sented by the directoryentry interface).
...this interface serves as a base class for the filesystemfileentry and filesystemdirectoryentry interfaces, which provide features specific to file system entries repre
senting files and directories, respectively.
...And 4 more matches
HTMLButtonElement - Web APIs
htmlbuttonelement.labels read only is a nodelist that repre
sents a list of <label> elements that are labels for this button.
... htmlbuttonelement.menu is a htmlmenuelement repre
senting the menu element to be displayed if the button is clicked and is of type="menu".
... htmlbuttonelement.name is a domstring repre
senting the name of the object when submitted with a form.
...And 4 more matches
HTMLImageElement - Web APIs
the htmlimageelement interface repre
sents an html <img> element, providing the properties and methods used to manipulate image elements.
..." stroke="#d4dde4" stroke-width="2px" /><text x="411" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlimageelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constructor image() the image() constructor creates and returns a new htmlimageelement object repre
senting an html <img> element which is not attached to any dom tree.
... htmlimageelement.currentsrc read only returns a usvstring repre
senting the url from which the currently displayed image was loaded.
...And 4 more matches
HTMLMeterElement - Web APIs
the html <meter> elements expose the htmlmeterelement interface, which provides special properties and methods (beyond the htmlelement object interface they also have available to them by inheritance) for manipulating the layout and pre
sentation of <meter> elements.
... htmlmeterelement.high a double repre
senting the value of the high boundary, reflecting the high attribute.
... htmlmeterelement.low a double repre
senting the value of the low boundary, reflecting the lowattribute.
...And 4 more matches
HTMLScriptElement - Web APIs
htmlscriptelement.type is a domstring repre
senting the mime type of the script.
... htmlscriptelement.src is a domstring repre
senting the url of an external script.
... htmlscriptelement.charset is a domstring repre
senting the character encoding of an external script.
...And 4 more matches
Microdata DOM API - Web APIs
each item is repre
sented in the dom by the element on which the relevant itemscope attribute is found.
... the document.getitems(typenames) method takes a string that contains an unordered set of unique space-separated tokens that are case-sensitive, repre
senting types.
... code example this sample shows how the getitems() method can be used to obtain a list of all the top-level microdata items of a particular type given in the document: var cats = document.getitems("http://example.com/feline"); once an element repre
senting an item has been obtained, its properties can be extracted using the properties idl attribute.
...And 4 more matches
NDEFRecord - Web APIs
the ndefrecord interface of the web nfc api is an abstract interface that repre
sents data that can be read from or written to compatible nfc devices, e.g.
... attributes ndefrecord.recordtype read only repre
sents the ndef record type.
... ndefrecord.mediatype read only repre
sents the mime type of the ndef record payload.
...And 4 more matches
Navigator - Web APIs
the navigator interface repre
sents the state and the identity of the user agent.
... navigatorlanguage.language read only returns a domstring repre
senting the preferred language of the user, usually the language of the browser ui.
... navigatorlanguage.languages read only returns an array of domstring repre
senting the languages known to the user, by order of preference.
...And 4 more matches
Notification.Notification() - Web APIs
the notification() constructor creates a new notification object instance, which repre
sents a user notification.
...it defaults to auto, which just adopts the browser's language setting behavior, but you can override that behaviour by setting values of ltr and rtl (although most browsers seem to ignore these settings.) lang: the notification's language, as specified using a domstring repre
senting a bcp 47 language tag.
... badge: a usvstring containing the url of the image used to repre
sent the notification when there isn't enough space to display the notification itself.
...And 4 more matches
PerformanceResourceTiming - Web APIs
performanceresourcetiming.initiatortyperead only a string repre
senting the type of resource that initiated the performance entry, as specified in performanceresourcetiming.initiatortype.
... performanceresourcetiming.nexthopprotocolread only a string repre
senting the network protocol used to fetch the resource, as identified by the alpn protocol id (rfc7301).
... performanceresourcetiming.redirectstartread only a domhighrestimestamp that repre
sents the start time of the fetch which initiates the redirect.
...And 4 more matches
RTCIceTransportState - Web APIs
the transport may revert from the "connected" state to the "checking" state if either peer decides to cancel con
sent to use the selected candidate pair, and may revert to "disconnected" if there are no candidates left to check but one or both clients are still gathering candidates.
... "completed" the transport has finished gathering local candidates and has received a notification from the remote peer that no more candidates will be
sent.
...if con
sent checks fail on all successful candidate pairs, the transport state will change to "failed".
...And 4 more matches
RTCRemoteOutboundRtpStreamStats.localId - Web APIs
syntax let localid = rtcremoteoutboundrtpstreamstats.localid; value a domstring which can be compared to the value of an rtcinboundrtpstreamstats object's remoteid property to see if the two repre
sent statistics for each of the two sides of the same set of data received by the local peer.
...rt.get(endremoteoutbound.id); if (startremoteoutbound) { let startinboundstats = findreportentry(startreport, "remoteid", startremoteoutbound.id); let endinboundstats = findreportentry(endreport, "remoteid", endremoteoutbound.id); let elapsedtime = (endremoteoutbound.timestamp - startremoteoutbound.timestamp) / 1000; /* in seconds */ let packets
sent = endremoteoutbound.packets
sent - startremoteoutbound.packets
sent; let bytes
sent = endremoteoutbound.bytes
sent - startremoteoutbound.bytes
sent; let framesdecoded = endinboundstats.framesdecoded - startinboundstats.framesdecoded; let framerate = framesdecoded / elapsedtime; let timestring = ""; if (!isnan(elapsedtime)) { timestring = `...
... repre
senting ${elapsedtime}s`; } let framestring = ""; if (!isnan(framesdecoded)) { framestring = `decoded ${framesdecoded} frames for a frame rate of ${framerate.tofixed(2)} fps.<br>`; } let logentry = `<div class="stats-entry"><h2>report id: ${endremoteoutbound.id}</h2>` + `remote peer
sent ${packets
sent} packets ${timestring}.<br>` + `${framestring}` + `data size: ${bytes
sent} bytes.</div>`; statsbox.innerhtml += logentry; } else { statsbox.innerhtml += `<div class="stats-error">unable to find initial statistics for id ${endremoteoutbound.id}.</div>` } } statsbox.scrollto(0, statsbox.scrollheight); } ...
...And 4 more matches
Selection - Web APIs
a selection object repre
sents the range of text selected by the user or the current position of the caret.
... selection.anchoroffsetread only returns a number repre
senting the offset of the selection's anchor within the anchornode.
... selection.focusoffsetread only returns a number repre
senting the offset of the selection's anchor within the focusnode.
...And 4 more matches
VTTCue - Web APIs
the vttcue interface—part of the api for handling webvtt (text tracks on media pre
sentations)—describes and controls the text track associated with a particular <track> element.
... vttcue.vertical returns an enum repre
senting the cue writing direction.
... vttcue.linealign returns an enum repre
senting the alignment of the vttcue.line.
...And 4 more matches
WebRTC connectivity - Web APIs
the description includes information about the kind of media being
sent, its format, the transfer protocol being used, the endpoint's ip address and port, and other information needed to describe a media transfer endpoint.
... the current description (which is returned by the rtcpeerconnection.currentlocaldescription and rtcpeerconnection.currentremotedescription properties) repre
sents the description currently in actual use by the connection.
... ice allows candidates to repre
sent connections over either tcp or udp, with udp generally being preferred (and being more widely supported).
...And 4 more matches
Writing WebSocket servers - Web APIs
the scope of this guide is to pre
sent the minimum knowledge you need to write a websocket server.
...the sec-websocket-accept header is important in that the server must derive it from the sec-websocket-key that the client
sent to it.
...the first message is
sent in a single frame, while the second message is
sent across three frames.
...And 4 more matches
Basic concepts behind Web Audio API - Web APIs
channel notation the number of audio channels available on a signal is frequently pre
sented in a numeric format, such as 2.0 or 5.1.
... each input or output is composed of one or more audio channels, which together repre
sent a specific audio layout.
... a sample is a single float32 value that repre
sents the value of the audio stream at each specific point in time, in a specific channel (left or right, if in the case of stereo).
...And 4 more matches
XRInputSource.targetRaySpace - Web APIs
the read-only xrinputsource property targetrayspace returns an xrspace (typically an xrreferencespace) repre
senting the position and orientation of the target ray in the virtual space.
... <<<--- needs diagram showing targetrayspace relative to gripspace and world space --->>> to obtain an xrspace repre
senting the input controller's position and orientation in virtual space, use the gripspace property.
... syntax let targetrayspace = xrinputsource.targetrayspace; value an xrspace object—typically an xrreferencespace or xrboundedreferencespace—which repre
sents the position and orientation of the input controller's target ray in virtual space.
...And 4 more matches
XRInputSourceEvent - Web APIs
more specifically, they repre
sent a change in the state of an xrinputsource.
... event types select
sent to an xrsession when the sending input source has fully completed a primary action.
... selectend
sent to an xrsession when an ongoing primary action ends, or when an input source with an ongoing primary action has been disconnected from the system.
...And 4 more matches
Attribute selectors - CSS: Cascading Style Sheets
ef matching "https://example.org" */ a[href="https://example.org"] { color: green; } /* <a> elements with an href containing "example" */ a[href*="example"] { font-size: 2em; } /* <a> elements with an href ending ".org" */ a[href$=".org"] { font-style: italic; } /* <a> elements whose class attribute contains the word "logo" */ a[class~="logo"] { padding: 2px; } syntax [attr] repre
sents elements with an attribute name of attr.
... [attr=value] repre
sents elements with an attribute name of attr whose value is exactly value.
... [attr~=value] repre
sents elements with an attribute name of attr whose value is a whitespace-separated list of words, one of which is exactly value.
...And 4 more matches
<angle> - CSS: Cascading Style Sheets
the <angle> css data type repre
sents an angle value expressed in degrees, gradians, radians, or turns.
...positive numbers repre
sent clockwise angles, while negative numbers repre
sent counterclockwise angles.
... for static properties of a given unit, any angle can be repre
sented by various equivalent values.
...And 4 more matches
<basic-shape> - CSS: Cascading Style Sheets
the <basic-shape> css data type repre
sents a shape used in the clip-path, shape-outside, and offset-path properties.
... when all of the first four arguments are supplied they repre
sent the top, right, bottom and left offsets from the reference box inward that define the positions of the edges of the inset rectangle.
...) the <shape-radius> argument repre
sents r, the radius of the circle.
...And 4 more matches
HTML attribute: rel - HTML: Hypertext Markup Language
the type of relationships is given by the value of the rel attribute, which, if pre
sent, must have a value that is an unordered set of unique space-separated keywords, which are listed in the following table.
... values for the rel attribute, and the elements for which each is relevant rel value description <link> <a> and <area> <form> alternate alternate repre
sentations of the current document.
... link link link icon icon repre
senting the current document.
...And 4 more matches
HTML attribute reference - HTML: Hypertext Markup Language
enterkeyhint <textarea>, contenteditable the enterkeyhint specifies what action label (or icon) to pre
sent for the enter key on virtual keyboards.
... icon <command> specifies a picture which repre
sents the command.
... referrerpolicy <a>, <area>, <iframe>, <img>, <link>, <script> specifies which referrer is
sent when fetching the resource.
...And 4 more matches
<input type="checkbox"> - HTML: Hypertext Markup Language
value a domstring repre
senting the value of the checkbox.
... events change and input supported common attributes checked idl attributes checked, indeterminate and value methods select() value a domstring repre
senting the value of the checkbox.
... note: if a checkbox is unchecked when its form is submitted, there is no value submitted to the server to repre
sent its unchecked state (e.g.
...And 4 more matches
Link types - HTML: Hypertext Markup Language
list of the defined link types and their significance in html link type description allowed in these elements not allowed in these elements alternate if the element is <link> and the rel attribute also contains the stylesheet type, the link defines an alternative style sheet; in that case the title attribute must be pre
sent and not be the empty string.
... note: this may be a mailto: hyperlink, but this is not recommended on public pages as robot harvesters will quickly lead to a lot of spam
sent to the address.
... icon defines a resource for repre
senting the page in the user interface, usually an icon (auditory or visual).
...And 4 more matches
HTTP caching - HTTP
web caches reduce latency and network traffic and thus lessen the time needed to display a repre
sentation of a resource.
...a request is
sent to the server and a full response is downloaded each and every time.
...if this header is not pre
sent, which is very often the case, it is checked if an expires header is pre
sent.
...And 4 more matches
Date.UTC() - JavaScript
month an integer between 0 (january) and 11 (december) repre
senting the month.
...as of es2017, it no longer is.) day optional an integer between 1 and 31 repre
senting the day of the month.
... hour optional an integer between 0 and 23 repre
senting the hours.
...And 4 more matches
Handling media support issues in web content - Web media technologies
one of the realities of working with audio and video pre
sentation and manipulation on the web is that there are a number of media formats available, of varying degrees of popularity and with a variety of capabilities.
... using poster frames a poster frame is a still image that's repre
sentative of the content of a video.
... a good poster frame is one which is either a repre
sentative of the video's contents, or is an image which isn't even from the video itself but contains imagery and/or text which gives the reader a useful idea of the video's contents.
...And 4 more matches
Codecs used by WebRTC - Web media technologies
to communicate, the two devices need to be able to agree upon a mutually-understood codec for each track so they can successfully communicate and pre
sent the shared media.
...of secondary importance is the need to keep the video and audio synchronized, so that the movements and any ancillary information (such as slides or a projection) are pre
sented at the same time as the audio that corresponds.
...it's encouraged that video be encoded at a frame rate and size no lower than that, since that's es
sentially the lower bound of what webrtc generally is expected to handle.
...And 4 more matches
Navigation and resource timings - Web Performance
connectstart when the request to open a connection is
sent to the network.
... requeststart when the browser
sent the request to obtain the actual document, from the server or from a cache.
... domcontentloadedeventstart right before the parser
sent the domcontentloaded event, that is right after all the scripts that need to be executed right after parsing have been executed.
...And 4 more matches
Using the WebAssembly JavaScript API - WebAssembly
now, to help us understand what is going on here, let’s look at the text repre
sentation of our wasm module (which we also meet in converting webassembly format to wasm): (module (func $i (import "imports" "imported_func") (param i32)) (func (export "exported_func") i32.const 42 call $i)) in the second line, you will see that the import has a two-level namespace — the internal function $i is imported from imports.imported_func.
... the equivalent code would look like this: fetch('simple.wasm').then(response => response.arraybuffer() ).then(bytes => webassembly.instantiate(bytes, importobject) ).then(results => { results.instance.exports.exported_func(); }); viewing wasm in developer tools in firefox 54+, the developer tool debugger panel has functionality to expose the text repre
sentation of any wasm code included in a web page.
... memory in the low-level memory model of webassembly, memory is repre
sented as a contiguous range of untyped bytes called linear memory that are read and written by load and store instructions inside the module.
...And 4 more matches
Communicating using "port" - Archive of obsolete content
to send messages from one side to the other, use port.emit() to receive messages
sent from the other side, use port.on() messages are asynchronous: that is, the sender does not wait for a reply from the recipient but just emits the message and continues processing.
...for example, to receive the context message in a content script associated with a context menu object, you would call the on function attached to the global self object: self.on("context", function() { // handle the message }); so the port property is es
sentially used here as a namespace for user-defined messages.
... + "window.alert(message);" + "});" var pagemod = require('sdk/page-mod').pagemod({ include: ['*'], contentscript: pagemodscript, onattach: function(worker) { worker.port.on('click', function(html) { worker.port.emit('warning', 'do not click this again'); }); } }); in the add-on above there are two user-defined messages: click is
sent from the page-mod to the add-on, when the user clicks an element in the page warning sends a silly string back to the page-mod port.emit() the port.emit() function sends a message from the "main.js", or another add-on module, to a content script, or vice versa.
...And 3 more matches
MCD, Mission Control Desktop, AKA AutoConfig - Archive of obsolete content
", "account2"); lockpref("mail.accountmanager.localfoldersserver", "server1"); lockpref("mail.identity.id1.directoryserver", "ldap_2.servers.ldapint"); lockpref("mail.identity.id1.draft_folder", "imap://" + env_user + "@imap-int.int-evry.fr/drafts"); lockpref("mail.identity.id1.drafts_folder_picker_mode", "0"); lockpref("mail.identity.id1.fcc_folder", "imap://" + env_user + "@imap-int.int-evry.fr/
sent"); lockpref("mail.identity.id1.fcc_folder_picker_mode", "0"); lockpref("mail.identity.id1.organization", "int evry france"); lockpref("mail.identity.id1.overrideglobal_pref", true); lockpref("mail.identity.id1.reply_to", ""); //imap lockpref("mail.server.server2.hostname", "imap-int.int-evry.fr"); lockpref("mail.server.server2.issecure", true); lockpref("mail.server.server2.login_at_startup", tr...
...moz_ldap_xpcom=1 and moz_extensions_default="wallet spellcheck xmlextras pref webservices universalcharset auth" are now pre
sent in the default configure script.
...although it was corrected in mozilla mainstream: mozilla/extensions/pref/autoconfig/src/nsldapsyncquery.cpp 1.7.2.1 by late 2004, it is still pre
sent in thunderbird 1.0.2 at least :-(, so i applied the workaround i proposed in that bug report (start_pos += 1;).
...And 3 more matches
getFolder - Archive of obsolete content
summary returns an object repre
senting one of the standard directories.
... method of install object syntax filespecobject getfolder ( string foldername); filespecobject getfolder ( string foldername, string subdirectory); filespecobject getfolder ( object localdirspec, string subdirectory); parameters the getfolder method has the following parameters: foldername a string repre
senting one of netscape's standard directories.
... localdirspec a filespecobject repre
senting a directory obtained by getcomponentfolder or getfolder.
...And 3 more matches
A XUL Bestiary - Archive of obsolete content
this xulnote pre
sents some of the key concepts and terms in the xul development environment.
... skin the skin is the css and graphics that makes up the look or pre
sentation of xul.
... xul itself contains very little provision for how widgets are to be pre
sented in the interface.
...And 3 more matches
XForms Custom Controls - Archive of obsolete content
why do you need this you will probably find that your need for customization will fall into one of the following categories: custom pre
sentation - xforms controls as rendered by the mozilla xforms processor do not provide the right look and feel for you.
... custom data types - existing xforms controls are not able to work properly with your data type advanced xforms controls - you need your controls to be able to do more things than traditional xforms controls can do new host language - you'd like to support xforms in host languages other than xhtml or xul custom pre
sentation the mozilla xforms extension cannot anticipate all of the possible use cases that will evolve in web applications and web pages as xforms matures and the user base grows.
...every xforms control's pre
sentation has its own xbl binding.
...And 3 more matches
XForms Select1 Element - Archive of obsolete content
note, some repre
sentations of the select1 element do not support visual grouping.
... attributes ui common appearance - the value of this attribute gives a hint to the xforms processor as to which type of widget(s) to use to repre
sent this control.
...possible values are open and closed, default is closed (see #repre
sentations section to refer if the attribute is supported for every repre
sentation).
...And 3 more matches
HTML: A good basis for accessibility - Learn web development
using pre
sentational html and line breaks, something like the following: <font size="7">my heading</font> <br><br> this is the first section of my document.
... you es
sentially get this behavior for free, just by using the appropriate elements, e.g.
...note that the contents of the alt attribute should always provide a direct repre
sentation of the image and what it conveys visually.
...And 3 more matches
HTML: A good basis for accessibility - Learn web development
using pre
sentational html and line breaks, something like the following: <font size="7">my heading</font> <br><br> this is the first section of my document.
... you es
sentially get this behavior for free, just by using the appropriate elements, e.g.
...note that the contents of the alt attribute should always provide a direct repre
sentation of the image and what it conveys visually.
...And 3 more matches
Practical positioning examples - Learn web development
secondly, we'll set a rule that puts the same styling on one of the tabs when a class of active is pre
sent on it.
... in the settabhandler() function, the tab has an onclick event handler set on it, so that when the tab is clicked, the following occurs: a for loop is used to cycle through all the tabs and remove any classes that are pre
sent on them.
... a for loop is used to cycle through all the panels and remove any classes that are pre
sent on them.
...And 3 more matches
What is CSS? - Learn web development
using css you can control exactly how html elements look in the browser, pre
senting your markup using whatever design you like.
... as we have mentioned before, css is a language for specifying how documents are pre
sented to users — how they are styled, laid out, etc.
... pre
senting a document to a user means converting it into a form usable by your audience.
...And 3 more matches
How to build custom form controls - Learn web development
--> <ul class="optlist"> <!-- each option only contains the value to be displayed, we'll see later how to handle the real value that will be
sent with the form data --> <li class="option">cherry</li> <li class="option">lemon</li> <li class="option">banana</li> <li class="option">strawberry</li> <li class="option">apple</li> </ul> </div> note the use of class names; these identify each relevant part regardless of the actual underlying html elements used.
... document.body.classlist.remove("no-widget"); document.body.classlist.add("widget"); }); without js with js check out the source code note: if you really want to make your code generic and reusable, instead of doing a class switch it's far better to just add the widget class to hide the <select> elements, and to dynamically add the dom tree repre
senting the custom control after every <select> element in the page.
...such a control will keep track of the value with all the built-in controls provided by the browser, and the value will be
sent as usual when a form is submitted.
...And 3 more matches
How the Web works - Learn web development
this theory is not es
sential to writing web code in the short term, but before long you'll really start to benefit from understanding what's happening in the background.
...this message, and all other data
sent between the client and the server, is
sent across your internet connection using tcp/ip.
... this is called an ip address, and it repre
sents a unique location on the web.
...And 3 more matches
Advanced text formatting - Learn web development
let's look at an example of a set of terms and definitions: soliloquy in drama, where a character speaks to themselves, repre
senting their inner thoughts or feelings and in the process relaying them to the audience (but not to other characters.) monologue in drama, where a character speaks their thoughts out loud to share them with the audience and any other characters pre
sent.
...let's finish marking up our example: <dl> <dt>soliloquy</dt> <dd>in drama, where a character speaks to themselves, repre
senting their inner thoughts or feelings and in the process relaying them to the audience (but not to other characters.)</dd> <dt>monologue</dt> <dd>in drama, where a character speaks their thoughts out loud to share them with the audience and any other characters pre
sent.</dd> <dt>aside</dt> <dd>in drama, where a character shares a comment only with the audience for humorous or dramatic effec...
...this is usually a feeling, thought, or piece of additional background information.</dd> <dd>in writing, a section of content that is related to the current topic, but doesn't fit directly into the main flow of content so is pre
sented nearby (often in a box off to the side.)</dd> </dl> active learning: marking up a set of definitions it's time to try your hand at description lists; add elements to the raw text in the input field so that it appears as a description list in the output field.
...And 3 more matches
Drawing graphics - Learn web development
while you could use css and javascript to animate (and otherwise manipulate) svg vector images — as they are repre
sented by markup — there was still no way to do the same for bitmap images, and the tools available were rather limited.
...this is done using the htmlcanvaselement.getcontext() method, which for basic usage takes a single string as a parameter repre
senting the type of context you want to retrieve.
... add the following to the previous example, again below the previous javascript lines: ctx.strokestyle = 'rgb(255, 255, 255)'; ctx.strokerect(25, 25, 175, 200); the default width of strokes is 1 pixel; you can adjust the linewidth property value to change this (it takes a number repre
senting the number of pixels wide the stroke is).
...And 3 more matches
Object-oriented JavaScript for beginners - Learn web development
previous overview: objects next with the basics out of the way, we'll now focus on object-oriented javascript (oojs) — this article pre
sents a basic view of object-oriented programming (oop) theory, then explores how javascript emulates object classes via constructor functions, and how to create object instances.
...the basic idea of oop is that we use objects to model real world things that we want to repre
sent inside our programs, and/or provide a simple way to access functionality that would otherwise be hard or impossible to make use of.
... objects can contain related data and code, which repre
sent information about the thing you are trying to model, and functionality or behavior that you want it to have.
...And 3 more matches
Accessibility/LiveRegionDevGuide
if one is pre
sent, the text changed event should be discarded because an object changed event will follow.
... container-atomic the atomic property determines if a live region change should be pre
sented on it's own or if an at should pre
sent the entire region.
... if atomic is set to "true", it means that the region must be pre
sented as a whole while atomic="false" (default) indicates that the region can stand on it's own.
...And 3 more matches
Message manager overview
at the top level, there are two different sorts of message managers: frame message managers: these enable chrome process code to load a script into a browser frame (es
sentially, a single browser tab) in the content process.
... so fundamentally, frame message managers enable chrome code to: load a script into a frame (es
sentially, a single browser tab) in the content process.
...if you send a message using the window message manager, it gets
sent to all content tabs in that window.
...And 3 more matches
Addon
an addon repre
sents an add-on that is either installed or can be installed.
... the interface can repre
sent many different kinds of add-ons and as such, some of the methods and properties are considered "required" and others "optional," which means that the optional methods or property may not exist on addon instances for some types of add-ons.
...this is passed to window.opendialog() when pre
senting the about dialog.
...And 3 more matches
sslerr.html
ssl_error_no_ciphers_supported -12265 "no cipher suites are pre
sent and enabled in this program." possible causes: (a) all cipher suites have been configured to be disabled, (b) the only cipher suites that are configured to be enabled are those that are disallowed by cipher export policy, (c) the socket is configured to handshake as a server, but the certificate associated with that socket is inappropriate for the key exchange algorithm selected.
...it has
sent a certificate bearing a domestic-grade public key, but has not
sent a serverkeyexchange message containing an export-grade public key for the key exchange algorithm.
...cord." ssl_error_rx_malformed_application_data -12248 "ssl received a malformed application data record." received an ssl handshake that was inappropriate for the current state: all the error codes in the following block indicate that the local socket received an ssl3 handshake message from the remote peer at a time when it was inappropriate for the peer to have
sent this message.
...And 3 more matches
Necko Architecture
these locations are repre
sented in the form we have all grown to know and love as uris.
...given a string repre
sentation of a url, you can ask the nsiioservice for a url instance repre
senting that string.
... once you have a url interface in hand (nsiurl), you have a completely parsed repre
sentation of the original url string, and you can query for the various parts of the url.
...And 3 more matches
Garbage collection
free span struct freespan repre
sents a contiguous sequence of free cells [first,last] within an arena.
... mark bitmap the mark bitmap is repre
sented by chunkbitmap.
... the mark bitmap has two bits per gc cell, so that it can repre
sent both regular liveness marking ("marked black") as well as reachability from cycle-collected objects ("marked gray").
...And 3 more matches
SpiderMonkey Internals
design walk-through at heart, spidermonkey is a fast interpreter that runs an untyped bytecode and operates on values of type js::value—type-tagged values that repre
sent the full range of javascript values.
... javascript values the type js::value repre
sents a javascript value.
... the repre
sentation is 64 bits and uses nan-boxing on all platforms, although the exact nan-boxing format depends on the platform.
...And 3 more matches
Building the WebLock UI
first of all, it's important to be able to repre
sent the basic state of the lock as soon as it's loaded.
...since the weblock component is always initialized as unlocked, we can have the client code - the javascript code in the interface - repre
sent this state and track it as the user manipulates the iweblock interface.
...in gecko, css is used to do virtually all of the pre
sentation of the xul interface - its color, position, style, and to some extent its behavior as well.
...And 3 more matches
Using XPCOM Utilities to Make Things Easier
all of these macros work on an array of structures repre
sented by the components parameter.
...though it isn't used that much internally at the pre
sent time, this name should be something that meaningfully describes the module.
...other kinds of strings like "wide" strings use two bytes to repre
sent each character, and are often used to deal with unicode strings.
...And 3 more matches
nsIDOMMozNetworkStatsManager
maxstorageage long long time in milliseconds recorded by the api until pre
sent time.
... start a date object repre
senting the beginning of data measurement.
... end a date object repre
senting the end of data measurement.
...And 3 more matches
nsIDOMSimpleGestureEvent
the "delta" value repre
sents the initial movement.
...the "delta" value repre
sents the movement since the last mozmagnifygesturestart or mozmagnifygestureupdate event.
...the "delta" value is the cumulative amount repre
sented by the user's gesture.
...And 3 more matches
nsIMsgMessageService
void displaymessage(in string amessageuri, in nsisupports adisplayconsumer, in nsimsgwindow amsgwindow, in nsiurllistener aurllistener, in string acharsetoverride, out nsiuri aurl); parameters amessageuri a uri repre
senting the message to display.
... aurl a string repre
sentation of the original url associated with the msg.
... void savemessagetodisk(in string amessageuri, in nsifilespec afile, in boolean ageneratedummyenvelope, in nsiurllistener aurllistener, out nsiuri aurl, in boolean canonicallineending, in nsimsgwindow amsgwindow); parameters amessageuri url repre
senting the message to spool out to disk.
...And 3 more matches
nsIMsgSendLater
the nsimsgsendlater interface provides functions for managing the un
sent folder of a messaging account.
...to create an instance, use var msgsendlater = components.classes["@mozilla.org/messengercompose/sendlater;1"] .getservice(components.interfaces.nsimsgsendlater); method overview void sendun
sentmessages(in nsimsgidentity identity); void removelistener(in nsimsgsendlaterlistener listener); void addlistener(in nsimsgsendlaterlistener listener); nsimsgfolder getun
sentmessagesfolder](in nsimsgidentity identity); attributes attribute type description msgwindow nsimsgwindow methods sendun
sentmessages() sends all un
sent messages for an identity.
... void sendun
sentmessages(in nsimsgidentity identity) parameters identity the nsimsgidentity to send un
sent messages for removelistener() remove an event listener from this nsisendmsglater instance void removelistener(in nsimsgsendlaterlistener listener); parameters listener the nsimsgsendlaterlistener to remove.
...And 3 more matches
nsIPermissionManager
expiretime time (in milliseconds since jan 1 1970 0:00:00) repre
senting expiration of this permission.
... expiretime time (in milliseconds since jan 1 1970 0:00:00) repre
senting expiration of this permission.
... return value a pruint32 repre
senting the permission, or unknown_action if no permission exists.
...And 3 more matches
Component; nsIPrefBranch
getchildlist() returns an array of strings repre
senting the child preferences of the root of this branch.
...a complex preference is a preference which repre
sents an xpcom object that can not be easily repre
sented using a standard boolean, integer or string value.
... atype the xpcom interface that this complex preference repre
sents.
...And 3 more matches
Using the Multiple Accounts API
incoming servers (nsimsgincomingserver): an incoming server repre
sents a remote message store such as a pop, imap, or nntp server.
... +- incoming server 3 (news.myisp.com nntp server, my isp's server) | +- identity 3 (alec flett <alecfnospam@myisp.com>) +- account 4 +- incoming server 4 (news.mozilla.org nntp server, mozilla devel) +- identity 2 (alec flett <alecf@myisp.com>) +- identity 3 (alec flett <alecfnospam@myisp.com>) this is the internal structure that the mail client maintains, but it is pre
sented to the user in a few different ways.
... as an example, the above structure would be repre
sented in your preferences like this: user_pref("mail.accountmanager.accounts", "account1,account2,account3"); user_pref("mail.account.account1.server", "server1"); user_pref("mail.account.account1.identities", "id1"); user_pref("mail.account.account2.server", "server2"); user_pref("mail.account.account2.identities", "id3"); user_pref("mail.account.account3.server", "server3"); user_pref("mail.accoun...
...And 3 more matches
Declaring types
every type is repre
sented by a ctype object, which, in turn, provides a constructor method you can call to define values of those types.
... primitive types primitive types are those types that repre
sent a single value in memory, as opposed to arrays, structures, or functions.
...to declare this type, you can simply do: const dword = ctypes.uint32_t; after doing this, dword is a ctype that can then be used to repre
sent 32-bit unsigned integers.
...And 3 more matches
ArrayType
arraytype repre
sents c arrays syntax returns a new ctype repre
senting an array data type.
... ctype arraytype() type[ length] ); parameters type: it repre
sents the type of the elements or variable which is going to be pre
sent in an array length optional it denotes the number of entries pre
sent in an array or the number of elements that an array should contain.
... return value a ctype repre
sents the newly declared array type.
...And 3 more matches
Inspecting web sockets - Firefox Developer Tools
choose the reponse tab to inspect web socket frames
sent and received through the selected connection.
... the live-updated table shows data for
sent (green arrow) and received (red arrow) frames.
...
sent displays only messages
sent by the browser (by default, except control messages).
...And 3 more matches
AudioBuffer - Web APIs
the audiobuffer interface repre
sents a short audio asset residing in memory, created from an audio file using the audiocontext.decodeaudiodata() method, or from raw data using audiocontext.createbuffer().
... properties audiobuffer.samplerate read only returns a float repre
senting the sample rate, in samples per second, of the pcm data stored in the buffer.
... audiobuffer.length read only returns an integer repre
senting the length, in sample-frames, of the pcm data stored in the buffer.
...And 3 more matches
BatteryManager - Web APIs
batterymanager.chargingtime read only a number repre
senting the remaining time in seconds until the battery is fully charged, or 0 if the battery is already fully charged.
... batterymanager.dischargingtime read only a number repre
senting the remaining time in seconds until the battery is completely discharged and the system will suspend.
... batterymanager.level read only a number repre
senting the system's battery charge level scaled to a value between 0.0 and 1.0.
...And 3 more matches
DOMMatrixReadOnly - Web APIs
the dommatrixreadonly interface repre
sents a read-only 4×4 matrix, suitable for 2d and 3d operations.
... m11, m12, m13, m14, m21, m22, m23, m24, m31, m32, m33, m34, m41, m42, m43, m44 double-precision floating-point values repre
senting each component of a 4×4 matrix, where m11 through m14 are the first column, m21 through m24 are the second column, and so forth.
... a, b, c, d, e, f double-precision floating-point values repre
senting the components of a 4×4 matrix which are required in order to perform 2d rotations and translations.
...And 3 more matches
DeviceOrientationEvent - Web APIs
deviceorientationevent.alpha read only a number repre
senting the motion of the device around the z axis, express in degrees with values ranging from 0 to 360.
... deviceorientationevent.beta read only a number repre
senting the motion of the device around the x axis, express in degrees with values ranging from -180 to 180.
... this repre
sents a front to back motion of the device.
...And 3 more matches
DirectoryEntrySync - Web APIs
the directoryentrysync interface of the file system api repre
sents a directory in a file system.
... example the getfile() method returns a fileentrysync, which repre
sents a file in the file system.
... var fileentry = fs.root.getfile('seekrits.txt', {create: true}); the getdirectory() method returns a directoryentrysync, which repre
sents a file in the file system.
...And 3 more matches
DynamicsCompressorNode - Web APIs
dynamicscompressornode.threshold read only is a k-rate audioparam repre
senting the decibel value above which the compression will start taking effect.
... dynamicscompressornode.knee read only is a k-rate audioparam containing a decibel value repre
senting the range above the threshold where the curve smoothly transitions to the compressed portion.
... dynamicscompressornode.ratio read only is a k-rate audioparam repre
senting the amount of change, in db, needed in the input for a 1 db change in the output.
...And 3 more matches
ExtendableMessageEvent - Web APIs
the extendablemessageevent interface of the service worker api repre
sents the event object of a message event fired on a service worker (when a message is received on the serviceworkerglobalscope from another context) — extends the lifetime of such events.
... extendablemessageevent.origin read only returns the origin of the client that
sent the message.
... extendablemessageevent.lasteventid read only repre
sents, in server-
sent events, the last event id of the event source.
...And 3 more matches
FileSystemDirectoryReader.readEntries() - Web APIs
generally, they are either filesystemfileentry objects, which repre
sent standard files, or filesystemdirectoryentry objects, which repre
sent directories.
...generally, they are either filesystemfileentry objects, which repre
sent standard files, or filesystemdirectoryentry objects, which repre
sent directories.
...this function takes as input a filesystementry repre
senting an entry in the file system to be scanned and processed (the item parameter), and an element into which to insert the list of contents (the container parameter).
...And 3 more matches
Guide to the Fullscreen API - Web APIs
activating full-screen mode given an element that you'd like to pre
sent in full-screen mode (such as a <video>, for example), you can pre
sent it in full-screen mode by simply calling its requestfullscreen() method.
... pre
sentation differences it's worth noting a key difference here between the gecko and webkit implementations at this time: gecko automatically adds css rules to the element to stretch it to fill the screen: "width: 100%; height: 100%".
...to get the same fullscreen behavior in webkit, you need to add your own "width: 100%; height: 100%;" css rules to the element yourself: #myvideo:-webkit-full-screen { width: 100%; height: 100%; } on the other hand, if you're trying to emulate webkit's behavior on gecko, you need to place the element you want to pre
sent inside another element, which you'll make fullscreen instead, and use css rules to adjust the inner element to match the appearance you want.
...And 3 more matches
Using the Gamepad API - Web APIs
buttons: an array of gamepadbutton objects repre
senting the buttons pre
sent on the device.
... the value property is a floating point value used to enable repre
senting analog buttons, such as the triggers on many modern gamepads.
... the values are normalized to the range 0.0..1.0, with 0.0 repre
senting a button that is not pressed, and 1.0 repre
senting a button that is fully pressed.
...And 3 more matches
Gamepad API - Web APIs
interfaces gamepad repre
sents a gamepad/controller connected to the computer.
... gamepadbutton repre
sents a button on one of the connected controllers.
... gamepadevent the event object repre
senting events fired that are related to gamepads.
...And 3 more matches
HTMLImageElement.alt - Web APIs
it will be read aloud or
sent to the touch device, for example, to support visually impaired users.
... 1em; display: flex; align-items: center; justify-content: center; } .left-margin img { width: 6em; } .contents { background-color: rgb(241, 240, 235, 255); height: 100%; margin-left: 2em; padding-top: 1em; padding-left: 2em; padding-right: 1em; } result images used as buttons when using an image as a button (by using it as the only visible child of an <a> element repre
senting a hyperlink), the alt attribute must be used to convey the purpose of the button.
..."button"><img src="songicon.svg" alt="songs"</a> <a href="albums.html" aria-role="button"><img src="albumicon.svg" alt="albums"</a> <a href="artists.html" aria-role="button"><img src="artisticon.svg" alt="artists"</a> <a href="playlists.html" aria-role="button"><img src="playlisticon.svg" alt="playlists"</a> </li> images containining diagrams or maps when an image contains information pre
sented as a diagram, chart, graph, or map, the alt text should provide the same information, at least in summary form.
...And 3 more matches
HTMLOutputElement - Web APIs
the htmloutputelement interface provides properties and methods (beyond those inherited from htmlelement) for manipulating the layout and pre
sentation of <output> elements.
... htmloutputelement.defaultvalue a domstring repre
senting the default value of the element, initially the empty string.
... htmloutputelement.validationmessageread only a domstring repre
senting a localized message that describes the validation constraints that the control does not satisfy (if any).
...And 3 more matches
IndexedDB API - Web APIs
idbopendbrequest repre
sents a request to open a database.
... idbdatabase repre
sents a connection to a database.
... retrieving and modifying data idbtransaction repre
sents a transaction.
...And 3 more matches
MediaStreamTrack - Web APIs
the mediastreamtrack interface repre
sents a single media track within a stream; typically, these are audio or video tracks, but other track types may exist as well.
... events listen to these events using addeventlistener() or by assigning an event listener to the oneventname property of this interface: ended
sent when playback of the track ends (when the value readystate changes to ended).
... mute
sent to the mediastreamtrack when the value of the muted property is changed to true, indicating that the track is unable to provide data temporarily (such as when the network is experiencing a service malfunction).
...And 3 more matches
PointerEvent - Web APIs
the pointerevent interface repre
sents the state of a dom event produced by a pointer such as the geometry of the contact point, the device type that generated the event, the amount of pressure that was applied on the contact surface, etc.
... a pointer is a hardware agnostic repre
sentation of input devices (such as a mouse, pen or contact point on a touch-enable surface).
... pointerevent.pressure read only the normalized pressure of the pointer input in the range 0 to 1, where 0 and 1 repre
sent the minimum and maximum pressure the hardware is capable of detecting, respectively.
...And 3 more matches
ProgressEvent() - Web APIs
the progressevent() constructor returns a newly created progressevent, repre
senting the current completion of a long process.
... type is a domstring repre
senting the name of the type of the progressevent.
... loaded optional is an unsigned long long repre
senting the amount of work already performed by the underlying process.
...And 3 more matches
RTCIceCandidate - Web APIs
the rtcicecandidate interface—part of the webrtc api—repre
sents a candidate internet connectivity establishment (ice) configuration which may be used to establish an rtcpeerconnection.
... constructor rtcicecandidate() creates an rtcicecandidate object to repre
sent a single ice candidate, optionally configured based on an object based on the rtcicecandidateinit dictionary.
... properties candidate read only a domstring repre
senting the transport address for the candidate that can be used for connectivity checks.
...And 3 more matches
RTCRtpStreamStats - Web APIs
while the dictionary has a base set of properties that are pre
sent in each of these cases, there are also additional properties added depending on which interface the method is called on.
... trackid a domstring which uniquely identifies the rtcmediastreamtrackstats object repre
senting the associated mediastreamtrack.
...a fir packet is
sent by the receiving end of the stream when it falls behind or has lost packets and is unable to continue decoding the stream; the sending end of the stream receives the fir packet and responds by sending a full frame instead of a delta frame, thereby letting the receiver "catch up." the higher this number is, the more often a problem of this nature arose, which can be a sign of network congestion or...
...And 3 more matches
Request - Web APIs
the request interface of the fetch api repre
sents a resource request.
... request implements body, so it also has the following methods available to it: body.arraybuffer() returns a promise that resolves with an arraybuffer repre
sentation of the request body.
... body.blob() returns a promise that resolves with a blob repre
sentation of the request body.
...And 3 more matches
SVGMatrix - Web APIs
properties svgmatrix.a a float repre
senting the a component of the matrix.
... svgmatrix.b a float repre
senting the b component of the matrix.
... svgmatrix.c a float repre
senting the c component of the matrix.
...And 3 more matches
SVGSVGElement - Web APIs
when the browser is actually rendering the content, then the position and size values repre
sent the actual values when rendering.
...if no parent element exists (i.e., <svg> element repre
sents the root of the document tree), if this svg document is embedded as part of another document (e.g., via the html <object> element), then the position and size are unitless values in the coordinate system of the parent document.
... (if the parent uses css or xsl layout, then unitless values repre
sent pixel units for the current css or xsl viewport.) svgsvgelement.pixelunittomillimeterx a float repre
senting the size of the pixel unit (as defined by css2) along the x-axis of the viewport, which repre
sents a unit somewhere in the range of 70dpi to 120dpi, and, on systems that support this, might actually match the characteristics of the target medium.
...And 3 more matches
StyleSheet - Web APIs
an object implementing the stylesheet interface repre
sents a single style sheet.
... properties stylesheet.disabled is a boolean repre
senting whether the current stylesheet has been applied or not.
... stylesheet.href read only returns a domstring repre
senting the location of the stylesheet.
...And 3 more matches
Using Touch Events - Web APIs
the touch interface repre
sents a single contact point on a touch-sensitive device.
... the touchlist interface repre
sents a list of contact points with a touch surface, one touch point per contact.
... the touchevent interface repre
sents an event
sent when the state of contacts with a touch-sensitive surface changes.
...And 3 more matches
Touch events - Web APIs
the touch interface, which repre
sents a single touchpoint, includes information such as the position of the touch point relative to the browser viewport.
... interfaces touchevent repre
sents an event that occurs when the state of touches on the surface changes.
... touch repre
sents a single point of contact between the user and the touch surface.
...And 3 more matches
Using WebRTC data channels - Web APIs
the rtcdatachannel object is returned immediately by createdatachannel(); you can tell when the connection has been made successfully by watching for the open event to be
sent to the rtcdatachannel.
... this can complicate things, since you don't necessarily know what the size limits are for various user agents, and how they respond when a larger message is
sent or received.
... messages smaller than 16kib can be
sent without concern, as all major user agents handle them the same way.
...And 3 more matches
WebXR permissions and security - Web APIs
the webxr device api has several areas of security to contend with, from establishing feature-policy to ensuring the user intends to use the mixed reality pre
sentation before activating it.
... immersive pre
sentation of vr first, any requests to activate the immersive-vr mode are rejected if the domain issuing the request does not have permission to enable an immersive session.
... inline pre
sentation when you request an xrsession with the mode set to inline, and any features are required or requested, the browser will only allow the session to be created if the call to requestsession() was made by code which is executing expressly due to user intent.
...And 3 more matches
Using the Web Animations API - Web APIs
with the web animations api, we can move interactive animations from stylesheets to javascript, separating pre
sentation from behavior.
... repre
senting keyframes the first thing we need is to create a keyframe object corresponding to our css @keyframes block: var alicetumbling = [ { transform: 'rotate(0) translate3d(-50%, -50%, 0)', color: '#000' }, { color: '#431236', offset: 0.3}, { transform: 'rotate(360deg) translate3d(-50%, -50%, 0)', color: '#000' } ]; here we’re using an array containing multiple objects.
... each object repre
sents a key from the original css.
...And 3 more matches
Functions and classes available to Web Workers - Web APIs
38 (38) (yes) (yes) (yes) crypto the crypto interface repre
sents basic cryptography features available in the current context.
... customevent the customevent interface repre
sents events initialized by an application for any purpose.
... 48 (48) (yes) (yes) (yes) domrequest and domcursor respectively, these objects repre
sents an ongoing operation (with listeners for reacting to the operation completely successfully, or failing, for example), and an ongoing operation over a list of results.
...And 3 more matches
XPathResult - Web APIs
the xpathresult interface repre
sents the results generated by evaluating an xpath expression within the context of a given node.
... properties xpathresult.booleanvalueread only a boolean repre
senting the value of the result if resulttype is boolean_type.
... xpathresult.numbervalueread only a number repre
senting the value of the result if resulttype is number_type.
...And 3 more matches
XRView.eye - Web APIs
the xrview interface's read-only eye property is a string taken from the xreye enumerated type, indicating which eye's viewpoint the xrview repre
sents: left or right.
... for views which repre
sent neither eye, such as monoscopic views, this property's value is none.
... syntax let eye = xrview.eye; value a domstring whose value is one of the strings enumerated by the xreye type: left the xrview repre
sents the point-of-view of the viewer's left eye.
...And 3 more matches
Architecture - Accessibility
they are in the nsiaccessible hierarchy to make it easy for nshypertextaccessible to piece its final text repre
sentation together.
...they are in the nsiaccessible hierarchy to make it easy for nshypertextaccessible to piece its text repre
sentation together.
...in fact, the end index will always be 1 larger than the start index, because the object is always repre
sented by a single '\xfffc' character.
...And 3 more matches
Variable fonts guide - CSS: Cascading Style Sheets
standard (or static) fonts in the past, a typeface would be produced as a number of individual fonts, and each font would repre
sent one specific width/weight/style combination.
... so you would have separate files for 'roboto regular', 'roboto bold', and 'roboto bold italic' — meaning that you could end up with 20 or 30 different font files to repre
sent a complete typeface (it could be several times that for a large typeface that has different widths as well).
...so the 'weight axis' describes how light or how bold the letterforms can be; the 'width axis' describes how narrow or how wide they can be; the 'italic axis' describes if italic letterforms are pre
sent and can be turned on or off accordingly, etc.
...And 3 more matches
Overview of events and handlers - Developer guides
initially, browsers wait, until they receive all of the resources associated with a page, to parse, process, draw, and pre
sent the page to the user.
...with the change to dynamic page rendering, browsers loop continuously between processing, drawing, pre
senting content, and waiting for some new event trigger.
...the pattern starts with an agreement over a kind of event and: the name string used for the event, the type of the data structure used to repre
sent the key properties of that event, and the javascript object which will 'emit' that event.
...And 3 more matches
Localizations and character encodings - Developer guides
however, a way of repre
senting characters in terms of bytes (character encoding) is used for transferring text over the network to the browser.
... the html specification recommends the use of the utf-8 encoding (which can repre
sent all of unicode) and regardless of the encoding used requires web content to declare what encoding was used.
... to specify that a page is using, for example, the utf-8 character encoding (as per the recommendation), simply place the following line in the <head> block: <meta charset="utf-8"> details and browser internals when the encoding is declared by web content like the html specification requires, firefox will use that encoding for turning the bytes into the internal repre
sentation.
...And 3 more matches
<input type="datetime-local"> - HTML: Hypertext Markup Language
the control is intended to simply repre
sent a local date and time, not necessarily the user's local date and time.
... because of the limited browser support for datetime-local, and the variations in how the inputs work, it may currently still be best to use a framework or library to pre
sent these, or to use a custom input of your own.
... value a domstring repre
senting a date and time (in the local time zone), or empty.
...And 3 more matches
<input type="month"> - HTML: Hypertext Markup Language
the microsoft edge month control looks like this: value a domstring repre
senting a month and year, or empty.
... value a domstring repre
senting the value of the month and year entered into the input, in the form yyyy-mm (four or more digit year, then a hyphen ("-"), followed by the two-digit month).
... to <input> elements, month inputs offer the following attributes: attribute description list the id of the <datalist> element that contains the optional pre-defined autocomplete options max the latest year and month to accept as a valid input min the earliest year and month to accept as a valid input readonly a boolean which, if pre
sent, indicates that the input's value can't be edited step a stepping interval to use when incrementing and decrementing the value of the input field list the values of the list attribute is the id of a <datalist> element located in the same document.
...And 3 more matches
<input type="password"> - HTML: Hypertext Markup Language
the element is pre
sented as a one-line plain text editor control in which the text is obscured so that it cannot be read, usually by replacing each character with a symbol such as the asterisk ("*") or a dot ("•").
... value a domstring repre
senting a password, or empty events change and input supported common attributes autocomplete, inputmode, maxlength, minlength, pattern, placeholder, readonly, required, and size idl attributes selectionstart, selectionend, selectiondirection, and value methods select(), setrangetext(), and setselectionrange() value the value attribute contains a...
...tion maxlength the maximum length the value may be, in utf-16 characters minlength the minimum length in characters that will be considered valid pattern a regular expression the value must match in order to be valid placeholder an example value to display in the field when the field is empty readonly a boolean attribute which, if pre
sent, indicates that the field's contents should not be editable size the number of characters wide the input field should be maxlength the maximum number of characters (as utf-16 code units) the user can enter into the password field.
...And 3 more matches
<input type="week"> - HTML: Hypertext Markup Language
value a domstring repre
senting a week and year, or empty events change and input supported common attributes autocomplete, list, readonly, and step idl attributes value, valueasdate, valueasnumber, and list.
... methods select(), stepdown(), and stepup() value a domstring repre
senting the value of the week/year entered into the input.
...r('input[type="week"]'); weekcontrol.value = '2017-w45'; additional attributes in addition to the attributes common to <input> elements, week inputs offer the following attributes: attribute description max the latest year and week to accept as valid input min the earliest year and week to accept as valid input readonly a boolean which, if pre
sent, indicates that the user cannot edit the field's contents step the stepping interval (the distance between allowed values) to use for both user interface and constraint validation max the latest (time-wise) year and week number, in the string format discussed in the value section above, to accept.
...And 3 more matches
<menu> - HTML: Hypertext Markup Language
the html <menu> element repre
sents a group of commands that a user can perform or activate.
... implicit aria role list permitted aria roles directory, group, listbox, menu, menubar, none, pre
sentation, radiogroup, tablist, toolbar or tree dom interface htmlmenuelement attributes this element includes the global attributes.
... context : indicates the popup menu state, which repre
sents a group of commands activated through another element.
...And 3 more matches
Evolution of HTTP - HTTP
built over the existing tcp and ip protocols, it consisted of 4 building blocks: a textual format to repre
sent hypertext documents, the hypertext markup language (html).
... http/1.0 – building extensibility http/0.9 was very limited and both browsers and servers quickly extended it to be more versatile: versioning information is now
sent within each request (http/1.0 is appended to the get line) a status code line is also
sent at the beginning of the response, allowing the browser itself to understand the success or failure of the request and to adapt its behavior in consequence (like in updating or using its local cache in a specific way) the notion of http headers has been introduced, both for the requests and the responses, ...
... in 2000, a new pattern for using http was designed: repre
sentational state transfer (or rest).
...And 3 more matches
Digest - HTTP
in rfc 7231 terms this is the selected repre
sentation of a resource.
... the selected repre
sentation depends on the content-type and content-encoding header values: so a single resource may have multiple different digest values.
... the digest is calculated over the entire repre
sentation.
...And 3 more matches
HTTP Messages - HTTP
there are two types of messages: requests
sent by the client to trigger an action on the server, and responses, the answer from the server.
...in http/1.1, and earlier versions of the protocol, these messages were openly
sent across the connection.
... a blank line indicating all meta-information for the request has been
sent.
...And 3 more matches
Functions - JavaScript
rest parameters the rest parameter syntax allows us to repre
sent an indefinite number of arguments as an array.
...hin the function that is passed to setinterval has the same value as this in the enclosing function: function person() { this.age = 0; setinterval(() => { this.age++; // |this| properly refers to the person object }, 1000); } var p = new person(); predefined functions javascript has several top-level, built-in functions: eval() the eval() method evaluates javascript code repre
sented as a string.
... uneval() the uneval() method creates a string repre
sentation of the source code of an object.
...And 3 more matches
BigInt.prototype.toString() - JavaScript
the tostring() method returns a string repre
senting the specified bigint object.
...an integer in the range 2 through 36 specifying the base to use for repre
senting numeric values.
... return value a string repre
senting the specified bigint object.
...And 3 more matches
Intl.NumberFormat.prototype.resolvedOptions() - JavaScript
numberingsystem the value provided for this properties in the options argument, if pre
sent, or the value requested using the unicode extension key "nu" or filled in as a default.
... notation the value provided for this property in the options argument, if pre
sent, or "standard filled in as a default.
... this property is only pre
sent if the notation is set to "compact".
...And 3 more matches
Number.prototype.toString() - JavaScript
the tostring() method returns a string repre
senting the specified number object.
...an integer in the range 2 through 36 specifying the base to use for repre
senting numeric values.
... return value a string repre
senting the specified number object.
...And 3 more matches
How to make PWAs installable - Progressive web apps (PWAs)
this makes the web app easier to access; additionally, you can specify that the app be launched in fullscreen or standalone mode, thus removing the default browser user interface that would otherwise be pre
sent, creating an even more seamless and native-like feel.
... requirements to make the web site installable, it needs the following things in place: a web manifest, with the correct fields filled in the web site to be served from a secure (https) domain an icon to repre
sent the app on the device a service worker registered, to allow the app to work offline (this is required only by chrome for android currently) currently, only the chromium-based browsers such as chrome, edge, and samsung internet require the service worker.
...it contains useful information, such as the app’s title, paths to different-sized icons that can be used to repre
sent the app on an os (such as an icon on the home screen, an entry in the start menu, or an icon on the desktop), and a background color to use in loading or splash screens.
...And 3 more matches
Types of attacks - Web security
cross-site scripting attacks usually occur when 1) data enters a web app through an untrusted source (most often a web request) or 2) dynamic content is
sent to a web user without being validated for malicious content.
...the web server reflects the injected script back to the user's browser, such as in an error message, search result, or any other response that includes data
sent to the server as part of the request.
...this token should be unique per user and stored (for example, in a cookie) such that the server can look up the expected value when the request is
sent.
...And 3 more matches
panel - Archive of obsolete content
the screenshot below shows a panel whose content is built from the list of currently open tabs: panels are useful for pre
senting temporary interfaces to users in a way that is easier for users to ignore and dismiss than a modal dialog, since panels are hidden the moment users interact with parts of the application interface outside them.
...the panel just contains a <textarea> element: when the user presses the return key, the contents of the <textarea> is
sent to the main add-on code.
... text = textarea.value.replace(/(\r\n|\n|\r)/gm,""); self.port.emit("text-entered", text); textarea.value = ''; } }, false); // listen for the "show" event being
sent from the // main add-on code.
...And 2 more matches
request - Archive of obsolete content
headers object an unordered collection of name/value pairs repre
senting headers to send with the request.
...for post and put requests, it will be
sent as the body of the request.
...ce the response to be interpreted as latin-1, use overridemimetype: var request = require("sdk/request").request; var quijote = request({ url: "http://www.latin1files.org/quijote.txt", overridemimetype: "text/plain; charset=latin1", oncomplete: function (response) { console.log(response.text); } }); quijote.get(); anonymous boolean if true, the request will be
sent without cookies or authentication headers.
...And 2 more matches
/loader - Archive of obsolete content
this is provided by a mandatory options.paths hash that repre
sents the mapping between module id prefixes and locations.
... the function returns a string repre
senting the resolved module id, which is then resolved to its location url using the mapping provided in the paths option.
...for example, the sdk generates a manifest file at build time repre
senting a dependency graph of all modules used by an add-on.
...And 2 more matches
Chapter 4: Using XPCOM—Implementing advanced processes - Archive of obsolete content
in order to work with local files, first you need to create a nsilocalfile object repre
senting the local file, as shown in listing 6.
... listing 6: creating an xpcom object repre
senting a file var file = components.classes['@mozilla.org/file/local;1'] .createinstance(components.interfaces.nsilocalfile); file.initwithpath('c:\\temp\\temp.txt'); creating and deleting files listing 7 shows how to delete a file if it exists, and create a new file with the same name.
...the text that you've read in is actually being repre
sented internally as unicode (utf-16).
...And 2 more matches
Installing plugins to Gecko embedding browsers on Windows - Archive of obsolete content
this document pre
sents the windows registry keys plugin installers can parse to determine where to install a given plugin (for mozilla browsers) on windows.
...netscape 6.1 and onwards, however, will write these keys, and so creating a plugin installer that puts the shared object (dll) in the right place becomes much easier, since the relevant meta-information is pre
sent in the win32 system registry.
... go to hkey_local_machine\software\mozilla caveat emptor: if the mozilla subkey is not pre
sent under hkey_local_machine, look under hkey_current_user\software\mozilla\.
...And 2 more matches
Dehydra Function Reference - Archive of obsolete content
type is a type object repre
senting the type that was declared.
... decl is a variable type object repre
senting the function being processed body is an array of {loc:, statements:array of variable types} repre
senting an outline of the function stripped down to variables, function calls and assignments.
... file is a string repre
senting the file to include optional: namespace is an object to include the file into.
...And 2 more matches
Using microformats - Archive of obsolete content
microformats allow web sites to provide semantic data to the browser in order to make it possible to pre
sent summaries of the information on a page without having to know how to parse the document itself.
... predefined microformats firefox 3 provides definitions implementing several common microformats: adr repre
sents an address (such as a street or mailing address).
... geo repre
sents a geographical location using latitude and longitude.
...And 2 more matches
File object - Archive of obsolete content
properties static properties file.input a file object that repre
sents the standard input (stdin).
... file.currentdir a file object that repre
sents the standard output (stdout).
... file.currentdir a file object that repre
sents the standard error (stderr).
...And 2 more matches
Index - Archive of obsolete content
3 a xul bestiary add-ons, extensions, needstechnicalreview, xul this xulnote pre
sents some of the key concepts and terms in the xul development environment.
...(for seamonkey 2, firefox, thunderbird and sunbird, see the page: custom toolbar button) 961 toolbar customization events toolbars, xul when toolbars are customized, events are
sent to their parent window.
...an onbroadcast event will be
sent to the observers when a change is made.
...And 2 more matches
listbox - Archive of obsolete content
a select event will be
sent to the controlling container (i.e.
... a select event is
sent before the items are deselected.
...a select event is
sent after the selection is made.
...And 2 more matches
richlistbox - Archive of obsolete content
a select event will be
sent to the controlling container (i.e.
... a select event is
sent before the items are deselected.
...a select event is
sent after the selection is made.
...And 2 more matches
Archived Mozilla and build documentation - Archive of obsolete content
building transformiix standalone calicalendarview an object implementing calicalendarview is generally intended to serve as a way of manipulating a set of dom nodes corresonding to a visual repre
sentation of calievent and calitodo objects.
... sxsw 2007 pre
sentations pre
sentations about the mozilla project given at the sxsw 2007 event in austin, texas.
... video pre
sentations mozilla is actively working to produce video pre
sentations that can help you learn how the mozilla codebase works and how to take advantage of its technology in your own applications and extensions.
...And 2 more matches
The First Install Problem - Archive of obsolete content
this document pre
sents a consistent way to do that.
...this document pre
sents windows solutions for plugin vendors.
...this document proposes a meta-information model in the win32 registry similar to the one used by microsoft's hkey_classes_root\clsid\ where a new activex control (ocx) on the system pre
sents its uuid as a registry key (identifying the activex control) as well as information about where to find the ocx (e.g.
...And 2 more matches
Writing JavaScript for XHTML - Archive of obsolete content
whilst authored to the stricter rules of xml, they are
sent with the media type for html (text/html).
...partially it is because, prior to version 9, internet explorer was incapable of handling xhtml
sent with the official xhtml media type at all.
... (rather than displaying content, it would pre
sent the user with a file download dialog.) but it is also founded in the experience that javascript, authored carefully for html, can break when placed with an xml environment.
...And 2 more matches
Windows Media in Netscape - Archive of obsolete content
this section pre
sents two mechanisms to detect the browsers that support windows media player -- detection using javascript objects which is useful for client-side detection detection using the user agent string which is useful for server side detection.
... both activexobject and geckoactivexobject can take wmplayer.ocx.7 as an argument to create the control if windows media player 7 or 9 are pre
sent.
...for example on windows xp, netscape 7.1's user agent string may be: mozilla/5.0 (windows; u; windows nt 5.1; en-us; rv:1.4) gecko/20030624 netscape/7.1 (ax) if the client was customized by a third party, additional information may be pre
sent in the "vendor comment" area of the user agent string.
...And 2 more matches
Anatomy of a video game - Game development
pre
sent, accept, interpret, calculate, repeat the goal of every video game is to pre
sent the user(s) with a situation, accept their input, interpret those signals into actions, and calculate a new situation resulting from those acts.
...these games pre
sent two images to the user; they accept their click (or touch); they interpret the input as a success, failure, pause, menu interaction, etc.; finally, they calculate an updated scene resulting from that input.
...a first person shooter (or a similar game) pre
sents a new scene once every frame.
...And 2 more matches
WAI-ARIA basics - Learn web development
next, you need to worry about whether the browsers in question support aria features and expose them via their apis, but also whether screenreaders recognise that information and pre
sent it to their users in a useful way.
... we talked about some of the problems that prompted wai-aria to be created earlier on, but es
sentially, there are four main areas that wai-aria is useful in: signposts/landmarks: aria's role attribute values can act as landmarks that either replicate the semantics of html5 elements (e.g.
... on the error message box that displays any validation errors when you try to submit the form: <div class="errors" role="alert" aria-relevant="all"> <ul> </ul> </div> role="alert" automatically turns the element it is applied to into a live region, so changes to it are read out; it also semantically identifies it as an alert message (important time/context sensitive information), and repre
sents a better, more accessible way of delivering an alert to a user (modal dialogs like alert() calls have a number of accessibility problems; see popup windows by webaim).
...And 2 more matches
Other form controls - Learn web development
if an <option> element has an explicit value attribute set on it, that value is
sent when the form is submitted with that option selected.
... once a data list is affiliated with a form widget, its options are used to auto-complete text entered by the user; typically, this is pre
sented to the user as a drop-down box listing possible matches for what they've typed into the input.
... meters and progress bars meters and progress bars are visual repre
sentations of numeric values.
...And 2 more matches
Web forms — Working with user data - Learn web development
this module provides a series of articles that will help you master the es
sentials of web forms.
...in the articles listed below, we'll cover all the es
sential aspects of web forms including marking up their html structure, styling form controls, validating form data, and submitting data to the server.
... we have put together a course that includes all the es
sential information you need to work towards your goal.
...And 2 more matches
Cooperative asynchronous JavaScript: Timeouts and intervals - Learn web development
a number repre
senting the time interval in milliseconds (1000 miliseconds equals 1 second) to wait before executing the code.
... zero or more values that repre
sent any parameters you want to pass to the function when it is run.
... including a timestamp the actual callback passed to the requestanimationframe() function can be given a parameter, too: a timestamp value, that repre
sents the time since the requestanimationframe() started running.
...And 2 more matches
Introducing JavaScript objects - Learn web development
we have put together a course that includes all the es
sential information you need to work towards your goal.
... object-oriented javascript for beginners with the basics out of the way, we'll now focus on object-oriented javascript (oojs) — this article pre
sents a basic view of object-oriented programming (oop) theory, then explores how javascript emulates object classes via constructor functions, and how to create object instances.
...in addition, we pre
sent some advice on when and where you might use oojs.
...And 2 more matches
Website security - Learn web development
this vulnerability is pre
sent if user input that is passed to an underlying sql statement can change the meaning of the statement.
... cross-site request forgery (csrf) csrf attacks allow a malicious user to execute actions using the credentials of another user without that user’s knowledge or con
sent.
... if a user clicks the submit button, an http post request will be
sent to the server containing the transaction details and any client-side cookies that the browser associated with the site (adding associated site cookies to requests is normal browser behavior).
...And 2 more matches
Understanding client-side JavaScript frameworks - Learn web development
javascript frameworks are an es
sential part of modern front-end web development, providing developers with tried and tested tools for building scalable, interactive web applications.
... after that, we'll provide some tutorials covering the es
sentials of some of the different framework choices, to provide you with enough context and familiarity to start going into greater depth yourself.
... we have put together a course that includes all the es
sential information you need to work towards your goal.
...And 2 more matches
Command line crash course - Learn web development
this article provides an introduction to the terminal, the es
sential commands you'll need to enter into it, how to chain commands together, and how to add your own command line interface (cli) tools.
... note: a very useful terminal shortcut is using the tab key to autocomplete names that you know are pre
sent, rather than having to type out the whole thing.
... for example, after typing the above two commands, try typing cd d and pressing tab — it should autocomplete the directory name desktop for you, provided it is pre
sent in the current directory.
...And 2 more matches
Gecko info for Windows accessibility vendors
how to track where the event happened, within your own offscreen model ordinary zero-indexed child ids are not practical for repre
senting events.
... note that the label and description relations may be used to prevent redundant information from being pre
sented by the screen reader, since the label and description can occur both on their own, and in the name or description fields of an iaccessible.
... positional descriptions are supported the accdescription field is overriden for the following roles: role_listitem, role_menuitem, role_radiobutton, role_pagetab and role_outlineitem for everything other than outline item, the positional description is in the form "n of m" where n is an integer indicating the position within other similar objects in a group, and m repre
sents the number of objects in that group.
...And 2 more matches
Listening to events on all tabs
void onlocationchange( nsidomxulelement abrowser, nsiwebprogress awebprogress, nsirequest arequest, nsiuri alocation [optional] in unsigned long aflags ); parameters abrowser the browser repre
senting the tab whose location changed.
... arequest the nsirequest object repre
senting the associated request.
...void onprogresschange( nsidomxulelement abrowser, nsiwebprogress awebprogress, nsirequest arequest, print32 acurselfprogress, print32 amaxselfprogress, print32 acurtotalprogress, print32 amaxtotalprogress ); parameters abrowser the browser repre
senting the tab for which updated progress information is being provided.
...And 2 more matches
Experimental features in Firefox
nightly 77 no developer edition 77 no beta 77 no release 77 no preference name layout.css.grid-template-masonry-value.enabled media feature: prefers-contrast the prefers-contrast media feature is used to detect whether the user has specified a preference for higher (or lower) contrast in the pre
sentation of web content.
... nightly 73 no developer edition 73 no beta 73 no release 73 no preference name dom.webgpu.enabled html dom api global event: beforeinput the global beforeinput event is
sent to an <input> element—or any element whose contenteditable attribute is enabled—immediately before the element's value changes.
...this api is used to customize the handling of media-related notifications, to manage events and data useful for pre
senting a user interface for managing media playback, and to obtain media file metadata.
...And 2 more matches
mozbrowsersecuritychange
details the details property returns an anonymous javascript object with the following properties: state a domstring repre
senting the current state of ssl security.
... trackingstate a domstring repre
senting the current loading state of tracking content.
... mixedstate a domstring repre
senting the current loading state of mixed active content.
...And 2 more matches
mozbrowsershowmodalprompt
title a domstring repre
senting the title of the prompt.
... message a domstring repre
senting the value passed to the window.alert(), window.confirm(), or window.prompt() methods within the browser <iframe>'s content.
... returnvalue a domstring repre
senting the return value for the window.prompt() methods.
...And 2 more matches
HTMLIFrameElement.sendMouseEvent()
parameters type a string repre
senting the event type.
... x a number repre
senting the x position of the cursor relative to the browser <iframe>'s visible area in css pixels.
... y a number repre
senting the y position of the cursor relative to the browser <iframe>'s visible area in css pixels.
...And 2 more matches
HTTP Cache
repre
sents a distinct storage area (or scope) to put and get cache entries mapped by urls into and from it.
... unimplemented or underimplemented functionality: asyncevictstorage (bug 977766), asyncvisitstorage (bug 916052) nsicacheentryopencallback //github.com/realityripple/uxp/blob/master/netwerk/cache2/nsicacheentryopencallback.idl the result of nsicachestorage.asyncopenuri is always and only
sent to callbacks on this interface.
... important difference in behavior from the old cache: when the cache entry object is already pre
sent in memory or open as “force-new” (a.k.a “open-truncate”) this callback is invoked sooner then the asyncopenuri method returns (i.e.
...And 2 more matches
Downloads.jsm
this matches the serializable repre
sentation of a download object.
...can be omitted or null if no referrer should be
sent or the download source is not http.
... saver: optional string repre
senting the class of the download operation.
...And 2 more matches
PromiseWorker.jsm
if the ownership of an object is transferred, it becomes unusable (neutered) in the context it was
sent from, and it becomes available only to the worker it was
sent to.
...in summary, from a worker file, data can only be
sent back as a response to a request from the main thread, it is not possible for a worker to send data to the main thread otherwise, this is a key difference between promiseworker worker file and all other types of workers.
... return 1; // 1 is
sent back to main thread, as a resolved promise.
...And 2 more matches
SourceMap.jsm
get a reference to the module: let sourcemap = {}; components.utils.import('resource:///modules/devtools/sourcemap.jsm', sourcemap); sourcemapconsumer a sourcemapconsumer instance repre
sents a parsed source map which we can query for information about the original file positions by giving it a file position in the generated source.
... sourcemapgenerator an instance of the sourcemapgenerator repre
sents a source map which is being built incrementally.
...this is useful as the final intermediate repre
sentation a compiler might use before outputting the generated js and source map.
...And 2 more matches
Localization sign-off reviews
this article pre
sents an overview of why we do sign-off reviews of localizations, the details on the criteria used for the sign-off reviews, and the process for requesting a review and for following its progress.
...your review request symbolically repre
sents that you have worked on your localization, tested it successfully, and found it to repre
sent the best of your work.
...text in green font repre
sent additions you've made in this new revision.
...And 2 more matches
Mozilla Style System
the barrier between these two halves consists of three abstract interfaces, plus some smaller structures associated with some methods on each: nsistylesheet nsistylesheet repre
sents what one would think of as a style sheet: the in-memory repre
sentation of a css file or other source of style data.
... nsistyleruleprocessor a style rule processor repre
sents an origin within the css cascade.
...there is also a style rule processor for style attributes (which contain css declarations) and one for pre
sentational attributes in html.
...And 2 more matches
DMD
the button won't be pre
sent in non-dmd builds, and will be grayed out in dmd builds if dmd isn't enabled at start-up.
...since you cannot mark files in /sdcard/ as executable, we will use /data/local/tmp for this purpose: adb push dmd_fennec /data/local/tmp adb shell cd /data/local/tmp chmod 755 dmd_fennec the final step is to make android use the above wrapper script while launching fennec, so that the environment variable is pre
sent when fennec starts up.
...it also indicates what percentage of the total heap size and the unreported portion of the heap these blocks repre
sent.
...And 2 more matches
Date and Time
nspr repre
sents time in two ways, absolute time and clock/calendar time.
... nspr provides types and constants for both repre
sentations, and functions to convert time values between the two.
... absolute time repre
sentation treats time instants as points along the time line.
...And 2 more matches
Tracing JIT
the recorder records the activity of the interpreter, using nanojit to build an efficient, native repre
sentation of the execution called a fragment.
... nanojit/lir.* the nanojit/lir.cpp and nanojit/lir.h files define the intermediate repre
sentation lir, which is used as input to nanojit.
... a fragment repre
sents a single linear code sequence, typically terminating in a jump to another fragment or back to the beginning of the fragment.
...And 2 more matches
Gecko object attributes
applied to: listitem, option exposed in aria: aria-setsize live region attribues atomic true when the entire region should be pre
sented as a whole, when changes within it are considered important enough to automatically pre
sent.
... applied to: any role exposed via aria: aria-atomic live a hint as to whether changes within the current region or subtree should be automatically pre
sented.
... applied to: any role exposed in aria: aria-live relevant space delimited string with keywords describing what kinds of changes in the subtree are informational, as opposed to pre
sentational.
...And 2 more matches
Feed content access API
feed interfaces nsifeed repre
sents an rss or atom feed.
... nsifeedentry repre
sents a single entry in an rss or atom feed.
... nsifeedperson repre
sents a person.
...And 2 more matches
Places utilities for JavaScript
bookmarks nsinavbookmarksservice history nsinavhistoryservice globalhistory nsibrowserhistory livemarks nsilivemarkservice annotations nsiannotationservice favicons nsifaviconservice microsummaries nsimicrosummaryservice tagging nsitaggingservice rdf nsirdfservice ptm nsiplacestransactionsservice clipboard nsiclipboard urifixup nsiurifixup special places these are es
sentially references to the id's of special folders within places.
... boolean nodeisbookmark(anode) determines whether or not a resultnode repre
sents a bookmarked uri.
... return type returns an array of objects repre
senting each item contained by the source.
...And 2 more matches
nsACString
« xpcom api reference summary the nsacstring abstract class repre
sents a character string composed of single-byte storage units.
... this class is typically used to repre
sent ascii or utf-8 character arrays.
... size_type [pruint32] type used to repre
sent the number of bytes stored in the string.
...And 2 more matches
nsAString
« xpcom api reference summary the nsastring abstract class repre
sents a character string composed of double-byte storage units.
... this class is typically used to repre
sent unicode character arrays.
... size_type [pruint32] type used to repre
sent the number of double-byte units stored in the string.
...And 2 more matches
IAccessibleEditableText
the text between the two given indices is deleted from the text repre
sented by this object and copied to the clipboard.
...the text between and including the two given indices is deleted from the text repre
sented by this object.
...the specified string is inserted at the given index into the text repre
sented by this object.
...And 2 more matches
IAccessibleTable
1.0 66 introduced gecko 1.9 inherits from: iunknown last changed in gecko 1.9 (firefox 3) typically all accessible objects that repre
sent cells or cell-clusters of a table will be at the same time children of the table.
...when the table cells are not direct children of a table, the object repre
senting the cell can define a "table-cell-index" object attribute identifying the 0 based table cell index.
...ats should first test for the presence of the "table-cell-index" attribute and if it is not pre
sent then iaccessible2.indexinparent() can be used as in the typical case where cells are direct children of the table.
...And 2 more matches
IAccessibleValue
1.0 66 introduced gecko 1.9 inherits from: iunknown last changed in gecko 1.9 (firefox 3) the iaccessiblevalue interface repre
sents a single numerical value and should be implemented by any class that supports numerical value like progress bars and spin boxes.
...[propget] hresult currentvalue( [out] variant currentvalue ); parameters currentvalue returns the current value repre
sented by this object.
...maximumvalue() returns the maximal value that can be repre
sented by this object.
...And 2 more matches
nsICookie
expires = 0 repre
sents a session cookie.
... expires = 1 repre
sents an expiration time earlier than jan 1, 1970.
... policy_no_con
sent 2 the site collects identifiable information without user involvement.
...And 2 more matches
nsIDOMHTMLTimeRanges
the nsidomhtmltimeranges interface repre
sents a set of time ranges in media; it's primarily used by the nsidomhtmlmediaelement interface, and implements the dom timeranges interface.
... each time range repre
sented by an nsidomhtmltimeranges object has an index number; you call the start() and end() methods to obtain the start and end times of each range, specifying the index number of the range to look up.
... last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) inherits from: nsisupports method overview float start(in unsigned long index); float end(in unsigned long index); attributes attribute type description length unsigned long the number of ranges repre
sented by the nsidomhtmltimeranges object.
...And 2 more matches
nsIHttpChannel
void visitrequestheaders(in nsihttpheadervisitor avisitor); void visitresponseheaders(in nsihttpheadervisitor avisitor); constants constant description referrer_policy_no_referrer_when_downgrade default; indicates not to pass on the referrer when downgrading from https to http referrer_policy_no_referrer indicates no referrer will be
sent referrer_policy_origin only send the origin of the referring uri referrer_policy_origin_when_xorigin same as the default; only send the origin of the referring uri for cross-origin requests referrer_policy_unsafe_url always send the referrer, even when downgrading from https to http attributes attribute type description allowpipe...
... note: the channel may silently refuse to set the referer: header if the uri does not pass certain security checks (e.g., a "https://" url will never be
sent as the referrer for a plaintext http request).
... isnocacheresponse() returns true if the server
sent the equivalent of a "cache-control: no-cache" response header.
...And 2 more matches
nsIJSON
to create an instance, use: var nativejson = components.classes["@mozilla.org/dom/json;1"] .createinstance(components.interfaces.nsijson); method overview note: the idl file has portions of the idl commented out because they repre
sent things that can't actually be properly described by idl; however, for the purposes of this article, we'll pretend they can be and ignore that issue.
...deprecated since gecko 2.0 methods decode() obsolete since gecko 7.0 (firefox 7.0 / thunderbird 7.0 / seamonkey 2.4) decodes a json string, returning the javascript object it repre
sents.
... decodefromstream() decodes a json string read from an input stream, returning the javascript object it repre
sents.
...And 2 more matches
nsINavBookmarksService
void getbookmarkfolderstarray( in nsiuri auri, in print64array aresult ); parameters auri aresult returns an nsiuri repre
senting the uri whose bookmark is to be retrieved.
... return value returns a nsiuri repre
senting the uri of the bookmark.
... return value returns a nsiuri repre
senting the uri associated with the given keyword.
...And 2 more matches
nsIParentalControlsService
constants constant value description epclog_urivisit 1 this log entry type repre
sents an access to web content.
... epclog_filedownload 2 this log entry type repre
sents a file download.
... this method may block while the operating system pre
sents user interface to handle the override request (such as an "enter an administrator's password" dialog box).
...And 2 more matches
nsIProcess
xpcom/threads/nsiprocess.idlscriptable this interface repre
sents an executable process.
... void init( in nsifile executable ); parameters executable the nsifile executable file to be repre
sented by the nsiprocess object.
... initwithpid() obsolete since gecko 1.9.2 (firefox 3.6 / thunderbird 3.1 / fennec 1.0) initializes the nsiprocess to repre
sent an existing process, given that process's id.
...And 2 more matches
nsIUpdate
toolkit/mozapps/update/nsiupdateservice.idlscriptable an interface that describes an object repre
senting an available update to the current application - this update may have several available patches from which one must be selected to download and install, for example we might select a binary difference patch first and attempt to apply that, then if the application process fails fall back to downloading a complete file-replace patch.
... iscompleteupdate boolean true if the update is a complete replacement of the existing installation; false if the update is a patch repre
senting the difference between the new version and the existing version.
...if the update is a security update, a more seriously-worded user interface message is used to pre
sent the update to the user.
...And 2 more matches
nsIZipReader
obsolete since gecko 10 nsiinputstream getinputstream(in autf8string zipentry); nsiinputstream getinputstream(in string zipentry); obsolete since gecko 10 nsiinputstream getinputstreamwithspec(in autf8string ajarspec, in autf8string zipentry); nsiinputstream getinputstreamwithspec(in autf8string ajarspec, in string zipentry); obsolete since gecko 10 boolean ha
sentry(in autf8string zipentry); void init(in nsifile zipfile); obsolete since gecko 1.9 void open(in nsifile zipfile); void openinner(in nsizipreader zipreader, in autf8string zipentry); void openinner(in nsizipreader zipreader, in string zipentry); obsolete since gecko 10 void test(in autf8string aentryname); void test(in string aentryname); obsolete s...
...ince gecko 10 attributes attribute type description file nsifile the file that repre
sents the zip with which this zip reader was initialized.
...the characters a and z must either both be letters or both be numbers, with the character repre
sented by 'a' having a lower ascii value than the character repre
sented by 'z'.
...And 2 more matches
nsMsgFolderFlagType
* this will only be pre
sent if the nsmsgfolderflags::directory bit is on.
... * @{ */ /// whether this folder repre
sents a subscribed newsgroup.
... const nsmsgfolderflagtype trash = 0x00000100; /// whether this is a folder that
sent mail gets delivered to.
...And 2 more matches
Mozilla
adding phishing protection data providers phishing protection technology lets firefox help protect users by comparing the urls the user visits to a list of known scam sites, and pre
senting a warning to the user when they visit a site on the list.
...it synchronously returns an nsiapplicationcache object repre
senting the most recent cache version from the most recent cache group containing the entry under the url or a matching namespace.
... getting from content to layout gecko maintains two separate repre
sentations of a document in memory: the content tree and the frame tree.
...And 2 more matches
Memory - Plugins
the browser may be able to deallocate nones
sential memory structures in response to a request.
... the npn_memalloc method has the following syntax: void *npn_memalloc (uint32 size); the size parameter is an unsigned long integer that repre
sents the amount of memory, in bytes, to allocate in the browser's memory space.
... void npn_memfree (void *ptr); the ptr parameter repre
sents a block of memory previously allocated using npn_memalloc.
...And 2 more matches
Version, UI, and Status Information - Plugins
const char* npn_useragent(npp instance); the instance parameter repre
sents the current plug-in instance.
... the browser and plug-in api major version numbers repre
sent code release numbers, and their minor version numbers repre
sent point release numbers.
...each npvers constant repre
sents a feature.
...And 2 more matches
Debugger.Environment - Firefox Developer Tools
a debugger.environment instance repre
sents a lexical environment, associating names with variables.
... each debugger.frame instance repre
senting a debuggee frame has an associated environment object describing the variables in scope in that frame; and each debugger.object instance repre
senting a debuggee function has an environment object repre
senting the environment the function has closed over.
... spidermonkey creates exactly one debugger.environment instance for each environment it pre
sents via a given debugger instance: if the debugger encounters the same environment through two different routes (perhaps two functions have closed over the same environment), spidermonkey pre
sents the same debugger.environment instance to the debugger each time.
...And 2 more matches
Work with animations - Firefox Developer Tools
the box below contains a grayscale icon, repre
senting firefox developer edition.
...in the example above you can see that the first bar is concave, repre
senting ease-in, and the second is convex, repre
senting ease-out.
...delay and enddelay are both repre
sented.
...And 2 more matches
Console messages - Firefox Developer Tools
password fields pre
sent on an insecure (http://) page.
... password fields pre
sent in a form with an insecure (http://) form action.
... password fields pre
sent on an insecure (http://) iframe.
...And 2 more matches
AnalyserNode - Web APIs
the analysernode interface repre
sents a node able to provide real-time frequency and time-domain analysis information.
... analysernode.fftsize is an unsigned long value repre
senting the size of the fft (fast fourier transform) to be used to determine the frequency domain.
... analysernode.mindecibels is a double value repre
senting the minimum power value in the scaling range for the fft analysis data, for conversion to unsigned byte values — basically, this specifies the minimum value for the range of results when using getbytefrequencydata().
...And 2 more matches
AudioNode - Web APIs
the audionode interface is a generic interface for repre
senting an audio processing module.
... properties audionode.context read only returns the associated baseaudiocontext, that is the object repre
senting the processing graph the node is participating in.
... audionode.channelcount repre
sents an integer used to determine how many channels are used when up-mixing and down-mixing connections to any inputs to the node.
...And 2 more matches
AudioParam - Web APIs
the web audio api's audioparam interface repre
sents an audio-related parameter, usually a parameter of an audionode (such as gainnode.gain).
... properties audioparam.defaultvalue read only repre
sents the initial volume of the attribute as defined by the specific audionode creating the audioparam.
... audioparam.maxvalue read only repre
sents the maximum possible value for the parameter's nominal (effective) range.
...And 2 more matches
AudioParamDescriptor - Web APIs
properties name the domstring which repre
sents the name of the audioparam.
... automationrate optional either "a-rate", or "k-rate" string which repre
sents an automation rate of this audioparam.
... minvalue optional a float which repre
sents minimum value of the audioparam.
...And 2 more matches
AudioWorkletProcessor.parameterDescriptors (static getter) - Web APIs
the properties of these objects are as follows: name the domstring which repre
sents the name of the audioparam.
... automationrate optional either "a-rate", or "k-rate" string which repre
sents an automation rate of this audioparam.
... minvalue optional a float which repre
sents minimum value of the audioparam.
...And 2 more matches
DeprecationReportBody - Web APIs
the deprecationreportbody interface of the reporting api repre
sents the body of a deprecation report (the return value of its report.body property).
... properties id a string repre
senting the deprecated feature that generated the report, for example navigatorgetusermedia.
... anticipatedremoval a date object (rendered as a string) repre
senting the date when the feature is expected to be removed from the current browser.
...And 2 more matches
DeviceOrientationEvent.DeviceOrientationEvent() - Web APIs
options optional options are as follows: alpha: a number repre
senting the motion of the device around the z axis, express in degrees with values ranging from 0 to 360.
... beta: a number repre
senting the motion of the device around the x axis, express in degrees with values ranging from -180 to 180.
... this repre
sents a front to back motion of the device.
...And 2 more matches
Document Object Model (DOM) - Web APIs
the document object model (dom) connects web pages to scripts or programming languages by repre
senting the structure of a document—such as the html repre
senting a web page—in memory.
... the dom repre
sents a document with a logical tree.
... to learn more about what the dom is and how it repre
sents documents, see our article introduction to the dom.
...And 2 more matches
Element: mouseenter event - Web APIs
bubbles no cancelable no interface mouseevent event handler property onmouseenter usage notes though similar to mouseover, mouseenter differs in that it doesn't bubble and it isn't
sent to any descendants when the pointer is moved from one of its descendants' physical space to its own physical space.
... one mouseenter event is
sent to each element of the hierarchy when entering them.
... here 4 events are
sent to the four elements of the hierarchy when the pointer reaches the text.
...And 2 more matches
Using files from web applications - Web APIs
accessing selected file(s) consider this html: <input type="file" id="input" multiple> the file api makes it possible to access a filelist containing file objects repre
senting the files selected by the user.
..."; } // end of optional code document.getelementbyid("filenum").innerhtml = nfiles; document.getelementbyid("filesize").innerhtml = soutput; } document.getelementbyid("uploadinput").addeventlistener("change", updatesize, false); </script> </body> </html> using hidden file input elements using the click() method you can hide the admittedly ugly file <input> element and pre
sent your own interface for opening the file picker and displaying which file or files the user has selected.
... the html that pre
sents the interface looks like this: <input type="file" id="fileelem" multiple accept="image/*" style="display:none"> <a href="#" id="fileselect">select some files</a> <div id="filelist"> <p>no files selected!</p> </div> this establishes our file <input> element as well as a link that invokes the file picker (since we keep the file input hidden to prevent that less-than-attractive user interface ...
...And 2 more matches
FileReaderSync - Web APIs
methods filereadersync.readasarraybuffer() this method converts a specified blob or a file into an arraybuffer repre
senting the input data as a binary string.
... filereadersync.readasbinarystring() this method converts a specified blob or a file into a domstring repre
senting the input data as a binary string.
... filereadersync.readastext() this method converts a specified blob or a file into a domstring repre
senting the input data as a text string.
...And 2 more matches
FileSystem - Web APIs
the file and directory entries api interface filesystem is used to repre
sent a file system.
... basic concepts there are two ways to get access to a filesystem object: you can directly ask for one repre
senting a sandboxed file system created just for your web app directly by calling window.requestfilesystem().
... properties filesystem.name read only a usvstring repre
senting the file system's name.
...And 2 more matches
FileSystemDirectoryEntry.getDirectory() - Web APIs
syntax filesystemdirectoryentry.getdirectory([path][, options][, successcallback][, errorcallback]); parameters path optional a usvstring repre
senting an absolute path or a path relative to the directory on which the method is called, describing which directory entry to return.
...the method receives a single parameter: the filesystemdirectoryentry object repre
senting the directory in question.
... example in this example, a function is pre
sented whose job it is to locate within a user's app data directory a json file containing a user dictionary for a specified language, then load that dictionary.
...And 2 more matches
msAudioDeviceType - Web APIs
msaudiodevicetype specifies the output device id that the audio will be
sent to.
... value include a description of the property's value, including data type and what it repre
sents.
... value description console specifies that the audio output will be
sent to the console device.
...And 2 more matches
HTMLInputElement - Web APIs
the htmlinputelement interface provides special properties and methods for manipulating the options, layout, and pre
sentation of <input> elements.
... files returns/accepts a filelist object, which contains a list of file objects repre
senting the files selected for upload.
...valid values are none, off, characters, words, or
sentences.
...And 2 more matches
HTMLMediaElement.textTracks - Web APIs
the read-only texttracks property on htmlmediaelement objects returns a texttracklist object listing all of the texttrack objects repre
senting the media element's text tracks, in the same order as in the list of text tracks.
...however, these events aren't
sent directly to the media element itself.
... instead, they're
sent to the track list object of the htmlmediaelement that corresponds to the type of track that was added to the element the returned list is live; that is, as tracks are added to and removed from the media element, the list's contents change dynamically.
...And 2 more matches
HTMLMediaElement - Web APIs
htmlmediaelement.controller is a mediacontroller object that repre
sents the media controller assigned to the element, or null if none is assigned.
... htmlmediaelement.mozsamplerate read only returns a double repre
senting the number of samples per second that will be played.
... htmlmediaelement.srcobject is a mediastream repre
senting the media to play or that has played in the current htmlmediaelement, or null if not assigned.
...And 2 more matches
MediaTrackSupportedConstraints.frameRate - Web APIs
the mediatracksupportedconstraints dictionary's framerate property is a read-only boolean value which is pre
sent (and set to true) in the object returned by mediadevices.getsupportedconstraints() if and only if the user agent supports the framerate constraint.
... syntax framerateconstraintsupported = supportedconstraintsdictionary.framerate; value this property is pre
sent in the dictionary if the user agent supports the framerate constraint.
... if the property isn't pre
sent, the user agent doesn't allow specifying limits on the frame rate for video tracks.
...And 2 more matches
Media Capture and Streams API (Media Stream) - Web APIs
concepts and usage the api is based on the manipulation of a mediastream object repre
senting a flux of audio- or video-related data.
... a mediastream consists of zero or more mediastreamtrack objects, repre
senting various audio or video tracks.
...the channel repre
sents the smallest unit of a media stream, such as an audio signal associated with a given speaker, like left or right in a stereo audio track.
...And 2 more matches
PayerErrors - Web APIs
properties email optional if pre
sent, this domstring is a string describing the validation error from which the payer's email address—as given by paymentresponse.payeremail—currently suffers.
... if this property is ab
sent from the payererrors object, the email address passed validation.
... name optional if this domstring is pre
sent in the object, the paymentresponse.payername property failed validation, and this string explains what needs to be corrected.
...And 2 more matches
PaymentResponse - Web APIs
this option is only pre
sent when the requestpayeremail option is set to true in the options parameter of the paymentrequest() constructor.
...this option is only pre
sent when the requestpayername option is set to true in the options parameter of the paymentrequest() constructor.
...this option is only pre
sent when the requestpayerphone option is set to true in the options parameter of the paymentrequest() constructor.
...And 2 more matches
ProgressEvent - Web APIs
the progressevent interface repre
sents events measuring progress of an underlying process, like an http request (for an xmlhttprequest, or the loading of the underlying resource of an <img>, <audio>, <video>, <style> or <link>).
... progressevent.loaded read only is an unsigned long long repre
senting the amount of work already performed by the underlying process.
...when downloading a resource using http, this only repre
sent the part of the content itself, not headers and other overhead.
...And 2 more matches
RTCDataChannel.bufferedAmount - Web APIs
the read-only rtcdatachannel property bufferedamount returns the number of bytes of data currently queued to be
sent over the data channel.
...as messages are actually
sent, this value is reduced accordingly.
...however, even after closing the channel, attempts to send messages continue to add to the bufferedamount value, even though the messages are neither
sent nor buffered.
...And 2 more matches
RTCIceCandidateStats - Web APIs
this property is not pre
sent for remote candidates.
...this property is only pre
sent for local candidates.
...only pre
sent for local candidates.
...And 2 more matches
RTCIceTransport - Web APIs
the rtcicetransport interface provides access to information about the ice transport layer over which the data is being
sent and received.
...these are the same candidates which have already been
sent to the remote peer by sending an icecandidate event to the rtcpeerconnection for transmission.
... gatheringstatechange
sent to the rtcicetransport object to indicate that the value of the gatheringstate property has changed, indicating a change in this transport's ice candidate negotiation process.
...And 2 more matches
RTCRemoteOutboundRtpStreamStats - Web APIs
the webrtc statistics model's rtcremoteoutboundrtpstreamstats dictionary extends the underlying rtc
sentrtpstreamstats dictionary with properties measuring metrics specific to outgoing rtp streams.
... properties in addition to the properties defined by rtc
sentrtpstreamstats and its underlying rtcrtpstreamstats and rtcstats dictionaries, rtcremoteoutboundrtpstreamstats defines the following properties.
... remotetimestamp a domhighrestimestamp specifying the timestamp (on the remote device) at which the statistics in the rtcremoteoutboundrtpstreamstats object were
sent by the remote endpoint.
...And 2 more matches
RTCTrackEvent - Web APIs
the webrtc api interface rtctrackevent repre
sents the track event, which is
sent when a new mediastreamtrack is added to an rtcrtpreceiver which is part of the rtcpeerconnection.
... this event is
sent by the webrtc layer to the web site or application, so you will not typically need to instantiate an rtctrackevent yourself.
...you will probably not need to create new track events yourself, since they're typically created by the webrtc infrastructure and
sent to the connection's ontrack event handler.
...And 2 more matches
SVGTransform - Web APIs
matrix svgmatrix the matrix that repre
sents this transformation.
... for svg_transform_translate, e and f repre
sent the translation amounts (a=1, b=0, c=0 and d=1).
... for svg_transform_scale, a and d repre
sent the scale amounts (b=0, c=0, e=0 and f=0).
...And 2 more matches
Selection API - Web APIs
once your selection is in a variable, you perform a variety of operations on it, for example copying the selection to a text string using selection.tostring(), adding a range (as repre
sented by a standard range object) to the selection (or removing one) with selection.addrange()/selection.removerange(), or changing the selection to be the entire contents of a dom node using selection.selectallchildren().
... selection api interfaces selection repre
sents the range of text selected by the user or the current position of the caret.
... extensions to other interfaces window.getselection(), document.getselection() returns a selection object repre
senting the range of text selected by the user or the current position of the caret.
...And 2 more matches
ServiceWorkerRegistration.showNotification() - Web APIs
badge: a usvstring containing the url of an image to repre
sent the notification when there is not enough space to display the notification itself such as for example, the android notification bar.
... body: a string repre
senting an extra content to display within the notification.
...if this value is ab
sent or false, the desktop version of chrome will auto-minimize notifications after approximately twenty seconds.
...And 2 more matches
SubtleCrypto.importKey() - Web APIs
it describes a way to repre
sent public, private, and secret keys as json objects.
...takes an arraybuffer string containing the bytes, and returns a promise that will resolve to a cryptokey repre
senting the secret key.
...takes a string containing the pem encoded key, and returns a promise that will resolve to a cryptokey repre
senting the private key.
...And 2 more matches
Text.wholeText - Web APIs
<strong>no insipid election coverage!</strong> however, <a href="http://en.wikipedia.org/wiki/ab
sentee_ballot">casting a ballot</a> is tricky.</p> you decide you don’t like the middle
sentence, so you remove it: para.removechild(para.childnodes[1]); later, you decide to rephrase things to, “thru-hiking is great, but casting a ballot is tricky.” while preserving the hyperlink.
...what happened was you removed the strong element, but the removed
sentence’s element separated two text nodes.
... one for the first
sentence, and one for the first word of the last.
...And 2 more matches
ValidityState.typeMismatch - Web APIs
the email input type expects one or more valid email addresses, depending on whether the multiple attribute is pre
sent.
...if the value of the email input is not an empty string, a single valid e-mail address, or one or more comma separated email address if the multiple attribute is pre
sent, there is a typemismatch.
... the url input type expects one or more valid email urls, depending on whether the multiple attribute is pre
sent.
...And 2 more matches
WebRTC Statistics API - Web APIs
rtccertificatestats rtcstats codec statistics about a specific codec being used by streams being
sent or received by this connection.
... rtcoutboundrtpstreamstats rtc
sentrtpstreamstats rtcrtpstreamstats rtcstats peer-connection statistics describing the state of the rtcpeerconnection.
...the specific type of object repre
senting the statistics depends on the media kind.
...And 2 more matches
Writing a WebSocket server in C# - Web APIs
properties: int available this property indicates how many bytes of data have been
sent.
... the first byte, which currently has a value of 129, is a bitfield that breaks down as such: fin (bit 0) rsv1 (bit 1) rsv2 (bit 2) rsv3 (bit 3) opcode (bit 4:7) 1 0 0 0 0x1=0001 fin bit: this bit indicates whether the full message has been
sent from the client.
... messages may be
sent in frames, but for now we will keep things simple.
...And 2 more matches
Web Bluetooth API - Web APIs
bluetoothdevice repre
sents a bluetooth device inside a particular script execution environment.
... bluetoothremotegattcharacteristic repre
sents a gatt characteristic, which is a basic data element that provides further information about a peripheral’s service.
... bluetoothremotegattdescriptor repre
sents a gatt descriptor, which provides further information about a characteristic’s value.
...And 2 more matches
WheelEvent() - Web APIs
syntax var wheelevent = new wheelevent(typearg, wheeleventinit); properties typearg is a domstring repre
senting the name of the event.
... wheeleventinit optional is a wheeleventinit dictionary, having the following fields: "deltax", optional and defaulting to 0.0, is a double repre
senting the horizontal scroll amount in the deltamode unit.
... "deltay", optional and defaulting to 0.0, is a double repre
senting the vertical scroll amount in the deltamode unit.
...And 2 more matches
WheelEvent - Web APIs
the wheelevent interface repre
sents events that occur due to the user moving a mouse wheel or similar input device.
... wheelevent.deltaxread only returns a double repre
senting the horizontal scroll amount.
... wheelevent.deltayread only returns a double repre
senting the vertical scroll amount.
...And 2 more matches
Using XMLHttpRequest - Web APIs
progress information since the total size is unknown } } function transfercomplete(evt) { console.log("the transfer is complete."); } function transferfailed(evt) { console.log("an error occurred while transferring the file."); } function transfercanceled(evt) { console.log("the transfer has been canceled by the user."); } lines 3-6 add event listeners for the various events that are
sent while performing a data transfer using xmlhttprequest.
... a brief introduction to the submit methods an html <form> can be
sent in four ways: using the post method and setting the enctype attribute to application/x-www-form-urlencoded (default); using the post method and setting the enctype attribute to text/plain; using the post method and setting the enctype attribute to multipart/form-data; using the get method (in this case the enctype attribute will be ignored).
...("content-disposition: form-data; name=\"" + ofield.name + "\"; filename=\"" + ofile.name + "\"\r\ncontent-type: " + ofile.type + "\r\n\r\n"); this.status++; osegmreq.readasbinarystring(ofile); } } else { /* enctype is application/x-www-form-urlencoded or text/plain or method is get: files will not be
sent!
...And 2 more matches
XRInputSource.targetRayMode - Web APIs
the read-only xrinputsource property targetraymode indicates the method by which the target ray for the input source should be generated and how it should be pre
sented to the user.
... syntax let raymode = xrinputsource.targetraymode; value a domstring taken from the xrtargetraymode enumerated type, indicating which method to use when generating and pre
senting the target ray to the user.
...inputs which have a value for this property repre
sent inputs that project a target ray outward from the user.
...And 2 more matches
XRReferenceSpace - Web APIs
events in addition to other events that may be
sent to xrspace or eventtarget objects, the following also apply to xrreferencespace objects.
... reset the reset event is
sent to an xrreferencespace object when the browser detects a discontinuity has occurred wherein the tracked object's origin relative to the user's environment or location.
...the first is when you set up your scene and need to obtain a reference space to repre
sent the user's viewpoint on the world for the duration of the xrsession.
...And 2 more matches
ARIA: row role - Accessibility
if the row is within a treegrid, rows can include the aria-expanded attribute, using the attribute to indicate the pre
sent status.
... this is not the case for an ordinary table or grid, in which the aria-expanded attribute is not pre
sent.
... if the set of columns which is pre
sent in the dom is not contiguous, or if there are cells spanning more than one row or column, put the aria-colindex on all of the children of each row instead of on the row itself.
...And 2 more matches
ARIA: switch role - Accessibility
the aria switch role is functionally identical to the checkbox role, except that instead of repre
senting "checked" and "unchecked" states, which are fairly generic in meaning, the switch role repre
sents the states "on" and "off." this example creates a widget and assigns the aria switch role to it.
... assistive technologies may choose to repre
sent switch widgets with a specialized pre
sentation to reflect the notion of an on/off switch.
... associated aria roles, states, and properties aria-checked attribute the aria-checked attribute is required when using the switch role, as it repre
sents the current state of the widget that the switch role is applied to.
...And 2 more matches
Basic form hints - Accessibility
<h3 id="rg1_label">lunch options</h3> <ul class="radiogroup" id="rg1" role="radiogroup" aria-labelledby="rg1_label"> <li id="r1" tabindex="-1" role="radio" aria-checked="false"> <img role="pre
sentation" src="radio-unchecked.gif" /> thai </li> <li id="r2" tabindex="-1" role="radio" aria-checked="false"> <img role="pre
sentation" src="radio-unchecked.gif" /> subway </li> <li id="r3" tabindex="0" role="radio" aria-checked="true"> <img role="pre
sentation" src="radio-checked.gif" /> radio maria </li> </ul> describing with aria form controls sometimes have a description a...
... the example below shows a <button> element that is described by a
sentence in a separate <div> element.
... web developers typically use pre
sentational strategies to indicate required or invalid fields.
...And 2 more matches
Accessibility documentation index - Accessibility
34 using the pre
sentation role aria, needscontent, section 508, wai-aria, wcag this technique demonstrates how to use the pre
sentation role and describes the effect it has on browsers and assistive technology.
...these sections are frequently pre
sented as sidebars or call-out boxes.
... 54 aria: banner role aria, accessibility, needscontent a banner role repre
sents general and informative content frequently placed at the beginning of the page.
...And 2 more matches
Operable - Accessibility
this does not apply to moving/blinking content that is es
sential to the experience.
...this does not apply to auto-updating content that is es
sential to the experience.
... 2.3.3 animations from interactions (aaa) added in 2.1 allow users to disable animations from interactions (unless the animation is es
sential).
...And 2 more matches
pad - CSS: Cascading Style Sheets
the pad descriptor can be used with custom counter style definitions when you need the marker repre
sentations to have a minimum length.
... syntax pad: 3 "0"; values <integer> && <symbol> the <integer> specifies a minimum length that all counter repre
sentations must reach.
...if the minimum length is not reached, the repre
sentation will be padded with the specified <symbol>.
...And 2 more matches
grid-template-columns - CSS: Cascading Style Sheets
max-content is a keyword repre
senting the largest maximal content contribution of the grid items occupying the grid track.
... min-content is a keyword repre
senting the largest minimal content contribution of the grid items occupying the grid track.
...as a minimum it repre
sents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track.
...And 2 more matches
grid-template-rows - CSS: Cascading Style Sheets
max-content is a keyword repre
senting the largest maximal content contribution of the grid items occupying the grid track.
... min-content is a keyword repre
senting the largest minimal content contribution of the grid items occupying the grid track.
...as a minimum it repre
sents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track.
...And 2 more matches
<shape> - CSS: Cascading Style Sheets
the region repre
sents the part of an element to which the clip property applies.
... rect() rect(top, right, bottom, left) values top is a <length> repre
senting the offset for the top of the rectangle relative to the top border of the element's box.
... right is a <length> repre
senting the offset for the right of the rectangle relative to the left border of the element's box.
...And 2 more matches
scale3d() - CSS: Cascading Style Sheets
syntax the scale3d() function is specified with three values, which repre
sent the amount of scaling to be applied in each direction.
... scale3d(sx, sy, sz) values sx is a <number> repre
senting the abscissa of the scaling vector.
... sy is a <number> repre
senting the ordinate of the scaling vector.
...And 2 more matches
translate3d() - CSS: Cascading Style Sheets
syntax translate3d(tx, ty, tz) values tx is a <length> or <percentage> repre
senting the abscissa of the translating vector.
... ty is a <length> or <percentage> repre
senting the ordinate of the translating vector.
... tz is a <length> repre
senting the z component of the translating vector.
...And 2 more matches
WAI ARIA Live Regions/API Support - Developer guides
see [#events_fired_for_web_page_mutations the mutation events list] to match the type of event with this attribute's value, to determine whether the author believed the event should be pre
sented to the user or not.
...the entire atomic region should be pre
sented once when it is finally no longer busy.
... aria-busy on ancestor element container-atomic "true" | "false" "false" is this change inside a region that should always be pre
sented at once.
...And 2 more matches
Index - Developer guides
20 media events intermediate, media various events are
sent when handling media that are embedded in html documents using the <audio> and <video> elements; this section lists them and provides some helpful information about using them.
... 27 graphics on the web 2d, 3d, canvas, graphics, html5, svg, web, webgl, webrtc websites and applications often need to pre
sent graphics, such as images.these articles provide insight into how you can accomplish this.
...however, a way of repre
senting characters in terms of bytes (character encoding) is used for transferring text over the network to the browser.
...And 2 more matches
The HTML autocomplete attribute - HTML: Hypertext Markup Language
when creating a new account or changing passwords, this should be used for an "enter your new password" or "confirm new password" field, as opposed to a general "enter your current password" field that might be pre
sent.
...these should only be pre
sent if the "street-address" is not pre
sent.
... "photo" the url of an image repre
senting the person, company, or contact information given in the other fields in the form.
...And 2 more matches
Date and time formats used in HTML - HTML: Hypertext Markup Language
for <input>, the values of type that return a value which contains a string repre
senting a date and/or time are: date datetime datetime-local month time week examples before getting into the intricacies of how date and time strings are written and parsed in html, here are some examples that should give you a good idea what the more commonly-used date and time string formats look like.
...adding a day to the year every four years es
sentially makes the average year 365.25 days long, which is close to correct.
...they are always repre
sented by a two-digit ascii string whose value ranges from 01 through 12.
...And 2 more matches
<abbr>: The Abbreviation element - HTML: Hypertext Markup Language
the html abbreviation element (<abbr>) repre
sents an abbreviation or acronym; the optional title attribute can provide an expansion or description for the abbreviation.
... if pre
sent, title must contain this full description and nothing else.
...this text is often pre
sented by browsers as a tooltip when the mouse cursor is hovered over the element.
...And 2 more matches
<big>: The Bigger Text element - HTML: Hypertext Markup Language
usage note: as it was purely pre
sentational, this element has been removed in html5 and shouldn't be used anymore.
... html <p> this is the first
sentence.
... <big>this whole
sentence is in bigger letters.</big> </p> result using css font-size this example uses the css font-size property to increase the font size by one level.
...And 2 more matches
<button>: The Button element - HTML: Hypertext Markup Language
the html <button> element repre
sents a clickable button, used to submit forms or anywhere in a document for accessible, standard button functionality.
... by default, html buttons are pre
sented in a style resembling the platform the user agent runs on, but you can change buttons’ appearance with css.
...possible values: post: the data from the form are included in the body of the http request when
sent to the server.
...And 2 more matches
<input type="color"> - HTML: Hypertext Markup Language
the element's pre
sentation may vary substantially from one browser and/or platform to another—it might be a simple textual input that automatically validates to ensure that the color information is entered in the proper format, or a platform-standard color picker, or some kind of custom color picker window.
...because users can write colors in many different ways (such as rgb(255, 255, 0)), one way to work around this is to set a pattern attribute equal to either #[0-9a-f]{6} or #[0-9a-fa-f]{6} (preferably the latter because some users may not expect a different result with just a letter-case change) and set a placeholder attribute equal to a color repre
senting the expected format of the user's input, such as #ff0000.
...the value must be in seven-character hexadecimal notation, meaning the "#" character followed by two digits each repre
senting red, green, and blue, like this: #rrggbb.
...And 2 more matches
<input type="hidden"> - HTML: Hypertext Markup Language
<input id="prodid" name="prodid" type="hidden" value="xm234jq"> value a domstring repre
senting the value of the hidden data you want to pass back to the server.
... after editing, the user submits the form, and the updated data is
sent back to the server to be updated in the database.
...when the form is submitted in step 3, the id is automatically
sent back to the server with the record content.
...And 2 more matches
<input type="range"> - HTML: Hypertext Markup Language
this is typically repre
sented using a slider or dial control rather than a text entry box like the number input type.
... value a domstring containing the string repre
sentation of the selected numeric value; use valueasnumber to get the value as a number.
... value the value attribute contains a domstring which contains a string repre
sentation of the selected number.
...And 2 more matches
<input type="submit"> - HTML: Hypertext Markup Language
formnovalidate a boolean which, if pre
sent, means the form's fields will not be subjected to constraint validation before submitting the data to the server formtarget the browsing context into which to load the response returned by the server after submitting the form formaction a string indicating the url to which to submit the data.
...this url is then
sent to the server using an http get request.
... post the form's data is included in the body of the request that is
sent to the url given by the formaction or action attribute using an http post method.
...And 2 more matches
<menuitem> - HTML: Hypertext Markup Language
the html <menuitem> element repre
sents a command that a user is able to invoke through a popup menu.
... icon image url, used to provide a picture to repre
sent the command.
...required when a command attribute is not pre
sent.
...And 2 more matches
<select>: The HTML Select element - HTML: Hypertext Markup Language
the html <select> element repre
sents a control that provides a menu of options: the source for this interactive example is stored in a github repository.
...it is given an id attribute to enable it to be associated with a <label> for accessibility purposes, as well as a name attribute to repre
sent the name of the associated data point submitted to the server.
... size if the control is pre
sented as a scrolling list box (e.g.
...And 2 more matches
<small>: the side comment element - HTML: Hypertext Markup Language
the html <small> element repre
sents side-comments and small print, like copyright and legal text, independent of its styled pre
sentation.
... examples basic usage <p>this is the first
sentence.
... <small>this whole
sentence is in small letters.</small> </p> css alternative <p>this is the first
sentence.
...And 2 more matches
<strong>: The Strong Importance element - HTML: Hypertext Markup Language
this could be a
sentence that is of great importance to the whole page, or you could merely try to point out that some words are of greater importance compared to nearby content.
... another accepted use for <strong> is to denote the labels of paragraphs which repre
sent notes or warnings within the text of a page.
...<strong> adding to the confusion is the fact that while html 4 defined <strong> as simply indicating a stronger emphasis, html 5 defines <strong> as repre
senting "strong importance for its contents." this is an important distinction to make.
...And 2 more matches
Microformats - HTML: Hypertext Markup Language
hierarchical data is repre
sented with nested microformats, typically as property values themselves.
... some microformats examples h-card the h-card microformat repre
sents a a person or organization.
... u-email email address u-photo a photo of the person or organization u-url home page or other url repre
senting the person or organization u-uid universally unique identifier, preferably canonical url p-street-address street number + name p-locality city/town/village p-country-name country name nested h-card example <div class="h-card"> <a class="p-name u-url" href="http://blog.lizardwrangler.com/" >mitchell baker</a> (<a class="p-org h-c...
...And 2 more matches
HTTP conditional requests - HTTP
if it fails, the range request fails, and instead of a 206 partial content response, a 200 ok is
sent with the complete resource.
...with an empty cache, or without a cache, the requested resource is
sent back with a status of 200 ok.
... together with the resource, the validators are
sent in the headers.
...And 2 more matches
Tk - HTTP
(dynamic) tk: g (gateway or multiple parties) tk: n (not tracking) tk: t (tracking) tk: c (tracking with con
sent) tk: p (potential con
sent) tk: d (disregarding dnt) tk: u (updated) directives !
... c tracking with con
sent.
... the origin server believes it has received prior con
sent for tracking this user, user agent, or device.
...And 2 more matches
HTTP range requests - HTTP
checking if a server supports partial requests if the accept-ranges is pre
sent in http responses (and its value isn't "none"), the server supports range requests.
...if the condition is not fulfilled, the full resource is
sent back, with a 200 ok status.
... if-range: wed, 21 oct 2015 07:28:00 gmt partial request responses there are three relevant statuses, when working with range requests: in case of a successful range request, the 206 partial content status is
sent back from a server.
...And 2 more matches
A typical HTTP session - HTTP
an absolute url without the protocol or domain name the http protocol version subsequent lines repre
sent an http header, giving the server information about what type of data is appropriate (e.g., what language, what mime types), or other data altering its behavior (e.g., not sending an answer if it is already cached).
...as there is no content-length provided in an http header, this data block is pre
sented empty, marking the end of the headers, allowing the server to process the request the moment it receives this empty line.
...the most common requests are get and post: the get method requests a data repre
sentation of the specified resource.
...And 2 more matches
Grammar and types - JavaScript
if the const keyword is omitted, the identifier is assumed to repre
sent a variable.
...a sequence of characters that repre
sent a text value.
...for example: '37' - 7 // 30 '37' + 7 // "377" converting strings to numbers in the case that a value repre
senting a number is in memory as a string, there are methods for conversion.
...And 2 more matches
Date.prototype.setHours() - JavaScript
the sethours() method sets the hours for a specified date according to local time, and returns the number of milliseconds since january 1, 1970 00:00:00 utc until the time repre
sented by the updated date instance.
... syntax dateobj.sethours(hoursvalue[, minutesvalue[, secondsvalue[, msvalue]]]) versions prior to javascript 1.3 dateobj.sethours(hoursvalue) parameters hoursvalue ideally, an integer between 0 and 23, repre
senting the hour.
...ideally, an integer between 0 and 59, repre
senting the minutes.
...And 2 more matches
Date.prototype.setUTCHours() - JavaScript
the setutchours() method sets the hour for a specified date according to universal time, and returns the number of milliseconds since january 1, 1970 00:00:00 utc until the time repre
sented by the updated date instance.
... syntax dateobj.setutchours(hoursvalue[, minutesvalue[, secondsvalue[, msvalue]]]) parameters hoursvalue an integer between 0 and 23, repre
senting the hour.
...an integer between 0 and 59, repre
senting the minutes.
...And 2 more matches
Date.prototype.toString() - JavaScript
the tostring() method returns a string repre
senting the specified date object.
... syntax dateobj.tostring() return value a string repre
senting the given date.
...date.prototype.tostring() returns a string repre
sentation of the date in the format specified in ecma-262 which can be summarised as: week day: 3 letter english week day name, e.g.
...And 2 more matches
String.prototype.charCodeAt() - JavaScript
the charcodeat() method returns an integer between 0 and 65535 repre
senting the utf-16 code unit at the given index.
... the utf-16 code unit matches the unicode code point for code points which can be repre
sented in a single utf-16 code unit.
... if the unicode code point cannot be repre
sented in a single utf-16 code unit (because its value is greater than 0xffff) then the code unit returned will be the first part of a surrogate pair for the code point.
...And 2 more matches
eval() - JavaScript
the eval() function evaluates javascript code repre
sented as a string.
... syntax eval(string) parameters string a string repre
senting a javascript expression, statement, or sequence of statements.
...if the string repre
sents an expression, eval() evaluates the expression.
...And 2 more matches
Standard built-in objects - JavaScript
error aggregateerror evalerror internalerror rangeerror referenceerror syntaxerror typeerror urierror numbers and dates these are the base objects repre
senting numbers, dates, and mathematical calculations.
... number bigint math date text processing these objects repre
sent strings and support manipulating them.
... string regexp indexed collections these objects repre
sent collections of data which are ordered by an index value.
...And 2 more matches
Authoring MathML - MathML
using mathml mathml in html pages you can use pre
sentation mathml inside html5 documents: <!doctype html> <html> <head> <title>mathml in html5</title> </head> <body> <h1>mathml in html5</h1> <p> square root of two: <math> <msqrt> <mn>2</mn> </msqrt> </math> </p> </body> </html> content mathml is not supported by browsers.
... it's recommended to convert your content mathml markup into pre
sentation mathml before publishing it, for example with the help of the ctop.xsl stylesheet.
... tools mentioned on this page generates pre
sentation mathml.
...And 2 more matches
arabic-form - SVG: Scalable Vector Graphics
the arabic-form attribute indicates which of the four possible forms an arabic glyph repre
sents.
... only one element is using this attribute: <glyph> context notes value initial | medial | terminal | isolated default value isolated animatable no initial this value indicates that the glyph repre
sents the initial form.
... medial this value indicates that the glyph repre
sents the medial form.
...And 2 more matches
in - SVG: Scalable Vector Graphics
de>, <femorphology>, <feoffset>, <fespecularlighting>, <fetile> usage notes value sourcegraphic | sourcealpha | backgroundimage | backgroundalpha | fillpaint | strokepaint | <filter-primitive-reference> default value sourcegraphic for first filter primitive, otherwise result of previous filter primitive animatable yes sourcegraphic this keyword repre
sents the graphics elements that were the original input into the <filter> element.
... sourcealpha this keyword repre
sents the graphics elements that were the original input into the <filter> element.
... backgroundimage this keyword repre
sents an image snapshot of the svg document under the filter region at the time that the <filter> element was invoked.
...And 2 more matches
Index - XPath
29 format-number xslt, xslt_reference the format-number function evaluates a number and returns a string repre
senting the number in a given format.
... 36 local-name xslt, xslt_reference the local-name function returns a string repre
senting the local name of the first node in a given node-set.
... 37 name xslt, xslt_reference the name function returns a string repre
senting the qname of the first node in a given node-set.
...And 2 more matches
Transforming XML with XSLT - XSLT: Extensible Stylesheet Language Transformations
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes an overview the separation of content and pre
sentation is a key design feature of xml.
... the structure of an xml document is designed to reflect and clarify important relationships among the individual aspects of the content itself, unhindered by a need to provide any indication about how this data should eventually be pre
sented.
... yet eventually much of the content stored in xml documents will need to be pre
sented to human readers.
...And 2 more matches
Converting WebAssembly text format to wasm - WebAssembly
webassembly has an s-expression-based textual repre
sentation, an intermediate form designed to be exposed in text editors, browser developer tools, etc.
... converting the text .wat into a binary .wasm file let’s have a go at converting the above .wat text repre
sentation example into .wasm assembly format.
... we need to assemble this textual repre
sentation into the assembly language the browser actually reads before we can use it.
...And 2 more matches
Understanding WebAssembly text format - WebAssembly
to enable webassembly to be read and edited by humans, there is a textual repre
sentation of the wasm binary format.
...this article explains how that text format works, in terms of the raw syntax, and how it is related to the underlying bytecode it repre
sents — and the wrapper objects repre
senting wasm in javascript.
... in the text format, a module is repre
sented as one big s-expression.
...And 2 more matches
Content Scripts - Archive of obsolete content
almost all the examples pre
sented in this guide are available as complete, but minimal, add-ons in the addon-sdk-content-scripts repository on github.
... to send messages from one side to the other, use port.emit() to receive messages
sent from the other side, use port.on() messages are asynchronous: that is, the sender does not wait for a reply from the recipient but just emits the message and continues processing.
...n(html) { worker.port.emit('warning', 'do not click this again'); }); } // content-script.js window.addeventlistener('click', function(event) { self.port.emit('click', event.target.tostring()); event.stoppropagation(); event.preventdefault(); }, false); self.port.on('warning', function(message) { window.alert(message); }); in the add-on above there are two messages: click is
sent from the page-mod to the add-on, when the user clicks an element in the page warning sends a silly string back to the page-mod from tab.attach() the tab.attach() method returns the worker you can use to communicate with the content script(s) you attached.
...the following add-on shows a content script added by page-mod receiving a customevent
sent from a context-menu item when the context menu item is clicked.
tabs - Archive of obsolete content
innewwindow boolean if pre
sent and true, a new browser window will be opened and the url will be opened in the first tab in that window.
... inbackground boolean if pre
sent and true, the new tab will be opened to the right of the active tab and will not be active.
... ispinned boolean if pre
sent and true, then the new tab will be pinned as an app tab.
... tab a tab instance repre
sents a single open tab.
widget - Archive of obsolete content
widget repre
sents a widget object.
...messages
sent from the content script will no longer be received by the main add-on code, and vice versa.
... widgetview repre
sents a widget instance specific to one browser window.
...messages
sent from the content script will no longer be received by the main add-on code, and vice versa.
console/traceback - Archive of obsolete content
the stack is repre
sented as an array in which the most recent stack frame is the last element; each element thus repre
sents a stack frame and has the following keys: filename the name of the file that the stack frame takes place in.
... returns traceback : json repre
sentation of the traceback or null if not found.
... get() returns json : returns the json repre
sentation of the stack at the point that this function is called.
... format(tborexception) given a json repre
sentation of the stack or an exception instance, returns a formatted plain text repre
sentation of it, similar to python's formatted stack tracebacks.
util/uuid - Archive of obsolete content
for more details about uuid repre
sentations and what they are used for by the platform see the mdn documentation for jsid.
... generate uuid to generate a new uuid, call uuid() with no arguments: let uuid = require('sdk/util/uuid').uuid(); parsing uuid to convert a string repre
sentation of a uuid to an nsid, pass the string repre
sentation to uuid(): let { uuid } = require('sdk/util/uuid'); let firefoxuuid = uuid('{ec8030f7-c20a-464f-9b0e-13a3a9e97384}'); globals functions uuid(stringid) generate a new uuid, or convert a string repre
sentation of a uuid to an nsid.
... parameters stringid : string string repre
sentation of a uuid, such as: "8cbc9bf4-4a16-11e2-aef7-c1a56188709b" optional.
... returns nsid : a uuid, repre
sented as an nsid object.
Install Manifests - Archive of obsolete content
type an integer value repre
senting the type of add-on.
... firefox 2 and previous supported a value of 16 to repre
sent plug-ins.
... note: as of gecko 2.0, the dialog receives the addon object repre
senting your add-on as a parameter.
... examples <em:developer>jane doe</em:developer> <em:developer>koos van der merwe</em:developer> hasembeddedwebextension if pre
sent and given the value "true", this indicates that this add-on contains an embedded webextension.
Chapter 3: Introduction to XUL—How to build a more intuitive UI - Archive of obsolete content
for example, there is the mozilla amazon browser, which helps with shopping at amazon, and the pre
sentation method in xul, a tool for writing and displaying pre
sentations to try out the code samples in this chapter, save them as text files with .xul extensions and drag and drop them into the firefox browser window.
...you would use this to set a hidden or ab
sent state, for example items that aren't displayed in contextual menus.
... setting collapsed="true" sets an element's height and width to 0, but the element is treated as being pre
sent.
... the browser element is es
sentially a more powerful version of an inline frame, equipped with all the basic functions of a web browser.
Adding Events and Commands - Archive of obsolete content
it's very useful because it repre
sents the most common action for input controls such as menu items, buttons and checkboxes.
... for a button, it repre
sents the action of the user clicking on it, or focusing it with the keyboard and then pressing the enter key.
...they also save you the trouble of having to know if a given element is pre
sent in the dom or not.
... for example, if you have a customizable toolbar, you can't be sure if a given button is pre
sent or not, so it's easier to use a broadcaster.
Setting Up a Development Environment - Archive of obsolete content
« previousnext » getting the right tools there are 3 tools that we think are es
sential for effective add-on development (or any kind of development, really): a source code editor, a source control system, and a build system.
...you can skip this section and keep it pre
sent as a reference in case you do need to use xpcom in your project.
...it allows you to cancel them and even replace payload data before it is
sent.
...try to identify what is going on with some of the requests being
sent.
Index of archived content - Archive of obsolete content
getting started with firefox extensions handling preferences intercepting page loads introduction javascript object management local storage mozilla documentation roadmap observer notifications setting up a development environment the box model the es
sentials of an extension useful mozilla community sites user notifications and alerts xpcom objects performance best practices in extensions search extension tutorial (draft) security best practices in extensions session store api setting up an extension develop...
... hostwindow installer scripting styling proxy ui pydom rdf api rdf datasource how-to reading textual data remote xul remote debugging rsyncing the cvs repository running windows debug builds downloaded from tinderbox sxsw 2007 pre
sentations safe browsing safe browsing: design documentation safely loading uris same origin policy for xbl space manager detailed design space manager high level design standalone xpcom standard makefile header static analysis for windows code under linux stress testing string quick reference...
...ageload urischeme uris and urls uriloader using addresses of stack variables with nspr threads on win16 using cross commit using gdb on wimpy computers venkman using breakpoints in venkman venkman internals venkman introduction video pre
sentations when to use ifdefs writing textual data xml in mozilla xpinstall creating xpi installer modules install wizards (aka: stub installers) mac stub installer unix stub installer windows stub installer ...
...es winprofile object methods winreg object methods winregvalue xpjs components proposal xre xtech 2005 pre
sentations directions of the mozilla rdf engine extending gecko with xbl and xtf mozilla e4x rich web svg and canvas in mozilla xul - mozilla's xml user interface language xtech 2006 pre
sentations xul explorer ...
Editor Embedding Guide - Archive of obsolete content
getcommandstate "state_enabled"(boolean) docommand no parameters note only available if txmgr.dll is pre
sent.
... getcommandstate "state_enabled"(boolean) docommand no parameters note only available if txmgr.dll is pre
sent.
... getcommandstate "state_attribute" (cstring) docommand "state_attribute" (cstring) note for color values, use the cstring repre
sentation of rrggbb, e.g., red="#ff0000" and black="#000000".
... getcommandstate "state_attribute" (cstring) docommand "state_attribute" (cstring) note for color values, use the cstring repre
sentation of rrggbb, e.g., red="#ff0000" and black="#000000".
Migrate apps from Internet Explorer to Mozilla - Archive of obsolete content
mozilla uses it for the following conditions: if a page is
sent with a text/xml mimetype or any other xml or xhtml mimetype for any "doctype html system" doctype (for example, <!doctype html system "http://www.w3.org/tr/rec-html40/strict.dtd">), except for the ibm doctype for unknown doctypes or doctypes without dtds almost standards mode mozilla introduced almost standards mode for one reason: a section in the css 2 specification breaks designs based on...
... keycode keycode for keyboard events, this is a number repre
senting the key that was pressed.
... as mentioned earlier, every node has a nodetype property repre
senting the node type.
...if body is defined, it is
sent as the body of the post request.
macAlias - Archive of obsolete content
method of file object syntax int macalias( filespecobject destdir, string filename, filespecobject aliasdir, string aliasname ); parameters the macalias method has the following parameters: destdir a filespecobject that repre
sents the directory into which the program file will be installed.
... filename a string repre
senting the name of the file to be installed.
... aliasdir a filespecobject that repre
sents the directory into which the alias file will be installed (e.g.,"mac desktop").
... aliasname a string repre
senting the name of the alias itself.
windowsShortcut - Archive of obsolete content
method of file object syntax int windowsshortcut( folderobject atarget, folderobject ashortcutpath, string adescription, folderobject aworkingpath, string aparams, folderobject aicon, number aiconid); parameters the windowsshortcut method has the following parameters: atarget a filespecobject repre
senting the absolute path (including filename) to file that the shortcut will be created for.
... ashortcutpath a filespecobject repre
senting the absolute path (not including filename) to where the shortcut is to be created.
... aworkingpath a filespecobject repre
senting the absolute path to the working dir for where atarget will is to be run from.
... aicon a filespecobject repre
senting the absolute path (including fiilename) to a file that contains icons.
menupopup - Archive of obsolete content
onpopuphidden type: script code this event is
sent to a popup after it has been hidden.
... <menuitem label="submenu1 item 1"/> <menuitem label="submenu1 item 2"/> </menupopup> </menu> <menu id="submenu2" label="submenu 1"> <menupopup id="submenu2-popup"> <menuitem label="submenu2 item 1"/> <menuitem label="submenu2 item 2"/> </menupopup> </menu> <menupopup/> onpopuphiding type: script code this event is
sent to a popup when it is about to be hidden.
... onpopupshowing type: script code this event is
sent to a popup just before it is opened.
... onpopupshown type: script code this event is
sent to a popup after it has been opened, much like the onload event is
sent to a window when it is opened.
panel - Archive of obsolete content
onpopuphidden type: script code this event is
sent to a popup after it has been hidden.
... <menuitem label="submenu1 item 1"/> <menuitem label="submenu1 item 2"/> </menupopup> </menu> <menu id="submenu2" label="submenu 1"> <menupopup id="submenu2-popup"> <menuitem label="submenu2 item 1"/> <menuitem label="submenu2 item 2"/> </menupopup> </menu> <menupopup/> onpopuphiding type: script code this event is
sent to a popup when it is about to be hidden.
... onpopupshowing type: script code this event is
sent to a popup just before it is opened.
... onpopupshown type: script code this event is
sent to a popup after it has been opened, much like the onload event is
sent to a window when it is opened.
tooltip - Archive of obsolete content
onpopuphidden type: script code this event is
sent to a popup after it has been hidden.
... <menuitem label="submenu1 item 1"/> <menuitem label="submenu1 item 2"/> </menupopup> </menu> <menu id="submenu2" label="submenu 1"> <menupopup id="submenu2-popup"> <menuitem label="submenu2 item 1"/> <menuitem label="submenu2 item 2"/> </menupopup> </menu> <menupopup/> onpopuphiding type: script code this event is
sent to a popup when it is about to be hidden.
... onpopupshowing type: script code this event is
sent to a popup just before it is opened.
... onpopupshown type: script code this event is
sent to a popup after it has been opened, much like the onload event is
sent to a window when it is opened.
NPWindow - Archive of obsolete content
type npwindowtype value that specifies whether the npwindow instance repre
sents a window or a drawable.
...(the drawable is provided in a graphicsexpose event, when the paint is requested.) description the npwindow structure repre
sents the native window or a drawable, and contains information about coordinate position, size, whether the plug-in is windowed or windowless, and some platform-specific information.
...for windowed plug-ins, the browser calls the npp_setwindow method with an npwindow structure that repre
sents a drawable (a pointer to an npwindow allocated by the browser).
...for windowless plug-ins, the browser calls the npp_setwindow method with an npwindow structure that repre
sents a drawable.
Threats - Archive of obsolete content
information in transit is changed or replaced and then
sent on to the recipient.
... misrepre
sentation.
... a person or organization can misrepre
sent itself.
...for example, a mail which appears to be to be
sent from a bank, asking to verify your identity by giving away your private information.
XForms Select Element - Archive of obsolete content
note, some repre
sentations of the select element do not support visual grouping.
... attributes ui common appearance - the value of this attribute gives a hint to the xforms processor as to which type of widget(s) to use to repre
sent this control.
... repre
sentations the xforms select element can be repre
sented by the following widgets for the specified appearance attribute values: list - default repre
sentation (xhtml/xul) check group- used when appearance = 'full' (xhtml/xul) list displaying a listbox is the default repre
sentation (xhtml/xul).
...loses focus), otherwise it is updated upon item selection check group the select is repre
sented as group of checkboxes (xhtml/xul).
XForms Submit Element - Archive of obsolete content
the result of which is all or part of an instance document being
sent to a target destination, which could be local or remote (see the spec).
...attributes ui common appearance - the value of this attribute gives a hint to the xforms processor as to which type of widget(s) to use to repre
sent this control.
...repre
sentations the xforms submit element can be repre
sented by the following widgets for the specified appearance attribute values: button - default repre
sentation (xhtml/xul) link/clickable text - used when appearance = 'minimal' (xhtml only) button displaying a button is the default pre
sentation (xhtml/xul).
... characteristics analogous widgets are <html:input type="submit"/> and <xul:button/> link/clickable text xforms authors can use this repre
sentation if they want to have a widget like a xhtml anchor (xhtml only).
Plug-in Development Overview - Gecko Plugin API Reference
if neither is pre
sent, gecko will check the plugins resources.
... sending and receiving streams streams are objects that repre
sent urls and the data they contain.
... streams produced by the browser can be automatically
sent to the plug-in instance or requested by the plug-in.
...the result from the server can also be
sent to a particular browser window or frame for display, or delivered to the plug-in instance in a new stream.
Base64 - MDN Web Docs Glossary: Definitions of Web-related terms
base64 is a group of similar binary-to-text encoding schemes that repre
sent binary data in an ascii string format by translating it into a radix-64 repre
sentation.
... note that btoa() expects to be passed binary data, and will throw an exception if the given string contains any characters whose utf-16 repre
sentation occupies more than one byte.
... encoded size increase each base64 digit repre
sents exactly 6 bits of data.
... so, three 8-bits bytes of the input string/binary file (3×8 bits = 24 bits) can be repre
sented by four 6-bit base64 digits (4×6 = 24 bits).
MVC - MDN Web Docs Glossary: Definitions of Web-related terms
some other design patterns are based on mvc, such as mvvm (model-view-viewmodel), mvp (model-view-pre
senter), and mvw (model-view-whatever).
...— and what list items are already pre
sent.
... in our shopping list app, the view would define how the list is pre
sented to the user, and receive the data to display from the model.
...these actions require the model to be updated, so the input is
sent to the controller, which then manipulates the model as appropriate, which then sends updated data to the view.
RGB - MDN Web Docs Glossary: Definitions of Web-related terms
red green blue (rgb) is a color model that repre
sents colors as mixtures of three underlying components (or channels), namely, red, green, and blue.
... each color is described by a sequence of three numbers (typically between 0.0 and 1.0, or between 0 and 255) that repre
sent the different intensities (or contributions) of red, green, and blue, in determining the final color.
...in css they can be repre
sented as a single 24-bit integer in hexadecimal notation (for example, #add8e6 is light blue), or in functional notation as three separate 8-bit integers (for example, rgb(46, 139, 87) is sea green).
...graphically, a color can be repre
sented as a point in a three-dimensional grid or cube, where each dimension (or axis) corresponds to a different channel.
Semantics - MDN Web Docs Glossary: Definitions of Web-related terms
semantics in css in css, consider styling a list with li elements repre
senting different types of fruits.
... html should be coded to repre
sent the data that will be populated and not based on its default pre
sentation styling.
... pre
sentation (how it should look), is the sole responsibility of css.
...sually impaired users navigate a page finding blocks of meaningful code is significantly easier than searching though endless divs with or without semantic or namespaced classes suggests to the developer the type of data that will be populated semantic naming mirrors proper custom element/component naming when approaching which markup to use, ask yourself, "what element(s) best describe/repre
sent the data that i'm going to populate?" for example, is it a list of data?; ordered, unordered?; is it an article with sections and an aside of related information?; does it list out definitions?; is it a figure or image that needs a caption?; should it have a header and a footer in addition to the global site-wide header and footer?; etc.
Accessible multimedia - Learn web development
if the audio you are pre
senting is something like a face to face meeting or live spoken performance, it would be acceptable to take notes during the performance, publish them in full along with the audio, then seek help in cleaning up the notes afterwards.
... if you are creating your own user interface to pre
sent your audio and associated transcript, you can do it however you like, but it might make sense to include it in a showable/hideable panel; see our audio-transcript-ui example (also see the source code).
... you can however make sure that such an app has good enough color contrast and clear pre
sentation so it is perceivable to those with low vision/color blindness, and also make it keyboard accessible.
... we've not written a new set of assessments for this article, because there are already assessments available in our html multimedia and embedding module that test your knowledge of the information pre
sented here.
Client-side form validation - Learn web development
note how the invalid input gets focus, a default error message ("please fill out this field") appears, and the form is prevented from being
sent.
... the constraint validation api most browsers support the constraint validation api, which consists of a set of methods and properties available on the following form element dom interfaces: htmlbuttonelement (repre
sents a <button> element) htmlfieldsetelement (repre
sents a <fieldset> element) htmlinputelement (repre
sents an <input> element) htmloutputelement (repre
sents an <output> element) htmlselectelement (repre
sents a <select> element) htmltextareaelement (repre
sents a <textarea> element) the constraint validation api makes the following properties available on the above elements.
...the aria-live attribute is set on that <span> to make sure that our custom error message will be pre
sented to everyone, including it being read out to screenreader users.
...or'; // reset the visual state of the message } else { // if there is still an error, show the correct error showerror(); } }); form.addeventlistener('submit', function (event) { // if the email field is valid, we let the form submit if(!email.validity.valid) { // if it isn't, we display an appropriate error message showerror(); // then we prevent the form from being
sent by canceling the event event.preventdefault(); } }); function showerror() { if(email.validity.valuemissing) { // if the field is empty // display the following error message.
Getting started with HTML - Learn web development
for example, a block-level element might repre
sent headings, paragraphs, lists, navigation menus, or footers.
...initially the page looks like this: in this exercise, you can edit the code locally on your computer, as described previously, or you can edit it in the sample window below (the editable sample window repre
sents just the contents of the <body> element, in this case).
...these are special codes that repre
sent characters, to be used in these exact circumstances.
...the subsequent articles of this module go further on some of the topics introduced here, as well as pre
senting other concepts of the language.
Introducing asynchronous JavaScript - Learn web development
; xhr.responsetype = type; xhr.onload = function() { callback(xhr.response); }; xhr.send(); } function displayimage(blob) { let objecturl = url.createobjecturl(blob); let image = document.createelement('img'); image.src = objecturl; document.body.appendchild(image); } loadasset('coffee.jpg', 'blob', displayimage); here we create a displayimage() function that simply repre
sents a blob passed to it as an object url, then creates an image to display the url in, appending it to the document's <body>.
...the promise is an object repre
senting the completion or failure of the async operation.
... it repre
sents an intermediate state, as it were.
...they are es
sentially a returned object to which you attach callback functions, rather than having to pass callbacks into a function.
JavaScript building blocks - Learn web development
we have put together a course that includes all the es
sential information you need to work towards your goal.
... functions — reusable blocks of code another es
sential concept in coding is functions.
... build your own function with most of the es
sential theory dealt with previously, this article provides a practical experience.
... function return values the last es
sential concept you must know about a function is return values.
Useful string methods - Learn web development
finding a substring inside a string and extracting it sometimes you'll want to find if a smaller string is pre
sent inside a larger one (we generally say if a substring is pre
sent inside a string).
... if the substring is found inside the main string, it returns a number repre
senting the index position of the substring — which character number of the main string the substring starts at.
...what string is pre
sent in all of those messages, and what method could you use to test whether it is pre
sent?
... conclusion you can't escape the fact that being able to handle words and
sentences in programming is very important — particularly in javascript, as websites are all about communicating with people.
Inheritance in JavaScript - Learn web development
in addition, we pre
sent some advice on when and where you might use oojs, and look at how classes are dealt with in modern ecmascript syntax.
...inside this block, we define all the features of the class: the constructor() method defines the constructor function that repre
sents our person class.
... inheritance with class syntax above we created a class to repre
sent a person.
...prototypes and inheritance repre
sent some of the most complex aspects of javascript, but a lot of javascript's power and flexibility comes from its object structure and inheritance, and it is worth understanding how it works.
Object building practice - Learn web development
previous overview: objects next in previous articles we looked at all the es
sential javascript object theory and syntax details, giving you a solid base to start from.
...the resulting constant (ctx) is the object that directly repre
sents the drawing area of the canvas and allows us to draw 2d shapes on it.
... next, we set constants called width and height, and the width and height of the canvas element (repre
sented by the canvas.width and canvas.height properties) to equal the width and height of the browser viewport (the area that the webpage appears on — this can be gotten from the window.innerwidth and window.innerheight properties).
...since these balls will all behave in the same way, it makes sense to repre
sent them with an object.
Setting up your own test automation environment - Learn web development
add the following code and try running your test again: const input = driver.findelement(by.id('name')); input.sendkeys('filling in my form'); you can submit key presses that can't be repre
sented by normal characters using properties of the webdriver.key object.
... run the below command in your terminal to execute your test: node index.js the test will be
sent to lambdatest, and the output of your test will be reflected on your lambdatest console.
... run your test with the following command: node bstack_google_test the test will be
sent to browserstack, and the test result will be returned to your console.
... run your test with the following command: node sauce_google_test the test will be
sent to sauce labs, and the test result will be returned to your console.
Git and GitHub - Learn web development
overview vcses are es
sential for software development: it is rare that you will work on a project completely on your own, and as soon as you start working with other people you start to run the risk of conflicting with each other's work — this is when both of you try to update the same piece of code at the same time.
... we have put together a course that includes all the es
sential information you need to work towards your goal.
... forking projects (from github) forking projects is es
sential when you want to contribute to someone else's code.
... note: there is a lot more that you can do with git and github, but we feel that the above repre
sents the minimum you need to know to start using git effectively.
Learn web development
we have put together a course that includes all the es
sential information you need to work towards your goal.
... frameworks and tooling: after mastering the es
sentials of vanilla html, css, and javascript, you should learn about client-side web development tools, and then consider digging into client-side javascript frameworks, and server-side website programming.
...this topic teaches all the es
sentials needed to become comfortable with writing and understanding javascript.
...in the articles listed below, we'll cover all the es
sential aspects of structuring, styling, and interacting with web forms.
Creating Sandboxed HTTP Connections
nsiuri is an xpcom repre
sentation of an uri, with useful methods to query and manipulate the uri.
... }) } handling cookies when sending a request, cookies that apply to the url are
sent with the http request.
...for cookies, the two topics are: http-on-modify-request - happens after the cookie data has been loaded into the request, but before the request is
sent.
... these methods provide all the required functionality needed to modify cookies before they are processed/
sent, allowing for sandboxed cookie connections that don't affect the user's cookies.
Inner and outer windows
in order to repre
sent these levels of complexity, two "types" of window need to be considered.
...windows and the bfcache an outer window is a browsing context; that is, the actual environment in which a document is pre
sented to the user.
...an inner window repre
sents the actual content being displayed; it's the current view of what the user sees.
...the grey circles repre
sent the more abstract inner and outer windows, which are real objects that you don't directly interact with when working with the dom.
mozbrowsermetachange
details the details property returns an anonymous javascript object with the following properties: name a domstring repre
senting the <meta> name attribute value.
... content a domstring repre
senting the <meta> content attribute value, i.e.
... type a domstring repre
senting the type of meta change that this event object repre
sents.
... lang optional a domstring repre
senting the <meta> name attribute value, if included.
mozbrowseropenwindow
details the details property returns an anonymous javascript object with the following properties: url a domstring repre
senting the url of the document loaded within the frameelement property.
... name a domstring repre
senting the name of the new browser window.
... features a domstring containing features repre
sented by a list of names and values separated by commas.
... frameelement an object repre
senting the new browser <iframe> that will embed the new content.
AsyncShutdown.jsm
this phase repre
sents the last chance to write data to the profile directory.
... sendtelemetry read only phase telemetry is being
sent.
... this phase repre
sents the last chance for telemetry to write data.
...this phase repre
sents the last chance to communicate with a javascript worker, in particular with os.file.
Dict.jsm
tojson() returns a json string repre
sentation of the dictionary.
... return value a json string repre
sentation of the dictionary's key/value pairs.
... tostring() returns a string repre
sentation of the dictionary.
... return value a string repre
sentation of the dictionary's key/value pairs.
OS.File.Info
instances of os.file.info repre
sent file metadata, such as the size of the file, its last modification date, etc.
... using os.file.info example: determining if a file is a regular file the following snippet uses the main thread api to determine (asynchronously) whether some path is a regular file, or a directory, or a symbolic link: let promise = os.file.stat(somepath); promise.then( function onsuccess(info) { // |info| is an instance of |os.file.info| if (info.isdir) { // |somepath| repre
sents a directory } else if (info.issymlink) { // |somepath| repre
sents a symbolic link } else { // |somepath| repre
sents a regular file } }, function onfailure(reason) { if (reason instanceof os.file.error && reason.becausenosuchfile) { // |somepath| does not repre
sent anything } else { // some other error } } ) example: determining the owner of...
... windows winbirthdate a date repre
senting the time at which the file was created.
... winattributes hidden boolean readonly boolean system boolean macos x macbirthdate a date repre
senting the time at which the file was created.
PopupNotifications.jsm
void remove( notification notification ); parameters notification the notification object repre
senting the notification to remove.
...the main action is used to describe the button pre
sented in the notification panel, while secondary actions are displayed in the drop-down menu associated with the button.
... the notification object each notification is repre
sented by a notification object.
... this object contains all the data necessary to pre
sent and manage the notification, and has one method.
Localization formats
you may choose to pre
sent just the html for localization: we give an html file which lists several pieces of content like, <h1>getting started</h1> and the localizer translates to <h1>débuter avec firefox</h1> the localizer then submits the translated html or php back to us by either checking in changes to svn or sending us a patch that pascal checks in.
... can be hard to tell what has changed .lang files historically, mozilla has used a gettext-like file to pre
sent content for localization.
...with this arrangement, content for localization is pre
sented in the following manner: msgid "coming soon" msgstr "bientôt disponible" where the value in the "" of the msgid is the english content, and the value in the "" of the msgstr is the translation.
...for example, below is the entire introduction used for a certificate that was pre
sented to those who downloaded firefox during the download day campaign.
Mozilla Style System Documentation
style context management a style context (class nsstylecontext, currently also interface nsistylecontext although the interface should go away when all of the style systems can be moved back into the layout dll) repre
sents the style data for a css formatting object.
... in the layout system, these formatting objects are described as frames (interface nsiframe), although a pair of frames repre
sents table formatting objects.
...each of the structs includes either only features that are inherited by default or single properties that are set to the initial value by default (see css26.1.1), which is es
sential for the ruletree.
...i'm reluctant to write it both since i don't know much about it.] problems:a bunch the code needs to be rewritten to prevent stylesheets from blocking the parser and to reduce string copying (although that partly goes with parsing).] parsing stylesheet repre
sentation problems: the stylesheet repre
sentation uses way too much memory.
PR_Send
syntax #include <prio.h> print32 pr_send( prfiledesc *fd, const void *buf, print32 amount, printn flags, printervaltime timeout); parameters the function has the following parameters: fd a pointer to a prfiledesc object repre
senting a socket.
... buf a pointer to a buffer containing the data to be
sent.
... returns the function returns one of the following values: a positive number indicates the number of bytes successfully
sent.
... description pr_send blocks until all bytes are
sent, a timeout occurs, or an error occurs.
PR_SendTo
syntax #include <prio.h> print32 pr_sendto( prfiledesc *fd, const void *buf, print32 amount, printn flags, const prnetaddr *addr, printervaltime timeout); parameters the function has the following parameters: fd a pointer to a prfiledesc object repre
senting a socket.
... buf a pointer to a buffer containing the data to be
sent.
... returns the function returns one of the following values: a positive number indicates the number of bytes successfully
sent.
...the calling thread blocks until all bytes are
sent, a timeout has occurred, or there is an error.
PR_TransmitFile
syntax #include <prio.h> print32 pr_transmitfile( prfiledesc *networksocket, prfiledesc *sourcefile, const void *headers, print32 hlen, prtransmitfileflags flags, printervaltime timeout); parameters the function has the following parameters: networksocket a pointer to a prfiledesc object repre
senting the connected socket to send data over.
... sourcefile a pointer to a prfiledesc object repre
senting the file to send.
... headers a pointer to the buffer holding the headers to be
sent before sending data.
... flags one of the following flags: pr_transmitfile_keep_open indicates that the socket will be kept open after the data is
sent.
NSS Sample Code Sample1
as an alternative, new keys may be
sent to the // current set of secondary hosts when they are generated by the // primary.
... the wrapped value is
sent back to // the secondary host.
.../ shared database in this example server(const char *servername); ~server(); private: int getprivatekey(seckeyprivatekey **prvkey); int getpublickey(seckeypublickey **pubkey); int wrapkey(pk11symkey *key, seckeypublickey *pubkey, secitem **data); // export raw key (unwrapped) do not use int rawexportkey(pk11symkey *key, secitem **data); char *mservername; // these items repre
sent data that might be stored // in files or in a configuration file secitem *mwrappedenckey; secitem *mwrappedmackey; // these are the runtime keys as loaded from the files pk11symkey *menckey; pk11symkey *mmackey; }; server::server(const char *servername) : mservername(0), mwrappedenckey(0), mwrappedmackey(0), menckey(0), mmackey(0) { // copy the server name mservername = pl_str...
... the first server to this // one server2 = new server("server2"); if (!server2 || server2->init()) { cout << "server2 could not be created" << endl; rv = 1; // error goto done; } // transfer the keys from server1 { secitem *wrappedenckey = 0; secitem *wrappedmackey = 0; secitem *pubkeydata = 0; // get the public key for server 2 so that it can // be
sent to server 1 rv = server2->exportpublickey(&pubkeydata); if (rv) { cout << "exportpublickey failed" << endl; goto trans_done; } // send the public key to server 1 and get back the // wrapped key values rv = server1->exportkeys(pubkeydata, &wrappedenckey, &wrappedmackey); if (rv) { cout << "exportkeys failed" << endl; goto trans_done; } // print - for information c...
nss tech note3
if the extension is pre
sent and has the value true, then this cert is taken to be a ca cert.
... if pre
sent, this extension directly determines the values of the 8 key usages defined above.
... if ab
sent, the cert is assumed to be valid for all key usages.
...l_ca email_ca sec_oid_ext_key_usage_server_auth ssl_server ssl_ca sec_oid_ext_key_usage_client_auth ssl_client ssl_ca sec_oid_ext_key_usage_code_sign object_signing object_signing_ca sec_oid_ext_key_usage_time_stamp time_stamp time_stamp sec_oid_ocsp_responder ocsp_responder ocsp_responder sec_oid_ns_key_usage_govt_approved govt_approved govt_approved if the extended key usage extension is ab
sent, the cert is assumed to have the cert types ssl_client, ssl_server and email, and if the cert is a ca cert (as indicated by the presence of a true basic constraints extension), the cert is also assumed to have the cert types ssl_ca, email_ca and status_responder.
NSS PKCS11 Functions
secmod_loadusermodule secmod_unloadusermodule secmod_openuserdb secmod_closeuserdb pk11_findcertfromnickname pk11_findkeybyanycert pk11_getslotname pk11_gettokenname pk11_ishw pk11_ispre
sent pk11_isreadonly pk11_setpasswordfunc secmod_loadusermodule load a new pkcs #11 module based on a modulespec.
...parent is the moduledb that pre
sented this module spec.
... pk11_ispre
sent finds out whether the token for a slot is available.
... syntax #include <pk11pub.h> #include <prtypes.h> prbool pk11_ispre
sent(pk11slotinfo *slot); parameters this function has the following parameter: slot a pointer to a slot info structure.
The JavaScript Runtime
when scripts are compiled in interpretive mode, an internal repre
sentation of the compiled form is created and stored rather than generating a java class.
...not java.lang.long, since a double repre
sentation of a long may lose precision.
...these object types are repre
sented by implementing the function interface.
...for example, evaluating the expression obj["3"] will invoke the get(int, scriptable) method even though the property name was pre
sented in the script as a string.
JSAPI User Guide
in the environment we have created, the "hello world" script looks like this: system("echo hello world"); jsapi concepts this section aims to fill in the major gaps in the picture of the jsapi pre
sented so far.
... most errors, including those raised by js_reporterror, are repre
sented as javascript exceptions and thus interact with the javascript exception-handling language features, try, catch, and finally.
...this function returns the pointer to an object's private data: pdata = js_getprivate(cx, obj); special topics unicode to pass unicode data between javascript and native code, repre
sent the data in utf-16 in memory.
... the jsapi provides a type, jsscript, that repre
sents a compiled script.
JS_THREADSAFE
each thread that uses the javascript engine must es
sentially operate in a totally separate region of memory.
... instead, data must be copied when it is
sent from one thread to another.
... use js_writestructuredclone to transform data into a flat array of bytes that can be safely written to disk,
sent to another process or even another machine, or just passed to another thread.
... sharing native functions and private data among threads in a js_threadsafe build, spidermonkey's internal data structures that repre
sent javascript values are single-thread-only.
TPS History Lists
an array of objects repre
senting visits to the page, each object has the following properties: type: required.
...an integer repre
senting when the visit took place, expressed in hours from the pre
sent.
...it's an array of objects, each of which repre
sents a type of history to delete.
... there are three different types: to delete all references to a specific page from history, use an object with a uri property to delete all references to all pages from a specific host, use an object with a host property to delete all history in a certain time period, use an object with begin and end properties, which should have integer values that express time since the pre
sent in hours (see date above) for example: var history_to_delete = [ { uri: "http://www.cnn.com/" }, { begin: -24, end: -1 }, { host: "www.google.com" } ]; history lists and phase actions history lists cannot be modified, they can only be added, deleted, and verified, using the following functions: history.add history.delete history.verify history.verifynot ...
Handling Mozilla Security Bugs
repre
sentatives of the various companies and groups actively distributing mozilla-based products.
...mail
sent to this address will go to the security module owner and peers, who will be responsible for posting the information received to bugzilla, and marking the bug as "security-sensitive" if it is warranted, given the nature and severity of the bug and the risk of potential exploits.
... thus someone reporting a security bug es
sentially becomes a member of the overall group of people working to investigate and fix that particular vulnerability, and anyone else may be easily invited to assist as well, if and when it makes sense.
...(regarding this point, if all mozilla distributors have a repre
sentative on the security bug group, then even if a bug remains in the security-sensitive category, all affected distributors can still be informed and take appropriate action.) the security module owner will be the primary person responsible for ensuring that security bug reports are investigated and publicly disclosed in a timely manner, and that such bug reports do not remain in the bugzilla data...
An Overview of XPCOM
the book is pre
sented as a tutorial about creating xpcom components, but it covers all major aspects, concepts, and terminology of the xpcom component model along the way.
...the type library is a binary repre
sentation of an interface or interfaces.
...this is the case when, for example, clients deal with files: each separate file is repre
sented by a different object, and several file objects may be being used at any one time.
...when a user looks up a phone number in a company database, for example, probably that database is being repre
sented by an "object" that is the same for all co-workers.
XPCOM Stream Guide
in mozilla code, a stream is an object which repre
sents access to a sequence of characters.
...if we think of the water as data, then the spout repre
sents an input stream: a controller for data coming out of something.
...that water line repre
sents an output stream: a controller for data going into something.
... the first argument, * which repre
sents capacity per segment, is far too small for practical use.
mozIColorAnalyzer
toolkit/components/places/mozicoloranalyzer.idlscriptable provides methods to analyze colors in an image 1.0 66 introduced gecko 17.0 inherits from: nsisupports last changed in gecko 17.0 (firefox 17.0 / thunderbird 17.0 / seamonkey 2.14) method overview void findrepre
sentativecolor(in nsiuri imageuri, in mozirepre
sentativecolorcallback callback); methods findrepre
sentativecolor() given an image uri, find the most repre
sentative color for that image based on the frequency of each color.
...void findrepre
sentativecolor( in nsiuri imageuri, in mozirepre
sentativecolorcallback callback ); parameters imageuri a uri pointing to the image - ideally a data: uri, but any scheme that will load when setting the src attribute of a dom img element should work.
... callback function to call when the repre
sentative color is found or an error occurs.
... remarks below are some images with the result of findrepre
sentativecolor: image repre
sentative color 0xb28d3a 0x502e1e 0x53ba3f 0x00a400 see also mozirepre
sentativecolorcallback bug 634139 ...
mozIRegistry
open issues we have identified two open issues, neither of which appear to be so hard that it we won't be able to solve them in a timely fashion: if and when we remove what is currently a static binding of clsids, there will be the risk that required clsids won't be pre
sent.
... higher-level application components this box repre
sents all the potential user's of the core registry/repository interfaces.
...nsrepository is es
sentially a mapping from xpcom clsids to class factories, plus code to manage that mapping, including functions that create instances of a given clsid.
... moziregistry this is the new interface that will surface es
sentially the same function as is currently provided by libreg (aka "netscape registry") as declared in mozilla/modules/libreg/include/nsreg.h.
nsIAuthModule
aouttoken if getnexttoken succeeds, then aouttoken will point to a buffer to be
sent in response to the server challenge.
...calls to this method are used to protect items of data to be
sent to the server.
... void wrap( [const] in voidptr aintoken, in unsigned long aintokenlength, in boolean confidential, out voidptr aouttoken, out unsigned long aouttokenlength ); parameters aintoken a buffer containing the data to be
sent to the server.
...aouttoken a buffer containing the resulting data to be
sent to the server.
nsICachingChannel
this may fail if the disk cache is not pre
sent.
...this may fail if the offline cache is not pre
sent.
...an error of ns_error_document_not_cached will be
sent to the listener's onstoprequest if network io is necessary to complete the request.
...an error of ns_error_document_not_cached will be
sent to the listener's onstoprequest in this case.
nsIEditorMailSupport
insertascitedquotation() insert a string as quoted text (whose repre
sentation is dependent on the editor type), replacing the selected text (if any), including, if possible, a "cite" attribute.
...insertasquotation() insert a string as quoted text (whose repre
sentation is dependent on the editor type), replacing the selected text (if any).
...void inserttextwithquotations( in domstring astringtoinsert ); parameters astringtoinsert the string to be inserted pasteascitedquotation() paste a string as quoted text, whose repre
sentation is dependent on the editor type, replacing the selected text (if any) void pasteascitedquotation( in astring acitation, in long aselectiontype ); parameters acitation the "mid" url of the source message.
... pasteasquotation() paste the text in the os clipboard at the cursor position, as a quotation (whose repre
sentation is dependent on the editor type), replacing the selected text (if any).
nsIFeedTextConstruct
toolkit/components/feeds/public/nsifeedtextconstruct.idlscriptable this interface repre
sents rss or atom feed text fields that may contain plain text, html, or xhtml.
... some extension elements also include "type" parameters, and this interface could be used to repre
sent those as well.
... remarks if the document type is either "html" or "xhtml", a "<" character repre
sents markup.
...if the type is "text", the "<" character repre
sents itself.
nsILivemarkService
return value a nsiuri repre
senting the uri of the feed; if the livemark container doesn't have a valid feed uri, null will be returned or the nsiuri object returned will be the empty string.
... return value a nsiuri repre
senting the uri of the website; if the livemark container doesn't have a valid site uri, null will be returned.
... feeduri nsiuri object repre
senting the syndication feed uri.
... siteuri nsiuri object repre
senting the site uri, or null to clear the site uri for this livemark container.
nsIMessageListener
idl file: mozilla-central/source/dom/base/nsimessagemanager.idl inherits from: nsisupports this interface is used to receive messages
sent using the nsimessagebroadcaster, nsimessagesender, or nsisyncmessagesender interfaces.
... if the message was
sent from a frame script using a nsicontentframemessagemanager, then this property is the xul <browser> element for the frame from which the message was
sent.
... sync true if the message was
sent using sendsyncmessage, false otherwise.
...when there are multiple listeners to synchronous messages, each listener's return value is
sent back as an element in an array.
nsIMsgDatabase
in boolean bread, in nsidbchangelistener instigator); void markhdrreplied(in nsimsgdbhdr msghdr, in boolean breplied, in nsidbchangelistener instigator); void markhdrmarked(in nsimsgdbhdr msghdr, in boolean mark,in nsidbchangelistener instigator); void markmdnneeded(in nsmsgkey key, in boolean bneeded,in nsidbchangelistener instigator); boolean ismdnneeded(in nsmsgkey key); void markmdn
sent(in nsmsgkey key, in boolean bneeded, in nsidbchangelistener instigator); boolean ismdn
sent(in nsmsgkey key); void markread(in nsmsgkey key, in boolean bread, in nsidbchangelistener instigator); void markreplied(in nsmsgkey key, in boolean breplied, in nsidbchangelistener instigator); void markforwarded(in nsmsgkey key, in boolean bforwarded, in nsidbchangelistener instigator); void mark...
...ns_msg_error_folder_summary_out_of_date the database is pre
sent (and was opened), but the summary file is out of date.
... ns_msg_error_folder_summary_missing the database is pre
sent (and was opened), but the summary file is missing.
... boolean ismdnneeded(in nsmsgkey key); markmdn
sent() void markmdn
sent(in nsmsgkey key, in boolean bneeded, in nsidbchangelistener instigator); ismdn
sent() boolean ismdn
sent(in nsmsgkey key); markread() methods to get and set docsets for ids.
nsIMsgIncomingServer
defaultcopiesandfoldersprefstoserver boolean if the server supports fcc/
sent/etc, default prefs can point to the server.
...exceptions thrown missing exception missing description cleartemporaryreturnreceiptsfilter() if
sent folder pref is changed we need to clear the temporary return receipt filter so that the new return receipt filter can be recreated (by configuretemporaryreturnreceiptsfilter()).
...if we have set up to filter return receipts into our
sent folder, this utility method creates a filter to do that, and adds it to our filterlist if it doesn't exist.
...void configuretemporaryfilters( in nsimsgfilterlist filterlist ); parameters filterlist missing description exceptions thrown missing exception missing description configuretemporaryreturnreceiptsfilter() obsolete since gecko 1.8 (firefox 1.5 / thunderbird 1.5 / seamonkey 1.0) if we have set up to filter return receipts into our
sent folder, this utility method creates a filter to do that, and adds it to our filterlist if it doesn't exist.
nsIWinTaskbar
widget/public/nsiwintaskbar.idlscriptable repre
sents a service that exposes the apis provided by the microsoft windows taskbar.
...this preview is repre
sented by an nsitaskbarwindowpreview object.
...they don't even have to repre
sent actual gui elements on the window.
...nsitaskbartabpreview createtaskbartabpreview( in nsidocshell shell, in nsitaskbarpreviewcontroller controller ); parameters shell an nsidocshell object repre
senting the top-level window from which to create the preview.
nsIXPConnect
acomobj the native object that repre
sents the global object.
...tion varianttojs() jsval varianttojs( in jscontextptr ctx, in jsobjectptr scope, in nsivariant value ); parameters ctx missing description scope missing description value missing description return value missing description exceptions thrown missing exception missing description wrapjs() wrapjs() will yield a new or previously existing xpcom interface pointer to repre
sent the jsobject passed in.
...at pre
sent xbl is the only system that might want to do this.
...3) the xpcom object implements nsiscriptobjectowner; i.e., is an idlc style dom object for which we can call getscriptobject to get the jsobject it uses to repre
sent itself into javascript.
nsIXULTemplateResult
in other contexts, such as a database query, a result would repre
sent a particular record.
... iscontainer boolean true if the result repre
sents a container.
... isempty boolean true if the result repre
sents an empty container.
... methods getbindingfor() get the string repre
sentation of the value of a variable for this result.
Zombie compartments
that more fine-graned repre
sentation may look like this │ ├───28.45 mb (05.71%) -- top(https://www.google.de/, id=141) │ │ ├──13.66 mb (02.74%) -- active/window(https://www.google.de/) │ │ │ ├───7.83 mb (01.57%) -- js-compartment(https://www.google.de/) │ │ │ │ ├──3.56 mb (00.71%) -- objects │ │ │ │ │ ├──3.04 mb (00.61%) ++ gc-heap │ │ ...
... open about:memory in another tab to confirm that the relevant compartment is pre
sent.
... if the compartment is still pre
sent in about:memory, that's very suspicious.
... if only system compartments are pre
sent, and there are no ghost windows, congratulations!
StructType
structtype repre
sents c structures.
... rangeerror the size of the structure, in bytes, cannot be repre
sented both as a size_t and as a javascript number.
... ptr ctype returns a ctype repre
senting the data type "pointer to this type".
... return value a cdata repre
senting the newly allocated struct.
js-ctypes reference
there are three major categories: types these repre
sent a type in c, and are thus repre
sented by ctype objects.
...first, they provide a concrete repre
sentation of different data types, allowing the programmer to describe the arguments and return type of a native function (see library.declare()).
... data these are instances of types, repre
sented by cdata objects and instantiated by calling ctype objects as functions.
... 64-bit integer handling because javascript number objects can't directly repre
sent every possible 64-bit integer value, js-ctypes provides new types for these.
Plug-in Development Overview - Plugins
if neither is pre
sent, gecko will check the plugins resources.
... sending and receiving streams streams are objects that repre
sent urls and the data they contain.
... streams produced by the browser can be automatically
sent to the plug-in instance or requested by the plug-in.
...the result from the server can also be
sent to a particular browser window or frame for display, or delivered to the plug-in instance in a new stream.
URLs - Plugins
nperror npn_geturl(npp instance, const char *url, const char *target); the instance parameter repre
sents the current plug-in instance.
... the target parameter repre
sents the destination where the url will be displayed, a window or frame.
... make sure that the target matches the url type
sent to it.
...the result from the server can also be
sent to a particular browser window or frame for display, or delivered to the plug-in instance in a new stream.
Tutorial: Show Allocations Per Call Path - Firefox Developer Tools
(this menu will not be pre
sent unless you have changed the preference as explained above.) selecting the 'browser' context in the scratchpad enter the following code in the scratchpad: // this simply defines the 'debugger' constructor in this // scratchpad; it doesn't actually start debugging anything.
...note that stack entries are '===' if // they repre
sent the same site with the same callers.
...remember that 'null' is a valid site, // repre
senting the root.
...(we will probably revise the allocation log to pre
sent such allocations in a way that is more informative, and that exposes less of firefox's internal structure.) as expected, the onclick handler is responsible for all allocation done by the page's own code.
CSS Grid Inspector: Examine grid layouts - Firefox Developer Tools
the grid inspector allows you to examine css grid layouts using the firefox devtools, discovering grids pre
sent on a page, examining and modifying them, debugging layout issues, and more.
... grid options the grid section of the layout view looks like this: you'll see a number of options contained within: overlay grid: contains a checkbox for each grid pre
sent on the page, along with various options.
... overlay grid each grid pre
sent on a page has an entry in the "overlay grid" section: each entry consists of (from left to right): a checkbox allowing you to toggle the grid overlay for that grid on and off.
... a name label to repre
sent the grid, consisting of a selector identifying the html element that has the grid applied to it.
UI Tour - Firefox Developer Tools
recording overview this displays an overview of the entire recording, with the x-axis repre
senting time.
... waterfall overview this pre
sents a compressed view of the waterfall: recorded operations are color-coded using the same scheme as in the main waterfall view.
... waterfall the waterfall pre
sents a view of the work the browser is doing during the recording: executing javascript, updating the css, updating the page layout, and performing repaints.
... the x-axis repre
sents time, and the recorded operations are laid out as a waterfall, reflecting the serial nature of the browser's execution.
Attr - Web APIs
the attr interface repre
sents one of a dom element's attributes as an object.
... namespaceuri read only a domstring repre
senting the namespace uri of the attribute, or null if there is no namespace.
... localname read only a domstring repre
senting the local part of the qualified name of the attribute.
... prefix read only a domstring repre
senting the namespace prefix of the attribute, or null if no prefix is specified.
AudioContext - Web APIs
the audiocontext interface repre
sents an audio-processing graph built from audio modules linked together, each repre
sented by an audionode.
... audiocontext.createmediastreamsource() creates a mediastreamaudiosourcenode associated with a mediastream repre
senting an audio stream which may come from the local computer microphone or other sources.
... audiocontext.createmediastreamdestination() creates a mediastreamaudiodestinationnode associated with a mediastream repre
senting an audio stream which may be stored in a local file or
sent to another computer.
... audiocontext.createmediastreamtracksource() creates a mediastreamtrackaudiosourcenode associated with a mediastream repre
senting an media stream track.
AudioWorkletGlobalScope - Web APIs
the audioworkletglobalscope interface of the web audio api repre
sents a global execution context for user-supplied code, which defines custom audioworkletprocessor-derived classes.
... properties currentframe read only returns an integer that repre
sents the ever-increasing current sample-frame of the audio block being processed.
... currenttime read only returns a double that repre
sents the ever-increasing context time of the audio block being processed.
... samplerate read only returns a float that repre
sents the sample rate of the associated baseaudiocontext.
AuthenticatorAssertionResponse.authenticatorData - Web APIs
the bits are as follows, where "bit 0" is the least significant bit and all bits not specifically mentioned below are "reserved for future use": bit 0, user presence (up) - if set, authenticator validated that the user was pre
sent through some test of user presence (tup), such as touching a button on the authenticator.
... bit 7, extension data (ed) - if set, extension data is pre
sent.
... extension data will follow attestedcredentialdata if it is pre
sent, or will immediatelly follow the first 37 bytes of the authenticatordata if no attestedcredentialdata is pre
sent.
...this is only pre
sent during a navigator.credentials.create() call.
AuthenticatorResponse.clientDataJSON - Web APIs
the clientdatajson property of the authenticatorresponse interface stores a json string in an arraybuffer, repre
senting the client data that was passed to credentialscontainer.create() or credentialscontainer.get().
... challenge the base64url encoded version of the cryptographic challenge
sent from the relying party's server.
...it has two properties: status: a string which is either "supported" which indicates the client support token binding but did not negotiate with the relying party or "pre
sent" when token binding was used already id: a domstring which is the base64url encoding of the token binding id which was used for the communication.
... should this property be ab
sent, it would indicate that the client does not support token binding.
Background Tasks API - Web APIs
this establishes a box (id "container") that's used to pre
sent the progress of an operation (because you never know how long decoding "quantum filament tachyon emissions" will take, after all) as well as a second main box (with the id "logbox"), which is used to display textual output.
...ss="button" id="startbutton"> start </div> <div class="label counter"> task <span id="currenttasknumber">0</span> of <span id="totaltaskcount">0</span> </div> </div> <div class="logbox"> <div class="logheader"> log </div> <div id="log"> </div> </div> the progress box uses a <progress> element to show the progress, along with a label with sections that are changed to pre
sent numeric information about the progress.
... variable declarations let tasklist = []; let totaltaskcount = 0; let currenttasknumber = 0; let taskhandle = null; these variables are used to manage the list of tasks that are waiting to be performed, as well as status information about the task queue and its execution: tasklist is an array of objects, each repre
senting one task waiting to be run.
...we use this to do the math to pre
sent progress as a precentage of total work to do.
CSSStyleSheet - Web APIs
the cssstylesheet interface repre
sents a single css stylesheet, and lets you inspect and modify the list of rules contained in the stylesheet.
... a stylesheet consists of a collection of cssrule objects repre
senting each of the rules in the stylesheet.
... insertrule() inserts a new rule at the specified position in the stylesheet, given the textual repre
sentation of the rule.
... this differs from insertrule(), which simply takes the textual repre
sentation of the entire rule as a single string.
CanvasRenderingContext2D - Web APIs
gradients and patterns canvasrenderingcontext2d.createlineargradient() creates a linear gradient along the line given by the coordinates repre
sented by the parameters.
... canvasrenderingcontext2d.createradialgradient() creates a radial gradient given by the coordinates of the two circles repre
sented by the parameters.
...the angle argument repre
sents a clockwise rotation angle and is expressed in radians.
... canvasrenderingcontext2d.getimagedata() returns an imagedata object repre
senting the underlying pixel data for the area of the canvas denoted by the rectangle which starts at (sx, sy) and has an sw width and sh height.
Applying styles and colors - Web APIs
color is a string repre
senting a css <color>, a gradient object, or a pattern object.
...in the images below, the grid repre
sents the canvas coordinate grid.
...the parameters repre
sent two circles, one with its center at (x1, y1) and a radius of r1, and the other with its center at (x2, y2) with a radius of r2.
...the position is a number between 0.0 and 1.0 and defines the relative position of the color in the gradient, and the color argument must be a string repre
senting a css <color>, indicating the color the gradient should reach at that offset into the transition.
Using channel messaging - Web APIs
it looks like so: creating the channel in the main page of the demo, we have a simple form with a text input for entering messages to be
sent to an <iframe>.
...it takes three arguments: the message being
sent.
... the origin the message is to be
sent to.
... // handle messages received on port1 function onmessage(e) { output.innerhtml = e.data; input.value = ''; } when a message is received back from the iframe confirming that the original message was received successfully, this simply outputs the confirmation to a paragraph and empties the text input ready for the next message to be
sent.
Binary strings - Web APIs
this means that each code unit requires two bytes of memory and is able to repre
sent 65535 different code points.
... a subset of these strings is repre
sented by utf-16 strings containing only ascii characters (i.e., characters whose code point does not exceed 127).
...its purpose however is not to repre
sent characters, but binary data.
... the size of the data so repre
sented is twice as big as it would be in normal binary format, however this will not be visible to the final user, since the length of javascript strings is calculated using two bytes as the unit.
DataTransferItem - Web APIs
the datatransferitem object repre
sents one drag data item.
... datatransferitem.webkitgeta
sentry() returns an object based on filesystementry repre
senting the selected file's entry in its file system.
... recommendation w3c snapshot of whatwg file and directory entries apithe definition of 'datatransferitem.webkitgeta
sentry()' in that specification.
... draft definition of webkitgeta
sentry() as part of the file and directory entries api.
Element: DOMMouseScroll event - Web APIs
it's repre
sented by the mousescrollevent interface.
... if the event repre
sents scrolling up by a page, the value of detail is -32768.
...any other value repre
sents the number of lines to scroll, with the direction indicated by the value's sign.
... note: trusted events are never
sent with a value of 0 for detail.
Element.scrollHeight - Web APIs
the height is measured in the same way as clientheight: it includes the element's padding, but not its border, margin or horizontal scrollbar (if pre
sent).
...prae
sent molestie, dolor ut eleifend aliquam, mi ligula ultrices sapien, quis cursus neque dui nec risus.
...prae
sent dictum ipsum aliquet erat eleifend sit amet sollicitudin felis tempus.
...prae
sent sem sem, aliquet non faucibus vitae, iaculis nec elit.
FileSystemDirectoryEntry.getFile() - Web APIs
the method receives a single parameter: the filesystemfileentry object repre
senting the file in question.
... example in this example, a function is pre
sented whose job it is to locate within a user's app data directory a json file containing a user dictionary for a specified language, then load that dictionary.
...eentry) { fileentry.file(function(dictfile)) { let reader = new filereader(); reader.addeventlistener("loadend", function() { dictionary = json.parse(reader.result); }); reader.readastext(dictfile); }); }); }); } the loaddictionaryforlanguage() function starts by using getdirectory() to obtain the filesystemdirectoryentry object repre
senting a subfolder named "dictionaries" located inside the specified app data directory.
... the success callback for this takes the resulting directory entry object and calls getfile() to get a filesystemfileentry object repre
senting the dictionary file; the success callback for this, in turn, creates a new filereader and uses it to load the contents of the file.
FileSystemEntrySync - Web APIs
the filesystementrysync interface of the file and directory entries api repre
sents an entry in a file system; it can be either a fileentrysync or directoryentry.
... returns filesystementrysync an object that repre
sents an entry in the file system.
... returns filesystementrysync an object that repre
sents an entry in the file system.
... void getparent (); parameter none returns directoryentrysync an object that repre
sents a directory in the file system.
Using FormData Objects - Web APIs
a blob object repre
sents a file-like object of immutable, raw data.
... blobs repre
sent data that isn't necessarily in a javascript-native format.
... you can also append a file or blob directly to the formdata object, like this: data.append("myfile", myblob, "filename.txt"); when using the append() method it is possible to use the third optional parameter to pass a filename inside the content-disposition header that is
sent to the server.
... using a formdata event a more recent addition to the platform than the formdata object is the formdata event — this is fired on an htmlformelement object after the entry list repre
senting the form's data is constructed.
Gamepad - Web APIs
properties gamepad.axes read only an array repre
senting the controls with axes pre
sent on the device (e.g.
... gamepad.buttons read only an array of gamepadbutton objects repre
senting the buttons pre
sent on the device.
... gamepad.timestamp read only a domhighrestimestamp repre
senting the last time the data for this gamepad was updated.
... gamepad.hapticactuators read only an array containing gamepadhapticactuator objects, each of which repre
sents haptic feedback hardware available on the controller.
HTMLCanvasElement - Web APIs
the htmlcanvaselement interface provides properties and methods for manipulating the layout and pre
sentation of <canvas> elements.
... htmlcanvaselement.todataurl() returns a data-url containing a repre
sentation of the image in the format specified by the type parameter (defaults to png).
... htmlcanvaselement.toblob() creates a blob object repre
senting the image contained in the canvas; this file may be cached on the disk or stored in memory at the discretion of the user agent.
... obsolete methods htmlcanvaselement.mozgetasfile() returns a file object repre
senting the image contained in the canvas; this file is a memory-based file, with the specified name.
HTMLFieldSetElement - Web APIs
the htmlfieldsetelement interface provides special properties and methods (beyond the regular htmlelement interface it also has available to it by inheritance) for manipulating the layout and pre
sentation of <fieldset> elements.
...it is not part of the data which is
sent to the server.
... htmlfieldsetelement.validationmessage a domstring repre
senting a localized message that describes the validation constraints that the element does not satisfy (if any).
... htmlfieldsetelement.validity a validitystate repre
senting the validity states that this element is in.
HTMLIFrameElement.referrerPolicy - Web APIs
the htmliframeelement.referrerpolicy property reflects the html referrerpolicy attribute of the <iframe> element defining which referrer is
sent when fetching the resource.
...no referrer information is
sent along with requests.
...the url is
sent as a referrer when the protocol security level stays the same (http→http, https→https), but isn't
sent to a less secure destination (https→http).
... same-origin a referrer will be
sent for same-site origins, but cross-origin requests will contain no referrer information.
HTMLImageElement.decoding - Web APIs
the decoding property of the htmlimageelement interface repre
sents a hint given to the browser on how it should decode the image.
... syntax refstr = imgelem.decoding; imgelem.decoding = refstr; values a domstring repre
senting the decoding hint.
... possible values are: sync: decode the image synchronously for atomic pre
sentation with other content.
... async: decode the image asynchronously to reduce delay in pre
senting other content.
HTMLKeygenElement - Web APIs
the <keygen> elements expose the htmlkeygenelement interface, which provides special properties and methods (beyond the regular element object interface they also have available to them by inheritance) for manipulating the layout and pre
sentation of keygen elements.
... labels read only unimplemented (see bug 556743) is a nodelist that repre
sents a list of label elements associated with this keygen element.
... validationmessage read only is a domstring repre
senting a localized message that describes the validation constraints that the control does not satisfy (if any).
... validity read only is a validitystate repre
senting the validity states that this element is in.
HTMLMediaElement.load() - Web APIs
appropriate events will be
sent to the media element itself as the load process proceeds: if the element is already in the process of loading media, that load process is aborted and the abort event is
sent.
... if the element has already been initialized with media, the emptied event is
sent.
... if resetting the playback position to the beginning of the media actually changes the playback position (that is, it was not already at the beginning), a timeupdate event is
sent.
... from this point onward, events are
sent just like any media load.
HTMLOptionElement - Web APIs
the htmloptionelement interface repre
sents <option> elements and inherits all classes and methods of the htmlelement interface.
... htmloptionelement.disabled is a boolean repre
senting the value of the disabled html attribute, which indicates that the option is unavailable to be selected.
... htmloptionelement.form read only is a htmlformelement repre
senting the same value as the form of the corresponding <select> element, if the option is a descendant of a <select> element, or null if none is found.
... htmloptionelement.index read only is a long repre
senting the position of the option within the list of options it belongs to, in tree-order.
HTMLScriptElement.referrerPolicy - Web APIs
the referrerpolicy property of the htmlscriptelement interface reflects the html referrerpolicy of the <script> element and fetches made by that script, defining which referrer is
sent when fetching the resource.
...no referrer information is
sent along with requests.
...the url is
sent as a referrer when the protocol security level stays the same (e.g.http→http, https→https), but isn't
sent to a less secure destination (e.g.
... same-origin a referrer will be
sent for same-site origins, but cross-origin requests will contain no referrer information.
HTMLSelectElement - Web APIs
the htmlselectelement interface repre
sents a <select> html element.
... htmlselectelement.optionsread only an htmloptionscollection repre
senting the set of <option> (htmloptionelement) elements contained by this element.
... htmlselectelement.selectedoptionsread only an htmlcollection repre
senting the set of <option> elements that are selected.
... htmlselectelement.validationmessageread only a domstring repre
senting a localized message that describes the validation constraints that the control does not satisfy (if any).
HTMLStyleElement - Web APIs
the htmlstyleelement interface repre
sents a <style> element.
... htmlstyleelement.media is a domstring repre
senting the intended destination medium for style information.
... htmlstyleelement.type is a domstring repre
senting the type of style being applied by this statement.
... htmlstyleelement.disabled is a boolean value repre
senting whether or not the stylesheet is disabled (true) or not (false).
HTMLTableCellElement - Web APIs
the htmltablecellelement interface provides special properties and methods (beyond the regular htmlelement interface it also has available to it by inheritance) for manipulating the layout and pre
sentation of table cells, either header or data cells, in an html document.
... htmltablecellelement.cellindex read only a long integer repre
senting the cell's position in the cells collection of the <tr> the cell is contained within.
... htmltablecellelement.headers read only is a domsettabletokenlist describing a list of id of <th> elements that repre
sents headers associated with the cell.
... htmltablecellelement.valign a domstring repre
senting an enumerated value indicating how the content of the cell must be vertically aligned.
HTMLTextAreaElement - Web APIs
the htmltextareaelement interface provides special properties and methods for manipulating the layout and pre
sentation of <textarea> elements.
...valid values are: none, off, characters, words,
sentences.
...prae
sent tristique commodo lorem quis fringilla.
...prae
sent sagittis, est eget bibendum tincidunt, ligula diam tincidunt augue, a fermentum odio velit eget mi.
HTMLTrackElement - Web APIs
the htmltrackelement interface repre
sents an html <track> element within the dom.
... cuechange
sent when the underlying texttrack has changed the currently-pre
sented cues.
... this event is always
sent to the texttrack but is also
sent to the htmltrackelement if one is associated with the track.
...if you need to be able to perform any processing on the track after the <track> is set up, you should instead ensure that the track's mode is either hidden (if you don't want it to start out being pre
sented to the user) or showing (to initially display the track).
msSetVideoRectangle - Web APIs
syntax htmlvideoelement.mssetvideorectangle(); parameters left a number repre
senting left-side position.
... top a number repre
senting top position.
... right a number repre
senting right-side position.
... bottom a number repre
senting bottom position.
Drag Operations - Web APIs
this data will be a simple textual repre
sentation.
...the copy operation is used to indicate that the data being dragged will be copied from its pre
sent location to the drop location.
... function dodragover(event) { const islink = event.datatransfer.types.includes("text/uri-list"); if (islink) { event.preventdefault(); } } in this example, we use the includes method to check if the type text/uri-list is pre
sent in the list of types.
...this might be an insertion marker, or an element that repre
sents the dragged element in its new location.
HTML Drag and Drop API - Web APIs
a translucent repre
sentation of the draggable elements follows the pointer during the drag operation.
...a datatransferitem object repre
sents a single drag item, each with a kind property (either string or file) and a type property for the data item's mime type.
... three effects may be defined: copy indicates that the dragged data will be copied from its pre
sent location to the drop location.
... move indicates that the dragged data will be moved from its pre
sent location to the drop location.
ImageData - Web APIs
the imagedata interface repre
sents the underlying pixel data of an area of a <canvas> element.
... properties imagedata.data read only is a uint8clampedarray repre
senting a one-dimensional array containing the data in the rgba order, with integer values between 0 and 255 (inclusive).
... imagedata.height read only is an unsigned long repre
senting the actual height, in pixels, of the imagedata.
... imagedata.width read only is an unsigned long repre
senting the actual width, in pixels, of the imagedata.
Basic concepts - Web APIs
about this document this introduction discusses es
sential concepts and terminology in indexeddb.
...the indexeddb api provides lots of objects that repre
sent indexes, tables, cursors, and so on, but each of these is tied to a particular transaction.
...indexeddb is not a relational database with tables repre
senting collections of rows and columns.
...every request repre
sents one read or write operation.
compareVersion - Web APIs
version an installversion object containing version information or a string in the format major.minor.release.build, where major, minor, release, and build are integer values repre
senting version information.
...in particular, this method returns one of the following values: -5 component not pre
sent or not registered.
... 0 the version numbers are the same; both objects repre
sent the same version.
...if registryname repre
sents a file, compareversion checks for the existence of the file.
Intersection Observer API - Web APIs
this is a repre
sentation of the percentage of the target element which is visible as a value between 0.0 and 1.0.
...check the value of the isintersecting property to see if the entry repre
sents an element that currently intersects with the root.
...when you create an observer, you can provide one or more numeric values repre
senting percentages of the target element which are visible.
...this lets you determine whether the entry repre
sents a transition from the elements intersecting to no longer intersecting or a transition from not intersecting to intersecting.
InterventionReportBody - Web APIs
the interventionreportbody interface of the reporting api repre
sents the body of an intervention report (the return value of its report.body property).
... properties id a string repre
senting the intervention that generated the report.
... linenumber a number repre
senting the line in the source file in which the intervention occurred, if known, or null otherwise.
... columnnumber a number repre
senting the column in the source file in which the intervention occurred, if known, or null otherwise.
MediaList - Web APIs
the medialist interface repre
sents the media queries of a stylesheet, e.g.
... properties medialist.mediatext a stringifier that returns a domstring repre
senting the medialist as text, and also allows you to set a new medialist.
... medialist.item() a getter that returns a cssomstring repre
senting a media query as text, given the media query's index value inside the medialist.
... examples the following would log to the console a textual repre
sentation of the medialist of the first stylesheet applied to the current document.
MediaSessionActionDetails - Web APIs
seekoffset optional if the action is either seekforward or seekbackward and this property is pre
sent, it is a floating point value which indicates the number of seconds to move the play position forward or backward.
... if this property isn't pre
sent, those actions should choose a reasonable default distance to skip forward or backward (such as 7 or 10 seconds).
... seektime optional if the action is seekto, this property must be pre
sent and must be a floating-point value indicating the absolute time within the media to move the playback position to, where 0 indicates the beginning of the media.
... this property is not pre
sent for other action types.
Capabilities, constraints, and settings - Web APIs
this may not repre
sent the actual current state of the track, due to properties whose requested values had to be adjusted and because platform default values aren't repre
sented.
... for a complete repre
sentation of the track's current configuration, use getsettings().
... you can also change the constraints of an existing mediastreamtrack on the fly, by calling the track's applyconstraints() method, passing into it an object repre
senting the constraints you wish to apply to the track: videotrack.applyconstraints({ width: 1920, height: 1080 }); in this snippet, the video track referenced by videotrack is updated so that its resolution as closely as possible matches 1920x1080 pixels (1080p high definition).
...these strings are pre
sented in editable <textarea>s, but this is the initial configuration of the stream.
MessageEvent.MessageEvent() - Web APIs
origin: a usvstring repre
senting the origin of the message emitter.
... lasteventid: a domstring repre
senting a unique id for the event.
... source: an messageeventsource (which can be a windowproxy, messageport, or serviceworker object) repre
senting the message emitter.
... ports: an array of messageport objects repre
senting the ports associated with the channel the message is being
sent through (where appropriate, e.g.
Navigator.share() - Web APIs
available options are: url: a usvstring repre
senting a url to be shared.
... text: a usvstring repre
senting text to be shared.
... title: a usvstring repre
senting the title to be shared.
... files: a " frozenarray" repre
senting the array of file to be shared.
Notification - Web APIs
notification.permission read only a string repre
senting the current permission to display notifications.
... notification.badge read only the url of the image used to repre
sent the notification when there is not enough space to display the notification itself.
... notification.timestamp read only specifies the time at which a notification is created or applicable (past, pre
sent, or future).
... examples assume this basic html: <button onclick="notifyme()">notify me!</button> it's possible to send a notification as follows — here we pre
sent a fairly verbose and complete set of code you could use if you wanted to first check whether notifications are supported, then check if permission has been granted for the current origin to send notifications, then request permission if required, before then sending a notification.
Payment Request API - Web APIs
paymentmethodchangeevent repre
sents the user changing payment instrument (e.g., switching from a credit card to debit card).
... merchantvalidationevent repre
sents the browser requiring the merchant (website) to validate themselves as allowed to use a particular payment handler (e.g., registered as allowed to use apple pay).
... related dictionaries for the basic card specification basiccardchangedetails an object providing redacted address information that is provided as the methoddetails on the paymentmethodchange event
sent to the paymentrequest when the user changes payment information.
...this is used as the value of the paymentmethod property on the paymentvalidationerrors object
sent to the paymentrequest when an error occurs.
PerformanceEntry - Web APIs
performanceentry.entrytype read only a domstring repre
senting the type of performance metric such as, for example, "mark".
... performanceentry.starttime read only a domhighrestimestamp repre
senting the starting time for the performance metric.
... performanceentry.duration read only a domhighrestimestamp repre
senting the time value of the duration of the performance event.
... methods performanceentry.tojson() returns a json repre
sentation of the performanceentry object.
Pointer events - Web APIs
additionally, a pointer event contains the usual properties pre
sent in mouse events (client coordinates, target element, button states, etc.) in addition to new properties for other forms of input: pressure, contact geometry, tilt, etc.
... pointer a hardware-agnostic repre
sentation of input devices that can target a specific coordinate (or set of coordinates) on a screen.
... pressure the normalized pressure of the pointer input in the range of 0 to 1, where 0 and 1 repre
sent the minimum and maximum pressure the hardware is capable of detecting, respectively.
... pointertype indicates the device type that caused the event (mouse, pen, touch, etc.) isprimary indicates if the pointer repre
sents the primary pointer of this pointer type.
ProgressEvent.initProgressEvent() - Web APIs
loaded is an unsigned long long repre
senting the amount of work already performed by the underlying process.
...when downloading a resource using http, this only repre
sent the part of the content itself, not headers and other overhead.
... total is an unsigned long long repre
senting the total amount of work that the underlying process is in the progress of performing.
... when downloading a resource using http, this only repre
sent the content itself, not headers and other overhead.
PromiseRejectionEvent() - Web APIs
the promiserejectionevent() constructor returns a newly created promiserejectionevent, which repre
sents events fired when a javascript promise is rejected.
... there are two types of promiserejectionevent: unhandledrejection is
sent by the javascript runtime when a promise is rejected but the rejection goes unhandled.
... type a string repre
senting the name of the type of the promiserejectionevent.
... reason any value or object which repre
sents the reason the promise was rejected.
PublicKeyCredentialRequestOptions.challenge - Web APIs
this is randomly generated then
sent from the relying party's server.
... this value (among other client data) will be signed by the authenticator's private key and produce authenticatorassertionresponse.signature which should be
sent back to the server as part of the response.
...contains a cryptographic challenge emitted from the relying party's server which must be signed by the authenticator's private key and
sent back (within the response) to the relying party's server for verification.
... examples var options = { challenge: new uint8array([/* bytes
sent from the server */]) }; navigator.credentials.get({ "publickey": options }) .then(function (credentialinfoassertion) { // send assertion response back to the server // to proceed with the control of the credential }).catch(function (err) { console.error(err); }); specifications specification status comment web authentication: an api for accessing public key credentials level 1the definition of 'challenge' in that specification.
PushEvent - Web APIs
the pushevent interface of the push api repre
sents a push message that has been received.
... this event is
sent to the global scope of a serviceworker.
... it contains the information
sent from an application server to a pushsubscription.
...additional properties: pushevent.data read only returns a reference to a pushmessagedata object containing data
sent to the pushsubscription.
Push API - Web APIs
firefox allows a limited number (quota) of push messages to be
sent to an application, although push messages that generate notifications are exempt from this limit.
... interfaces pushevent repre
sents a push action,
sent to the global scope of a serviceworker.
... it contains information
sent from an application to a pushsubscription.
... pushmessagedata provides access to push data
sent by a server, and includes methods to manipulate the received data.
RTCDataChannel.onbufferedamountlow - Web APIs
the rtcdatachannel.onbufferedamountlow property is an eventhandler which specifies a function the browser calls when the bufferedamountlow event is
sent to the rtcdatachannel.
... this event, which is repre
sented by a simple event object, is
sent when the amount of data buffered to be
sent falls to or below the threshold specified by the channel's bufferedamountlowthreshold.
...this function receives as its only input parameter a simple event object repre
senting the event which has occurred.
... example this example responds to the bufferedamountlow event by fetching up to 64kb of a file repre
sented by an object source and calling rtcdatachannel.send() to queue up the retrieved data for sending on the data channel.
RTCIceCandidate.type - Web APIs
the rtcicecandidate interface's read-only type specifies the type of candidate the object repre
sents.
... srflx the candidate is a server reflexive candidate; the ip indicates an intermediary address assigned by the stun server to repre
sent the candidate's peer anonymously.
... prflx the candidate is a peer reflexive candidate; the ip is an intermediary address assigned by the stun server to repre
sent the candidate's peer anonymously.
... example in this example, the candidate's type is used to pre
sent a modified user interface for host candidates (those where the ip refers directly to the remote peer, rather than an intermediary).
RTCIceTransport.state - Web APIs
the transport may revert from the "connected" state to the "checking" state if either peer decides to cancel con
sent to use the selected candidate pair, and may revert to "disconnected" if there are no candidates left to check but one or both clients are still gathering candidates.
... "completed" the transport has finished gathering local candidates and has received a notification from the remote peer that no more candidates will be
sent.
...if con
sent checks fail on all successful candidate pairs, the transport state will change to "failed".
... "failed" the rtcicetransport has finished the gathering process, has received the "no more candidates" notification from the remote peer, and has finished checking pairs of candidates, without successfully finding a pair that is both valid and for which con
sent can be obtained.
RTCInboundRtpStreamStats - Web APIs
fircount an integer value which indicates the total number of full intra request (fir) packets which this receiver has
sent to the sender.
... nackcount an integer value indicating the total number of negative acknolwedgement (nack) packets this receiver has
sent.
... slicount an integer indicating the number of times the receiver
sent a slice loss indication (sli) frame to the sender to tell it that one or more consecutive (in terms of scan order) video macroblocks have been lost or corrupted.
... trackid a string which identifies the statistics object repre
senting the receiving track; this object is one of two types: rtcreceiveraudiotrackattachmentstats or rtcreceivervideotrackattachmentstats.
RTCPeerConnection.addTrack() - Web APIs
syntax rtpsender = rtcpeerconnection.addtrack(track, stream...); parameters track a mediastreamtrack object repre
senting the media track to add to the peer connection.
...only tracks are
sent from one peer to another, not streams.
...eam from a user's camera and microphone, then adds each track from the stream to the peer connection, without specifying a stream for each track: async opencall(pc) { const gumstream = await navigator.mediadevices.getusermedia( {video: true, audio: true}); for (const track of gumstream.gettracks()) { pc.addtrack(track); } } the result is a set of tracks being
sent to the remote peer, with no stream associations.
... example this example is drawn from the code pre
sented in the article signaling and video calling and its corresponding sample code.
RTCPeerConnection.createAnswer() - Web APIs
the answer is delivered to the returned promise, and should then be
sent to the source of the offer to continue the negotiation process.
...this code comes from the handler for the message
sent to carry an offer to another peer across the signaling channel.
...in this case, a websocket connection is used to send a json message with a type field with the value "video-answer" to the other peer, carrying the answer to the device which
sent the offer to connect.
... once that succeeds, the answer is
sent to the signaling server using whatever protocol you see fit.
RTCPeerConnection.createOffer() - Web APIs
the sdp offer includes information about any mediastreamtracks already attached to the webrtc session, codec, and options supported by the browser, and any candidates already gathered by the ice agent, for the purpose of being
sent over the signaling channel to a potential peer to request a connection or to update the configuration of an existing connection.
...dtoserver({ name: myusername, target: targetusername, type: "video-offer", sdp: mypeerconnection.localdescription }); }) .catch(function(reason) { // an error occurred, so handle the failure to connect }); in this code, the offer is created, and once successful, the local end of the rtcpeerconnection is configured to match by passing the offer (which is repre
sented using an object conforming to rtcsessiondescriptioninit) into setlocaldescription().
... once that's done, the offer is
sent to the remote system over the signaling channel; in this case, by using a custom function called sendtoserver().
... the implementation of the signaling server is independent from the webrtc specification, so it doesn't matter how the offer is
sent as long as both the caller and potential receiver are using the same one.
RTCPeerConnection.signalingState - Web APIs
in addition, when the value of this property changes, a signalingstatechange event is
sent to the rtcpeerconnection instance.
... "have-local-offer" the local peer has called rtcpeerconnection.setlocaldescription(), passing in sdp repre
senting an offer (usually created by calling rtcpeerconnection.createoffer()), and the offer has been applied successfully.
... "have-local-pranswer" the offer
sent by the remote peer has been applied and an answer has been created (usually by calling rtcpeerconnection.createanswer()) and applied by calling rtcpeerconnection.setlocaldescription().
... "have-remote-pranswer" a provisional answer has been received and successfully applied in response to an offer previously
sent and established by calling setlocaldescription().
RTCRtpSender - Web APIs
the rtcrtpsender interface provides the ability to control and obtain details about how a particular mediastreamtrack is encoded and
sent to a remote peer.
... properties rtcrtpsender.dtmf read only an rtcdtmfsender which can be used to send dtmf tones using telephone-event payloads on the rtp session repre
sented by the rtcrtpsender object.
... rtcrtpsender.getstats() returns a promise which is fulfilled with a rtcstatsreport which provides statistics data for all outbound streams being
sent using this rtcrtpsender.
... rtcrtpsender.replacetrack() attempts to replace the track currently being
sent by the rtcrtpsender with another track, without performing renegotiation.
Range - Web APIs
the range interface repre
sents a fragment of a document that can contain nodes and parts of text nodes.
... range.endoffset read only returns a number repre
senting where in the endcontainer the range ends.
... range.startoffset read only returns a number repre
senting where in the startcontainer the range starts.
... range.comparenode() returns a constant repre
senting whether the node is before, after, inside, or surrounding the range.
SVGAnimationElement - Web APIs
svganimationelement.targetelement read only an svgelement repre
senting the element which is being animated.
... svganimationelement.getstarttime() returns a float repre
senting the begin time, in seconds, for this animation element's current interval, if it exists, regardless of whether the interval has begun yet.
... svganimationelement.getcurrenttime() returns a float repre
senting the current time in seconds relative to time zero for the given time container.
... svganimationelement.getsimpleduration() returns a float repre
senting the number of seconds for the simple duration for this animation.
SVGGraphicsElement - Web APIs
the svggraphicselement interface repre
sents svg elements whose primary purpose is to directly render graphics into a group.
... svggraphicselement.getbbox() returns a domrect repre
senting the computed bounding box of the current element.
... svggraphicselement.getctm() returns a dommatrix repre
senting the matrix that transforms the current element's coordinate system to its svg viewport's coordinate system.
... svggraphicselement.getscreenctm() returns a dommatrix repre
senting the matrix that transforms the current element's coordinate system to the coordinate system of the svg viewport for the svg document fragment.
SVGImageElement.decoding - Web APIs
the decoding property of the svgimageelement interface repre
sents a hint given to the browser on how it should decode the image.
... syntax var refstr = svgimageelement.decoding svgimageelement.decoding = refstr; values a domstring repre
senting the decoding hint.
... possible values are: sync: decode the image synchronously for atomic pre
sentation with other content.
... async: decode the image asynchronously to reduce delay in pre
senting other content.
SVGStylable - Web APIs
svg stylable interface the svgstylable interface is implemented on all objects corresponding to svg elements that can have style, class and pre
sentation attributes specified on them.
... interface overview also implement none methods cssvalue getpre
sentationattribute(in domstring name) properties readonly svganimatedstring classname readonly cssstyledeclaration style normative document svg 1.1 (2nd edition) properties name type description classname svganimatedstring corresponds to attribute class on the given element.
... methods name & arguments return description getpre
sentationattribute(in domstring name) cssvalue returns the base (i.e., static) value of a given pre
sentation attribute as an object of type cssvalue.
... the returned object is live; changes to the objects repre
sent immediate changes to the objects to which the cssvalue is attached.
Using the Screen Capture API - Web APIs
starting screen capture: promise style function startcapture(displaymediaoptions) { let capturestream = null; return navigator.mediadevices.getdisplaymedia(displaymediaoptions) .catch(err => { console.error("error:" + err); return null; }); } either way, the user agent responds by pre
senting a user interface that prompts the user to choose the screen area to share.
...in this case, the user agent may include the obscured content, either by getting the current contents of the hidden portion of the window or by pre
senting the most-recently-visible contents if the current contents are not available.
...related to this, the devicechange event is never
sent when there are changes to the sources available for getdisplaymedia().
...if your browser supports screen capture api, clicking "start capture" will pre
sent the user agent's interface for selecting a screen, window, or tab to share.
ServiceWorkerContainer.startMessages() - Web APIs
sent via client.postmessage()).
... this can be used to react to
sent messages earlier, even before that page's content has finished loading.
... explanation by default, all messages
sent from a page's controlling service worker to the page (using client.postmessage()) are queued while the page is loading, and get dispatched once the page's html document has been loaded and parsed (i.e.
... note: the messages start being
sent automatically when setting the handler directly using serviceworkercontainer.onmessage.
StorageEvent - Web APIs
a storageevent is
sent to a window when a storage area it has access to is changed within the context of another document.
...ext></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} method overview void initstorageevent( in domstring type, in boolean canbubble, in boolean cancelable, in domstring key, in domstring oldvalue, in domstring newvalue, in usvstring url, in storage storagearea ); attributes attribute type description key domstring repre
sents the key changed.
... storagearea storage repre
sents the storage object that was affected.
... storagearea optional the storage object repre
senting the storage area on which this event occurred.
SubtleCrypto.unwrapKey() - Web APIs
takes an array containing the bytes, and returns a promise that will resolve to a cryptokey repre
senting the secret key.
...unwrap the key return window.crypto.subtle.unwrapkey( "raw", // import format wrappedkeybuffer, // arraybuffer repre
senting key to unwrap unwrappingkey, // cryptokey repre
senting key encryption key "aes-kw", // algorithm identifier for key encryption key "aes-gcm", // algorithm identifier for key to unwrap true, // extractability of key to unwrap ["encrypt", "decrypt"] // key usages for key to unwrap ); } unwrapping a "pkcs8" key in this example we unwrap an rsa-...
...takes an array containing the bytes, and returns a promise that will resolve to a cryptokey repre
senting the private key.
...unwrap the key return window.crypto.subtle.unwrapkey( "pkcs8", // import format wrappedkeybuffer, // arraybuffer repre
senting key to unwrap unwrappingkey, // cryptokey repre
senting key encryption key { // algorithm params for key encryption key name: "aes-gcm", iv: ivbuffer }, { // algorithm params for key to unwrap name: "rsa-pss", hash: "sha-256" }, true, // extractability of key to unwrap ["sign"]...
USBEndpoint - Web APIs
an endpoint repre
sents a unidirectional data stream into or out of a device.
...data
sent through a bulk endpoint is guaranteed to be delivered or generate an error but may be preempted by other data traffic.
...data
sent through an interrupt endpoint is guaranteed to be delivered or generate an error and is also given dedicated bus time for transmission.
... usbendpoint.packetsize returns the size of the packets that data
sent through this endpoint will be divided into.
VTTCue() - Web APIs
syntax vttcue = new vttcue(starttime, endtime, text); parameters starttime this is a double repre
senting the initial text track cue start time.
... endtime this is a double repre
senting the ending time for this text track cue.
... this is the time at which the cue should stop being pre
sented to the user, given in seconds and fractions thereof.
... return value a new vttcue object repre
senting a cue which will be pre
sented during the time span given.
WebGLShaderPrecisionFormat - Web APIs
the webglshaderprecisionformat interface is part of the webgl api and repre
sents the information returned by calling the webglrenderingcontext.getshaderprecisionformat() method.
... properties webglshaderprecisionformat.rangemin read only the base 2 log of the absolute value of the minimum value that can be repre
sented.
... webglshaderprecisionformat.rangemax read only the base 2 log of the absolute value of the maximum value that can be repre
sented.
... webglshaderprecisionformat.precision read only the number of bits of precision that can be repre
sented.
Matrix math for the web - Web APIs
matrices can be used to repre
sent transformations of objects in space, and are used for performing many key types of computation when constructing images and visualizing data on the web.
...in javascript, it is easy to repre
sent a matrix as an array.
...by convention, this dimension is called the perspective, and is repre
sented by the letter w.
...below is the repre
sentation of a rotation about the x axis: let sin = math.sin; let cos = math.cos; // note: there is no perspective in these transformations, so a rotation // at this point will only appear to only shrink the div let a = math.pi * 0.3; //rotation amount in radians // rotate around z axis let rotatezmatrix = [ cos(a), -sin(a), 0, 0, sin(a), cos(a), 0, 0, 0, 0, ...
Web Animations API - Web APIs
the web animations api allows for synchronizing and timing changes to the pre
sentation of a web page, i.e.
... animationtimeline repre
sents the timeline of animation.
... documenttimeline repre
sents animation timelines, including the default document timeline (accessed using the document.timeline property).
... extensions to the document interface document.timeline the documenttimeline object repre
senting the default document timeline.
Using the Web Speech API - Web APIs
the web speech api has a main controller interface for this — speechrecognition — plus a number of closely-related interfaces for repre
senting grammar, results, etc.
...your audio is
sent to a web service for recognition processing, so it won't work offline.
... the web speech api has a main controller interface for this — speechsynthesis — plus a number of closely-related interfaces for repre
senting text to be synthesised (known as utterances), voices to be used for the utterance, etc.
...we first invoke speechsynthesis.getvoices(), which returns a list of all the available voices, repre
sented by speechsynthesisvoice objects.
Window: popstate event - Web APIs
these methods and their corresponding events can be used to add data to the history stack which can be used to reconstruct a dynamically generated page, or to otherwise alter the state of the content being pre
sented while remaining on the same document.
...if the goal is to catch the moment when the new document state is already fully in place, a zero-delay settimeout() method call should be used to effectively put its inner callback function that does the processing at the end of the browser event loop: window.onpopstate = () => settimeout(dosomething, 0); when popstate is
sent when the transition occurs, either due to the user triggering the browser's "back" button or otherwise, the popstate event is near the end of the process to transition to the new location.
... it happens after the new location has loaded (if needed), displayed, made visible, and so on, after the pageshow event is
sent, but before the persisted user state information is restored and the hashchange event is
sent.
... if the value of state changed, the popstate event is
sent to the document.
WindowOrWorkerGlobalScope.setInterval() - Web APIs
prae
sent scelerisque urna vitae nibh tristique varius consequat neque luctus.
...prae
sent vitae eros erat, pulvinar laoreet magna.
...prae
sent bibstartum condimentum feugiat.</p> <p>nam faucibus, ligula eu fringilla pulvinar, lectus tellus iaculis nunc, vitae scelerisque metus leo non metus.
...so the minidaemon framework remains the recommended way for simple animations, because daemon without its collection of methods is es
sentially a clone of it.
WorkerNavigator - Web APIs
the workernavigator interface repre
sents a subset of the navigator interface allowed to be accessed from a worker.
... navigatorlanguage.languageread only returns a domstring repre
senting the language version of the browser.
... navigatorlanguage.languagesread only returns an array of domstrings repre
senting the languages known to the user, in order of preference.
... navigatorid.platform read only returns a string repre
senting the platform of the browser.
XMLHttpRequest.readyState - Web APIs
an xhr client exists in one of the following states: value state description 0 un
sent client has been created.
... un
sent the xmlhttprequest client has been created, but the open() method hasn't been called yet.
...instead of un
sent, opened, headers_received, loading and done, the names readystate_uninitialized (0), readystate_loading (1), readystate_loaded (2), readystate_interactive (3) and readystate_complete (4) are used.
... example var xhr = new xmlhttprequest(); console.log('un
sent', xhr.readystate); // readystate will be 0 xhr.open('get', '/api', true); console.log('opened', xhr.readystate); // readystate will be 1 xhr.onprogress = function () { console.log('loading', xhr.readystate); // readystate will be 3 }; xhr.onload = function () { console.log('done', xhr.readystate); // readystate will be 4 }; xhr.send(null); specifications specification status comment xmlhttprequest living standard whatwg living standard ...
XMLHttpRequest.send() - Web APIs
if the request is asynchronous (which is the default), this method returns as soon as the request is
sent and the result is delivered using events.
... if no accept header has been set using the setrequestheader(), an accept header with the type "*/*" (any type) is
sent.
... syntax xmlhttprequest.send(body) parameters body optional a body of data to be
sent in the xhr request.
... this can be: a document, in which case it is serialized before being
sent.
XMLSerializer.serializeToString() - Web APIs
the xmlserializer method serializetostring() constructs a string repre
senting the specified dom tree in xml form.
... syntax xmlstring = anxmlserializer.serializetostring(rootnode); parameters rootnode the node to use as the root of the dom tree or subtree for which to construct an xml repre
sentation.
... return value a domstring containing the xml repre
sentation of the specified dom tree.
... elements in the html namespace that have no child nodes (thereby repre
senting empty tags) are serialized with both begin and end tags ("<someelement></someelement>") instead of using the empty-element tag ("<someelement/>").
XREye - Web APIs
the xreye enumerated type is used to identify which eye a particular xrview repre
sents: left or right; or, if the view doesn't repre
sent a single eye, the value may be none.
... values left the xrview repre
sents the point-of-view of the viewer's left eye.
... right the view repre
sents the viewer's right eye.
... none the xrview describes a monoscopic view, or the view otherwise doesn't repre
sent a particular eye's point-of-view.
XRReferenceSpace: reset event - Web APIs
the reset event is
sent to an xrreferencespace object when a discontinuity is detected in either the native origin or the effective origin, causing a jump in the position or orientation of objects oriented using the reference space.
... in either case, the event is
sent before any webxr animation frames which make use of the new origin are executed.
...the event is
sent before any animation frame callbacks are executed to render the pending frame, to ensure that those callbacks have the updated coordinate system available.
...if a jump in the viewer's position coincides with emulatedposition toggling from true to false, the viewer has regained tracking, and that their new position repre
sents a correction from the previously emulated values.
XRSession: squeezestart event - Web APIs
the webxr event squeezestart is
sent to an xrsession when the user begins a primary squeeze action on one of its input sources.
... primary squeeze actions are actions which are meant to repre
sent gripping or squeezing using your hands, and may be simulated using triggers on hand controllers.
...the mybegintracking() function would presumably start the pre
sentation of the object-dragging process, using the transform to perform a hit test, determining which object to pick up.
... mybegintracking() returns an object repre
senting the object the user has begun to drag.
XRSessionEvent() - Web APIs
these objects repre
sent events announcing state changes in an xrsession repre
senting an augmented or virtual reality session.
... syntax newxrsessionevent = new xrsessionevent(type, eventinitdict); parameters type a domstring indicating which of the events repre
sented by objects of type xrsessionevent this particular object repre
sents.
... return value a newly-created xrsessionevent object repre
senting an object of the specfied type and configured as described by the eventinitdict parameter.
... event types the following events are repre
sented using the xrsessionevent interface, and are permitted values for its type property.
Using the aria-hidden attribute - Accessibility
deciding between aria-hidden="true", role="pre
sentation", and role="none" on the surface, the aria-hidden="true", role="pre
sentation", and role="none" attributes seem similar because they: hide content from assistive technology cannot be used on a focusable element cannot be used on the parent of an interactive element despite these similarities, the intent behind each attribute is different.
... role="pre
sentation" and role="none" will remove the semantic meaning of an element while still exposing it to assistive technology.
...</p> accessibility concerns best practices aria-hidden="true" should not be added when: the html hidden attribute is pre
sent the element or the element's ancestor is hidden with display: none the element or the element's ancestor is hidden with visibility: hidden in all three scenarios, the attribute is unnecessary to add because the element has already been removed from the accessibility tree.
... specifications see also using the pre
sentation role role="none" ...
WAI-ARIA Roles - Accessibility
it is usually set on related content items such as comments, forum posts, newspaper articles or other items grouped together on one page.aria: banner rolea banner role repre
sents general and informative content frequently placed at the beginning of the page.
...these sections are frequently pre
sented as sidebars or call-out boxes.
...this should be used on an element that wraps an element with an insertion role, and one with a deletion role.aria: switch rolethe aria switch role is functionally identical to the checkbox role, except that instead of repre
senting "checked" and "unchecked" states, which are fairly generic in meaning, the switch role repre
sents the states "on" and "off."aria: tab rolethe aria tab role indicates an interactive element inside a tablist that, when activated, displays its associated tabpanel.aria: table rolethe table value of the aria role attribute identifies the element containing the role as having a non-interactive table...
... alertdialog banner combobox command columnheader (estelle) complementary composite definition directory feed gridcell (eric e) group input landmark link - old page listbox log - old page marquee math menu menubar menuitem menuitemcheckbox menuitemradio none note option pre
sentation progressbar - old page radio - old page radiogroup range region roletype rowheader(estelle) scrollbar searchbox section sectionhead select separator slider - old page spinbutton status - old page structure tab tablist (michiel) tabpanel (michiel) term timer toolbar tooltip tree treegrid treeitem widget window ...
Mobile accessibility checklist - Accessibility
text equivalents text equivalent must be provided for every non-strictly pre
sentational non-text element within the app.
... orientation content should not be restricted to a single orientation, such as portrait or landscape, unless es
sential.
... wcag 2.1: orientation examples of when an orientation is ess
sential is a piano application or a bank cheque.
...ouch events, at least one of the following must be true (wcag 2.1: pointer cancellation): the down-event should not be used to trigger any action the action is triggered on the up event and an option to abort the action before its completion is available or an option to undo the action after its completion the up-event will undo any action that was triggered on a down event it is es
sential to trigger the action on the down event.
negative - CSS: Cascading Style Sheets
when defining custom counter styles, the negative descriptor lets you alter the repre
sentations of negative counter values, by providing a way to specify symbols to be appended or prepended to the counter repre
sentation when the value is negative.
... syntax /* <symbol> values */ negative: "-"; /* prepends '-' if value is negative */ negative: "(" ")"; /* surrounds value by '(' and ')' if it is negative */ values first <symbol> this symbol will be prepended to the repre
sentation when the counter is negative.
... second <symbol> if pre
sent, this symbol will be appended to the repre
sentation when the counter is negative.
... description if the counter value is negative, the symbol provided as value for the descriptor is prepended to the counter repre
sentation; and a second symbol if specified, will be appended to the repre
sentation.
speak-as - CSS: Cascading Style Sheets
the speak-as descriptor specifies how a counter symbol constructed with a given @counter-style will be repre
sented in the spoken form.
... for example, an author can specify a counter symbol to be either spoken as its numerical value or just repre
sented with an audio cue.
... bullets a phrase or an audio cue defined by the user agent for repre
senting an unordered list item will be read out.
... spell-out the user agent will generate a counter repre
sentation as normal and would read it out letter by letter.
CSS Flow Layout - CSS: Cascading Style Sheets
the flow is es
sentially a set of things that are all working together and know about each other in your layout.
... in normal flow, inline elements display in the inline direction, that is in the direction words are displayed in a
sentence according to the writing mode of the document.
... the first
sentence also includes a span element with a blue background.
... this is inline level and therefore displays in place in the
sentence.
Shorthand properties - CSS: Cascading Style Sheets
handling of these cases are grouped in several categories: shorthands handling properties related to edges of a box, like border-style, margin or padding, always use a consistent 1-to-4-value syntax repre
senting those edges: the 1-value syntax: border-width: 1em — the unique value repre
sents all edges the 2-value syntax: border-width: 1em 2em — the first value repre
sents the vertical, that is top and bottom, edges, the second the horizontal ones, that is the left and right ones.
... the 3-value syntax: border-width: 1em 2em 3em — the first value repre
sents the top edge, the second, the horizontal, that is left and right, ones, and the third value the bottom edge the 4-value syntax: border-width: 1em 2em 3em 4em — the four values repre
sent the top, right, bottom and left edges respectively, always in that order, that is clock-wise starting at the top (the initial letter of top-right-bottom-left matches the order of the consonant of the word trouble: trbl) (you can also remember it as the order that the hands would rotate on a clock: 1em starts in the 12 o'clock position, then 2em in the 3 o'clock position, then 3em in the 6 o'clock position, and 4em in the 9 o'clock position).
... similarly, shorthands handling properties related to corners of a box, like border-radius, always use a consistent 1-to-4-value syntax repre
senting those corners: the 1-value syntax: border-radius: 1em — the unique value repre
sents all corners the 2-value syntax: border-radius: 1em 2em — the first value repre
sents the top left and bottom right corner, the second the top right and bottom left ones.
... the 3-value syntax: border-radius: 1em 2em 3em — the first value repre
sents the top left corner, the second the top right and bottom left ones, and the third value the bottom right corner the 4-value syntax: border-radius: 1em 2em 3em 4em — the four values repre
sent the top left, top right, bottom right and bottom left corners respectively, always in that order, that is clock-wise starting at the top left.
Visual formatting model - CSS: Cascading Style Sheets
to do this, it generates an intermediary structure, the box tree, which repre
sents the formatting structure of the rendered document.
... each box in the box tree repre
sents its corresponding element (or pseudo-element) in space and/or time on the canvas, while each text run in the box tree likewise repre
sents the contents of its corresponding text nodes.
... inline anonymous boxes are created when a string is split by an inline element, for example, a
sentence that includes a section wrapped with <em></em>.
... this splits the
sentence into three inline boxes — an anonymous inline box before the emphasized section, the section wrapped in the <em> element, then a final anonymous inline box.
<frequency> - CSS: Cascading Style Sheets
the <frequency> css data type repre
sents a frequency dimension, such as the pitch of a speaking voice.
... units hz repre
sents a frequency in hertz.
... khz repre
sents a frequency in kilohertz.
...in other words, 0 is invalid and does not repre
sent 0hz or 0khz.
grid-auto-columns - CSS: Cascading Style Sheets
max-content is a keyword repre
senting the largest maximal content contribution of the grid items occupying the grid track.
... min-content is a keyword repre
senting the largest minimal content contribution of the grid items occupying the grid track.
... fit-content(argument) repre
sents the formula min(max-content, max(auto, argument)), which is calculated similar to auto (i.e.
...as a minimum it repre
sents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track.
repeat() - CSS: Cascading Style Sheets
the repeat() css function repre
sents a repeated fragment of the track list, allowing a large number of columns or rows that exhibit a recurring pattern to be written in a more compact form.
... max-content repre
sents the largest max-content contribution of the grid items occupying the grid track.
... min-content repre
sents the largest min-content contribution of the grid items occupying the grid track.
...as a minimum it repre
sents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track.
<resolution> - CSS: Cascading Style Sheets
units dpi repre
sents the number of dots per inch.
... dpcm repre
sents the number of dots per centimeter.
... dppx repre
sents the number of dots per px unit.
...in other words, 0 is invalid and does not repre
sent 0dpi, 0dpcm, or 0dppx.
<string> - CSS: Cascading Style Sheets
the <string> css data type repre
sents a sequence of characters.
... most characters can be repre
sented literally.
... all characters can also be repre
sented with their respective unicode code points in hexadecimal, in which case they are preceded by a backslash (\).
... for example, \22 repre
sents a double quote, \27 a single quote ('), and \a9 the copyright symbol (©).
<time> - CSS: Cascading Style Sheets
the <time> css data type repre
sents a time value expressed in seconds or milliseconds.
...in other words, 0 is invalid and does not repre
sent 0s or 0ms.
... units s repre
sents a time in seconds.
... ms repre
sents a time in milliseconds.
perspective() - CSS: Cascading Style Sheets
syntax the perspective distance used by perspective() is specified by a <length> value, which repre
sents the distance between the user and the z=0 plane.
... perspective(d) values d is a <length> repre
senting the distance from the user to the z=0 plane.
... cartesian coordinates on ℝ2 homogeneous coordinates on ℝℙ2 cartesian coordinates on ℝ3 homogeneous coordinates on ℝℙ3 this transformation applies to the 3d space and can't be repre
sented on the plane.
... this transformation is not a linear transformation in ℝ3, and can't be repre
sented using a cartesian-coordinate matrix.
rotate3d() - CSS: Cascading Style Sheets
the <number>s repre
sent the x-, y-, and z-coordinates of the vector denoting the axis of rotation.
... the <angle> repre
sents the angle of rotation; if positive, the movement will be clockwise; if negative, it will be counter-clockwise.
... a is an <angle> repre
senting the angle of the rotation.
... cartesian coordinates on ℝ2 this transformation applies to the 3d space and can't be repre
sented on the plane.
Writing Web Audio API code that works in every browser - Developer guides
furthermore, as a result of the spec being still in flux, some browsers use deprecated properties and method names that are not pre
sent in standards-compliant browsers: safari uses the old method names, firefox uses the new ones, and chrome and opera use both.
...and it won't do anything if the unprefixed versions are already pre
sent.
...for example, the way to create instances of gainnode used to be var gain = audiocontext.creategainnode(); but nowadays it is just var gain = audiocontext.creategain(); since the old method names are not pre
sent in firefox, existing code may crash with something like creategainnode is not a function, and you now know why.
...today the support is already pre
sent in nightly, but not quite yet in aurora.
Content categories - Developer guides
main content categories metadata content elements belonging to the metadata content category modify the pre
sentation or the behavior of the rest of the document, set up links to other documents, or convey other out of band information.
... a few other elements belong to this category, but only if a specific condition is fulfilled: <area>, if it is a descendant of a <map> element <link>, if the itemprop attribute is pre
sent <meta>, if the itemprop attribute is pre
sent <style>, if the scoped attribute is pre
sent sectioning content elements belonging to the sectioning content model create a section in the current outline that defines the scope of <header> elements, <footer> elements, and heading content.
... a few other elements belong to this category, but only if a specific condition is fulfilled: <a>, if it contains only phrasing content <area>, if it is a descendant of a <map> element <del>, if it contains only phrasing content <ins>, if it contains only phrasing content <link>, if the itemprop attribute is pre
sent <map>, if it contains only phrasing content <meta>, if the itemprop attribute is pre
sent embedded content embedded content imports another resource or inserts content from another mark-up language or namespace into the document.
... some elements belong to this category only under specific conditions: <audio>, if the controls attribute is pre
sent <img>, if the usemap attribute is pre
sent <input>, if the type attribute is not in the hidden state <menu>, if the type attribute is in the toolbar state <object>, if the usemap attribute is pre
sent <video>, if the controls attribute is pre
sent palpable content content is palpable when it's neither empty or hidden; it is content that is rendered and is substantive.
HTML5 - Developer guides
the term repre
sents two different concepts.
... 2d/3d graphics and effects: allowing a much more diverse range of pre
sentation options.
... server-
sent events allows a server to push events to a client, rather than the classical paradigm where the server could send data only in response to a client's request.
... new pre
sentational layouts in order to improve the flexibility of designs, two new layouts have been added: the css multi-column layouts and css flexible box layout.
Mobile-friendliness - Developer guides
it can be helpful to think of it in terms of three goals for improving your site’s user experience: pre
sentation, content, and performance.
... goal #1 (pre
sentation) “make websites that work well on a variety of screen sizes.” these days, users can access the web on devices in a wide range of form factors, including phones, tablets, and ereaders.
...that’s why this first goal is all about pre
senting your content in a way that makes life easy for users on mobile device.
...this makes it more es
sential than ever to practice good performance practices, only sending the user the bits they will actually need.
Developer guides
css learning area cascading style sheets (css) is a stylesheet language used to define the pre
sentation of a document written in html.
... graphics on the web modern web sites and applications often need to pre
sent graphics of varying sophistication.
...however, a way of repre
senting characters in terms of bytes (character encoding) is used for transferring text over the network to the browser.
... the html specification recommends the use of the utf-8 encoding (which can repre
sent all of unicode), and regardless of the encoding used requires web content to declare that encoding.
<article>: The Article Contents element - HTML: Hypertext Markup Language
the html <article> element repre
sents a self-contained composition in a document, page, application, or site, which is intended to be independently distributable or reusable (e.g., in syndication).
... implicit aria role article permitted aria roles application, document, feed, main, none, pre
sentation, region dom interface htmlelement attributes this element only includes the global attributes.
... when an <article> element is nested, the inner element repre
sents an article related to the outer element.
... for example, the comments of a blog post can be <article> elements nested in the <article> repre
senting the blog post.
<dfn>: The Definition element - HTML: Hypertext Markup Language
the html definition element (<dfn>) is used to indicate the term being defined within the context of a definition phrase or
sentence.
... html <p>the <strong>html definition element</strong> (<strong><dfn><dfn></dfn></strong>) is used to indicate the term being defined within the context of a definition phrase or
sentence.</p> since the <dfn> element has no title, the text contents of the <dfn> element itself are used as the term being defined.
... html <p>the <strong>html definition element</strong> (<strong><dfn id="definition-dfn"><dfn></dfn></strong>) is used to indicate the term being defined within the context of a definition phrase or
sentence.</p> <p>lorem ipsum dolor sit amet, consectetur adipiscing elit.
...the latter indicates that the abbreviated term repre
sents a term being defined.
<form> - HTML: Hypertext Markup Language
the html <form> element repre
sents a document section containing interactive controls for submitting information.
... permitted parents any element that accepts flow content implicit aria role form if the form has an accessible name, otherwise no corresponding role permitted aria roles search, none or pre
sentation dom interface htmlformelement attributes this element includes the global attributes.
...
sentences (default): capitalize the first letter of each
sentence.
...possible (case insensitive) values: post: the post method; form data
sent as the request body.
<hr>: The Thematic Break (Horizontal Rule) element - HTML: Hypertext Markup Language
the html <hr> element repre
sents a thematic break between paragraph-level elements: for example, a change of scene in a story, or a shift of topic within a section.
... historically, this has been pre
sented as a horizontal rule or line.
... while it may still be displayed as a horizontal rule in visual browsers, this element is now defined in semantic terms, rather than pre
sentational terms, so if you wish to draw a horizontal line, you should do so using appropriate css.
... implicit aria role separator permitted aria roles pre
sentation or none dom interface htmlhrelement attributes this element's attributes include the global attributes.
<i>: The Idiomatic Text element - HTML: Hypertext Markup Language
the html idiomatic text element (<i>) repre
sents a range of text that is set off from the normal text for some reason, such as idiomatic text, technical terms, taxonomical designations, among others.
... historically, these have been pre
sented using italicized type, which is the original source of the <i> naming of this element.
...among the use cases for the <i> element are spans of text repre
senting a different quality or mode of text, such as: alternative voice or mood taxonomic designations (such as the genus and species "homo sapiens") idiomatic terms from another language (such as "et cetera"); these should include the lang attribute to identify the language technical terms transliterations thoughts (such as "she wondered,what is this writer talking about, anyway...
...?") ship or vessel names in western writing systems (such as "they searched the docks for the empress of the galaxy, the ship to which they were assigned.") in earlier versions of the html specification, the <i> element was merely a pre
sentational element used to display text in italics, much like the <b> element was used to display text in bold letters.
<input type="date"> - HTML: Hypertext Markup Language
among browsers with custom interfaces for selecting dates are chrome and opera, whose data control looks like so: the edge date control looks like: and the firefox date control looks like this: value a domstring repre
senting a date in yyyy-mm-dd format, or empty events change and input supported common attributes autocomplete, list, readonly, and step idl attributes list, value, valueasdate, valueasnumber.
... methods select(), stepdown(), stepup() value a domstring repre
senting the date entered in the input.
... using date inputs date inputs sound convenient — they provide an easy interface for choosing dates, and they normalize the data format
sent to the server regardless of the user's locale.
...as an example, the date picker on firefox for android looks like this: unsupporting browsers gracefully degrade to a text input, but this creates problems in consistency of user interface (the pre
sented controls are different) and data handling.
<input type="radio"> - HTML: Hypertext Markup Language
value a domstring repre
senting the value of the radio button.
... you can try out this example here: data repre
sentation of a radio group when the above form is submitted with a radio button selected, the form's data includes an entry in the form contact=value.
... name="contact" value="phone"> <label for="contactchoice2">phone</label> <input type="radio" id="contactchoice3" name="contact" value="mail"> <label for="contactchoice3">mail</label> </div> <div> <button type="submit">submit</button> </div> </form> <pre id="log"> </pre> then we add some javascript to set up an event listener on the submit event, which is
sent when the user clicks the "submit" button: var form = document.queryselector("form"); var log = document.queryselector("#log"); form.addeventlistener("submit", function(event) { var data = new formdata(form); var output = ""; for (const entry of data) { output = output + entry[0] + "=" + entry[1] + "\r"; }; log.innertext = output; event.preventdefault(); }, false); try this exam...
...all <input> elements, radio inputs support the following attributes: attribute description checked a boolean indicating whether or not this radio button is the currently-selected item in the group value the string to use as the value of the radio when submitting the form, if the radio is currently toggled on checked a boolean attribute which, if pre
sent, indicates that this radio button is the currently selected one in the group.
<input type="text"> - HTML: Hypertext Markup Language
value a domstring repre
senting the text contained in the text field.
... if the control's content has one directionality (ltr or rtl) but needs to pre
sent the placeholder in the opposite directionality, you can use unicode bidirectional algorithm formatting characters to override directionality within the placeholder; see overriding bidi using unicode control characters in the unicode bidirectional text algorithm for those characters.
... readonly a boolean attribute which, if pre
sent, means this field cannot be edited by the user.
... basic example <form> <div> <label for="uname">choose a username: </label> <input type="text" id="uname" name="name"> </div> <div> <button>submit</button> </div> </form> this renders like so: when submitted, the data name/value pair
sent to the server will be uname=chris (if "chris" was entered as the input value before submission).
<input type="time"> - HTML: Hypertext Markup Language
it, like chrome, uses a 12- or 24-hour format for inputting times, based on system locale: 12-hour 24-hour value a domstring repre
senting a time, or empty.
... time inputs offer the following attributes: attribute description list the id of the <datalist> element that contains the optional pre-defined autocomplete options max the latest time to accept, in the syntax described under time value format min the earliest time to accept as a valid input readonly a boolean attribute which, if pre
sent, indicates that the contents of the time input should not be user-editable step the stepping interval to use both for user interfaces purposes and during constraint validation unlike many data types, time values have a periodic domain, meaning that the values reach the highest possible value, then wrap back around to the beginning again.
... readonly a boolean attribute which, if pre
sent, means this field cannot be edited by the user.
...for example, the time picker on chrome for android looks like this: browsers that don't support time inputs gracefully degrade to a text input, but this creates problems both in terms of consistency of user interface (the pre
sented control will be different), and data handling.
<meta>: The Document-level Metadata element - HTML: Hypertext Markup Language
the html <meta> element repre
sents metadata that cannot be repre
sented by other html meta-related elements, like <base>, <link>, <script>, <style> or <title>.
...if the itemprop attribute is pre
sent: flow content, phrasing content.
... tag omission as it is a void element, the start tag must be pre
sent and the end tag must not be pre
sent.
...if the attribute is pre
sent, its value must be an ascii case-insensitive match for the string "utf-8".
<noframes>: The Frame Fallback element - HTML: Hypertext Markup Language
the obsolete html no frames or frame fallback element, <noframes>, provides content to be pre
sented in browsers that don't support (or have disabled support for) the <frame> element.
... <noframes> can be used to pre
sent a message explaining that the user's browser doesn't support frames, but ideally should be used to pre
sent an alternate form of the site that doesn't use frames but still offers the same or similar functionality.
...when frames are needed at all, they should be pre
sented using the <iframe> element.
...in addition, <noframes> is used to pre
sent an explanatory message if the user agent doesn't support frames.
<samp>: The Sample Output element - HTML: Hypertext Markup Language
the html sample element (<samp>) is used to enclose inline text which repre
sents sample (or quoted) output from a computer program.
...found <em>n</em> results.</samp> you can then proceed to the next step.</p> the resulting output looks like this: sample output including user input you can nest the <kbd> element within a <samp> block to pre
sent an example that includes text entered by the user.
... for example, consider this text pre
senting a transcript of a linux (or macos) console session: html <pre> <samp><span class="prompt">mike@interwebz:~$</span> <kbd>md5 -s "hello world"</kbd> md5 ("hello world") = 3e25960a79dbc69b674cd4ec67a72c62 <span class="prompt">mike@interwebz:~$</span> <span class="cursor">█</span></samp></pre> note the use of <span> to allow customization of the appearance of specific portions of the sample text such as the shell prompts and the cursor.
... note also the use of <kbd> to repre
sent the command the user entered at the prompt in the sample text.
<sub>: The Subscript element - HTML: Hypertext Markup Language
usage notes the <sub> element should be used only for typographical reasons—that is, to change the position of the text to comply with typographical conventions or standards, rather than solely for pre
sentation or appearance purposes.
...this is a common use case for <sub>: <p>according to the computations by nakamura, johnson, and mason<sub>1</sub> this will result in the complete annihilation of both particles.</p> the resulting output looks like this: variable subscripts in mathematics, families of variables related to the same concept (such as distances along the same axis) are repre
sented using the same variable name with a subscript following.
... for example: <p>the horizontal coordinates' positions along the x-axis are repre
sented as <var>x<sub>1</sub></var> ...
... <var>x<sub>n</sub></var>.</p> the resulting output: chemical formulas when writing a chemical formula, such as h20, the number of atoms of a given element within the described molecule is repre
sented using a subscripted number; in the case of water, the subscripted "2" indicates that there are two atoms of hydrogen in the molecule.
<sup>: The Superscript element - HTML: Hypertext Markup Language
usage notes the <sup> element should only be used for typographical reasons—that is, to change the position of the text to comply with typographical conventions or standards, rather than solely for pre
sentation or appearance purposes.
... repre
senting ordinal numbers, such as "4th" instead of "fourth." see ordinal numbers for examples.
...however, it is common to use <sup> to pre
sent superior lettering in html.
... among the most common uses of superior lettering is the pre
sentation of certain abbreviations in french: <p>robert a pré
senté son rapport à m<sup>lle</sup> bernard.</p> the resulting output: ordinal numbers ordinal numbers, such as "fourth" in english or "quinto" in spanish may be abbreviated using numerals and language-specific text rendered in superscript: <p>the ordinal number "fifth" can be abbreviated in various languages as follows:</p> <ul> <li>english: 5<sup>th</sup></li> <li>french: 5<sup>ème</sup></li> </ul> the output: specifications specification status comment html living standardthe definition of '<sub> and <sup>' in that specification.
<u>: The Unarticulated Annotation (Underline) element - HTML: Hypertext Markup Language
the html unarticulated annotation element (<u>) repre
sents a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation.
... you should not use <u> to simply underline text for pre
sentation purposes, or to denote titles of books.
...another common style can be pre
sented using red dashed underline.
... html <span class="underline">today's special</span> <br> chicken noodle soup with carrots css .underline { text-decoration: underline; } result pre
senting a book title book titles should be pre
sented using the <cite> element instead of <u> or even <i>.
<ul>: The Unordered List element - HTML: Hypertext Markup Language
the html <ul> element repre
sents an unordered list of items, typically rendered as a bulleted list.
... implicit aria role list permitted aria roles directory, group, listbox, menu, menubar, none, pre
sentation, radiogroup, tablist, toolbar, tree dom interface htmlulistelement attributes this element includes the global attributes.
... if not pre
sent and if no css list-style-type property applies to the element, the user agent selects a bullet type depending on the nesting level of the list.
... the <ol> and <ul> elements both repre
sent a list of items.
Global attributes - HTML: Hypertext Markup Language
it can have the following values: off or none, no autocapitalization is applied (all letters default to lowercase) on or
sentences, the first letter of each
sentence defaults to a capital letter; all other letters default to lowercase words, the first letter of each word defaults to a capital letter; all other letters default to lowercase characters, all letters should default to uppercase class a space-separated list of the classes of the element.
... data-* forms a class of attributes, called custom data attributes, that allow proprietary information to be exchanged between the html and its dom repre
sentation that may be used by scripts.
... title contains a text repre
senting advisory information related to the element it belongs to.
... such information can typically, but not necessarily, be pre
sented to the user as a tooltip.
Data URLs - HTTP
encoding data into base64 format base64 is a group of binary-to-text encoding schemes that repre
sent binary data in an ascii string format by translating it into a radix-64 repre
sentation.
... data:text/html,lots of text...<p><a name%3d"bottom">bottom</a>?arg=val this repre
sents an html resource whose contents are: lots of text...<p><a name="bottom">bottom</a>?arg=val syntax the format for data urls is very simple, but it's easy to forget to put a comma before the "data" segment, or to incorrectly encode the data into base64 format.
... length limitations although firefox supports data urls of es
sentially unlimited length, browsers are not required to support any particular maximum length of data.
... the data portion of a data url is opaque, so an attempt to use a query string (page-specific parameters, with the syntax <url>?parameter-data) with a data url will just include the query string in the data the url repre
sents.
Identifying resources on the Web - HTTP
in the early days of the web, a path like this repre
sented a physical file location on the web server.
...an anchor repre
sents a sort of "bookmark" inside the resource, giving the browser the directions to show the content located at that "bookmarked" spot.
... on an html document, for example, the browser will scroll to the point where the anchor is defined; on a video or audio document, the browser will try to go to the time the anchor repre
sents.
... it is worth noting that the part after the #, also known as fragment identifier, is never
sent to the server with the request.
Content-Disposition - HTTP
response header (for the main body) general header (for a subpart of a multipart body) forbidden header name no syntax as a response header for the main body the first parameter in the http context is either inline (default value, indicating it can be displayed inside the web page, or as the web page) or attachment (indicating it should be downloaded; most browsers pre
senting a 'save as' dialog, prefilled with the value of the filename parameters if pre
sent).
...when used in combination with content-disposition: attachment, it is used as the default filename for an eventual "save as" dialog pre
sented to the user.
...when both filename and filename* are pre
sent in a single header field value, filename* is preferred over filename when both are understood.
... form-data; name="field1" value1 --boundary content-disposition: form-data; name="field2"; filename="example.txt" value2 --boundary-- specifications specification title rfc 7578 returning values from forms: multipart/form-data rfc 6266 use of the content-disposition header field in the hypertext transfer protocol (http) rfc 2183 communicating pre
sentation information in internet messages: the content-disposition header field ...
ETag - HTTP
a comparison of them can determine whether two repre
sentations of a resource are the same.
...weak etag values of two repre
sentations of the same resources might be semantically equivalent, but not byte-for-byte identical.
... "<etag_value>" entity tag uniquely repre
senting the requested resource.
...if a user visits a given url again (that has an etag set), and it is stale (too old to be considered usable), the client will send the value of its etag along in an if-none-match header field: if-none-match: "33a64df551425fcc55e4d42a148795d9f25f89d4" the server compares the client's etag (
sent with if-none-match) with the etag for its current version of the resource, and if both values match (that is, the resource has not changed), the server sends back a 304 not modified status, without a body, which tells the client that the cached version of the response is still good to use (fresh).
Expect-CT - HTTP
ct requirements can be satisfied via any one of the following mechanisms: x.509v3 certificate extension to allow embedding of signed certificate timestamps issued by individual logs a tls extension of type signed_certificate_timestamp
sent during the handshake supporting ocsp stapling (that is, the status_request tls extension) and providing a signedcertificatetimestamplist when a site enables the expect-ct header, they are requesting that the browser check that any certificate for that site appears in public ct logs.
... if a cache receives a value greater than it can repre
sent, or if any of its subsequent calculations overflows, the cache will consider this value to be either 2,147,483,648 (231) or the greatest positive integer it can repre
sent.
... when pre
sent with the enforce directive, the configuration is referred to as an "enforce-and-report" configuration, signalling to the user agent both that compliance to the certificate transparency policy should be enforced and that violations should be reported.
... when both the enforce directive and the report-uri directive are pre
sent, the configuration is referred to as an "enforce-and-report" configuration, signalling to the user agent both that compliance to the certificate transparency policy should be enforced and that violations should be reported.
Referrer-Policy - HTTP
the referrer-policy http header controls how much referrer information (
sent via the referer header) should be included with requests.
...no referrer information is
sent along with requests.
...the origin, path, and querystring of the url are
sent as a referrer when the protocol security level stays the same (http→http, https→https) or improves (http→https), but isn't
sent to less secure destinations (https→http).
... same-origin a referrer will be
sent for same-site origins, but cross-origin requests will send no referrer information.
SameSite cookies - HTTP
values the samesite attribute accepts three values: lax cookies are allowed to be
sent with top-level navigations and will be
sent along with get request initiated by third party website.
... strict cookies will only be
sent in a first-party context and not be
sent along with requests initiated by third party websites.
... none cookies will be
sent in all contexts, i.e sending cross-origin is allowed.
... set-cookie: flavor=choco; samesite=none; secure a secure cookie is only
sent to the server with an encrypted request over the https protocol.
Firefox user agent string reference - HTTP
firefoxversion will generally repre
sent the equivalent firefox release corresponding to the given gecko version.
...before version 4.1, it
sent a klar/<version> product/version token.
...let mozilla/5.0 (tablet; rv:26.0) gecko/26.0 firefox/26.0 tv mozilla/5.0 (tv; rv:44.0) gecko/44.0 firefox/44.0 device-specific mozilla/5.0 (mobile; nnnn; rv:26.0) gecko/26.0 firefox/26.0 device-specific user agent strings although it is strongly discouraged by mozilla, some handset manufacturers unfortunately include a token in their device's ua string that repre
sents their device id.
... firefox os version number while the version number for firefox os is not included in the ua string, it is possible to infer version information from the gecko version number pre
sent in the ua string.
Warning - HTTP
2xx warn-codes describe some aspect of the repre
sentation that is not rectified by a validation and won't be deleted by a cache after validation unless a full response is
sent.
...if more than one warning header is
sent, include a date that matches the date header.
... 113 heuristic expiration
sent if a cache heuristically chose a freshness lifetime greater than 24 hours and the response's age is greater than 24 hours.
... 199 miscellaneous warning arbitrary, non-specific warning 214 transformation applied added by a proxy if it applies any transformation to the repre
sentation, such as changing the content-coding, media-type or the like.
A re-introduction to JavaScript (JS tutorial) - JavaScript
more accurately, they are sequences of utf-16 code units; each code unit is repre
sented by a 16-bit number.
... each unicode character is repre
sented by either 1 or 2 code units.
... if you want to repre
sent a single character, you just use a string consisting of that single character.
...the root of that chain is object.prototype, whose methods include tostring() — it is this method that is called when you try to repre
sent an object as a string.
Indexed collections - JavaScript
for example: let emp = [] emp[0] = 'casey jones' emp[1] = 'phil lesh' emp[2] = 'august west' note: if you supply a non-integer value to the array operator in the code above, a property will be created in the object repre
senting the array, instead of an array element.
...a buffer (implemented by the arraybuffer object) is an object repre
senting a chunk of data; it has no format to speak of, and offers no mechanism for accessing its contents.
... arraybuffer the arraybuffer is a data type that is used to repre
sent a generic, fixed-length binary data buffer.
... you can't directly manipulate the contents of an arraybuffer; instead, you create a typed array view or a dataview which repre
sents the buffer in a specific format, and use that to read and write the contents of the buffer.
Array.prototype.reduce() - JavaScript
description the reduce() method executes the callback once for each assigned value pre
sent in the array, taking four arguments: accumulator currentvalue currentindex array the first time the callback is called, accumulator and currentvalue can be one of two values.
...if len is 0 and initialvalue is not pre
sent, // throw a typeerror exception.
...let kpre
sent be ?
...if kpre
sent is true, then // i.
Array.prototype.every() - JavaScript
description the every method executes the provided callback function once for each element pre
sent in the array until it finds the one where callback returns a falsy value.
...(it is vacuously true that all elements of the empty set satisfy any given condition.) polyfill every was added to the ecma-262 standard in the 5th edition, and it may not be pre
sent in other implementations of the standard.
...let kpre
sent be the result of calling the hasproperty internal // method of o with argument pk.
...if kpre
sent is true, then if (k in o) { var testresult; // i.
Array.prototype.indexOf() - JavaScript
the indexof() method returns the first index at which a given element can be found in the array, or -1 if it is not pre
sent.
... polyfill indexof() was added to the ecma-262 standard in the 5th edition; as such it may not be pre
sent in all browsers.
...let kpre
sent be the result of calling the // hasproperty internal method of o with argument pk.
...if kpre
sent is true, then // i.
Array.prototype.map() - JavaScript
therefore, it may not be pre
sent in all implementations of the standard.
...let kpre
sent be the result of calling the hasproperty internal // method of o with argument pk.
...if kpre
sent is true, then if (k in o) { // i.
... let numbers = [1, 4, 9] let doubles = numbers.map(function(num) { return num * 2 }) // doubles is now [2, 8, 18] // numbers is still [1, 4, 9] using map generically this example shows how to use map on a string to get an array of bytes in the ascii encoding repre
senting the character values: let map = array.prototype.map let a = map.call('hello world', function(x) { return x.charcodeat(0) }) // a now equals [72, 101, 108, 108, 111, 32, 87, 111, 114, 108, 100] using map generically queryselectorall this example shows how to iterate through a collection of objects collected by queryselectorall.
Boolean.prototype.toString() - JavaScript
the tostring() method returns a string repre
senting the specified boolean object.
... syntax bool.tostring() return value a string repre
senting the specified boolean object.
...for boolean objects, the tostring method returns a string repre
sentation of the object.
... javascript calls the tostring() method automatically when a boolean is to be repre
sented as a text value or when a boolean is referred to in a string concatenation.
JSON.stringify() - JavaScript
return value a json string repre
senting the given value.
... description json.stringify() converts a value to json notation repre
senting it: if the value has a tojson() method, it's responsible to define what data will be serialized.
... initially, the replacer function is called with an empty string as key repre
senting the object being stringified.
...before this change json.stringify would output lone surrogates if the input contained any lone surrogates; such strings could not be encoded in valid utf-8 or utf-16: json.stringify("\ud800"); // '"�"' but with this change json.stringify repre
sents lone surrogates using json escape sequences that can be encoded in valid utf-8 or utf-16: json.stringify("\ud800"); // '"\\ud800"' this change should be backwards-compatible as long as you pass the result of json.stringify to apis such as json.parse that will accept any valid json text, because they will treat unicode escapes of lone surrogates as identical to the lone surrogates themselves.
Math.clz32() - JavaScript
the math.clz32() function returns the number of leading zero bits in the 32-bit binary repre
sentation of a number.
... return value the number of leading zero bits in the 32-bit binary repre
sentation of the given number.
... count leading ones and beyond at pre
sent, there is no math.clon for "count leading ones" (named "clon", not "clo", because "clo" and "clz" are too similar especially for non-english-speaking people).
... // let p be the number of leading zero bits in // the 32-bit binary repre
sentation of n.
Number.isSafeInteger() - JavaScript
a safe integer is an integer that can be exactly repre
sented as an ieee-754 double precision number, and whose ieee-754 repre
sentation cannot be the result of rounding any other integer to fit the ieee-754 repre
sentation.
... for example, 253 - 1 is a safe integer: it can be exactly repre
sented, and no other integer rounds to it under any ieee-754 rounding mode.
... in contrast, 253 is not a safe integer: it can be exactly repre
sented in ieee-754, but the integer 253 + 1 can't be directly repre
sented in ieee-754 but instead rounds to 253 under round-to-nearest and round-to-zero rounding.
...see what every programmer needs to know about floating point arithmetic for more information on floating point repre
sentations of numbers.
Number.prototype.toExponential() - JavaScript
the toexponential() method returns a string repre
senting the number object in exponential notation.
... return value a string repre
senting the given number object in exponential notation with one digit before the decimal point, rounded to fractiondigits digits after the decimal point.
... description if the fractiondigits argument is omitted, the number of digits after the decimal point defaults to the number of digits necessary to repre
sent the value uniquely.
... if a number has more digits than requested by the fractiondigits parameter, the number is rounded to the nearest number repre
sented by fractiondigits digits.
String.fromCharCode() - JavaScript
returning supplementary characters in utf-16, the most common characters can be repre
sented by a single 16-bit value (i.e.
...in utf-16, supplementary characters are repre
sented by two 16-bit code units, known as surrogates, that were reserved for this purpose.
... a valid combination of two surrogates used to repre
sent a supplementary character is known as a surrogate pair.
...0x1f303) and both surrogate values that repre
sent it (e.g., 0xd83c and 0xdf03), it does require an extra step to either calculate or look up the surrogate pair values every time a supplementary code point is to be used.
JavaScript typed arrays - JavaScript
a buffer (implemented by the arraybuffer object) is an object repre
senting a chunk of data; it has no format to speak of and offers no mechanism for accessing its contents.
... arraybuffer the arraybuffer is a data type that is used to repre
sent a generic, fixed-length binary data buffer.
... you can't directly manipulate the contents of an arraybuffer; instead, you create a typed array view or a dataview which repre
sents the buffer in a specific format, and use that to read and write the contents of the buffer.
... imagedata.data is a uint8clampedarray repre
senting a one-dimensional array containing the data in the rgba order, with integer values between 0 and 255 inclusive.
MathML element reference - MathML
this is an alphabetical list of mathml pre
sentation elements.
... the term pre
sentation markup is used to describe the layout structure of mathematical notation whereas content markup provides the underlying mathematical meaning and is not supposed to be rendered by the mathml parser (see bug 276028).
... mathml pre
sentation elements a to z math <math> (top-level element) a <maction> (binded actions to sub-expressions) <maligngroup> (alignment group) <malignmark> (alignment points) e <menclose> (enclosed contents) <merror> (enclosed syntax error messages) f <mfenced> (parentheses) <mfrac> (fraction) g <mglyph> (displaying non-standard symbols) i <mi> (identifier) l <mlabeledtr> (labeled row in a table or a matrix) <mlongdiv> (long division notation) m <mmultiscripts> (prescripts and tensor indices) n <mn> (number) o <mo> (operator) <mover> (overscript) p <mpadded> (space a...
...uperscript) <msubsup> (subscript-superscript pair) t <mtable> (table or matrix) <mtd> (cell in a table or a matrix) <mtext> (text) <mtr> (row in a table or a matrix) u <munder> (underscript) <munderover> (underscript-overscript pair) other elements <semantics> (container for semantic annotations) <annotation> (data annotations) <annotation-xml> (xml annotations) mathml pre
sentation elements by category top-level elements <math> token elements <mglyph> <mi> <mn> <mo> <ms> <mspace> <mtext> general layout <menclose> <merror> <mfenced> <mfrac> <mpadded> <mphantom> <mroot> <mrow> <msqrt> <mstyle> script and limit elements <mmultiscripts> <mover> <mprescripts> <msub> <msubsup> <msup> <munder> <munderover> <none> tabular math <...
Media container formats (file types) - Web media technologies
instead, it streams the encoded audio and video tracks directly from one peer to another using mediastreamtrack objects to repre
sent each track.
...it is, es
sentially, an almost bare stream of aac audio data, comprised of adts frames with a minimal header.
... flac media mime type audio audio/flac audio/x-flac (non-standard) audio codecs supported by flac codec browser support chrome edge firefox safari flac yes mpeg/mpeg-2 the mpeg-1 and mpeg-2 file formats are es
sentially identical.
...if neither of those can be played, the text "this browser does not support the html5 video element." is pre
sented.
Web media technologies
over the years, the web's ability to pre
sent, create, and manage audio, video, and other media has grown at an increasing pace.
...it can be used to simply pre
sent video files, or as a destination for streamed video content.
... <source> the html <source> element is used within an <audio> or <video> element to specify source media to pre
sent.
...this technique can be used in both standard webgl applications pre
sented on a flat computer screen, or in a webxr-generated virtual or augmented reality environment.
Performance fundamentals - Web Performance
the next few subsections point out and discuss es
sential performance metrics.
... when applications are
sent to the background, a visibilitychange event is fired on their documents.
...applications that drop as many loaded resources as possible when
sent to the background use less memory and are less likely discarded, in the case of firefox os (see the note below).
...think of the display as a pre
sentation of your data rather than the data itself.
Progressive web apps (PWAs)
add a shortcut to their home screen repre
senting their favorite web app (or site) so they can subsequently access it with a single tap.
... using the push api — learn the es
sentials behind the web push api.
... the building blocks of responsive design — learn the basics of responsive design, an es
sential topic for modern app layout.
... pwa vs code extension - a collection of all es
sential code snippets you need to build progressive web apps right there in your vs code environment.
d - SVG: Scalable Vector Graphics
a path definition is a list of path commands where each command is composed of a command letter and numbers that repre
sent the command parameters.
...each command is composed of a command letter and numbers that repre
sent the command parameters.
...the center of the ellipse used to draw the arc is determined automatically based on the other parameters of the command: rx and ry are the two radii of the ellipse; angle repre
sents a rotation (in degrees) of the ellipse relative to the x-axis; large-arc-flag and sweep-flag allows to chose which arc must be drawn as 4 possible arcs can be drawn out of the other parameters.
...the center of the ellipse used to draw the arc is determined automatically based on the other parameters of the command: rx and ry are the two radii of the ellipse; angle repre
sents a rotation (in degrees) of the ellipse relative to the x-axis; large-arc-flag and sweep-flag allows to chose which arc must be drawn as 4 possible arcs can be drawn out of the other parameters.
gradientUnits - SVG: Scalable Vector Graphics
value userspaceonuse | objectboundingbox default value objectboundingbox animatable yes userspaceonuse this value indicates that the attributes repre
sent values in the coordinate system that results from taking the current user coordinate system in place at the time when the gradient element is referenced (i.e., the user coordinate system for the element referencing the gradient element via a fill or stroke property) and then applying the transform specified by attribute gradienttransform.
... percentages repre
sent values relative to the current svg viewport.
... percentages repre
sent values relative to the bounding box for the object.
... value userspaceonuse | objectboundingbox default value objectboundingbox animatable yes userspaceonuse cx, cy, r, fx, fy, and fr repre
sent values in the coordinate system that results from taking the current user coordinate system in place at the time when the gradient element is referenced (i.e., the user coordinate system for the element referencing the gradient element via a fill or stroke property) and then applying the transform specified by attribute gradienttransform.
systemLanguage - SVG: Scalable Vector Graphics
the systemlanguage attribute repre
sents a list of supported language tags.
...if the attribute is used in other situations, then it repre
sents a simple switch on the given element whether to render the element or not.
... if the attribute is not pre
sent, then it implicitly evaluates to "true".
...for example, content that is pre
sented simultaneously in the original maori and english versions, would call for: <text systemlanguage="mi, en"><!-- content goes here --></text> however, just because multiple languages are pre
sent within the object on which the systemlanguage test attribute is placed, this does not mean that it is intended for multiple linguistic audiences.
transform-origin - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute in svg, transform-origin corresponds in syntax and behavior to the transform-origin property in css, and can be used as css property to style svg.
...[ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?where <length-percentage> = <length> | <percentage> default value 50%, 50% animatable yes the transform-origin property may be specified using one, two, or three values, where each value repre
sents an offset.
... if two or more values are defined and either no value is a keyword, or the only used keyword is center, then the first value repre
sents the horizontal offset and the second repre
sents the vertical offset.
...it always repre
sents the z offset.
Scripting - SVG: Scalable Vector Graphics
the best way to get access to the document repre
senting an svg document is to look at htmliframeelement.contentdocument (if the document is pre
sented in an <iframe>) or htmlobjectelement.contentdocument (if the document is pre
sented in an <object> element), like this: var svgdoc = document.getelementbyid("iframe_element").contentdocument; in addition, the <iframe>, <embed>, and <object> elements offer a method, getsvgdocument(), which returns the...
... xmldocument repre
senting the element's embedded svg or null if the element doesn't repre
sent an svg document.
...prior to svg 2, svg documents were repre
sented using that interface.
... however, svg documents are now repre
sented using the xmldocument interface instead.
Index - XSLT: Extensible Stylesheet Language Transformations
javascript can enable a web application to load xml data, process it via xslt into a pre
sentable form and then add it into an existing document.
... since the xml data loaded only contains the raw information without any pre
sentation data, it can load quickly even on dialup.
... 13 transforming xml with xslt needsmigration, transforming_xml_with_xslt, xml, xslt the separation of content and pre
sentation is a key design feature of xml.
... the structure of an xml document is designed to reflect and clarify important relationships among the individual aspects of the content itself, unhindered by a need to provide any indication about how this data should eventually be pre
sented.
Exported WebAssembly functions - WebAssembly
exported webassembly functions are how webassembly functions are repre
sented in javascript.
... exported webassembly functions are basically just javascript wrappers that repre
sent webassembly functions in javascript.
... an example let's look at an example to clear things up (you can find this on github as table-set.html; see it running live also, and check out the wasm text repre
sentation): var othertable = new webassembly.table({ element: "anyfunc", initial: 2 }); webassembly.instantiatestreaming(fetch('table.wasm')) .then(obj => { var tbl = obj.instance.exports.tbl; console.log(tbl.get(0)()); // 13 console.log(tbl.get(1)()); // 42 othertable.set(0,tbl.get(0)); othertable.set(1,tbl.get(1)); console.log(othertable.get(0)()); console.log(othertable.get(1)());...
... if you try to call a exported wasm function that takes or returns an i64 type value, it currently throws an error because javascript currently has no precise way to repre
sent an i64.
port - Archive of obsolete content
from the content script to the main add-on code: // content-script.js var mymessagepayload = "some data"; self.port.emit("mymessage", mymessagepayload); from the main add-on code to the content script: // main.js var mymessagepayload = "some data"; worker.port.emit("mymessage", mymessagepayload); on() the port.on() function registers a function as a listener for a particular message
sent from the other side using port.emit().
... in a content script, to listen for "mymessage"
sent from the main add-on code: // content-script.js self.port.on("mymessage", function handlemymessage(mymessagepayload) { // handle the message }); in the main add-on code, to listen for "mymessage"
sent from a a content script: // main.js worker.port.on("mymessage", function handlemymessage(mymessagepayload) { // handle the message }); once() often you'll want to receive a message just once, then stop listening.
...when messages are
sent their payloads are automatically serialized, and when messages are received their payloads are automatically deserialized, so you don't need to worry about serialization.
ui - Archive of obsolete content
if it's standalone, it appears in the toolbar at the top right of the browser window: togglebutton a toggle button is a special kind of button that's for repre
senting a binary on/off state, like a checkbox.
... a toolbar gives you a horizontal strip of space which you can use for pre
senting a more complex user interface.
...el: "next", icon: "./icons/next.png" }); var play = ui.actionbutton({ id: "play", label: "play", icon: "./icons/play.png" }); var frame = ui.frame({ url: "./frame-player.html" }); var toolbar = ui.toolbar({ title: "player", items: [previous, next, play, frame] }); the toolbar appears just above the content window: sidebar a sidebar gives you a vertical strip of space for pre
senting complex user interfaces.
dev/panel - Archive of obsolete content
connecting volcan.js provides a global connect() function that takes a messageport connected to the debugger server, and returns a promise which is fulfilled with an object repre
senting the root actor: volcan.connect(debuggee).then(gotroot); function gotroot(root) { // can use root actor here } actors actors in the remote debugging protocol are volcan.js objects.
...any additional parameters
sent in the message become arguments to the method.
...any data
sent with the notification is available to the event listener in the event.data property.
lang/type - Archive of obsolete content
source(value, indent, limit) returns the textual repre
sentation of value, containing property descriptors and types of properties contained within the object.
... }, { // [object object] // writable configurable enumerable id: 101, // writable configurable enumerable text: "javascript dubstep generator", "__proto__": { // [object object] } } ], "__proto__": { // [object object] } } */ parameters value : mixed the source object to create a textual repre
sentation of.
... returns string : the textual repre
sentation of value.
places/bookmarks - Archive of obsolete content
each retrieved bookmark item repre
sents only a snapshot of state at a specific time.
...only explicitly saved // items are returned in this array -- the `group` won't be // pre
sent here.
... parameters queries : object|array an object repre
senting a query, or an array of objects repre
senting queries.
ui/button/toggle - Archive of obsolete content
with this module you can create buttons that function like a check box, repre
senting an on/off choice.
... each key must be a numeric string such as "16", or "32", which repre
sents the size in pixels of the corresponding image.
...this logs the state for the button associated with the currently active tab: console.log(button.state("tab")); this object repre
sents a snapshot of the state at the time state() is called.
Extension Versioning, Update and Compatibility - Archive of obsolete content
do not mistakenly think that * in a version repre
sents any version.
... the * actually repre
sents an infinitely high number and so is really only sensibly used in the maxversion.
...oobar@developer.mozilla.org:2.5"/> </rdf:seq> </em:updates> <em:signature>migtma0gcsqgsib3dqebbquaa4gbamo1o2gwsccth1gwymgscfanakpn40pjfowt ub2hvdg8+oxmcif8d/9evwm8eh/ixuxyzlmrzts3o5tv9eway5ubctqdf1wgtsgk jrgzow1fitkzi7w0//c8ekdmlatguegfns2iltd5p/0kh/hf1rpc1wuqeqkcd4+l bcvq13ad</em:signature> </rdf:description> <!-- this repre
sents the same description within the li from the previous example --> <rdf:description about="urn:mozilla:extension:foobar@developer.mozilla.org:2.2"> <em:version>2.2</em:version> <!-- trimmed the rest of the contents here --> </rdf:description> <rdf:description about="urn:mozilla:extension:foobar@developer.mozilla.org:2.5"> <em:version>2.5</em:version> <!-- trimmed the rest...
Jetpack Processes - Archive of obsolete content
these arbitrary properties are the primary means through which context can be provided for messages; for instance, if the handle is meant to repre
sent a network request, an xmlhttprequest instance can be attached to the handle on the chrome process.
... special messages core:process-error(context) when the jetpack process crashes, this message is
sent to the parent.
...core:exception(error) when an exception occurs in a jetpack script and is not caught, this message is
sent to the parent.
Appendix: What you should know about open-source software licenses - Archive of obsolete content
and es
sential freedoms, such as reverse-engineering, are also restricted.
...i’ll look at three repre
sentative licenses here, and explain some of their features and relevant points.
... the table below shows a few well-known software titles and their licenses license repre
sentative software titles modified bsd freebsd, netbsd, openbsd mpl firefox, thunderbird (also triple-licensed mpl/lgpl/gpl) gpl linux kernel, gimp lgpl gtk+, openoffice.org modified bsd license this license permits free duplication, distribution, and modification provided that a copyright statement and liability disclaimer are included.
Connecting to Remote Content - Archive of obsolete content
json content json is a very lightweight and simple data repre
sentation format, similar to the object repre
sentation used in javascript.
... http debugging when you start debugging http requests, you may find it hard to know exactly what data was
sent, especially with post data.
... if you click on the "start tamper" button, for every request made you will get a popup dialog for tampering with it before it is
sent.
Custom XUL Elements with XBL - Archive of obsolete content
there are two conflicting patterns that you should always keep in mind: encapsulation and separation of pre
sentation and logic.
...on the other hand, a binding is really just a pre
sentation module.
... most xul elements have basic pre
sentation logic, and any other functionality is processed elsewhere.
JavaScript Object Management - Archive of obsolete content
as a general guideline, we keep all of our business logic in jsm, available through service objects, and chrome scripts are limited to handle pre
sentation logic.
...data will often be translated into arrays of entities, and those are better repre
sented through classes.
...repre
sents a hello world user (whatever that may be).
Promises - Archive of obsolete content
repre
sentative example usage components.utils.import("resource://gre/modules/osfile.jsm"); task.spawn(function* () { // retrieve file metadata to check modification time.
... repre
sentative example usage components.utils.import("resource://gre/modules/downloads.jsm"); task.spawn(function* () { // fetch a file in the background.
... repre
sentative example usage components.utils.import("resource://gre/modules/sqlite.jsm"); task.spawn(function* () { // open the connection.
Images, Tables, and Mysterious Gaps - Archive of obsolete content
the most crucial part of figure 3 is the baseline (repre
sented by the blue line), and its placement within the line box.
... the baseline's exact placement is dependent on the "default" font for the line box (repre
sented by the red box), which is determined by the value of font-family for the element that contains the line box.
... recommendations ab
sent support for css3, it is difficult to provide a clear set of steps for fixing every instance of these problems, because the best solution for a given document will greatly depend on its structure.
Autodial for Windows NT - Archive of obsolete content
it is not pre
sent in early versions of windows until internet explorer is installed.
...es
sentially, if some address at domain.com is in the database, then any address at domain.com is considered to be in the database.
...select "dial whenever a network connection is not pre
sent" or "always dial my default connection".
Mozilla Application Framework in Detail - Archive of obsolete content
with its unprecedented power, speed and standards support, the gecko browser engine repre
sents a major advance for developers.
... open source: gecko repre
sents the first software release from netscape and mozilla.org's open source initiative.
... the necko network library mozilla's network library (aka necko) provides an extensible, platform-independent api for several layers of networking from transport to pre
sentation layers.
RDF Datasource How-To - Archive of obsolete content
the "rdf universe" consists of a set of statements about internet resources; for example, "my home page was last modified april 2nd", or "that news article was
sent by bob".
...more concretely, a datasource is a translator that can pre
sent information as a collection of rdf statements.
...an "imap datasource" would use the imap protocol to translate your mail server's inbox as a collection of statements like "message number 126's subject is 'make money fast on the internet'" and "message number 126 was
sent by 'spammer128@hotmail.com'".
The life of an HTML HTTP request - Archive of obsolete content
the channel repre
sents the connection to the server, and is the source of the html data stream.
... (7) since the pre
sentation shell (nspresshell) has registred as an documentobserver with the nsidocument it also gets notified of changes in the document/content tree.
...these get passed references to the pre
sentation context and a rendering context to do the drawing on.
Using Breakpoints in Venkman - Archive of obsolete content
a hard breakpoint repre
sents an actual trap instruction included in the pseudocode of a compiled function.
...the second type of breakpoint, the "future" breakpoint, repre
sents a promise from venkman to set a hard breakpoint as soon as it is possible.
...the first click will clear the hard breakpoint and leave you with only a future breakpoint, which is repre
sented by a yellow letter "f".
Using XPInstall to Install Plugins - Archive of obsolete content
this article pre
sents a guideline for improving the plugin installation experience for netscape gecko browsers using xpinstall.
...a complete template of an xpi package is also pre
sented in this section.
... a string repre
senting the four digit version of the software.
diskSpaceAvailable - Archive of obsolete content
method of file object syntax double diskspaceavailable ( string nativefolderpath ); parameters the diskspaceavailable method has the following parameters: nativefolderpath a string repre
senting the pathname of the partition, a file, or a directory on the partition whose space is being queried.
... returns a double number repre
senting the amount of space, in bytes, on the queried drive.
...you can use a string repre
senting any file on the disk you want to check, and xpinstall will resolve the reference to the partition itself.
compareTo - Archive of obsolete content
version an installversion object or a string repre
senting version information in the format "4.1.2.1234".
...if this version object repre
sents a smaller (earlier) version than that repre
sented by the version parameter, this method returns a negative number.
... 0 the version numbers are the same; both objects repre
sent the same version.
Learn XPI Installer Scripting by Example - Archive of obsolete content
this input is defined in line 22, where getfolder() is used to assign a value to the communicatorfolder variable repre
senting the "program" folder on the local system: var communicatorfolder = getfolder("program"); spaceavailable = filegetdiskspaceavailable(dirpath); spacerequired, the other expected input to the verifydiskspace function, is given as 17311 kilobytes on line 19.
..."program" repre
sents the directory where software itself is installed (e.g., c:\program files\ on win32 systems), as opposed to supporting directories like "components", "chrome", or "temporary" (see getfolder in the xpinstall api reference for a list of keywords).
...in this most common form of the registerchrome function (it can also be used to support the now-deprecatedmanifest.rdf style of installation archive), the three parameters repre
sent, in order, the chrome switch used to indicate what kind of software is being registered, the target destination of the software (e.g., the "chrome" folder in the example above), and the path within the xpi (or jar theme archive) where the contents.rdf file is located.
More Event Handlers - Archive of obsolete content
example 1 : source view <vbox oncommand="alert(event.currenttarget.tagname);"> <button label="ok"/> <checkbox label="show images"/> </vbox> stop event propagation once you handle an event, regardless of where in the propagation the event is, you will likely want to stop the event from being
sent to further elements, es
sentially stopping the capturing or bubbling phases from continuing.
...for example, the 'popupshowing' event is
sent to a popup just before it is displayed.
...load events the load event is
sent to the document (the window tag) once the xul file has finished loading and just before the content is displayed.
Trees - Archive of obsolete content
this may be a bit confusing, but es
sentially, one of the built-in tree views uses a set of tags which can be used to specify information about the data in the tree.
... also, events do not get
sent to treeitem element and their children; instead they get
sent to the treechildren element.
...es
sentially, the tree content view is a view where the data for the cells is supplied from tags placed inside the tree.
tree - Archive of obsolete content
onselect type: script code this event is
sent to a tree when a row is selected, or whenever the selection changes.
...the onselect event will be
sent for each item added to or removed from the selection.
...if the caret isn't pre
sent for any row (for example, because the tree has never been focused), the value will be -1.
Extentsions FAQ - Archive of obsolete content
however, it's functional and does allow for the explorer to be handling the display of the folder contents, and all of the right-click context menu support is pre
sent so it should meet my needs.
... when user chooses to uninstall an extension, a nsiobserverservice notification is
sent out.
... why there are some rss feeds that do not appear as livemarks when bookmarked even though the necessary tags for the feed to appear as a livemark are seemingly pre
sent and properly formatted in the feeds source?
TCP/IP Security - Archive of obsolete content
es
sentially, the data produced by a layer is encapsulated in a larger container by the layer below it.
... for example, if an application needs to protect sensitive data
sent across networks, the application may need to be modified to provide this protection.
... each ssl endpoint can confirm the identity of the other ssl endpoint with which it wishes to communicate, ensuring that the network traffic and data is being
sent from the expected host.
Theme changes in Firefox 2 - Archive of obsolete content
feeds/addfeedreader.xul feeds/addfeedreader.css new file that pre
sents ui for adding a new feed reader.
... feeds/subscribe.xhtml feeds/subscribe.css new file that pre
sents the ui for subscribing to an rss feed.
... global/notification.css new file; defines styles used by the notification strip that appears at the top of browser windows to pre
sent notices such as "a popup was blocked." global/scrollbox/autorepeat-arrow-dn-dis.gif new file; icon displayed for a disabled autorepeat down arrow in a scroll box.
Using Firebug and jQuery (Screencast) - Archive of obsolete content
note: this screencast is originally from: http://ejohn.org/blog/hacking-digg-w...ug-and-jquery/ this is an adaptation of a pre
sentation that i gave while at mashup camp boston.
... click the video link to begin (14:39 minutes long, 59mb): http://developer.mozilla.org/pre
sentations/screencasts/jresig-digg-firebug-jquery.mp4 download: right-click this link and select save as...
...(59mb) bookmarklets: in the pre
sentation, i refer to a bookmarklet that you can use to introduce jquery into a web page.
Processing XML with E4X - Archive of obsolete content
objects repre
senting xml elements provide a number of useful methods, some of which are illustrated below: todo: add all of the methods to the javascript reference, link from here alert(person.name.text()) // bob smith var xml = person.name.toxmlstring(); // a string containing xml var personcopy = person.copy(); // a deep copy of the xml object var child = person.child(1); // the second child node; in this ca...
...xmllist is used to repre
sent an ordered collection of xml objects; for example, a list of elements.
...any xml object that repre
sents a node or attribute provides a name() method which returns a qname object, allowing easy inspection of namespaced elements.
LiveConnect Overview - Archive of obsolete content
when a javascript object is
sent to java, the runtime engine creates a java wrapper of type jsobject; when a jsobject is
sent from java to javascript, the runtime engine unwraps it to its original javascript object type.
... values which are too large or small to be repre
sented are rounded to +infinity or -infinity.
... values which are too large or small to be repre
sented result in a run-time error.
Back to the Server: Server-Side JavaScript On The Rise - Archive of obsolete content
as stated earlier, aptana jaxer is built using the mozilla browser engine engine that powers mozilla firefox, which includes spidermonkey as its javascript interpreter, but lots more features beyond ssjs alone such as dom, db, file io, css, server sessions, e4x, etc...] this is a great advantage to the developer as it pre
sents a consistent server-side and client-side development environment for both browser and server contexts that is centered on open source and web standards.
...document('', 'comments', null); var root = doc.documentelement; rs_comments.rows.foreach(function(row, index) { if (true || index < 10) { var node = doc.createelement('comment'); node.setattribute('id', row.id); node.setattribute('name', row.name); node.setattribute('message', row.message); root.appendchild(node); } }); jaxer.response.exit(200, doc); </script> the data from the database is repre
sented in xml format as follows: <comments> <comment message="”jaxer" name="”nigel" id="”1”"></comment> ...
...to be able to use jaxer to es
sentially create an xml based restful service in javascript is useful and shifts a great deal of power to the javascript developer.
XForms Secret Element - Archive of obsolete content
each character typed by the user is repre
sented by an asterisk on the screen (see the spec).
... repre
sentations the xforms secret element is repre
sented by a password field.
...characteristics analogous widgets are <xhtml:input type="password"/> and <xul:textbox type="password"/> if the incremental attribute is pre
sent and has the value true, then the bound instance node is updated on every user input.
XForms Switch Module - Archive of obsolete content
repre
sentations the switch element doesn't have a visual repre
sentation.
... repre
sentations the case element doesn't have a visual repre
sentation.
...attributes events special case - the idref of a case element to select repre
sentations the case element doesn't have a visual repre
sentation.
XForms Trigger Element - Archive of obsolete content
attributes ui common appearance - the value of this attribute gives a hint to the xforms processor as to which type of widget(s) to use to repre
sent this control accesskey - used to specify the keyboard shortcut for focusing this control single-node binding type restrictions the trigger element can be bound to a node containing data of any type.
... repre
sentations the xforms trigger element can be repre
sented by the following widgets for the specified appearance attribute values: button - default repre
sentation (xhtml/xul) link/clickable text - used when appearance = 'minimal' (xhtml only) button displaying a button is the default pre
sentation (xhtml/xul).
... characteristics analogous widgets are <html:input type="button"/> and <xul:button/> link/clickable text xforms authors can use this repre
sentation if they want to have a widget like a xhtml anchor (xhtml only).
Archive of obsolete content
jxon jxon (lossless javascript xml object notation) is a generic name by which is defined the repre
sentation of javascript objects using xml.
...in these cases jxon could repre
sent the most practical way.
...due to a limitation of the pre
sent implementation of nspr io on nt, programs must follow the following guideline: using ssh to connect to cvs using web standards in your web pages using workers in extensions this article shows you how to use worker threads in extensions to perform tasks in the background without blocking the user interface.
Building up a basic demo with A-Frame - Game development
in a-frame, the scene is repere
sented by a scene entity.
... adding a background: sky box a sky box is a background for the 3d world, repre
sented by an <a-sky> element.
...let's try adding a torus — add this element below the previous code: <a-entity geometry=" primitive: torus; radius: 1; radiustubular: 0.1; segmentstubular: 12;" rotation="10 0 0" position="-3 1 0"> </a-entity> our entity has a torus primitive, which repre
sents its shape.
Square tilemaps implementation: Static maps - Game development
we are repre
senting the tiles with indices, assigned to the tiles dependant on their position in the atlas (e.g.
...in these examples, empty tiles will be repre
sented by index 0, so we will shift the indices of the atlases by one (and thus the first tile of the atlas will be assigned index 1, the second index 2, etc.) the gettile() helper method returns the tile contained at the specified column and row.
...however, it's usually more common to repre
sent the grid with a 1-dimensional array.
JSON - MDN Web Docs Glossary: Definitions of Web-related terms
json can repre
sent numbers, booleans, strings, null, arrays (ordered sequences of values), and objects (string-value mappings) made up of these values (or of other arrays and objects).
... json does not natively repre
sent more complex data types like functions, regular expressions, dates, and so on.
... (date objects by default serialize to a string containing the date in iso format, so the information isn't completely lost.) if you need json to repre
sent additional data types, transform values as they are serialized or before they are deserialized.
caret - MDN Web Docs Glossary: Definitions of Web-related terms
most user interfaces repre
sent the caret using a thin vertical line or a character-sized box that flashes, but this can vary.
... on the web, a caret is used to repre
sent the insertion point in <input> and <textarea> elements, as well as any elements whose contenteditable attribute is set, thereby allowing the contents of the element to be edited by the user.
... html elements that may pre
sent a caret these elements provide text entry fields or boxes and therefore make use of the caret.
Test your skills: WAI-ARIA - Learn web development
wai-aria 1 in our first aria task, we pre
sent you with a section of non-semantic markup, which is obviously meant to be a list.
... wai-aria 2 in our second wai-aria task, we pre
sent a simple search form, and we want you to add in a couple of wai-aria features to improve its accessibility: how can you allow the search form to be called out as a separate landmark on the page by screenreaders, to make it easily findable?
...as before, we have a simple app that pre
sents a list of animal names.
What is accessibility? - Learn web development
hearing-impaired people also repre
sent a significant userbase — "466 million people worldwide have disabling hearing loss", says the world health organization's deafness and hearing loss fact sheet.
...s by text-to-speech or by video; easily-understood content, such as text written using plain-language standards; focusing attention on important content; minimizing distractions, such as unnecessary content or advertisements; consistent webpage layout and navigation; familiar elements, such as underlined links blue when not visited and purple when visited; dividing processes into logical, es
sential steps with progress indicators; website authentication as easy as possible without compromising security; and making forms easy to complete, such as with clear error messages and simple error recovery.
...if you are planning to include a whizzy 3d pie chart graphic made using webgl, you might want to include a data table as an accessible alternative repre
sentation of the data.
CSS building blocks - Learn web development
the aim here is to provide you with a toolkit for writing competent css and help you understand all the es
sential theory, before moving on to more specific disciplines like text styling and css layout.
... we have put together a course that includes all the es
sential information you need to work towards your goal.
... guides this module contains the following articles, which cover the most es
sential parts of the css language.
Introduction to CSS layout - Learn web development
the corresponding inline direction is the direction in which inline contents (such as a
sentence) would run.
...if we change the display value to inline they now display next to each other, as words would do in a
sentence.
... in addition to being able to change the default pre
sentation by turning an item from block to inline and vice versa, there are some bigger layout methods that start out as a value of display.
Responsive design - Learn web development
es
sentially, this describes changing font sizes within media queries to reflect lesser or greater amounts of screen real estate.
...es
sentially, the vw unit adds on top of that zoomed value: h1 { font-size: calc(1.5rem + 3vw); } this means that we only need to specify the font size for the heading once, rather than set it up for mobile and redefine it in the media queries.
...it encompasses a number of css and html features and techniques and is now es
sentially just how we build websites by default.
How CSS works - Learn web development
the dom repre
sents the document in the computer's memory.
... a real dom repre
sentation rather than a long, boring explanation, let's look at an example to see how a real html snippet is converted into a dom.
...it will apply that rule to each one of the three <span>s, then paint the final visual repre
sentation to the screen.
The HTML5 input types - Learn web development
you can also use the multiple attribute in combination with the email input type to allow several email addresses to be entered in the same input (separated by commas): <input type="email" id="email" name="email" multiple> on some devices — notably, touch devices with dynamic keyboards like smart phones — a different virtual keypad might be pre
sented that is more suitable for entering email addresses, including the @ key.
... client-side validation as you can see above, email, along with other newer input types, provides built-in client-side error validation — performed by the browser before the data gets
sent to the server.
...there are a few other control types that cannot be easily grouped together due to their very specific behaviors, but which are still es
sential to know about.
HTML forms in legacy browsers - Learn web development
<button> the <button> element suffered from two issues that are now resolved: a bug in old versions of internet explorer
sent the html content available between the starting and ending tag of the <button> element instead of the content of the value attribute when clicked.
... this was only an issue if that value needed to be
sent, such as when data processing depends on which button a user clicked.
... <!-- clicking this button
sent "<em>do a</em>" instead of "a" in some cases --> <button type="submit" name="iwantto" value="a"> <em>do a</em> </button> choosing one solution or the other is up to you based on your project's constraints.
UI pseudo-classes - Learn web development
a disabled element on the other hand cannot be interacted with in any way, and its data isn't even
sent to the server these two states can be targeted using :enabled and :disabled.
...as an example, imagine a confirmation page where the developer has
sent the details filled in on previous pages over to this page, with the aim of getting the user to check them all in one place, add any final data that is needed, and then confirm the order by submitting.
... at this point, all the final form data can be
sent to the server in one go.
JavaScript basics - Learn web development
it's outside the scope of this article—as a light introduction to javascript—to pre
sent the details of how the core javascript language is different from the tools listed above.
... following that, the code set the value of the myheading variable's textcontent property (which repre
sents the content of the heading) to hello world!.
... if(!localstorage.getitem('name')) { setusername(); } else { let storedname = localstorage.getitem('name'); myheading.textcontent = 'mozilla is cool, ' + storedname; } this first line of this block uses the negation operator (logical not, repre
sented by the !) to check whether the name data exists.
The web and web standards - Learn web development
one last significant data point to share is that in 1994, timbl founded the world wide web consortium (w3c), an organization that brings together repre
sentatives from many different technology companies to work together on the creation of web technology specifications.
...as you go through the learning material pre
sented here, you'll start to learn how this is made possible with some very clever design and implementation work.
... there are another class of languages called back-end (or server-side) languages, meaning that they are run on the server before the result is then
sent to the browser to be displayed.
Tips for authoring fast-loading HTML pages - Learn web development
minimize the number of files reducing the number of files referenced in a web page lowers the number of http connections required to download a page, thereby reducing the time for these requests to be
sent, and for their responses to be received.
....php, .aspx), this, of course, can't be done, and the header is not
sent.
...all eagerly loaded images are rendered before the document's load event is
sent.
Images in HTML - Learn web development
es
sentially, the key is to deliver a usable experience, even when the images can't be seen.
...captions benefit even people who can see the image, whereas alt text provides the same functionality as an ab
sent image.
... provides es
sential information supporting the main text.
Build your own function - Learn web development
previous overview: building blocks next with most of the es
sential theory dealt with in the previous article, this article provides practical experience.
...we use their node.textcontent property — which repre
sents the text content of an element — to insert a message inside the paragraph, and an 'x' inside the button.
...in the next article we'll wrap up functions by explaining another es
sential related concept — return values.
Introduction to events - Learn web development
it is es
sentially a property like any other available on the button (e.g.
...note: it doesn't work if you try to register this event handler on the button itself — we've had to register it on the window object, which repre
sents the entire browser window.
... note: in cases where both types of event handlers are pre
sent, bubbling and capturing, the capturing phase will run first, followed by the bubbling phase.
Function return values - Learn web development
previous overview: building blocks next there's one last es
sential concept about functions for us to discuss — return values.
...therefore, a
sentence is printed out inside the paragraph element that states the square, cube, and factorial values of the number.
... the
sentence calls the squared(), cubed(), and factorial() functions to calculate the required values.
Properly configuring server MIME types - Learn web development
how to determine the mime type
sent by a server in firefox, load the file and use tools | page info.
... you can also use rex swain's http viewer or live http headers to see the full headers and content of any file
sent from a web server.
...instead of looking for this line in the html source, use the above techniques to determine the mime type
sent by the server.
Client-Server Overview - Learn web development
information can be encoded as: url parameters: get requests encode data in the url
sent to the server by adding name/value pairs onto the end of it — for example http://mysite.com?name=fred&age=11.
...for example, the http request that is
sent when you perform a search on mdn for the term "client server overview" will look a lot like the text shown below (it will not be identical because parts of the message depend on your browser/setup).
...the server might return a different status code, for example "404 not found" if the file is not pre
sent on the server, or "301 moved permanently" if the file exists but has been redirected to a different location.
Ember interactivity: Events, classes and state - Learn web development
add the following import statement below the existing one: import { tracked } from '@glimmer/tracking'; now add the following class below the previous line you added: class todo { @tracked text = ''; @tracked iscompleted = false; constructor(text) { this.text = text; } } this class repre
sents a todo — it contains a @tracked text property containing the text of the todo, and a @tracked iscompleted property that specifies whether the todo has been completed or not.
...this is not intuitive, so we'll add a getter to the todos service called all, which will repre
sent all todos.
... this is because the text label inside each list item is hardcoded to that text, as seen in todo.hbs: <label>buy movie tickets</label> update this line to use the argument @todo — which will repre
sent the todo that we passed in to this component when it was invoked in todo-list.hbs, in the line <todo @todo={{todo}} />: <label>{{@todo.text}}</label> ok, try it again.
Routing in Ember - Learn web development
typically, when writing web applications, you want the page to be repre
sented by the url so that if (for any reason), the page needs to refresh, the user isn't surprised by the state of the web app — they can link directly to significant views of the app.
...by having a getter defined in the return object from the model data, the todos are re-looked-up so that our changes to the todo list are repre
sented in the rendered list.
...odos display inside todolist one small final thing that we need to fix is that previously, inside todomvc/app/components/todo-list.hbs, we were accessing the todo-data service directly and looping over all todos, as shown here: {{#each this.todos.all as |todo| }} since we now want to have our todolist component show a filtered list, we'll want to pass an argument to the todolist component repre
senting the "current list of todos", as shown here: {{#each @todos as |todo| }} and that's it for this tutorial!
React resources - Learn web development
create-react-app makes it possible to import css files into javascript modules, so that css is only
sent to your user when the corresponding component is rendered.
...for larger applications with hundreds of unique views and lots of moving parts, it makes sense to limit the amount of irrelevant code that's
sent to your user.
... focus management is es
sential in client-side routing — without it, keyboard users can be trapped in focus limbo, and screen-reader users may have no idea that they have moved to a new page.
TypeScript support in Svelte - Learn web development
what we need right now is the partial<t> utility, which allows us to repre
sent all subsets of a given type.
...localstore = (key: string, initial: jsonvalue) => { // receives the key of the local storage and an initial value const tostring = (value: jsonvalue) => json.stringify(value, null, 2) // helper function const toobj = json.parse // helper function if (localstorage.getitem(key) === null) { // item not pre
sent in local storage localstorage.setitem(key, tostring(initial)) // initialize local storage with initial value } const saved = toobj(localstorage.getitem(key)) // convert to object const { subscribe, set, update } = writable(saved) // create the underlying writable store return { subscribe, set: (value: js...
...<t extends jsonvalue>(key: string, initial: t) => { // receives the key of the local storage and an initial value const tostring = (value: t) => json.stringify(value, null, 2) // helper function const toobj = json.parse // helper function if (localstorage.getitem(key) === null) { // item not pre
sent in local storage localstorage.setitem(key, tostring(initial)) // initialize local storage with initial value } const saved = toobj(localstorage.getitem(key)) // convert to object const { subscribe, set, update } = writable<t>(saved) // create the underlying writable store return { subscribe, set: (value: t)...
Deployment and next steps - Learn web development
navigate to the root of your app and run npx vercel; the first time you do it, you'll be prompted to enter your email address, and follow the steps in the email
sent to that address, for security purposes.
... to understand the motivations behind svelte, you should read rich harris's rethinking reactivity pre
sentation on youtube.
...if you liked it, you will also enjoy the return of 'write less, do more' pre
sentation, which rich harris gave at jscamp 2019.
Handling common accessibility problems - Learn web development
pre
sent significant market segments), but it is also a legal requirement in many parts of the world to make web content accessible to people with disabilities.
...browser compatibility for these features is fairly good, but if you want to provide text alternatives for audio or support older browsers, a simple text transcript pre
sented somewhere on the page or on a separate page might be a good idea.
...they will look over them and return a list of accessibility issues pre
sent on the page.
Handling common HTML and CSS problems - Learn web development
note: of course, this may not be a great solution for your project's needs — the difference in visual pre
sentation is not great, plus it is harder to guarantee the data will be entered in the format you want it in.
...r example: const test = document.getelementbyid('hplogo'); now try to set a new value for the css property you are interested in on that element; you can do this using the style property of the element, for example try typing these into the javascript console: test.style.transform = 'rotate(90deg)' test.style.webkittransform = 'rotate(90deg)' as you start to type the property name repre
sentation after the second dot (note that in javascript, css property names are written in lower camel case, not hyphenated), the javascript console should begin to autocomplete the names of the properties that exist in the browser and match what you've written so far.
... another difficulty that can pre
sent problems is browser support for the features that make the above techniques possible.
Adding a new event
a dom event which repre
sents a native event like a user action such as keyboard or mouse input.
...you should choose a good header file from what your event class repre
sents.
... contentevents.h this header file should be used for defining internal event classes which are dispatched in content and do not repre
sent user action.
A bird's-eye view of the Mozilla framework
suppose the client already has an nsirdfdatasource object repre
senting a sub-graph of an rdf graph and calls nsirdfdatasource.gettarget(resource, nc_link, true) to obtain an nsirdfnode repre
senting a specific node in the graph, in this case a link to ahelp viewer document page.
...as a client, getlink() begins by obtaining the xulelement in the dom tree repre
senting thecontents panel.
...using the database attribute of the xulelement, getlink() obtains an nsirdfcompositedatasource, which pre
sents the individual datasources of the xulelement as a single rdf graph.
What to do and what not to do in Bugzilla
it also governs which bug entry form you are pre
sented with first (either the guided or advanced forms).
...if the bug is pre
sent on linux and windows, change the fields to hardware = pc and os = all.
... blocker blocks development and/or testing work critical crashes, loss of data, severe memory leak major major loss of function normal regular issue, some loss of functionality under specific circumstances minor minor loss of function, or other problem where easy workaround is pre
sent trivial cosmetic problem like misspelled words or misaligned text enhancement request for enhancement the blocker severity should be used very seldomly, because only a fraction of the hundreds of thousands bugs really block the development of mozilla and these are normally fixed very quickly.
How Mozilla's build system works
config.status contains 2 parts: data structures repre
senting the output of configure and a command-line interface for preparing, configuring, or generating an appropriate build backend.
... what es
sentially happens is the automatically produced config.status python script is executed as soon as configure has generated it.
...es
sentially, there are makefiles in each directory.
Communicating with frame scripts
target the xul <browser> element from which this message was
sent.
...an xpcom component), you can access the window of the browser that
sent the message with message.target.ownerdocument.defaultview.
...ncmessage() function: // frame script sendsyncmessage("my-addon@me.org:my-e10s-extension-message"); when a chrome script receives a synchronous message, it should return a value from its message listener: // chrome script messagemanager.addmessagelistener("my-addon@me.org:my-e10s-extension-message", listener); function listener(message) { return "value from chrome"; } this value is then pre
sented to the frame script in the return value of sendsyncmessage().
mozbrowsericonchange
the mozbrowsericonchange event is
sent when a new icon (e.g.
... details the details property returns an anonymous javascript object with the following properties: href a domstring repre
senting the path to the new icon.
...the any keyword can also be used, to repre
sent "any size." rel a domstring repre
senting the rel attribute value from the <link> element used to link to the icon.
mozbrowserselectionstatechanged
details the details property returns an anonymous javascript object with the following properties: rect an object that repre
sents the bounding rectangle of the selection.
... zoomfactor a number repre
senting the current zoom factor in the child frame.
... this is unitless and repre
sents a percentage increase/decrease, e.g.
How Mozilla determines MIME Types
http for http uris mozilla usually gets a mime type
sent from the server, and uses it.
...however, starting in mozilla 1.7alpha, mozilla does do content sniffing, like this: when the content-type
sent by the server is one of (case-sensitively) text/plain text/plain; charset=iso-8859-1 text/plain; charset=iso-8859-1 and the server did not send a content-encoding header, mozilla will sniff the first block of data it gets and check for non-text bytes.
...note that the extension here comes from the content-disposition header if pre
sent, and from the url itself otherwise.
Extending a Protocol
our goal is now to get that to settle with the value we
sent in.
... in our case, our protocol, which we will call pecho.ipdl, will send a message to a parent, and the parent will respond with the message we
sent.
...so, es
sentially, the stuff to add in bold: // find this: namespace mozilla { namespace dom { // add: class echochild; // make this private: echochild* getechochild(errorresult& arv); // other stuff already in the file...
JavaScript-DOM Prototypes in Mozilla
prototype setup on an xpconnect wrapped dom node in mozilla when a dom node is accessed from javascript in mozilla, the native c++ dom node is wrapped using xpconnect and the wrapper is exposed to javascript as the javascript repre
sentation of the dom node.
...but this is not good enough, in addition to being able to share and repre
sent each "class" with a constructor, we also want users to be able to extend interfaces, like node.
...to do this, the code figures out what the name of the immediate prototype of the class is by looking at the parent of the primary interface in the class info (if the name is a class constructor, such as htmlimageelement) or by looking at the parent of the interface that the iid stored in the nsscriptnamespacemanager for this name repre
sents (if the name is a class prototype, such as node).
CustomizableUI.jsm
customizableui assumes that each area it is told about is pre
sent in every browser window.
... there are three main types of widgets: 'legacy' xul widgets, which are the way customizableui repre
sents widgets whose dom repre
sentation is pre
sent (or overlaid) into a window; api-style widgets, which are the new widgets customizableui can create and manage for you.
... 'special' widgets: these are the repre
sentations of xul <toolbarseparator>, <toolbarspring> and <toolbarspacer> elements.
WebRequest.jsm
the http request headers that will be
sent.
... the http request headers that will be
sent.
... the following types are supported: "main_frame" "sub_frame" "stylesheet" "script" "image" "object" "xmlhttprequest" http headers https headers are repre
sented as objects with two properties, name and value: name type description name string header name, for example "content-type" value string header value, for example "image/png" chrome incompatibilities although this api is modeled on chrome's webrequest extension api, there are some differences.
Localizing with Koala
"added" - the file need to be added to the locale's file structure (it is pre
sent in en-us, but not in the locale files).
... "modified" - the file needs to be modified (it is pre
sent in both en-us and the locale files, but the locale's version is outdated).
... "removed" - the file needs to be deleted from locale's file structure (it is no longer pre
sent in en-us).
JS::PerfMeasurement
note: at pre
sent, js::perfmeasurement is only functional on linux, but it is planned to add support for windows (bug 583322) and osx (bug 583323) as well, and we welcome patches for other operating systems.
... at pre
sent, it returns true on linux when the <linux/perf_event.h> api is available (kernel 2.6.31 or later), and false everywhere else.
... all pre
sently-measurable events are measured with counters, not timers; that is, there is no defined relation between the numbers you get from this interface, and wall-clock time.
Phishing: a short definition
a study on the efficacy of security indicators, pre
sented at the 2007 ieee symposium on security and privacy, suggests that the above countermeasures fail to protect the majority of users.
...after all, the browser plays an es
sential role in the scheme: a fake website is loaded in a browser and here is the maker’s last chance to preventing fraud.
...after verifying username and password, the user is prompted to open the otp app and enter the corresponding 6-digit code, repre
senting a hashed version of the secret key and a nonce - potentially time-based.
About NSPR
use of 64 bits allows a repre
sentation of times approximately in the range of -30000 to the year 30000.
... there is a structural repre
sentation (i.e., exploded view), routines to acquire the current time from the host system, and convert them to and from the 64-bit and structural repre
sentation.
... additionally there are routines to convert to and from most well-known forms of ascii into the 64-bit nspr repre
sentation.
Introduction to NSPR
to an nspr client, a thread is repre
sented by a pointer to an opaque structure of type prthread.
...however, if local threads are also pre
sent, and they are preemptable, they are subject to deadlock.
... nspr sample code the documents linked here pre
sent two sample programs, including detailed annotations: layer.html and switch.html.
PRIntervalTime
a platform-dependent type that repre
sents a monotonically increasing integer--the nspr runtime clock.
... the increasing interval value repre
sented by printervaltime wraps.
...at the maximum resolution of 10000 ticks per second, each tick repre
sents 1/100000 of a second.
PR_AcceptRead
syntax #include <prio.h> print32 pr_acceptread( prfiledesc *listensock, prfiledesc **acceptedsock, prnetaddr **peeraddr, void *buf, print32 amount, printervaltime timeout); parameters the function has the following parameters: listensock a pointer to a prfiledesc object repre
senting a socket descriptor that has been called with the pr_listen function, also known as the rendezvous socket.
... buf a pointer to a buffer to hold data
sent by the peer and the peer's address.
...also, as its name suggests, pr_acceptread receives the first block of data
sent by the peer.
PR_GetDescType
description the prdesctype enumeration is defined as follows: typedef enum prdesctype { pr_desc_file = 1, pr_desc_socket_tcp = 2, pr_desc_socket_udp = 3, pr_desc_layered = 4 } prdesctype; the enumeration has the following enumerators: pr_desc_file the prfiledesc object repre
sents a normal file.
... pr_desc_socket_tcp the prfiledesc object repre
sents a tcp socket.
... pr_desc_socket_udp the prfiledesc object repre
sents a udp socket.
PR_Poll
the prpolldesc structure is defined as follows: struct prpolldesc { prfiledesc* fd; print16 in_flags; print16 out_flags; }; typedef struct prpolldesc prpolldesc; the structure has the following fields: fd a pointer to a prfiledesc object repre
senting a socket or a pollable event.
... on unix, the fd field can be set to a pointer to any prfiledesc object, including one repre
senting a file or a pipe.
... cross-platform applications should only set the fd field to a pointer to a prfiledesc object repre
senting a socket or a pollable event because on windows the select function can only be used with sockets.
JSS FAQ
jss example code is es
sentially developer test code; with that understanding, the best directory to look for sample code is in the org/mozilla/jss/tests directory: http://lxr.mozilla.org/mozilla/source/security/jss/org/mozilla/jss/tests org/mozilla/jss/tests/closedbs.java org/mozilla/jss/tests/keyfactorytest.java org/mozilla/jss/tests/digesttest.java org/mozilla/jss/tests/jcasigtest.java org...
...many netscape products, including nss, have nt and windows builds that are es
sentially the same except one difference: one is linked with the nt version of nspr and the other is linked with the windows version of nspr.
...either use the win 95 version of nspr/nss/jss components (es
sentially all non-fiber builds) or set the environment variable nspr_native_threads_only=1.
NSS 3.14 release notes
such changes may pre
sent interoperability concerns when enabling tls 1.1.
... when connecting to a server, the record layer version of the initial clienthello will be at most { 3, 1 } (tls 1.0), even when attempting to negotiate tls 1.1 (https://bugzilla.mozilla.org/show_bug.cgi?id=774547) the choice of client_version
sent during renegotiations has changed.
... bug 783448 - when performing an ssl renegotiation, the client_version that is
sent in the renegotiation clienthello will be set to match the client_version that was
sent in the initial clienthello.
NSS 3.30 release notes
support for callback functions that can be used to monitor ssl/tls alerts that are
sent or received.
... in ssl.h ssl_alertreceivedcallback - register a callback function, that will be called whenever an ssl/tls alert is received ssl_alert
sentcallback - register a callback function, that will be called whenever an ssl/tls alert is
sent ssl_setsessionticketkeypair - configures an asymmetric key pair, for use in wrapping session ticket keys, used by the server.
... new macros in ciferfam.h pkcs12_aes_cbc_128, pkcs12_aes_cbc_192, pkcs12_aes_cbc_256 - cipher family identifiers corresponding to the pkcs#5 v2.1 aes based encryption schemes used in the pkcs#12 support in nss in pkcs11n.h cka_nss_mozilla_ca_policy - identifier for a boolean pkcs#11 attribute, that should be set to true, if a ca is pre
sent because of it's acceptance according to the mozilla ca policy notable changes in nss 3.30 the tls server code has been enhanced to support session tickets when no rsa certificate (e.g.
NSS tools : certutil
the certificate database should already exist; if one is not pre
sent, this command option will initialize one by default.
...the key database should already exist; if one is not pre
sent, this option will initialize one by default.
... certutil -m -n certificate-name -t trust-args -d [sql:]directory for example: $ certutil -m -n "my ca certificate" -d sql:/home/my/sharednssdb -t "ctu ,ctu,ctu" printing the certificate chain certificates can be issued in chains because every certificate authority itself has a certificate; when a ca issues a certificate, it es
sentially stamps that certificate with its own fingerprint.
NSS tools : crlutil
date should be repre
sented in generalizedtime format (yyyymmddhhmmssz).
... key-id: key identifier repre
sented in octet string.
... date should be repre
sented in generalizedtime format (yyyymmddhhmmssz).
pkfnc.html
pk11_findcertfromnickname pk11_findkeybyanycert pk11_getslotname pk11_gettokenname pk11_ishw pk11_ispre
sent pk11_isreadonly pk11_setpasswordfunc pk11_findcertfromnickname finds a certificate from its nickname.
... pk11_ispre
sent finds out whether the token for a slot is available.
... syntax #include <pk11func.h> #include <prtypes.h> prbool pk11_ispre
sent(pk11slotinfo *slot); parameters this function has the following parameter: slot a pointer to a slot info structure.
NSS Tools crlutil
date should be repre
sented in generalizedtime format (yyyymmddhhmmssz).
... key-id: key identifier repre
sented in octet string.
...date should be repre
sented in generalizedtime format (yyyymmddhhmmssz).
NSS Tools ssltap
it passes any data
sent by the client to the server and vice versa.
...data
sent from the client to the server is in blue; the server's reply is in red.
...data
sent from the client to the server is surrounded by the following symbols: --> [ data ] data
sent from the server to the client is surrounded by the following symbols: <-- [ data ] the raw data stream is
sent to standard output and is not interpreted in any way.
certutil
the certificate database should already exist; if one is not pre
sent, this option will initialize one by default.
... the key database should already exist; if one is not pre
sent, this option will initialize one by default.
... certutil -m -n certificate-name -t trust-args -d [sql:]directory for example: $ certutil -m -n "my ca certificate" -d sql:/home/my/sharednssdb -t "ctu,ctu,ctu" printing the certificate chain certificates can be issued in chains because every certificate authority itself has a certificate; when a ca issues a certificate, it es
sentially stamps that certificate with its own fingerprint.
NSS tools : crlutil
date should be repre
sented in generalizedtime format (yyyymmddhhmmssz).
... key-id: key identifier repre
sented in octet string.
... date should be repre
sented in generalizedtime format (yyyymmddhhmmssz).
Necko Interfaces Overview
nsiioservice central necko service manages protocol handlers thin layer over protocol handlers provides interface for creating uri objects from uri strings maps uri scheme to appropriate nsiprotocolhandler impl nsiuri (nsiurl, nsifileurl, nsistandardurl) repre
sents an uri, with getters and setters for various uri parts (eg.
... scheme, host, path, ...) per protocol implementation necko provides uri impl's for common uri formats (see nsstandardurl, nssimpleuri) nsichannel : nsirequest repre
sents a logical connection to the resource identified by a nsiuri per protocol implementation single use (ie.
...ribute of a nsirequest channel impl adds itself to its load group during invocation of asyncopen channel impl removes itself from its load group when download completes load groups in gecko own all channels used to load a particular page (until the channels complete) all channels owned by a load group can be canceled at once via the load group's nsirequest::cancel method nsitransport repre
sents a physical connection, such as a file descriptor or a socket used directly by protocol handler implementations (as well as by mailnews and chatzilla) synchronous i/o methods: openinputstream, openoutputstream asynchronous i/o methods: asyncread, asyncwrite nsitransport::asyncread takes a nsistreamlistener parameter original document information author(s): darin fisher last updated da...
JSVAL_IS_INT
determine if a given jsval is a javascript number repre
sented in memory as an integer.
... syntax jsval_is_int(v) description jsval_is_int(v) is true if the jsval v is a number repre
sented in memory as an integer.
... to test whether a value is a number, regardless of how it is repre
sented in memory, use jsval_is_number instead.
JS_ValueToString
if v is a number, conversion succeeds, and the result is a string repre
sentation of that number as specified in ecma 262-3 §9.8.1.
...otherwise the result is a decimal repre
sentation of the number, possibly using exponential notation.
...for standard classes, this is js_convertstub, which simply calls v.valueof() if pre
sent.
SpiderMonkey 1.8.5
type changes jsval the base data type, jsval, which repre
sents all possible values in javascript, has changed from 32- to 64-bits wide, and the underlying repre
sentation has changed from a c integer type to a c struct.
...jsapi no longer repre
sents floating-point numbers (and integers more than 31 bits long) as pointers to jsdouble; instead, the jsdouble value is directly stored in the jsval.
...previous spidermonkey versions usually repre
sented integer values smaller than 2^31 as jsvals encoding jsint; e.g.
SpiderMonkey 1.8.7
type changes jsval the base data type, jsval, which repre
sents all possible values in javascript, has changed from 32- to 64-bits wide, and the underlying repre
sentation has changed from a c integer type to a c struct.
...jsapi no longer repre
sents floating-point numbers (and integers more than 31 bits long) as pointers to jsdouble; instead, the jsdouble value is directly stored in the jsval.
...previous spidermonkey versions usually repre
sented integer values smaller than 2^31 as jsvals encoding jsint; e.g.
SpiderMonkey 1.8
the security apis js_setcheckobjectaccesscallback, js_setprincipalstranscoder, and js_setobjectprincipalsfinder are still pre
sent but are deprecated in this release.
... functions that were js_threadsafe-only in spidermonkey 1.7 (js_beginrequest, for example) are now pre
sent, but do nothing, in non-js_threadsafe builds.
...these functions are only pre
sent in debug builds.
SavedFrame
it repre
sents a javascript call stack at a past moment of execution.
...arrows repre
sent links from child to parent frame, content.js is from a compartment with content principals, and chrome.js is from a compartment with chrome principals.
... asynccause if this stack frame is the asyncparent of other stack frames, then this is a string repre
senting the type of asynchronous call by which this frame invoked its children.
TPS Bookmark Lists
folder contents the contents for a folder are given as an array of objects, repre
senting various bookmark types, described below.
...bookmarks.verify - the bookmark items in the list are verified to be pre
sent.
...bookmarks.verifynot - the bookmark items in the list are verified not to be pre
sent.
Redis Tips
a transaction block is a series of commands
sent all at once across the wire.
... redis> get foo (nil) redis> ttl foo (integer) -1 using expire you set an expiration in seconds from the pre
sent.
... bit strings bit strings are just that: compact repre
sentations of ones and zeroes.
Secure Development Guidelines
is exploitable (in some browsers) with a simple request such as: http://www.victim.com?something=<script>alert('oops')</script> xss: prevention escape all dynamic input that will be
sent back to the user html encoding & → & < → < > → > " → " ' → ' url encoding % encoding java/vbscript escaping depends on the context; in a single-quoted string, escaping ' would suffice sql injection occurs when un-trusted input is mixed with a sql string sql is a language used to interact with databases code injec...
...select * from account where name='?'"; sqlite3_prepare_v2(db, str, strlen(str), &stmt, null); sqlite3_bind_text(stmt, 1, name, strlen(name), sqlite_transient); sqlite3_step(stmt); sqlite3_finalize(p_stmt); writing secure code: arithmetic issues integer overflows/underflows overflows occur when an arithmetic operation attempts to create a numeric value that is larger than can be repre
sented within the available storage space max + 1 will be 0 and 0 – 1 will be max!
... bits maximum value that can be repre
sented data type 8 28-1 255 char 16 216-1 65535 short 32 232-1 4294967295 int 64 264-1 18446744073709551615 long long integer overflows/underflows example of an integer overflow int main() { unsigned int foo = 0xffffffff; printf(“foo: 0x%08x\r\n”, foo); foo++; printf(“foo: 0x%08x\r\n”, foo); } integer overflows/underflows example of an integer underflow int main() { unsigned int foo = 0; printf(“foo: 0x%08x\r\n”, foo); foo--; printf(“foo: 0x%08x\r\n”, foo); } integer overflows/underflows real-life example (bug 303213) jsbool js_str_escape(jscontext *cx, jsobject *obj, unsigned int argc, js...
Places Developer Guide
var history = cc["@mozilla.org/browser/nav-history-service;1"] .getservice(ci.nsinavhistoryservice); var query = history.getnewquery(); query.setfolders([myfolderid], 1); var result = history.executequery(query, history.getnewqueryoptions()); // the root property of a query result is an object repre
senting the folder you specified above.
..., bookmarks.unfiledbookmarksfolder]; query.setfolders(folders, folders.length); // specify terms to search for, matches against title, url and tags query.searchterms = "firefox"; var options = history.getnewqueryoptions(); options.querytype = options.query_type_bookmarks; var result = history.executequery(query, options); // the root property of a query result is an object repre
senting the folder you specified above.
...var history = cc["@mozilla.org/browser/nav-history-service;1"] .getservice(ci.nsinavhistoryservice); var query = history.getnewquery(); // specify terms to search for, matches against title and url query.searchterms = "firefox"; var result = history.executequery(query, history.getnewqueryoptions()); // the root property of a query result is an object repre
senting the folder you specified above.
Querying Places
notifications
sent to the result from the history and bookmarks system, as well as commands executed by the programmer such as sorting may cause the structure to change and nodes may be inserted, removed, or replaced.
... nsinavhistoryqueryresultnode: a type of container repre
senting a query of the history system.
...each result has a container repre
senting the root of the query.
Using the Places keywords API
keywords repre
sent an alias for the given url in the autocomplete (aka awesomebar) field, with smart replacement of query terms.
...it has the following properties: keyword: string repre
senting the keyword url: either a url or spec represeting the url to associate to postdata: optional post data string.
... fetching an entry by keyword the fetch() method acceps a keyword string (or an object having a keywords property) and might resolve to a keyword entry with the following properties: keyword: string repre
senting the keyword url: the url represeted by the keyword postdata: optional post data string.
Component Internals
additionally, it relates the components to the type libraries in which the binary repre
sentations of the interfaces they support are defined.
... the factory design pattern in xpcom is repre
sented by the nsifactory interface.
... the module layer is repre
sented by the nsimodule interface.
Receiving startup notifications
receiving startup notifications prior to gecko 2.0 (firefox 4) to receive startup notifications, one needs to register with the "app-startup" category using nsicategorymanager; having done so, the component will receive these startup notifications, including: xpcom-startup
sent when xpcom finishes starting up.
...app-startup
sent when the application has finished starting up.
... final-ui-startup
sent just before the first application window is displayed.
Components.classes
each object repre
sents one of the classes of xpcom components that can be constructed or accessed as an xpcom service.
... note also that it is possible that a given add-on component with a given contractid will be pre
sent on one machine but not have been installed on another machine.
...tractid, you can query the components.classes array as follows: var clazz0 = components.classes["@mozilla.org/messenger;1"]; clazz0 is the class object for the contractid @mozilla.org/messenger;1, which is not usually used by itself, but whose createinstance and getservice methods can be used to create a new instance of the component or to access the singleton instance, if the contract id repre
sents a service.
XPCOM glue classes
if there is no base class method with the same signature, a compiler with static-checking enabled will fail to compile.ns_postconditionmacrons_preconditionmacronsacstringthe nsacstring abstract class repre
sents a character string composed of single-byte storage units.
... this class is typically used to repre
sent ascii or utf-8 character arrays.nsacstring (external)class declarationnsacstring_internalclass declarationnsadoptingcstringclass declarationnsadoptingstringclass declarationnsastringthe nsastring abstract class repre
sents a character string composed of double-byte storage units.
... this class is typically used to repre
sent unicode character arrays.nsastring (external)class declarationnsastring_internalclass declarationnsautorefnsautoref<t> is a template class implementing an object that holds a handle to a resource that must be released, typically on destruction of the object.</t>nsautoreftraitsnsautoreftraits<t> is a template class describing traits of resources held by objects of class nsautoref<t> and/or nscountedref<t>.</t>nsautostringclass declarationnsautostring (external)class declarationnscautostringclass declarationnscautostring (external)class declarationnscomptrthis utility class simplifies managing xpcom interface references from c++ code.nscountedrefnscountedref<t> is a template class implementing an object that takes a strong reference to a reference-count...
mozIJSSubScriptLoader
if ab
sent, the file is interpreted as ascii.
...if ab
sent, the file is interpreted as ascii.
... ignorecache boolean if pre
sent and set to true, the cache will be bypassed when reading the file.
mozISpellCheckingEngine
extensions/spellcheck/idl/mozispellcheckingengine.idlscriptable this interface repre
sents a spelling checker.
... inherits from: nsisupports last changed in gecko 1.7 this interface repre
sents a spell checking engine.
... when this attribute's value is changed, a "spellcheck-dictionary-update" notification is
sent.
mozIStorageConnection
storage/public/mozistorageconnection.idlscriptable this interface repre
sents a database connection attached to a specific file or an in-memory database.
... return value a new mozistorageconnection object repre
senting the cloned connection.
...this is es
sentially an "undo," and returns the database to the state it was in before the transaction began.
mozIStorageService
return value an nsifile object repre
senting the newly-created backup file.
... return value a mozistorageconnection repre
senting the connection to the opened database file.
... return value a mozistorageconnection repre
senting the connection to the opened database file.
nsIAbCard
the nsiabcard interface is used to repre
sent and manipulate cards in the addressbook.
... birthyear astring birthmonth astring birthday astring custom1 astring custom2 astring custom3 astring custom4 astring notes astring lastmodifieddate unsigned long popularityindex unsigned long popularityindex is bumped every time e-mail is
sent to this recipient .
... astring generatename(in long agenerateformat,[optional] in nsistringbundle abundle) parameters agenerateformat the format to pre
sent the name in: 0 generated name is displayname 1 lastfirst, formatted following lastfirstformat property in addressbook.properties.
nsIBrowserSearchService
datatype an integer repre
senting the plugin file format.
... iconurl optional: a url string pointing to the icon to be used to repre
sent the engine.
... url the url to which search queries should be
sent.
nsICookieManager2
aissecure true if the cookie should only be
sent over a secure connection.
... aishttponly true if the cookie should only be
sent to, and can only be modified by, an http connection.
... return value an nsisimpleenumerator of nsicookie2 objects repre
senting the matching cookies.
nsIDictionary
method overview boolean haskey(in string key); void getkeys(out pruint32 count, [retval, array, size_is(count)] out string keys); nsisupports getvalue(in string key); void setvalue(in string key, in nsisupports value); nsisupports deletevalue(in string key); void clear(); methods haskey() check if a given key is pre
sent in the dictionary.
... return value true if pre
sent, false if ab
sent.
...if the key is already pre
sent, the new value replaces the old one.
nsIDirIndex
type_directory 1 the directory entry repre
sents a directory.
... type_file 2 the directory entry repre
sents a file.
... type_symlink 3 the directory entry repre
sents a symlink.
nsIDownloadProgressListener
adownload the nsidownload object repre
senting the file whose download status has changed.
... adownload the nsidownload object repre
senting the file being downloaded.
... adownload the nsidownload object whose progress is repre
sented by the acurselfprogress and amaxselfprogress parameters.
nsIFeed
toolkit/components/feeds/public/nsifeed.idlscriptable this interface repre
sents a single atom or rss (really simple syndication) news feed.
...the hours are repre
sented as integer values from 0 (midnight) to 23 (11:00 pm), and are always indicated using utc.
... type unsigned long indicates the type of content pre
sented by a feed.
nsIHttpActivityObserver
note: this attribute is pre
sent only for compatibility and should not be used.
...observers can look at request headers in aextrastringdata activity_subtype_request_body_
sent 0x5002 the http request's body has been
sent.
...socket transport activity when the activity type is activity_type_socket_transport and the subtype is status_sending_to, the aextrasizedata parameter contains the number of bytes
sent.
nsIHttpServer
* * @param callback * an asynchronous callback used to notify the user when this server is * stopped and all pending requests have been fully served * @throws ns_error_null_pointer * if callback is null * @throws ns_error_unexpected * if this server is not running */ void stop(in nsihttpserverstoppedcallback callback); /** * associates the local file repre
sented by the string file with all requests * which match request.
... if type is empty, removes any extant * mapping, if one is pre
sent.
... */ void setindexhandler(in nsihttprequesthandler handler); /** repre
sents the locations at which this server is reachable.
nsIInstallLocation
toolkit/mozapps/extensions/public/nsiextensionmanager.idlscriptable interface repre
senting a location where extensions, themes and so on are installed.
... constants constants repre
senting priority of some default install locations.
...id the guid of the item the file repre
sents.
nsIJSID
the string repre
sentation of the internal nsid.
... tostring() this methods returns a string repre
sentation of the object.
...return value the name of the jsid if it has one, otherwise the string repre
sentation of its nsid.
nsIJetpack
if the message was
sent synchronously from the jetpack process via callmessage(), then the return value of this function is passed back to the jetpack process.
...the message comes with one argument, which repre
sents the exception object that was thrown.
... warning: bug 589308 prevents this message from being
sent in some situations.
nsIMarkupDocumentViewer
obsolete since gecko 1.8 authorstyledisabled boolean disable entire author style level (including html pre
sentation hints) bidicharacterset octet whether to force the user's character set 1 - use the document character set 2 - use the character set chosen by the user.
... biditextdirection octet options for bidi pre
sentation.
...logical text will be reordered for pre
sentation using the unicode bidi algorithm.
nsIMessageListenerManager
dom/base/nsimessagemanager.idlscriptable this interface enables clients to listen for messages
sent using the nsimessagebroadcaster, nsimessagesender, or nsisyncmessagesender interfaces.
... listener an nsimessagelistener repre
senting the listener to remove.
... listener an nsimessagelistener repre
senting the listener to remove.
nsINavBookmarkObserver
other notifications will be
sent during the batch change, but the observer is guaranteed that onendupdatebatch() will be called at the completion of changes.
...when a new item is created, all the items following it in the same folder will have their index shifted down, but no additional notifications will be
sent.
...when an item is removed, all the items following it in the same folder will have their index shifted down, but no additional notifications will be
sent.
nsINavHistoryContainerResultNode
dynamiccontainertype autf8string a string repre
senting the dynamic container api service responsible for this container.
... remotecontainertype obsolete since gecko 1.9 autf8string a string repre
senting the remote container service api that is responsible for this container.
... remarks there are a number of untested methods on this interface that are not documented at pre
sent, and are disabled in the idl file.
nsIScreen
dth, out long height); void getrect(out long left, out long top, out long width, out long height); void lockminimumbrightness(in unsigned long brightness); void unlockminimumbrightness(in unsigned long brightness); attributes attribute type description colordepth long the screen's color depth; this is the number of bits used to repre
sent a color.
... pixeldepth long the screen's pixel depth; this is the number of bits used to repre
sent a pixel.
...note: this returns a rectangle repre
senting the region of the screen that is available for application use.
nsIScriptError
js/xpconnect/idl/nsiscripterror.idlscriptable repre
sents javascript errors and warnings for use by the console service.
... tostring() outputs a string repre
senting the error message described by the object.
... return value a string repre
senting the error message described by the nsiscripterror object.
nsIScriptableUnicodeConverter
this legacy api repre
sents binary data using the lower haft of each 16-bit code unit in a javascript string.
... if the other apis you are reading data from or writing data to don't require you to use this legacy repre
sentation, you should use textdecoder and textencoder (available to chrome javascript via components.utils.importglobalproperties) instead of this api.
... return value an nsiinputstream that will pre
sent the text specified in astring as its data.
nsISelectionPrivate
void getrangesforinterval( in nsidomnode beginnode, in print32 beginoffset, in nsidomnode endnode, in print32 endoffset, in prbool allowadjacent, out pruint32 resultcount, [retval, array, size_is(resultcount)] out nsidomrange results ); parameters beginnode beginoffset endnode endoffset these four parameters repre
sent the range to compare against the selection.
... void getrangesforintervalcomarray( in nsidomnode beginnode, in print32 beginoffset, in nsidomnode endnode, in print32 endoffset, in prbool allowadjacent, in rangearray results ); parameters beginnode beginoffset endnode endoffset these four parameters repre
sent the range to compare against the selection.
... native code only!getrangesforintervalarray void getrangesforintervalarray( in nsinode beginnode, in print32 beginoffset, in nsinode endnode, in print32 endoffset, in boolean allowadjacent, in rangearray results ); parameters beginnode beginoffset endnode endoffset these four parameters repre
sent the range to compare against the selection.
nsISupportsCString
inherits from: nsisupportsprimitive last changed in gecko 1.2 method overview string tostring(); attributes attribute type description data acstring provides access to the native type repre
sented by the object.
... methods tostring() this methods returns a string valued repre
sentation of the object.
...return value a string valued repre
sentation of the object.
nsISupportsChar
inherits from: nsisupportsprimitive last changed in gecko 1.2 method overview string tostring(); attributes attribute type description data char provides access to the native type repre
sented by the object.
... methods tostring() this methods returns a string valued repre
sentation of the object.
...return value a string valued repre
sentation of the object.
nsISupportsDouble
inherits from: nsisupportsprimitive last changed in gecko 1.2 method overview string tostring(); attributes attribute type description data double provides access to the native type repre
sented by the object.
... methods tostring() this methods returns a string valued repre
sentation of the object.
...return value a string valued repre
sentation of the object.
nsISupportsFloat
inherits from: nsisupportsprimitive last changed in gecko 1.2 method overview string tostring(); attributes attribute type description data float provides access to the native type repre
sented by the object.
... methods tostring() this methods returns a string valued repre
sentation of the object.
...return value a string valued repre
sentation of the object.
nsISupportsID
inherits from: nsisupportsprimitive last changed in gecko 1.2 method overview string tostring(); attributes attribute type description data nsidptr provides access to the native type repre
sented by the object.
... methods tostring() this method returns a string valued repre
sentation of the object.
...return value a string valued repre
sentation of the object.
nsISupportsInterfacePointer
inherits from: nsisupportsprimitive last changed in gecko 1.2 method overview string tostring(); attributes attribute type description data nsisupports provides access to the native type repre
sented by the object.
... methods tostring() returns a string valued repre
sentation of the object.
...return value a string valued repre
sentation of the object.
nsISupportsPRBool
inherits from: nsisupportsprimitive last changed in gecko 1.2 method overview string tostring(); attributes attribute type description data prbool provides access to the native type repre
sented by the object.
... methods tostring() this methods returns a string valued repre
sentation of the object.
...return value a string valued repre
sentation of the object.
nsISupportsPRInt16
inherits from: nsisupportsprimitive last changed in gecko 1.2 method overview string tostring(); attributes attribute type description data print16 provides access to the native type repre
sented by the object.
... methods tostring() this methods returns a string valued repre
sentation of the object.
...return value a string valued repre
sentation of the object.
nsISupportsPRInt32
66 introduced gecko 1.0 inherits from: nsisupportsprimitive last changed in gecko 1.2 method overview string tostring(); attributes attribute type description data print32 provides access to the native type repre
sented by the object.
... methods tostring() this methods returns a string valued repre
sentation of the object.
...return value a string valued repre
sentation of the object.
nsISupportsPRInt64
inherits from: nsisupportsprimitive last changed in gecko 1.2 method overview string tostring(); attributes attribute type description data print64 provides access to the native type repre
sented by the object.
... methods tostring() this methods returns a string valued repre
sentation of the object.
...return value a string valued repre
sentation of the object.
nsISupportsPRTime
inherits from: nsisupportsprimitive last changed in gecko 1.2 method overview string tostring(); attributes attribute type description data prtime provides access to the native type repre
sented by the object.
... methods tostring() this methods returns a string valued repre
sentation of the object.
...return value a string valued repre
sentation of the object.
nsISupportsPRUint16
inherits from: nsisupportsprimitive last changed in gecko 1.2 method overview string tostring(); attributes attribute type description data pruint16 provides access to the native type repre
sented by the object.
... methods tostring() this methods returns a string valued repre
sentation of the object.
...return value a string valued repre
sentation of the object.
nsISupportsPRUint32
inherits from: nsisupportsprimitive last changed in gecko 1.2 method overview string tostring(); attributes attribute type description data pruint32 provides access to the native type repre
sented by the object.
... methods tostring() this methods returns a string valued repre
sentation of the object.
...return value a string valued repre
sentation of the object.
nsISupportsPRUint64
inherits from: nsisupportsprimitive last changed in gecko 1.2 method overview string tostring(); attributes attribute type description data pruint64 provides access to the native type repre
sented by the object.
... methods tostring() this methods returns a string valued repre
sentation of the object.
...return value a string valued repre
sentation of the object.
nsISupportsPRUint8
inherits from: nsisupportsprimitive last changed in gecko 1.2 method overview string tostring(); attributes attribute type description data pruint8 provides access to the native type repre
sented by the object.
... methods tostring() this methods returns a string valued repre
sentation of the object.
...return value a string valued repre
sentation of the object.
nsISupportsString
inherits from: nsisupportsprimitive last changed in gecko 1.2 method overview string tostring(); attributes attribute type description data astring provides access to the native type repre
sented by the object.
... methods tostring() this methods returns a string valued repre
sentation of the object.
...return value a string valued repre
sentation of the object.
nsITaskbarPreviewController
boolean drawpreview( in nsidomcanvasrenderingcontext2d ctx ); parameters ctx an nsidomcanvasrenderingcontext2d object repre
senting the drawing context into which the preview is to be rendered.
... boolean drawthumbnail( in nsidomcanvasrenderingcontext2d ctx, in unsigned long width, in unsigned long height ); parameters ctx an nsidomcanvasrenderingcontext2d object repre
senting the drawing context into which the thumbnail is to be rendered.
... void onclick( in nsitaskbarpreviewbutton button ); parameters button an nsitaskbarpreviewbutton object repre
senting the button that was pressed.
nsIXULTemplateBuilder
rootresult nsixultemplateresult readonly: the virtual result repre
senting the starting reference point, determined by calling the query processor's translateref method with the root node's ref attribute as an argument.
...void addlistener( in nsixulbuilderlistener alistener ); parameters alistener an nsixulbuilderlistener object repre
senting the listener to add to the template builder.
...void removelistener( in nsixulbuilderlistener alistener ); parameters alistener an nsixulbuilderlistener object repre
senting the listener to remove from the template builder.
nsIZipWriter
prtime amodtime, in boolean aqueue); void addentryfile(in autf8string azipentry, in print32 acompression, in nsifile afile, in boolean aqueue); void addentrystream(in autf8string azipentry, in prtime amodtime, in print32 acompression, in nsiinputstream astream, in boolean aqueue); void close(); nsizipentry getentry(in autf8string azipentry); boolean ha
sentry(in autf8string azipentry); void open(in nsifile afile, in print32 aioflags); void processqueue(in nsirequestobserver aobserver, in nsisupports acontext); void removeentry(in autf8string azipentry, in boolean aqueue); attributes attribute type description comment acstring gets or sets the comment associated with the currently open ...
... ha
sentry() determines whether or not a specific entry exists in the zip file.
... boolean ha
sentry( in autf8string azipentry ); parameters azipentry the path of the file entry to check for.
Reference Manual
this is what happens when no `annotation' is pre
sent, e.g., nscomptr<nsifoo> foo( afooptr ); // or foo = afooptr; // ...will call |addref| but not |queryinterface| // a more explicit synonym for this is...
...the patterns pre
sented throughout this section will help you get the most out of nscomptr.
...the destructor, which corresponds to client code calling release against a raw xpcom interface pointer, is factored, requiring the extra time required to invoke a subroutine call, though this is balanced against the cost already pre
sent in both cases of calling release which may, in turn, invoke delete and the referents destructor.
Using the clipboard
another reason is that the transferable can hold multiple repre
sentations of the same data.
... for example, a piece of html can be repre
sented in both its original html form and in plain text.
...we will use the interface nsisupportsstring which can be used to repre
sent strings (specifically, unicode strings).
XUL Overlays
though there is no formal restriction on what kind of xul content is located in "base" xul files and what kind should be put in overlays, xul overlays generally define items that are not pre
sent in the basic versions of the ui, such as additional components.
...when the component is not pre
sent, only the base files are loaded.
...using the id attribute on an otherwise empty node in the base file, you can es
sentially reference a subtree defined in an overlay file and merge it in wherever it's needed.
Creating a gloda message query
folder: the folder the message is found in, as repre
sented by a glodafolder instance.
... conversation: the conversation the message belongs to, as repre
sented by a glodaconversation instance.
...an nsimsgdbhdr is the low-level, old-school, thunderbird xpcom repre
sentation of a message.
nsIMsgCloudFileProvider
iconclass acstring readonly: a chrome url for an icon to be used for repre
senting the service.
... return value the string repre
sentation of the url for the uploaded file.
... createnewaccount() creates a new user account for the storage provider repre
sented by the nsimsgcloudfileprovider.
Declaring and Using Callbacks
if two arguments are passed to the callback constructor, the second is used as the this parameter: function myjscallback() { alert(this.message); }; var receiver = { message: 'hi there!' }; var callback = funcptrtype(myjscallback, receiver); // alerts with 'hi there' when the callback is invoked if three arguments are passed to the callback constructor, the third argument is used as a
sentinel value which the callback returns if an exception is thrown.
... the
sentinel value must be convertible to the return type of the callback: function myjscallback() { throw "uh oh"; }; var callback1 = funcptrtype(myjscallback, null, -1); // returns -1 to the native caller when the exception is thrown.
... arguments and return values js-ctypes automatically handles the conversion between javascript and c value repre
sentations.
CData
a cdata object repre
sents a c value or function located in memory.
...this provides a way to get a pointer to the actual data of the c value repre
sented by the cdata object.
... tosource() returns the string "t(arg)", where t and arg are implementation-defined javascript expressions intended to repre
sent the type of the cdata object and its value, respectively.
FunctionType
functiontype repre
sents c function.
... ptr ctype returns a ctype repre
senting the data type "pointer to this type".
... return value a cdata repre
senting the newly allocated function pointer.
PointerType
pointertype repre
sents c pointer.
... ptr ctype returns a ctype repre
senting the data type "pointer to this type".
... return value a cdata repre
senting the newly allocated pointer.
Initialization and Destruction - Plugins
nperror npp_new(npmimetype plugintype, npp instance, uint16 mode, int16 argc, char *argn[], char *argv[], npsaveddata *saved); the plugintype parameter repre
sents the mime type of this instance of the plug-in.
... the instance parameter repre
sents an npp object, created by the browser.
... nperror npp_destroy(npp instance, npsaveddata **save); the instance parameter repre
sents the plug-in instance to delete.
Accessibility Inspector - Firefox Developer Tools
roles and other information exposed by browser accessibility apis are pre
sented in a hierarchical structure called the accessibility tree.
... features of the accessibility panel the enabled accessibility panel looks like so: on the left-hand side, there is a tree diagram repre
senting all the items in the accessibility tree for the current page.
... domnode — the type of dom node that the item in the accessibility tree repre
sents.
Introduction to DOM Inspector - Firefox Developer Tools
(note: this is now a dead link.) when you first start the dom inspector, you are pre
sented with a two-pane application window that looks a little like the main mozilla browser.
...note that when the dom inspector displays information about a particular node or subtree, it pre
sents individual nodes and their values (in the dom, attributes are subnodes of elements, typically) in an active list.
...the dom inspector not only pre
sents all this information about pages in a clear and structured way, it gives you way to find and update those structures, and it's simple to access via shortcuts and menus already available in the mozilla browser.
Tree map view - Firefox Developer Tools
the tree map view provides a visual repre
sentation of the snapshot, that helps you quickly get an idea of which objects are using the most memory.
... each category is repre
sented with a rectangle, and the size of the rectangle corresponds to the proportion of the heap occupied by items in that category.
... this treemap is from http://www.bbc.com/, and is probably more repre
sentative of real life than the examples.
Network request list - Firefox Developer Tools
copy > copy response copies the entire response that was
sent for this request.
... resend resends the request as it was originally
sent with no changes made.
... if the "accept-encoding" header is pre
sent, the curl command includes --compressed instead of -h "accept-encoding: gzip, deflate".
Examine and edit HTML - Firefox Developer Tools
whitespace nodes are repre
sented with a dot: and you get an explanatory tooltip when you hover over them: to see this in action, see the demo at https://mdn.github.io/devtools-examples/whitespace-only-demo/index.html.
... shadow roots any shadow roots pre
sent in the dom are exposed in the html page in the same manner as the regular dom.
... (copy) css path copy a css selector that repre
sents the full path to the element.
Call Tree - Firefox Developer Tools
we've zoomed into the part of the recording that shows a long javascript marker: the call tree pre
sents the results in a table.
... each row repre
sents a function in which at least one sample was taken, and the rows are ordered by the number of samples taken while in that function, highest to lowest.
...these repre
sent internal browser calls.
Waterfall - Firefox Developer Tools
one of: serialize data on the main thread the main thread is serializing a message to be
sent to the worker.
... one of: serialize data in worker the worker is serializing a message to be
sent to the main thread.
... garbage collection red markers in the waterfall repre
sent garbage collection (gc) events, in which spidermonkey (the javascript engine in firefox) walks the heap looking for memory that's no longer reachable and subsequently releasing it.
AbstractRange - Web APIs
endoffset read only an integer value indicating the offset, in characters, from the beginning of the node's contents to the beginning of the range repre
sented by the range object.
... second, in order to support the mutability of the dom tree as much as possible, you need a way to repre
sent positions relative to nodes in the tree, rather than simply global positions within the entire document.
...on class="entry" id="entry1"> <h2>section 1: an interesting thing...</h2> <p>a <em>very</em> interesting thing happened on the way to the forum...</p> <aside class="callout"> <h2>aside</h2> <p>an interesting aside to share with you...</p> </aside> </section> </article> <pre id="log"></pre> </div> after loading the html and constructing the dom repre
sentation of the document, the resulting dom tree looks like this: in this diagram, the nodes repre
senting html elements are shown in green.
AudioBuffer.getChannelData() - Web APIs
the getchanneldata() method of the audiobuffer interface returns a float32array containing the pcm data associated with the channel, defined by the channel parameter (with 0 repre
senting the first channel).
... syntax var myarraybuffer = audioctx.createbuffer(2, framecount, audioctx.samplerate); var nowbuffering = myarraybuffer.getchanneldata(channel); parameters channel the channel property is an index repre
senting the particular channel to get data for.
... an index value of 0 repre
sents the first channel.
AudioNodeOptions - Web APIs
syntax var audionodeoptions = { "channelcount" : 2, "channelcountmode" : "max", "channelinterpretation" : "discrete" } properties channelcount optional repre
sents an integer used to determine how many channels are used when up-mixing and down-mixing connections to any inputs to the node.
... channelcountmode optional repre
sents an enumerated value describing the way channels must be matched between the node's inputs and outputs.
... (see audionode.channelcountmode for more information including default values.) channelinterpretation optional repre
sents an enumerated value describing the meaning of the channels.
AudioParam.setValueCurveAtTime() - Web APIs
syntax var paramref = param.setvaluecurveattime(values, starttime, duration); parameters values an array of floating-point numbers repre
senting the value curve the audioparam will change through along the specified duration.
... starttime a double repre
senting the time (in seconds) after the audiocontext was first created that the change in value will happen.
... duration a double repre
senting the total time (in seconds) over which the parameter's value will change following the specified curve.
AudioTrackList.onaddtrack - Web APIs
the audiotracklist property onaddtrack is an event handler which is called when the addtrack event occurs, indicating that a new audio track has been added to the media element whose audio tracks the audiotracklist repre
sents.
... usage notes the addtrack event is called whenever a new track is added to the media element whose audio tracks are repre
sented by the audiotracklist object.
... example this snippet establishes a handler for the addtrack event that calls a function, addtotracklist(), passing in the audiotrack object repre
senting the newly-added track.
AudioTrackList - Web APIs
the audiotracklist interface is used to repre
sent a list of the audio tracks contained within a given html media element, with each track repre
sented by a separate audiotrack object in the list.
... onremovetrack an event handler to call when the removetrack event is
sent, indicating that an audio track has been removed from the media element.
... usage notes in addition to being able to obtain direct access to the audio tracks pre
sent on a media element, audiotracklist lets you set event handlers on the addtrack and removetrack events, so that you can detect when tracks are added to or removed from the media element's stream.
Blob - Web APIs
the blob object repre
sents a blob, which is a file-like object of immutable, raw data; they can be read as text or binary data, or converted into a readablestream so its methods can be used for processing the data.
... blobs can repre
sent data that isn't necessarily in a javascript-native format.
...for example, to construct a blob from a json string: const obj = {hello: 'world'}; const blob = new blob([json.stringify(obj, null, 2)], {type : 'application/json'}); creating a url repre
senting the contents of a typed array the following code creates a javascript typed array and creates a new blob containing the typed array's data.
CSSPrimitiveValue - Web APIs
the cssprimitivevalue interface derives from the cssvalue interface and repre
sents the current computed value of a css property.
... this interface repre
sents a single css value.
... cssprimitivevalue.primitivetype read only an unsigned short repre
senting the type of the value.
CSSValue - Web APIs
the cssvalue interface repre
sents the current computed value of a css property.
... properties cssvalue.csstext a domstring repre
senting the current value.
... cssvalue.cssvaluetyperead only an unsigned short repre
senting a code defining the type of the value.
Using dynamic styling information - Web APIs
note also that, as with individual element's dom styles, when speaking of manipulating the stylesheets, this is not actually manipulating the physical document(s), but merely the internal repre
sentation of the document.
... dom style object the style object repre
sents an individual style statement.
...it repre
sents the in-line styles on a particular element.
Using the CSS Typed Object Model - Web APIs
converting css object model value strings into meaningfully-typed javascript repre
sentations and back (via htmlelement.style) can incur a significant performance overhead.
... we grab our stylepropertymapreadonly with the following javascript: const allcomputedstyles = document.queryselector('button').computedstylemap(); the following examples reference allcomputedstyles: cssunparsedvalue the cssunparsedvalue repre
sents custom properties: // cssunparsedvalue let unit = allcomputedstyles.get('--unit'); console.log( unit ) // cssunparsedvalue {0: " 1.2rem", length: 1} console.log (unit[0] ) // " 1.2rem" when we invoke get(), a custom property of type cssunparsedvalue is returned.
... seen as we have a length of 1, which repre
sents a single transform function, we log the first object and get a cssscale object.
CanvasGradient.addColorStop() - Web APIs
syntax void gradient.addcolorstop(offset, color); parameters offset a number between 0 and 1, inclusive, repre
senting the position of the color stop.
... 0 repre
sents the start of the gradient and 1 repre
sents the end; an index_size_err is raised if the number is outside that range.
... color a css <color> value repre
senting the color of the stop.
CharacterData - Web APIs
the characterdata abstract interface repre
sents a node object that contains characters.
... characterdata.data is a domstring repre
senting the textual data contained in this object.
... characterdata.length read only returns an unsigned long repre
senting the size of the string contained in characterdata.data.
CloseEvent - Web APIs
a closeevent is
sent to clients using websockets when the connection is closed.
... closeevent.code read only returns an unsigned short containing the close code
sent by the server.
...used to indicate that a connection was closed abnormally (that is, with no close frame being
sent) when a status code is expected.
CompositionEvent.initCompositionEvent() - Web APIs
syntax compositioneventinstance.initcompositionevent(typearg, canbubblearg, cancelablearg, viewarg, dataarg, localearg) parameters typearg a domstring repre
senting the type of composition event; this will be one of compositionstart, compositionupdate, or compositionend.
... dataarg a domstring repre
senting the value of the data attribute.
... localearg a domstring repre
senting the value of the locale attribute.
Constraint validation API - Web APIs
even though client-side validation can prevent many common kinds of invalid values, invalid ones can still be
sent by older browsers or by attackers trying to trick your web application.
... constraint validation interfaces validitystate the validitystate interface repre
sents the validity states that a form control element can have, with respect to its defined constraints.
...orm-associated elements listed below with a number of new properties and methods (elements that can have a form attribute that indicates their form owner): htmlbuttonelement htmlfieldsetelement htmlinputelement htmlobjectelement htmloutputelement htmlselectelement htmltextareaelement properties validity a read-only property that returns a validitystate object, whose properties repre
sent validation errors for the value of that element.
Content Index API - Web APIs
it's good practice to pre
sent an interface for clearing out entries, or periodically remove older entries.
... contentindexevent the contentindexevent interface of the content index api defines the object used to repre
sent the contentdelete event.
...); // create a containing element const readinglistelem = document.createelement('div'); // test for entries if (!array.length) { // if there are no entries, display a message const message = document.createelement('p'); message.innertext = 'you currently have no articles saved for offline reading.' readinglistelem.append(message); } else { // if entries are pre
sent, display in a list of links to the content const listelem = document.createelement('ul'); for (const entry of entries) { const listitem = document.createelement('li'); const anchorelem = document.createelement('a'); anchorelem.innertext = entry.title; anchorelem.setattribute('href', entry.url); listelem.append(listitem); } readinglistelem.append(...
CryptoKeyPair - Web APIs
the cryptokeypair dictionary of the web crypto api repre
sents a key pair for an asymmetric cryptography algorithm, also known as a public-key algorithm.
... properties cryptokey.privatekey a cryptokey object repre
senting the private key.
... cryptokey.publickey a cryptokey object repre
senting the public key.
DOMMatrix - Web APIs
the dommatrix interface repre
sents 4×4 matrices, suitable for 2d and 3d operations including rotation and translation.
... m11, m12, m13, m14, m21, m22, m23, m24, m31, m32, m33, m34, m41, m42, m43, m44 double-precision floating-point values repre
senting each component of a 4×4 matrix, where m11 through m14 are the first column, m21 through m24 are the second column, and so forth.
... a, b, c, d, e, f double-precision floating-point values repre
senting the components of a 4×4 matrix which are required in order to perform 2d rotations and translations.
DOMMatrixReadOnly.translate() - Web APIs
dommatrix.translate(translatex, translatey[, translatez]) parameters translatex a number repre
senting the abscissa (x-coordinate) of the translating vector.
... translatey a number repre
senting the ordinate (y-coordinate) of the translating vector.
... translatez optional a number repre
senting the z component of the translating vector.
DOMPoint - Web APIs
a dompoint object repre
sents a 2d or 3d point in a coordinate system; it includes values for the coordinates in up to three dimensions, as well as an optional perspective value.
... in general, a positive x component repre
sents a position to the right of the origin, a positive y component is downward from the origin, and a positive z component extends outward from the screen (in other words, toward the user).
... examples in the webxr device api, dompointreadonly values are used to repre
sent positions and orientations.
DataTransfer.mozSetDataAt() - Web APIs
syntax void datatransfer.mozsetdataat([type], data, index); arguments type a string repre
senting the type of the drag data to add to the drag data object.
... data a nsivariant repre
senting the data to add to the drag data object.
... index a unsigned long repre
senting the index of the data to add.
DedicatedWorkerGlobalScope.onmessage - Web APIs
the onmessage property of the dedicatedworkerglobalscope interface repre
sents an eventhandler to be called when the message event occurs and bubbles through the worker — i.e.
... when a message is
sent to the worker using the worker.postmessage method.
...a worker.onmessage handler is also pre
sent, to deal with messages are passed back from the worker.
Document.cookie - Web APIs
the strict value will prevent the cookie from being
sent by the browser to the target site in all cross-site browsing contexts, even when following a regular link.
...the cookie will be
sent in all requests—both cross-site and same-site.
...it also signals that the domain attribute must not be pre
sent, which prevents the cookie from being
sent to other domains.
Document.evaluate() - Web APIs
syntax var xpathresult = document.evaluate( xpathexpression, contextnode, namespaceresolver, resulttype, result ); xpathexpression is a string repre
senting the xpath to be evaluated.
... namespaceresolver is a function that will be passed any namespace prefixes and should return a string repre
senting the namespace uri associated with that prefix.
... results of node_snapshot types are snapshots, which are es
sentially lists of matched nodes.
DocumentOrShadowRoot.nodeFromPoint() - Web APIs
syntax var node = document.nodefrompoint(x, y); parameters x a double repre
senting the horizontal coordinate of a point.
... y a double repre
senting the vertical coordinate of a point.
...div> javascript content var output = document.getelementbyid("output"); if (document.nodefrompoint) { var node = document.nodefrompoint(30, 20); output.textcontent += node.localname; } else { output.innerhtml = "<span style=\"color: red;\">" + "browser does not support <code>document.nodefrompoint()</code>" + "</span>"; } specifications not part of any specification at pre
sent.
How whitespace is handled by HTML, CSS, and in the DOM - Web APIs
any whitespace characters that are outside of html elements in the original document are repre
sented in the dom.
...the browser engine has es
sentially ignored all of the whitespace that was added in the source code.
...when you’re only dealing with block-level elements such as <p> that only contain inline elements such as <em>, <strong>, <span>, etc., you don’t normally care about this because the extra whitespace that does make it to the layout is helpful to separate the words in the
sentence.
Element.innerHTML - Web APIs
for example, you can erase the entire contents of a document by clearing the contents of the document's body attribute: document.body.innerhtml = ""; this example fetches the document's current html markup and replaces the "<" characters with the html entity "<", thereby es
sentially converting the html into raw text.
...doing so causes the user agent to follow these steps: the specified value is parsed as html or xml (based on the document type), resulting in a documentfragment object repre
senting the new set of dom nodes for the new elements.
... <div class="box"> <div><strong>log:</strong></div> <div class="log"></div> </div> the <div> with the class "box" is just a container for layout purposes, pre
senting the contents with a box around it.
Element: mouseleave event - Web APIs
one mouseleave event is
sent to each element of the hierarchy when leaving them.
... here four events are
sent to the four elements of the hierarchy when the pointer moves from the text to an area outside of the most outer div repre
sented here.
... one single mouseout event is
sent to the deepest element of the dom tree, then it bubbles up the hierarchy until it is canceled by a handler or reaches the root.
Element.toggleAttribute() - Web APIs
the toggleattribute() method of the element interface toggles a boolean attribute (removing it if it is pre
sent and adding it if it is not pre
sent) on the given element.
... force optional a boolean value to determine whether the attribute should be added or removed, no matter whether the attribute is pre
sent or not at the moment.
... return value true if attribute name is eventually pre
sent, and false otherwise.
Event - Web APIs
the event interface repre
sents an event which takes place in the dom.
...clicking the mouse button or tapping keyboard, or generated by apis to repre
sent the progress of an asynchronous task.
...this is the object to which the event is currently slated to be
sent.
EventTarget.addEventListener() - Web APIs
syntax target.addeventlistener(type, listener [, options]); target.addeventlistener(type, listener [, usecapture]); target.addeventlistener(type, listener [, usecapture, wantsuntrusted ]); // gecko/mozilla only parameters type a case-sensitive string repre
senting the event type to listen for.
.../ warning: `this` is not `my_element` console.log(e.currenttarget === this) // logs `false` }) if an event handler (for example, onclick) is specified on an element in the html source, the javascript code in the attribute value is effectively wrapped in a handler function that binds the value of this in a manner consistent with the addeventlistener(); an occurrence of this within the code repre
sents a reference to the element.
... because it was es
sentially part of dom 0, this technique for adding event listeners is very widely supported and requires no special cross-browser code.
Fetch API - Web APIs
headers repre
sents response/request headers, allowing you to query them and take different actions depending on the results.
... request repre
sents a resource request.
... response repre
sents the response to a request.
File.File() - Web APIs
name a usvstring repre
senting the file name or the path to the file.
...available options are as follows: type: a domstring repre
senting the mime type of the content that will be put into the file.
... lastmodified: a number repre
senting the number of milliseconds between the unix time epoch and when the file was last modified.
FileEntrySync - Web APIs
the fileentrysync interface of the file system api repre
sents a file in a file system.
... method overview filewritersync createwriter () raises (fileexception); file file () raises (fileexception); methods createwriter() creates a new filewriter associated with the file that the fileentry repre
sents.
... file() returns a file that repre
sents the current state of the file that this fileentry repre
sents.
FileReader - Web APIs
properties filereader.error read only a domexception repre
senting the error that occurred while reading the file.
... filereader.readasarraybuffer() starts reading the contents of the specified blob, once finished, the result attribute contains an arraybuffer repre
senting the file's data.
... filereader.readasdataurl() starts reading the contents of the specified blob, once finished, the result attribute contains a data: url repre
senting the file's data.
FileReaderSync.readAsDataURL() - Web APIs
the readasdataurl() method of the filereadersync interface allows to read file or blob objects in a synchronous way into an domstring repre
senting a data url.
... return value an domstring repre
senting the input data as a data url.
... exceptions the following exceptions can be raised by this method: notfounderror is raised when the resource repre
sented by the dom file or blob cannot be found, e.g.
FileReaderSync.readAsText() - Web APIs
if not pre
sent, the method will apply a detection algorithm for it.
... return value an domstring repre
senting the input data.
... exceptions the following exceptions can be raised by this method: notfounderror is raised when the resource repre
sented by the dom file or blob cannot be found, e.g.
FileRequest.onprogress - Web APIs
summary this property specifies a callback function to be run repeatedly while the operation repre
sented by a filerequest object is in progress.
...those objects contain two properties: loaded a number repre
senting the current amount of bytes processed by the operation.
... total a number repre
senting the total amount of bytes that will be processed by the operation.
FileSystemDirectoryEntry - Web APIs
the filesystemdirectoryentry interface of the file and directory entries api repre
sents a directory in a file system.
... getdirectory() returns a filesystemdirectoryentry object repre
senting a directory located at a given path, relative to the directory on which the method is called.
... getfile() returns a filesystemfileentry object repre
senting a file located within the directory's hierarchy, given a path relative to the directory on which the method is called.
FileSystemFileEntry - Web APIs
the filesystemfileentry interface of the file system api repre
sents a file in a file system.
... obsolete methods createwriter() creates a new filewriter object which allows writing to the file repre
sented by the file system entry.
...to read a file, obtain a file object repre
senting its contents by calling file().
Introduction to the File and Directory Entries API - Web APIs
about this document this introduction discusses es
sential concepts and terminology in the file and directory entries api.
... big concepts before you start using the file and directory entries api, you need to understand a few concepts: the file and directory entries api is a virtual repre
sentation of a file system the file and directory entries api can use different storage types browsers impose storage quota the file and directory entries api has asynchronous and synchronous versions when using the asynchronous api, always use the error callbacks the file and directory entries api interacts with other apis the file and directory entries api is case-sensitive the file and dire...
...ctory entries api is a virtual repre
sentation of a file system the api doesn't give you access to the local file system, nor is the sandbox really a section of the file system.
Gamepad.buttons - Web APIs
the gamepad.buttons property of the gamepad interface returns an array of gamepadbutton objects repre
senting the buttons pre
sent on the device.
... the value property is a floating point value used to enable repre
senting analog buttons, such as the triggers on many modern gamepads.
... the values are normalized to the range 0.0 – 1.0, with 0.0 repre
senting a button that is not pressed, and 1.0 repre
senting a button that is fully pressed.
GeolocationCoordinates.heading - Web APIs
the geolocationcoordinates.heading read-only property is a double repre
senting the direction in which the device is traveling.
...zero degrees repre
sents true true north, and the direction is determined clockwise (which means that east is 90 degrees and west is 270 degrees).
... syntax let heading = geolocationcoordinatesinstance.heading value a double repre
senting the direction in which the device is traveling.
GeolocationPosition - Web APIs
the geolocationposition interface repre
sents the position of the concerned device at a given time.
... the position, repre
sented by a geolocationcoordinates object, comprehends the 2d position of the device, on a spheroid repre
senting the earth, but also its altitude and its speed.
... geolocationposition.timestamp read only secure context returns a domtimestamp repre
senting the time at which the location was retrieved.
Geolocation API - Web APIs
geolocationposition repre
sents the position of a user.
... geolocationcoordinates repre
sents the coordinates of a user's position; a geolocationcoordinates instance contains latitude, longitude, and other important related information.
... dictionaries positionoptions repre
sents an object containing options to pass in as a parameter of geolocation.getcurrentposition() and geolocation.watchposition().
HTMLBaseFontElement - Web APIs
htmlbasefontelement.color is a domstring repre
senting the text color using either a named color or a color specified in the hexadecimal #rrggbb format.
... htmlbasefontelement.face is a domstring repre
senting a list of one or more font names.
... htmlbasefontelement.size is a domstring repre
senting the font size as either a numeric or relative value.
HTMLCanvasElement.getContext() - Web APIs
possible values are: "2d", leading to the creation of a canvasrenderingcontext2d object repre
senting a two-dimensional rendering context.
... "webgl" (or "experimental-webgl") which will create a webglrenderingcontext object repre
senting a three-dimensional rendering context.
... "webgl2" which will create a webgl2renderingcontext object repre
senting a three-dimensional rendering context.
HTMLCanvasElement.mozGetAsFile() - Web APIs
the non-standard, firefox-specific the htmlcanvaselement method mozgetasfile() returns a memory-based file object repre
senting the image contained in the canvas.
... syntax canvas.mozgetasfile(name, type); parameters name a domstring indicating the file name to give the file repre
senting the image file in memory.
... return value a file object repre
senting the image contained in the canvas.
HTMLCanvasElement.toBlob() - Web APIs
the htmlcanvaselement.toblob() method creates a blob object repre
senting the image contained in the canvas; this file may be cached on the disk or stored in memory at the discretion of the user agent.
... exceptions securityerror the canvas's bitmap is not origin clean; at least some of its contents come from secure examples getting a file repre
senting the canvas once you have drawn content into a canvas, you can convert it into a file of any supported image format.
... a.download = iconname + '.ico'; a.href = window.url.createobjecturl(b); } } canvas.toblob(blobcallback('passthisstring'), 'image/vnd.microsoft.icon', '-moz-parse-options:format=bmp;bpp=32'); save toblob to disk with os.file (chrome/add-on context only) this technique saves it to the desktop and is only useful in firefox chrome context or add-on code as os apis are not pre
sent on web sites.
HTMLFormElement - Web APIs
the htmlformelement interface repre
sents a <form> element in the dom.
... htmlformelement.acceptcharset a domstring reflecting the value of the form's accept-charset html attribute, repre
senting the character encoding that the server accepts.
... formdata the formdata event fires after the entry list repre
senting the form's data is constructed.
HTMLHRElement - Web APIs
htmlhrelement.color is a domstring repre
senting the name of the color of the rule.
... htmlhrelement.size is a domstring repre
senting the height of the rule.
... htmlhrelement.width is a domstring repre
senting the width of the rule on the page.
HTMLIFrameElement - Web APIs
the htmliframeelement interface provides special properties and methods (beyond those of the htmlelement interface it also has available to it by inheritance) for manipulating the layout and pre
sentation of inline frame elements.
...this attribute also accepts the values self and src which repre
sent the origin in the iframe's src attribute.
... htmliframeelement.srcdoc is a domstring that repre
sents the content to display in the frame.
HTMLImageElement.referrerPolicy - Web APIs
the htmlimageelement.referrerpolicy property reflects the html referrerpolicy attribute of the <img> element defining which referrer is
sent when fetching the resource.
... syntax refstr = imgelt.referrerpolicy; imgelt.referrerpolicy = refstr; values a domstring repre
senting the referrer policy.
... possible values are: "no-referrer" meaning that the referer: http header will not be
sent.
HTMLInputElement.webkitEntries - Web APIs
the read-only webkitentries property of the htmlinputelement interface contains an array of file system entries (as objects based on filesystementry) repre
senting files and/or directories selected by the user using an <input> element of type file, but only if that selection was made using drag-and-drop: selecting a file in the dialog will leave the property empty (bug 1326031).
... syntax var entries = htmlinputelement.webkitentries; value an array of objects based on filesystementry, each repre
senting one file which is selected in the <input> element.
... more specifically, files are repre
sented by filesystemfileentry objects, and, if they're allowed, directories are repre
sented by filesystemdirectoryentry objects.
HTMLLegendElement - Web APIs
htmllegendelement.form read only is a htmlformelement repre
senting the form that this legend belongs to.
... htmllegendelement.accesskey is a domstring repre
senting a single-character access key to give access to the element.
... htmllegendelement.align is a domstring repre
senting the alignment relative to the form set methods no specific method; inherits methods from its parent, htmlelement.
HTMLMapElement - Web APIs
the htmlmapelement interface provides special properties and methods (beyond those of the regular object htmlelement interface it also has available to it by inheritance) for manipulating the layout and pre
sentation of map elements.
... htmlmapelement.name is a domstring repre
senting the <map> element for referencing it other context.
... htmlmapelement.areas read only is a live htmlcollection repre
senting the <area> elements associated to this <map>.
HTMLMediaElement.audioTracks - Web APIs
the read-only audiotracks property on htmlmediaelement objects returns an audiotracklist object listing all of the audiotrack objects repre
senting the media element's audio tracks.
... syntax var audiotracks = mediaelement.audiotracks; value a audiotracklist object repre
senting the list of audio tracks included in the media element.
... each track is repre
sented by a audiotrack object which provides information about the track.
HTMLMediaElement.videoTracks - Web APIs
the read-only videotracks property on htmlmediaelement objects returns a videotracklist object listing all of the videotrack objects repre
senting the media element's video tracks.
... syntax var videotracks = mediaelement.videotracks; value a videotracklist object repre
senting the list of video tracks included in the media element.
... each track is repre
sented by a videotrack object which provides information about the track.
HTMLOptGroupElement - Web APIs
the htmloptgroupelement interface provides special properties and methods (beyond the regular htmlelement object interface they also have available to them by inheritance) for manipulating the layout and pre
sentation of <optgroup> elements.
... htmloptgroupelement.disabled is a boolean repre
senting whether or not the whole list of children <option> is disabled (true) or not (false).
... htmloptgroupelement.label is a domstring repre
senting the label for the group.
HTMLParamElement - Web APIs
the htmlparamelement interface provides special properties (beyond those of the regular htmlelement object interface it inherits) for manipulating <param> elements, repre
senting a pair of a key and a value that acts as a parameter for an <object> element.
... htmlparamelement.name is a domstring repre
senting the name of the parameter.
... htmlparamelement.value is a domstring repre
senting the value associated to the parameter.
HTMLTableColElement - Web APIs
htmltablecolelement.ch is a domstring repre
senting the alignment character for cell data.
... htmltablecolelement.choff is a domstring repre
senting the offset for the alignment character.
... htmltablecolelement.width is a domstring repre
senting the default column width.
HTMLTrackElement: cuechange event - Web APIs
the event is fired at both the texttrack and at the htmltrackelement in which it's being pre
sented, if any.
...ck.addeventlistener('cuechange', function () { let cues = track.activecues; // array of current cues }); or you can just set the oncuechange event handler property: track.oncuechange = function () { let cues = track.activecues; // array of current cues } on the track element the underlying texttrack, indicated by the track property, receives a cuechange event every time the currently-pre
sented cue is changed.
... if the track is associated with a media element, using the <track> element as a child of the <audio> or <video> element, the cuechange event is also
sent to the htmltrackelement.
HkdfParams - Web APIs
the hkdfparams dictionary of the web crypto api repre
sents the object that should be passed as the algorithm parameter into subtlecrypto.derivekey(), when using the hkdf algorithm.
... hash a domstring repre
senting the digest algorithm to use.
... info a buffersource repre
senting application-specific contextual information.
HmacImportParams - Web APIs
the hmacimportparams dictionary of the web crypto api repre
sents the object that should be passed as the algorithm parameter into subtlecrypto.importkey() or subtlecrypto.unwrapkey(), when generating a key for the hmac algorithm.
... hash a domstring repre
senting the name of the digest function to use.
... length optional a number repre
senting the length in bits of the key.
ImageBitmap - Web APIs
the imagebitmap interface repre
sents a bitmap image which can be drawn to a <canvas> without undue latency.
... properties imagebitmap.height read only is an unsigned long repre
senting the height, in css pixels, of the imagedata.
... imagebitmap.width read only is an unsigned long repre
senting the width, in css pixels, of the imagedata.
ImageData() - Web APIs
syntax new imagedata(array, width [, height]); new imagedata(width, height); parameters array optional a uint8clampedarray containing the underlying pixel repre
sentation of the image.
... width an unsigned long repre
senting the width of the image.
... height an unsigned long repre
senting the height of the image.
KeyboardEvent.code - Web APIs
the keyboardevent.code property repre
sents a physical key on the keyboard (as opposed to the character generated by pressing the key).
... for example, the code returned is "keyq" for the q key on a qwerty layout keyboard, but the same code value also repre
sents the ' key on dvorak keyboards and the a key on azerty keyboards.
...finally, spaceship is set to refer to the element with the id "spaceship", which is the svg polygon repre
senting the ship the player controls.
KeyboardEvent.initKeyEvent() - Web APIs
syntax event.initkeyevent (type, bubbles, cancelable, viewarg, ctrlkeyarg, altkeyarg, shiftkeyarg, metakeyarg, keycodearg, charcodearg) parameters type is a domstring repre
senting the type of event.
... keycodearg is a unsigned long repre
senting the virtual key code value of the key which was depressed, otherwise 0.
... charcodearg is a unsigned long repre
sentingthe unicode character associated with the depressed key otherwise 0.
MediaList.mediaText - Web APIs
the mediatext property of the medialist interface is a stringifier that returns a domstring repre
senting the medialist as text, and also allows you to set a new medialist.
... syntax medialistinstance.mediatext; medialistinstance.mediatext = string; value a domstring repre
senting the media queries of a stylesheet.
... examples the following would log to the console a textual repre
sentation of the medialist of the first stylesheet applied to the current document.
MediaRecorder.start() - Web APIs
each time a blob is filled up to that point (the timeslice duration or the end-of-media, if no slice duration was provided), a dataavailable event is
sent to the mediarecorder with the recorded data.
...a final dataavailable event is
sent to the mediarecorder, followed by a stop event.
...all other errors are reported through error events
sent to the mediarecorder object.
MediaStreamTrackEvent() - Web APIs
the mediastreamtrackevent() constructor returns a newly created mediastreamtrackevent object, which repre
sents an event announcing that a mediastreamtrack has been added to or removed from a mediastream.
... type a domstring repre
senting the name of the type of the mediastreamtrackevent.
... track a mediastreamtrack object repre
senting the track which was added to or removed from the stream.
MediaStreamTrackEvent - Web APIs
the mediastreamtrackevent interface repre
sents events which indicate that a mediastream has had tracks added to or removed from the stream through calls to media stream api methods.
... these events are
sent to the stream when these changes occur.
... track read only a mediastreamtrack object repre
senting the track which was added to the stream.
MediaStream Recording API - Web APIs
if anything goes wrong during recording, an error event is
sent to the mediarecorder.
... in this code snippet, enumeratedevices() is used to examine the available input devices, locate those which are audio input devices, and create <option> elements that are then added to a <select> element repre
senting an input source picker.
... mediarecordererrorevent the interface that repre
sents errors thrown by the mediastream recording api.
MediaTrackSettings.displaySurface - Web APIs
browser the stream's video track pre
sents the entire contents of a single browser tab which the user selected during the getdisplaymedia() call.
... monitor the video track in the stream pre
sents the complete contents of one or more of the user's screens.
... window the stream's video track pre
sents the contents of a single window selected by the user.
MediaTrackSupportedConstraints.aspectRatio - Web APIs
the mediatracksupportedconstraints dictionary's aspectratio property is a read-only boolean value which is pre
sent (and set to true) in the object returned by mediadevices.getsupportedconstraints() if and only if the user agent supports the aspectratio constraint.
... syntax aspectconstraintsupported = supportedconstraintsdictionary.aspectratio; value this property is pre
sent in the dictionary (and its value is always true) if the user agent supports the aspectratio constraint.
... if the property isn't pre
sent, this property is missing from the supported constraints dictionary, and you'll get undefined if you try to look at its value.
MediaTrackSupportedConstraints.autoGainControl - Web APIs
the mediatracksupportedconstraints dictionary's autogaincontrol property is a read-only boolean value which is pre
sent (and set to true) in the object returned by mediadevices.getsupportedconstraints() if and only if the user agent supports the autogaincontrol constraint.
... syntax autogainsupported = supportedconstraintsdictionary.autogaincontrol; value this property is pre
sent in the dictionary (and its value is always true) if the user agent supports the autogaincontrol constraint.
... if the property isn't pre
sent, this property is missing from the supported constraints dictionary, and you'll get undefined if you try to look at its value.
MediaTrackSupportedConstraints.channelCount - Web APIs
the mediatracksupportedconstraints dictionary's channelcount property is a read-only boolean value which is pre
sent (and set to true) in the object returned by mediadevices.getsupportedconstraints() if and only if the user agent supports the channelcount constraint.
... syntax channelcountconstraintsupported = supportedconstraintsdictionary.channelcount; value this property is pre
sent in the dictionary (and its value is always true) if the user agent supports the channelcount constraint.
... if the property isn't pre
sent, this property is missing from the supported constraints dictionary, and you'll get undefined if you try to look at its value.
MediaTrackSupportedConstraints.deviceId - Web APIs
the mediatracksupportedconstraints dictionary's deviceid property is a read-only boolean value which is pre
sent (and set to true) in the object returned by mediadevices.getsupportedconstraints() if and only if the user agent supports the deviceid constraint.
... syntax deviceidconstraintsupported = supportedconstraintsdictionary.deviceid; value this property is pre
sent in the dictionary (and its value is always true) if the user agent supports the deviceid constraint.
... if the property isn't pre
sent, this property is missing from the supported constraints dictionary, and you'll get undefined if you try to look at its value.
MediaTrackSupportedConstraints.echoCancellation - Web APIs
the mediatracksupportedconstraints dictionary's echocancellation property is a read-only boolean value which is pre
sent (and set to true) in the object returned by mediadevices.getsupportedconstraints() if and only if the user agent supports the echocancellation constraint.
... syntax echocancellationconstraintsupported = supportedconstraintsdictionary.echocancellation; value this property is pre
sent in the dictionary (and its value is always true) if the user agent supports the echocancellation constraint.
... if the property isn't pre
sent, this property is missing from the supported constraints dictionary, and you'll get undefined if you try to look at its value.
MediaTrackSupportedConstraints.facingMode - Web APIs
the mediatracksupportedconstraints dictionary's facingmode property is a read-only boolean value which is pre
sent (and set to true) in the object returned by mediadevices.getsupportedconstraints() if and only if the user agent supports the facingmode constraint.
... syntax facingmodeconstraintsupported = supportedconstraintsdictionary.facingmode; value this property is pre
sent in the dictionary (and its value is always true) if the user agent supports the facingmode constraint.
... if the property isn't pre
sent, this property is missing from the supported constraints dictionary, and you'll get undefined if you try to look at its value.
MediaTrackSupportedConstraints.groupId - Web APIs
the mediatracksupportedconstraints dictionary's groupid property is a read-only boolean value which is pre
sent (and set to true) in the object returned by mediadevices.getsupportedconstraints() if and only if the user agent supports the groupid constraint.
... syntax groupidconstraintsupported = supportedconstraintsdictionary.groupid; value this property is pre
sent in the dictionary (and its value is always true) if the user agent supports the groupid constraint.
... if the property isn't pre
sent, this property is missing from the supported constraints dictionary, and you'll get undefined if you try to look at its value.
MediaTrackSupportedConstraints.height - Web APIs
the mediatracksupportedconstraints dictionary's height property is a read-only boolean value which is pre
sent (and set to true) in the object returned by mediadevices.getsupportedconstraints() if and only if the user agent supports the height constraint.
... syntax heightconstraintsupported = supportedconstraintsdictionary.height; value this property is pre
sent in the dictionary (and its value is always true) if the user agent supports the height constraint.
... if the property isn't pre
sent, this property is missing from the supported constraints dictionary, and you'll get undefined if you try to look at its value.
MediaTrackSupportedConstraints.latency - Web APIs
the mediatracksupportedconstraints dictionary's latency property is a read-only boolean value which is pre
sent (and set to true) in the object returned by mediadevices.getsupportedconstraints() if and only if the user agent supports the latency constraint.
... syntax latencyconstraintsupported = supportedconstraintsdictionary.latency; value this property is pre
sent in the dictionary (and its value is always true) if the user agent supports the latency constraint.
... if the property isn't pre
sent, this property is missing from the supported constraints dictionary, and you'll get undefined if you try to look at its value.
MediaTrackSupportedConstraints.noiseSuppression - Web APIs
the mediatracksupportedconstraints dictionary's noisesuppression property is a read-only boolean value which is pre
sent (and set to true) in the object returned by mediadevices.getsupportedconstraints() if and only if the user agent supports the noisesuppression constraint.
... syntax noisesuppressionsupported = supportedconstraintsdictionary.noisesuppression; value this property is pre
sent in the dictionary (and its value is always true) if the user agent supports the noisesuppression constraint (and therefore supports noise suppression on audio tracks).
... if the property isn't pre
sent, this property is missing from the supported constraints dictionary, and you'll get undefined if you try to look at its value.
MediaTrackSupportedConstraints.sampleRate - Web APIs
the mediatracksupportedconstraints dictionary's samplerate property is a read-only boolean value which is pre
sent (and set to true) in the object returned by mediadevices.getsupportedconstraints() if and only if the user agent supports the samplerate constraint.
... syntax samplerateconstraintsupported = supportedconstraintsdictionary.samplerate; value this property is pre
sent in the dictionary (and its value is always true) if the user agent supports the samplerate constraint.
... if the property isn't pre
sent, this property is missing from the supported constraints dictionary, and you'll get undefined if you try to look at its value.
MediaTrackSupportedConstraints.sampleSize - Web APIs
the mediatracksupportedconstraints dictionary's samplesize property is a read-only boolean value which is pre
sent (and set to true) in the object returned by mediadevices.getsupportedconstraints() if and only if the user agent supports the samplesize constraint.
... syntax samplesizeconstraintsupported = supportedconstraintsdictionary.samplesize; value this property is pre
sent in the dictionary (and its value is always true) if the user agent supports the samplesize constraint.
... if the property isn't pre
sent, this property is missing from the supported constraints dictionary, and you'll get undefined if you try to look at its value.
MediaTrackSupportedConstraints.volume - Web APIs
the mediatracksupportedconstraints dictionary's volume property is a read-only boolean value which is pre
sent (and set to true) in the object returned by mediadevices.getsupportedconstraints() if and only if the user agent supports the volume constraint.
... syntax volumeconstraintsupported = supportedconstraintsdictionary.volume; value this property is pre
sent in the dictionary (and its value is always true) if the user agent supports the volume constraint.
... if the property isn't pre
sent, this property is missing from the supported constraints dictionary, and you'll get undefined if you try to look at its value.
MediaTrackSupportedConstraints.width - Web APIs
the mediatracksupportedconstraints dictionary's width property is a read-only boolean value which is pre
sent (and set to true) in the object returned by mediadevices.getsupportedconstraints() if and only if the user agent supports the width constraint.
... syntax widthconstraintsupported = supportedconstraintsdictionary.width; value this property is pre
sent in the dictionary (and its value is always true) if the user agent supports the width constraint.
... if the property isn't pre
sent, this property is missing from the supported constraints dictionary, and you'll get undefined if you try to look at its value.
Media Source API - Web APIs
mse allows us to replace the usual single track src value fed to media elements with a reference to a mediasource object, which is a container for information like the ready state of the media for being played, and references to multiple sourcebuffer objects that repre
sent the different chunks of media that make up the entire stream.
... interfaces mediasource repre
sents a media source to be played via an htmlmediaelement object.
... sourcebuffer repre
sents a chunk of media to be passed into an htmlmediaelement via a mediasource object.
MessageChannel.port2 - Web APIs
the port2 read-only property of the messagechannel interface returns the second port of the message channel — the port attached to the context at the other end of the channel, which the message is initially
sent to.
... syntax channel.port2; value a messageport object repre
senting the second port of the channel, the port attached to the context at the other end of the channel.
...the handlemessage handler then responds to a message being
sent back from the iframe (using messageport.onmessage), putting it into a paragraph.
NDEFReadingEvent - Web APIs
the ndefreadingevent interface repre
sents events despatched on new nfc readings obtained by ndefreader.
... ndefreadingevent.serialnumber read only repre
sents the serial number of the device used for anti-collision and identification, or empty string in case none is available.
... ndefreadingevent.message read only repre
sents the received message as an ndefmessage object.
Node.rootNode - Web APIs
the node.rootnode read-only property returns a node object repre
senting the topmost node in the tree, or the current node if it's the topmost node in the tree.
... syntax rootnode = node.rootnode; value a node object repre
senting the topmost node in the tree.
... example running the following line in supporting browsers should return a reference to the html/document node: console.log(document.body.rootnode); notes gecko-based browsers insert text nodes into a document to repre
sent whitespace in the source markup.
NodeIterator - Web APIs
the nodeiterator interface repre
sents an iterator over the members of a list of the nodes in a subtree of the dom.
... nodeiterator.root read only returns a node repre
senting the root node as specified when the nodeiterator was created.
... nodeiterator.whattoshow read only returns an unsigned long being a bitmask made of constants describing the types of node that must to be pre
sented.
Using the Notifications API - Web APIs
this is a common requirement when an api tries to interact with something outside a web page — at least once, the user needs to specifically grant that application permission to pre
sent notifications, thereby letting the user control which apps/sites are allowed to display notifications.
...you should only request con
sent to display notifications in response to a user gesture (e.g.
... replacing existing notifications it is usually undesirable for a user to receive a lot of notifications in a short space of time — for example, what if a messenger application notified a user for each incoming message, and they were being
sent a lot?
OffscreenCanvas.getContext() - Web APIs
possible values are: "2d" creates a canvasrenderingcontext2d object repre
senting a two-dimensional rendering context.
... "webgl" creates a webglrenderingcontext object repre
senting a three-dimensional rendering context.
... "webgl2" creates a webgl2renderingcontext object repre
senting a three-dimensional rendering context.
OscillatorNode - Web APIs
the oscillatornode interface repre
sents a periodic waveform, such as a sine wave.
... properties inherits properties from its parent, audioscheduledsourcenode, and adds the following properties: oscillatornode.frequency an a-rate audioparam repre
senting the frequency of oscillation in hertz (though the audioparam returned is read-only, the value it repre
sents is not).
... oscillatornode.detune an a-rate audioparam repre
senting detuning of oscillation in cents (though the audioparam returned is read-only, the value it repre
sents is not).
PaymentAddress - Web APIs
paymentaddress.regioncode read only a domstring specifying the region of the address, repre
sented as a "code element" of an iso3166-2 country subdivision name (e.g.
... obsolete properties the following properties are obsolete and should no longer be used, but may still be pre
sent in some browser versions.
... methods paymentaddress.tojson() a standard serializer that returns a json repre
sentation of the paymentaddress object's properties.
PaymentCurrencyAmount.value - Web APIs
an optional leading minus sign ("-") can be included to indicate a negative value, such as to repre
sent a refund or discount.
...this must be a valid decimal number, with an optional leading minus sign ("-"), then one or more decimal digits 0 through 9, optionally with a decimal point (".") with at least one digit following it to repre
sent fractional units.
... examples repre
senting prices this example repre
sents the price of $42.95 in us dollars: let itemprice = { currency: "usd", value: "42.95" }; this example specifies a price of £7.77: let shippingcost = { currency: "gbp", value: "7.77" } this example specifies a price of 1000¥: let price = { currency: "jpy", value: "1000" } verifying a properly formatted price you can ensure that the value en...
Pbkdf2Params - Web APIs
the pbkdf2params dictionary of the web crypto api repre
sents the object that should be passed as the algorithm parameter into subtlecrypto.derivekey(), when using the pbkdf2 algorithm.
... hash a domstring repre
senting the digest algorithm to use.
... iterations a number repre
senting the number of times the hash function will be executed in derivekey().
performance.measure() - Web APIs
syntax performance.measure(name); performance.measure(name, startmark); performance.measure(name, startmark, endmark); performance.measure(name, undefined, endmark); arguments name a domstring repre
senting the name of the measure.
... startmark optional a domstring repre
senting the name of the measure's starting mark.
... endmark optional a domstring repre
senting the name of the measure's ending mark.
PerformanceNavigation - Web APIs
the legacy performancenavigation interface repre
sents information about how the navigation to the current document was done.
... performancenavigation.redirectcount read only an unsigned short repre
senting the number of redirects done before reaching the page.
... performancenavigation.tojson() is a jsonizer returning a json object repre
senting the performancenavigation object.
Performance API - Web APIs
domhighrestimestamp the domhighrestimestamp type, as its name implies, repre
sents a high resolution point in time.
...however, if the browser is unable to provide a time value accurate to 5 microseconds (because, for example, due to hardware or software constraints), the browser can repre
sent the value as a time in milliseconds accurate to a millisecond.
... the navigation property returns a performancenavigation object repre
senting the type of navigation that occurs in the given browsing context, such as the page was navigated to from history, the page was navigated to by following a link, etc.
PointerEvent.isPrimary - Web APIs
a pointer is considered primary if the pointer repre
sents a mouse device.
... a pointer repre
senting pen input is considered the primary pen input if its pointerdown event was dispatched when no other active pointers repre
senting pen input existed.
... a pointer repre
senting touch input is considered the primary touch input if its pointerdown event was dispatched when no other active pointers repre
senting touch input existed.
PublicKeyCredentialCreationOptions.challenge - Web APIs
this is randomly generated then
sent from the relying party's server.
... this value (among other client data) will be signed by the authenticator, using its private key, and must be
sent back for verification to the server as part of authenticatorattestationresponse.attestationobject.
...contains a cryptographic challenge emitted from the relying party's server which must be signed by the authenticator's private key and
sent back (within the response) to the relying party's server for verification.
RTCDTMFToneChangeEvent - Web APIs
the rtcdtmftonechangeevent interface repre
sents events
sent to indicate that dtmf tones have started or finished playing.
...it takes two parameters, the first being a domstring repre
senting the type of the event (always "tonechange"); the second a dictionary containing the initial state of the properties of the event.
...it appends each tone to a display box as it's played, and, once all tones have been
sent, re-enabled a previously-disabled "send" button, allowing the next dmtf string to be entered.
RTCDataChannel.bufferedAmountLowThreshold - Web APIs
this event may be used, for example, to implement code which queues more messages to be
sent whenever there's room to buffer them.
...as messages are actually
sent, this value is reduced accordingly.
... var dc = peerconnection.createdatachannel("file transfer"); dc.bufferedamountlowthreshold = 65535; dc.onbufferedamountlow = function() { /* use send() to queue more data to be
sent */ }; specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdatachannel.bufferedamountlowthreshold' in that specification.
RTCDataChannelEvent - Web APIs
the rtcdatachannelevent() constructor returns a new rtcdatachannelevent object, which repre
sents a datachannel event.
... these events
sent to an rtcpeerconnection when its remote peer is asking to open an rtcdatachannel between the two peers.
...the channel property provides the rtcdatachannel repre
senting the connection to the other peer.
RTCDtlsTransport - Web APIs
the rtcdtlstransport interface provides access to information about the datagram transport layer security (dtls) transport over which a rtcpeerconnection's rtp and rtcp packets are
sent and received by its rtcrtpsender and rtcrtpreceiver objects.
... when using bundle when the connection is using bundle, each rtcdtlstransport object repre
sents a group of rtcrtptransceiver objects.
... examples this example pre
sents a function, tallysenders(), which iterates over an rtcpeerconnection's rtcrtpsenders, tallying up how many of them are in various states.
RTCIceCandidate.relatedPort - Web APIs
usage notes the related address and port are not used by ice itself, and are only pre
sent for diagnostic and quality-of-service purposes.
... they may in fact be omitted for security reasons, but if pre
sent can be a useful tool during debugging.
... example in this example, the candidate's type is checked, and then debugging output is pre
sented, based on the candidate type, including the candidate's type, address (ip and port), and related address (relatedaddress and relatedport).
RTCIceCandidatePairStats.currentRoundTripTime - Web APIs
the rtcicecandidatepairstats property currentroundtriptime is a floating-point value indicating the number of seconds it takes for data to be
sent by this peer to the remote peer and back over the connection described by this pair of ice candidates.
... this value is computed by observing the time that elapsed between the most recent stun request being
sent to the remote peer and the response to that request arriving.
... this information may come from ongoing stun connectivity checks as well as from con
sent requests made when the connection was initially being opened.
RTCIceCandidatePairStats.firstRequestTimestamp - Web APIs
the rtcicecandidatepairstats property firstrequesttimestamp specifies the time at which the first stun request was
sent on the described candidate pair.
... syntax firstrequesttimestamp = rtcicecandidatepairstats.firstrequesttimestamp; value a domhighrestimestamp object indicating the timestamp at which the first stun request was
sent on the connection described by the described pair of candidates.
... you can use this value in combination with lastrequesttimestamp and requests
sent to compute the average interval between consecutive connectivity checks: avgcheckinterval = (candidatepairstats.lastrequesttimestamp - candidatepairstats.firstrequesttimestamp) / candidatepairstats.requests
sent; specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.firstrequesttimestamp' in that specification.
RTCIceCandidatePairStats.lastRequestTimestamp - Web APIs
the rtcicecandidatepairstats property lastrequesttimestamp indicates the time at which the most recent stun request was
sent on the described candidate pair.
... syntax lastrequesttimestamp = rtcicecandidatepairstats.lastrequesttimestamp; value a domhighrestimestamp object indicating the timestamp at which the last (most recent) stun request was
sent on the connection indicated by the described pair of candidates.
... you can use this value in combination with firstrequesttimestamp and requests
sent to compute the average interval between consecutive connectivity checks: avgcheckinterval = (candidatepairstats.lastrequesttimestamp - candidatepairstats.firstrequesttimestamp) / candidatepairstats.requests
sent; specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.lastrequesttimestamp' in that specification.
RTCIceCandidatePairStats.requestsReceived - Web APIs
syntax requestsreceived = rtcicecandidatepairstats.requestsreceived; value an integer value which specifies the number of stun connectivity and/or con
sent requests that have been received to date on the connection described by this pair of ice candidates.
... because there's no way to tell the difference between requests made to check connectivity and requests made to check con
sent, the returned figure includes both.
...this differs from requests
sent, which does not include retransmisions.
RTCIceCandidateStats.candidateType - Web APIs
the rtcicecandidatestats interface's candidatetype property is a string which indicates the type of ice candidate the object repre
sents.
... srflx the candidate is a server reflexive candidate; the ip indicates an intermediary address assigned by the stun server to repre
sent the candidate's peer anonymously.
... prflx the candidate is a peer reflexive candidate; the ip is an intermediary address assigned by the stun server to repre
sent the candidate's peer anonymously.
RTCIceCandidateType - Web APIs
the webrtc api's rtcicecandidatetype enumerated type provides a set of domstring values repre
senting the types of ice candidate that can arrive.
... srflx the candidate is a server reflexive candidate; the ip indicates an intermediary address assigned by the stun server to repre
sent the candidate's peer anonymously.
... prflx the candidate is a peer reflexive candidate; the ip is an intermediary address assigned by the stun server to repre
sent the candidate's peer anonymously.
RTCIceTransport: gatheringstatechange event - Web APIs
a gatheringstatechange event is
sent to an rtcicetransport when its ice candidate gathering state changes.
... bubbles no cancelable no interface event event handler property ongatheringstatechange the key difference between gatheringstatechange and icegatheringstatechange is that the latter repre
sents the overall state of the connection including every rtcicetransport used by every rtcrtpsender and every rtcrtpreceiver on the entire connection.
... in contrast, gatheringstatechange repre
sents changes to the candidate gathering state for a single transport.
RTCInboundRtpStreamStats.nackCount - Web APIs
the nackcount property of the rtcinboundrtpstreamstats dictionary is a numeric value indicating the number of times the receiver
sent a nack packet to the sender.
... a nack (negative acknowledgement, also called "generic nack") packet tells the sender that one or more of the rtp packets it
sent were lost in transport.
... syntax var nackcount = rtcinboundrtpstreamstats.nackcount; value an integer value indicating how many times the receiver
sent a nack packet to the sender after detecting that one or more packets were lost during transport.
RTCInboundRtpStreamStats.perDscpPacketsReceived - Web APIs
the perdscppacketsreceived property of the rtcinboundrtpstreamstats dictionary is a record comprised of key/value pairs in which each key is a string repre
sentation of a differentiated services code point and the value is the number of packets received for that dcsp.
...each key is the string repre
sentation of a single differentiated services code point (dscp)'s id number.
... note: due to network bleaching and remapping, the numbers seen on this record are not necessarily going to match the values as they were when the data was
sent.
RTCInboundRtpStreamStats.pliCount - Web APIs
the plicount property of the rtcinboundrtpstreamstats dictionary states the number of times the rtcrtpreceiver described by these statistics
sent a picture loss indication (pli) packet to the sender.
... syntax var plicount = rtcinboundrtpstreamstats.plicount; value an integer value indicating the number of times a pli packet was
sent by the rtcrtpreceiver to the sender.
... these are
sent by the receiver's decoder to notify the encoder (the sender) that an undefined amount of coded video data, which may span frame boundaries, has been lost.
RTCInboundRtpStreamStats.qpSum - Web APIs
the qpsum property of the rtcinboundrtpstreamstats dictionary is a value generated by adding the quantization parameter (qp) values for every frame
sent or received to date on the video track corresponding to this rtcinboundrtpstreamstats object.
... syntax var qpsum = rtcinboundrtpstreamstats.qpsum; value an unsigned 64-bit integer value which indicates the sum of the quantization parameter (qp) value for every frame
sent or received so far on the track described by the rtcinboundrtpstreamstats object.
...you can, for example, use the value of rtcreceivedrtpstreamstats.framesdecoded if receiving the media or rtc
sentrtpstreamstats.framesencoded if sending it to get the number of frames handled so far, and compute an average from there.
RTCInboundRtpStreamStats.sliCount - Web APIs
the slicount property of the rtcinboundrtpstreamstats dictionary indicates how many slice loss indication (sli) packets the rtcrtpreceiver for which this object provdes statistics
sent to the remote rtcrtpsender.
... syntax var slicount = rtcinboundrtpstreamstats.slicount; value an unsigned integer indicating the number of sli packets this receiver
sent to the remote sender due to lost runs of macroblocks.
... note: this value is only pre
sent for video media.
RTCOutboundRtpStreamStats.pliCount - Web APIs
the plicount property of the rtcoutboundrtpstreamstats dictionary states the number of times the remote peer's rtcrtpreceiver
sent a picture loss indication (pli) packet to the rtcrtpsender for which this object provides statistics.
... syntax var plicount = rtcoutboundrtpstreamstats.plicount; value an integer value indicating the number of times a pli packet was
sent to this sender by the remote peer's rtcrtpreceiver.
... these are
sent by the receiver's decoder to notify the sender's encoder that an undefined amount of coded video data, which may span frame boundaries, has been lost.
RTCPeerConnection: icecandidate event - Web APIs
an icecandidate event is
sent to an rtcpeerconnection when an rtcicecandidate has been identified and added to the local peer by a call to rtcpeerconnection.setlocaldescription().
...as you see in the code in the previous section, every candidate is
sent to the other peer, including any that might have an empty candidate string.
... indicating that ice gathering is complete once all ice transports have finished gathering candidates and the value of the rtcpeerconnection object's icegatheringstate has made the transition to complete, an icecandidate event is
sent with the value of complete set to null.
RTCPeerConnection.onaddstream - Web APIs
such an event is
sent when a mediastream is added to this connection by the remote peer.
... the event is
sent immediately after the call setremotedescription() and doesn't wait for the result of the sdp negotiation.
...these events, of type mediastreamevent, are
sent when streams are added to the connection by the remote peer.
RTCPeerConnection.onicecandidate - Web APIs
syntax rtcpeerconnection.onicecandidate = eventhandler; value this should be set to a function which you provide that accepts as input an rtcpeerconnectioniceevent object repre
senting the icecandidate event.
...this message should not be
sent to the remote peer.
... pc.onicecandidate = function(event) { if (event.candidate) { // send the candidate to the remote peer } else { // all ice candidates have been
sent } } notice that the end of negotiation is detected here when the event's candidate property is null.
RTCPeerConnection.onicegatheringstatechange - Web APIs
the rtcpeerconnection.onicegatheringstatechange property is an eventhandler which specifies a function to be called when the icegatheringstatechange event is
sent to an rtcpeerconnection instance.
... example this example updates status information pre
sented to the user to let them know what's happening by examining the current value of the icegatheringstate property each time it changes and changing the contents of a status display based on the new information.
... the status is simply pre
sented as text in a <div> element: <div id="icestatus"></div> the actual event handler looks like this: pc.onicegatheringstatechange = function() { let label = "unknown"; switch(pc.icegatheringstate) { case "new": case "complete": label = "idle"; break; case "gathering": label = "determining route"; break; } document.getelementbyid("icestatus").innerhtml = label; } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.onicegatheringstatechange' in that specification.
RTCPeerConnection.ontrack - Web APIs
the function receives as input the event object, of type rtctrackevent; this event is
sent when a new incoming mediastreamtrack has been created and associated with an rtcrtpreceiver object which has been added to the set of receivers on connection.
...this information includes the mediastreamtrack object repre
senting the new track, the rtcrtpreceiver and rtcrtptransceiver, and a list of mediastream objects which indicates which stream or streams the track is part of..
...this connects that stream of video to the element so that it begins to be pre
sented to the user.
RTCPeerConnection.restartIce() - Web APIs
after restartice() returns, the offer returned by the next call to createoffer() is automatically configured to trigger ice restart on both the local peer (once the local peer has been set) and on the remote peer, once the offer is
sent across your signaling mechanism and the remote peer has set its description as well.
... usage notes after calling restartice(), the next offer created using createoffer() will initiate ice restart once
sent to the remote peer over your signaling mechanism.
... restarting ice es
sentially resets ice so that it creates all new candidates using new credentials.
RTCRemoteOutboundRtpStreamStats.remoteTimestamp - Web APIs
the rtcremoteoutboundrtpstreamstats property remotetimestamp indicates the timestamp on the remote peer at which these statistics were
sent.
... syntax let remotetimestamp = rtcremoteoutboundrtpstreamstats.remotetimestamp; value a domhighrestimestamp value indicating the timestamp on the remote peer at which it
sent these statistics.
... if this property is pre
sent, it comes from the rtcp sender report (sr) block, which reflects the clock on the remote peer at the time the message was
sent.
RTCRtpContributingSource.audioLevel - Web APIs
audiolevel will be the level value defined in [rfc6465] if the rfc 6465 header extension is pre
sent, and otherwise null.
...a value of 1.0 repre
sents 0 dbov (maximum volume), a value of 0.0 repre
sents silence, and a value of 0.5 repre
sents approximately 6 db spl (decibels of sound pressure level) change in the sound pressure level from 0 dbov.
... audiolevel may be ab
sent from rtcrtpcontributingsource objects, which indicates that no volume level was provided by the source; however, it is required and always available on all rtcrtpsynchronizationsource objects.
RTCRtpStreamStats.nackCount - Web APIs
the nackcount property of the rtcrtpstreamstats dictionary is a numeric value indicating the number of times the receiver
sent a nack packet to the sender.
... a nack (negative acknowledgement, also called "generic nack") packet tells the sender that one or more of the rtp packets it
sent were lost in transport.
... syntax var nackcount = rtcrtpstreamstats.nackcount; value an integer value indicating how many times the receiver
sent a nack packet to the sender after detecting that one or more packets were lost during transport.
RTCRtpStreamStats.qpSum - Web APIs
the qpsum property of the rtcrtpstreamstats dictionary is a value generated by adding the quantization parameter (qp) values for every frame
sent or received to date on the video track corresponding to this rtcrtpstreamstats object.
... syntax var qpsum = rtcrtpstreamstats.qpsum; value an unsigned 64-bit integer value which indicates the sum of the quantization parameter (qp) value for every frame
sent or received so far on the track described by the rtcrtpstreamstats object.
...you can, for example, use the value of rtcreceivedrtpstreamstats.framesdecoded if receiving the media or rtc
sentrtpstreamstats.framesencoded if sending it to get the number of frames handled so far, and compute an average from there.
RTCRtpSynchronizationSource.voiceActivityFlag - Web APIs
this is only pre
sent if the stream is using the voice activity detection feature; see the rtcofferoptions flag voiceactivitydetection.
... syntax var voiceactivity = rtcrtpsynchronizationsource.voiceactivityflag value a boolean value which is true if voice activity is pre
sent in the most recently received rtp packet played by the associated source, or false if voice activity is not pre
sent.
... this property is omitted entirely if voice activity detection is not enabled on the source, or if the rfc 6464 extension header isn't pre
sent.
RTCRtpTransceiver - Web APIs
each sdp media section describes one bidirectional srtp ("secure real time protocol") stream (excepting the media section for rtcdatachannel, if pre
sent).
... this pairing of send and receive srtp streams is significant for some applications, so rtcrtptransceiver is used to repre
sent this pairing, along with other important state from the media section.
... each non-disabled srtp media section is always repre
sented by exactly one transceiver.
RTCSctpTransport - Web APIs
this provides information about limitations of the transport, but also provides a way to access the underlying datagram transport layer security (dtls) transport over which sctp packets for all of an rtcpeerconnection's data channels are
sent and received.
... rtcsctptransport.maxmessagesizeread only an integer value indicating the maximum size, in bytes, of a message which can be
sent using the rtcdatachannel.send() method.
... rtcsctptransport.transportread only an rtcdtlstransport object repre
senting the dtls transport used for the transmission and receipt of data packets.
Reporting API - Web APIs
the reporting api's purpose is to provide a consistent reporting mechanism that can be used to make such information available to developers in the form of reports repre
sented by javascript objects.
... reports
sent to endpoints can be retrieved independently of the running of the websites they relate to, which is useful — a crash for example could bring down a web site and stop anything running, but a report could still be obtained to give the developer some clues as to why it happened.
... report an object repre
senting a single report.
Resource Timing API - Web APIs
for a graphical repre
sentation of the resource timing processing model see the resource timing phases figure.
...these timestamps have a domhighrestimestamp type and as its name implies, they repre
sent a high-resolution point in time.
...however, if the browser is unable to provide a time value accurate to 5 µs (because, for example, due to hardware or software constraints), the browser can repre
sent a the value as a time in milliseconds accurate to a millisecond.
SVGAnimatedString - Web APIs
the svganimatedstring interface repre
sents string attributes which can be animated from each svg declaration.
... properties svganimatedstring.animval read only this is a domstring repre
senting the animation value.
... svganimatedstring.baseval this is a domstring repre
senting the base value.
SVGPathElement - Web APIs
svgpathelement.gettotallength() returns a float repre
senting the computed value for the total length of the path using the browser's distance-along-a-path algorithm, as a distance in the current user coordinate system.
... svgpathelement.getpointatlength() returns an svgpoint repre
senting the x and y coordinates in user space utilizing the browser's distance-along-a-path algorithm.
... svgpathelement.getpathsegatlength() returns an unsigned long repre
senting the index within the pathseglist utilizing the user agent's distance-along-a-path algorithm.
SVGRect - Web APIs
the svgrect repre
sents a rectangle.
... svgrect.width this repre
sents the width of the rectangle.a value that is negative results to an error.
... a value of zero disables rendering of the element svgrect.height this repre
sents the height of the rectangle.a value that is negative results to an error.a value of zero disables rendering of the element.
Selection.modify() - Web APIs
you can move by "character", "word", "
sentence", "line", "paragraph", "lineboundary", "
sentenceboundary", "paragraphboundary", or "documentboundary".
... note: gecko does not implement "
sentence", "paragraph", "
sentenceboundary", "paragraphboundary", or "documentboundary".
...nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.</p> <label for="granularity">granularity:</label> <select id="granularity"> <option value="character">character</option> <option value="word">word</option> <option value="
sentence">
sentence</option> <option value="line">line</option> <option value="paragraph">paragraph</option> <option value="lineboundary">line boundary</option> <option value="
sentenceboundary">
sentence boundary</option> <option value="paragraphboundary">paragraph boundary</option> <option value="documentboundary">document boundary</option> </select> <br><br> <button>extend selection</but...
ServiceWorkerContainer - Web APIs
the serviceworkercontainer interface of the service worker api provides an object repre
senting the service worker as an overall unit in the network ecosystem, including facilities to register, unregister and update service workers, and access the state of service workers and their registrations.
...
sent via client.postmessage()).
... this can be used to react to
sent messages earlier, even before that page's content has finished loading.
ServiceWorkerGlobalScope - Web APIs
the serviceworkerglobalscope interface of the serviceworker api repre
sents the global execution context of a service worker.
... serviceworkerglobalscope.registration read only contains the serviceworkerregistration object that repre
sents the service worker's registration.
...this returns a promise that resolves to the response object repre
senting the response to your request.
ServiceWorkerMessageEvent - Web APIs
the serviceworkermessageevent interface of the serviceworker api contains information about an event
sent to a serviceworkercontainer target.
... serviceworkermessageevent.lasteventid read only repre
sents, in server-
sent events, the last event id of the event source.
... serviceworkermessageevent.source read only returns a reference to the service worker that
sent the message.
SharedWorker() - Web APIs
syntax var myworker = new sharedworker(aurl, name); var myworker = new sharedworker(aurl, options); parameters aurl a domstring repre
senting the url of the script the worker will execute.
... name optional a domstring specifying an identifying name for the sharedworkerglobalscope repre
senting the scope of the worker, which is mainly useful for debugging purposes.
... name: a domstring specifying an identifying name for the sharedworkerglobalscope repre
senting the scope of the worker, which is mainly useful for debugging purposes.
SharedWorker - Web APIs
the sharedworker interface repre
sents a specific kind of worker that can be accessed from several browsing contexts, such as several windows, iframes or even workers.
...if the onmessage event is attached using addeventlistener, the port is manually started using its start() method: myworker.port.start(); when the port is started, both scripts post messages to the worker and handle messages
sent from it using port.postmessage() and port.onmessage, respectively: first.onchange = function() { myworker.port.postmessage([first.value,second.value]); console.log('message posted to worker'); } second.onchange = function() { myworker.port.postmessage([first.value,second.value]); console.log('message posted to worker'); } myworker.port.onmessage = function(e) { result1.textcontent = ...
...the ports associated with that worker are accessible in the connect event's ports property — we then use messageport start() method to start the port, and the onmessage handler to deal with messages
sent from the main threads.
SpeechGrammarList.addFromString() - Web APIs
the addfromstring() method of the speechgrammarlist interface takes a grammar pre
sent in a specific domstring within the code base (e.g.
... parameters string a domstring repre
senting the grammar to be added.
... weight optional a float repre
senting the weight of the grammar relative to other grammars pre
sent in the speechgrammarlist.
SpeechGrammarList.addFromURI() - Web APIs
the addfromuri() method of the speechgrammarlist interface takes a grammar pre
sent at a specific uri and adds it to the speechgrammarlist as a new speechgrammar object.
... parameters src a domstring repre
senting the uri of the grammar to be added.
... weight optional a float repre
senting the weight of the grammar relative to other grammars pre
sent in the speechgrammarlist.
SpeechGrammarList - Web APIs
the speechgrammarlist interface of the web speech api repre
sents a list of speechgrammar objects containing words or patterns of words that we want the recognition service to recognize.
... speechgrammarlist.addfromuri() takes a grammar pre
sent at a specific uri and adds it to the speechgrammarlist as a new speechgrammar object.
... speechgrammarlist.addfromstring() takes a grammar pre
sent in a specific domstring within the code base (e.g.
SpeechRecognition - Web APIs
the speechrecognition interface of the web speech api is the controller interface for the recognition service; this also handles the speechrecognitionevent
sent from the recognition service.
...your audio is
sent to a web service for recognition processing, so it won't work offline.
... speechrecognition.grammars returns and sets a collection of speechgrammar objects that repre
sent the grammars that will be understood by the current speechrecognition.
SpeechRecognitionEvent - Web APIs
the speechrecognitionevent interface of the web speech api repre
sents the event object for the result and nomatch events, and contains all the data associated with an interim or final speech recognition result.
... speechrecognitionevent.emma read only returns an extensible multimodal annotation markup language (emma) — xml — repre
sentation of the result.
... speechrecognitionevent.results read only returns a speechrecognitionresultlist object repre
senting all the speech recognition results for the current session.
SubtleCrypto.deriveBits() - Web APIs
es
sentially derivekey() is composed of derivebits() followed by importkey().
... basekey is a cryptokey repre
senting the input to the derivation algorithm.
... length is a number repre
senting the number of bits to derive.
SubtleCrypto.encrypt() - Web APIs
aes-ctr this repre
sents aes in counter mode, as specified in nist sp800-38a.
... aes-cbc this repre
sents aes in cipher block chaining mode, as specified in nist sp800-38a.
... aes-gcm this repre
sents aes in galois/counter mode, as specified in nist sp800-38d.
TextEncoder.prototype.encodeInto() - Web APIs
encodeinto() does not write a c-style 0x00
sentinel byte after the logical output.
... if your wasm program uses c strings, it's your responsibility to write the 0x00
sentinel and you can't prevent your wasm program from seeing a logically truncated string if the javascript string contained u+0000.
... observe: var encoder = new textencoder; function encodeintowith
sentinel(string, u8array, position) { var stats = encoder.encodeinto(string, position ?
TextTrack: cuechange event - Web APIs
the event is fired at both the texttrack and at the htmltrackelement in which it's being pre
sented, if any.
...ck.addeventlistener('cuechange', function () { let cues = track.activecues; // array of current cues }); or you can just set the oncuechange event handler property: track.oncuechange = function () { let cues = track.activecues; // array of current cues } on the track element the underlying texttrack, indicated by the track property, receives a cuechange event every time the currently-pre
sented cue is changed.
... if the track is associated with a media element, using the <track> element as a child of the <audio> or <video> element, the cuechange event is also
sent to the htmltrackelement.
TextTrackCue - Web APIs
these cues repre
sent a string of text that is pre
sented for some duration of time during the performance of a texttrack.
... texttrackcue.starttime a double that repre
sents the video time that the cue will start being displayed, in seconds.
... texttrackcue.endtime a double that repre
sents the video time that the cue will stop being displayed, in seconds.
TextTrackList.onaddtrack - Web APIs
the texttracklist property onaddtrack is an event handler which is called when the addtrack event occurs, indicating that a new text track has been added to the media element whose text tracks the texttracklist repre
sents.
... usage notes the addtrack event is called whenever a new track is added to the media element whose video tracks are repre
sented by the texttracklist object.
... example this snippet establishes a handler for the addtrack event that calls a function, addtotracklist(), passing in the videotrack object repre
senting the newly-added track.
TextTrackList - Web APIs
the texttracklist interface is used to repre
sent a list of the text tracks defined by the <track> element, with each track repre
sented by a separate texttrack object in the list.
... onremovetrack an event handler to call when the removetrack event is
sent, indicating that a text track has been removed from the media element.
... usage notes in addition to being able to obtain direct access to the text tracks pre
sent on a media element, texttracklist lets you set event handlers on the addtrack and removetrack events, so that you can detect when tracks are added to or removed from the media element's stream.
TreeWalker - Web APIs
the treewalker object repre
sents the nodes of a document subtree and a position within them.
... treewalker.root read only returns a node repre
senting the root node as specified when the treewalker was created.
... treewalker.whattoshow read only returns an unsigned long being a bitmask made of constants describing the types of node that must be pre
sented.
URL() - Web APIs
the url() constructor returns a newly created url object repre
senting the url defined by the parameters.
... syntax const url = new url(url [, base]) parameters url a usvstring repre
senting an absolute or relative url.
... base optional a usvstring repre
senting the base url to use in case url is a relative url.
VideoTrackList.onaddtrack - Web APIs
the videotracklist property onaddtrack is an event handler which is called when the addtrack event occurs, indicating that a new video track has been added to the media element whose video tracks the videotracklist repre
sents.
... usage notes the addtrack event is called whenever a new track is added to the media element whose video tracks are repre
sented by the videotracklist object.
... example this snippet establishes a handler for the addtrack event that calls a function, addtotracklist(), passing in the videotrack object repre
senting the newly-added track.
VideoTrackList - Web APIs
the videotracklist interface is used to repre
sent a list of the video tracks contained within a <video> element, with each track repre
sented by a separate videotrack object in the list.
... onremovetrack an event handler to call when the removetrack event is
sent, indicating that a video track has been removed from the media element.
... usage notes in addition to being able to obtain direct access to the video tracks pre
sent on a media element, videotracklist lets you set event handlers on the addtrack and removetrack events, so that you can detect when tracks are added to or removed from the media element's stream.
WakeLock.request() - Web APIs
the request() method of the wakelock interface returns a promise that resolves with a wakelock
sentinel object, which allows control over screen dimming and locking.
... return value a promise that resolves with a wakelock
sentinel object.
... examples the following asynchronous function requests a wakelock
sentinel object.
WebGLRenderingContext.stencilOp() - Web APIs
clamps to the maximum repre
sentable unsigned value.
...wraps stencil buffer value to zero when incrementing the maximum repre
sentable unsigned value.
...wraps stencil buffer value to the maximum repre
sentable unsigned value when decrementing a stencil buffer value of 0.
WebGLRenderingContext.stencilOpSeparate() - Web APIs
clamps to the maximum repre
sentable unsigned value.
...wraps stencil buffer value to zero when incrementing the maximum repre
sentable unsigned value.
...wraps stencil buffer value to the maximum repre
sentable unsigned value when decrementing a stencil buffer value of 0.
WebGLRenderingContext.vertexAttribPointer() - Web APIs
for highest performance, interleave the attributes and use the smallest data type that still accurately repre
sents your geometry.
...this is independent from the location inside the array buffer, so your attributes can be
sent in a different order than how they are stored in the array buffer.
... integer attributes while the arraybuffer can be filled with both integers and floats, the attributes will always be converted to a float when they are
sent to the vertex shader.
Introduction to the Real-time Transport Protocol (RTP) - Web APIs
this lets data
sent using rtp be delivered on transports that don't guarantee ordering or even guarantee delivery at all.
... rtcrtptransceiver an rtcrtptransceiver is a pair of one rtp sender and one rtp receiver which share an sdp mid attribute, which means they share the same sdp media m-line (repre
senting a bidirectional srtp stream).
... the sdp answer is generated and
sent using a method called sendanswer(), which generates the answer using createanswer() then sends the resulting sdp to the other peer over the signaling service.
A simple RTCDataChannel sample - Web APIs
connecting the data channel once the rtcpeerconnection is open, the datachannel event is
sent to the remote to complete the process of opening the data channel; this invokes our receivechannelcallback() method, which looks like this: function receivechannelcallback(event) { receivechannel = event.channel; receivechannel.onmessage = handlereceivemessage; receivechannel.onopen = handlereceivechannelstatuschange; receivechannel.onclose = handlereceivechannelstatuschange; ...
... } the datachannel event includes, in its channel property, a reference to a rtcdatachannel repre
senting the remote peer's end of the channel.
...this is then
sent to the remote peer by calling sendchannel.send().
Taking still photos with WebRTC - Web APIs
the html markup our html interface has two main operational sections: the stream and capture panel and the pre
sentation panel.
... each of these is pre
sented side-by-side in its own <div> to facilitate styling and control.
... note: this takes advantage of the fact that the htmlvideoelement interface looks like an htmlimageelement to any api that accepts an htmlimageelement as a parameter, with the video's current frame pre
sented as the image's contents.
Web Video Text Tracks Format (WebVTT) - Web APIs
there is also a small api available to repre
sent and manage these tracks and the data needed to perform the playback of the text at the correct times.
...it has a start and end time which are repre
sented by timestamps.
... vttregion the methods used for region are listed below along with description of their functionality: scrollsetting: for adjusting the scrolling setting of all nodes pre
sent in given region.
Advanced techniques: Creating and sequencing audio - Web APIs
each voice has four buttons, which repre
sent four beats in one bar of music.
...wave "pulse" multiple oscillators oscillatornode "noise" random noise buffer, biquad filter audiobuffer, audiobuffersourcenode, biquadfilternode "dial up" loading a sound sample to play audiocontext.decodeaudiodata(), audiobuffersourcenode note: this instrument was not created to sound good, it was created to provide demonstration code and repre
sents a very simplified version of such an instrument.
...when outputting sound to a file or speakers we need to have a number to repre
sent 0db full scale — the numerical limit of the fixed point media or dac.
Using the Web Audio API - Web APIs
lucky for us there's a method that allows us to do just that — audiocontext.createmediaelementsource: // get the audio element const audioelement = document.queryselector('audio'); // pass it into the audio context const track = audiocontext.createmediaelementsource(audioelement); note: the <audio> element above is repre
sented in the dom by an object of type htmlmediaelement, which comes with its own set of functionality.
... these special requirements are in place es
sentially because unexpected sounds can be annoying and intrusive, and can cause accessibility problems.
...this can be done using a gainnode, which repre
sents how big our sound wave is.
Web audio spatialization basics - Web APIs
this repre
sents the listener of the scene, usually your user.
...the default values for these work well: listener.forwardx.value = 0; listener.forwardy.value = 0; listener.forwardz.value = -1; listener.upx.value = 0; listener.upy.value = 1; listener.upz.value = 0; the forward properties repre
sent the 3d coordinate position of the listener's forward direction (e.g.
... the direction they are facing in), while the up properties repre
sent the 3d coordinate position of the top of the listener's head.
Web NFC API - Web APIs
interfaces ndefmessage interface that repre
sents ndef messages that can be received from or
sent to a compatible device or tag via ndefreader and ndefwriter objects respectively.
...the messages are repre
sented as ndefmessage objects.
... ndefrecord interface that repre
sents ndef records that can be included in an ndef message.
window.dump() - Web APIs
the message passed to dump() is
sent to the system console (native console) if the firefox process was started with the -console option.
...output from dump() is not
sent to the browser console.
... output can be
sent to the browser console using console.log().
Worker - Web APIs
the worker interface of the web workers api repre
sents a background task that can be created via script, which can send messages back to its creator.
...when a message is
sent to the parent document from the worker via dedicatedworkerglobalscope.postmessage.
... worker.onmessageerror is an eventhandler repre
senting the code to be called when the messageerror event is raised.
XPathEvaluator.evaluate() - Web APIs
syntax xpathresult xpathevaluator.evaluate(expression, contextnode, resolver, type, result); parameters expression a domstring repre
senting the xpath expression to be parsed and evaluated.
... contextnode a node repre
senting the context to use for evaluating the expression.
... return value an xpathresult object repre
senting the result of evaluating the xpath expression.
XRInputSource.gripSpace - Web APIs
syntax var xrspace = xrinputsource.gripspace; value an xrspace object repre
senting the position and orientation of the input device in virtual space, suitable for rendering an image of the device into the scene.
... examples in tis example, taken from the frame rendering callback, the gripspace is used to render a mesh that repre
sents the position and orieintation of the controller in the virtual environment.
... for (let source in xrsession.inputsources) { if (source.gripspace) { let grippose = frame.getpose(source.gripspace, xrrefspace); if (grippose) { mydrawmeshusingtransform(controllermesh, grippose.transform.matrix); } } } for each input source which has a value for gripspace, this loop obtains the xrpose repre
senting the position and orientation that are described by gripspace.
XRInputSource.profiles - Web APIs
syntax let profilelist = xrinputsource.profiles; value an array of domstring objects, each describing one configuration profile for the input device repre
sented by the xrinputsource object.
... each input profile specifies the preferred visual repre
sentation and behavior of the input source.
... usage notes input profile names an input profile name is a string describing a visual repre
sentation and behavior the input source may be configured to use.
XRInputSourceEvent.frame - Web APIs
the read-only xrinputsourceevent property frame specifies an xrframe object repre
senting the event frame during which a webxr user input occurred.
... however, since the event frame isn't an animation frame, there is no viewer pose available to repre
sent the viewer's current point of view; the results of calling getviewerpose() will be an xrviewerpose with an empty views list.
... examples this code shows a handler for the selectstart event which gets the target ray's pose from the frame, mapping the pose repre
senting the ray (event.inputsource.targetrayspace) to the overall reference space myrefspace.
XRInputSourcesChangeEvent - Web APIs
the webxr device api interface xrinputsourceschangeevent is used to repre
sent the inputsourceschange event
sent to an xrsession when the set of available webxr input controllers changes.
... properties added read only an array of zero or more xrinputsource objects, each repre
senting an input device which has been newly connected or enabled for use.
... removed read only an array of zero or more xrinputsource objects repre
senting the input devices newly connected or enabled for use.
XRRigidTransform - Web APIs
the xrrigidtransform is a webxr api interface that repre
sents the 3d geometric transform described by a position and orientation.
... constructor new xrrigidtransform() creates a new xrrigidtransform object which repre
sents a transform that applies a specified position and/or orientation.
...see the section matrix format for how the array is used to repre
sent a matrix.
XRSession.onsqueezeend - Web APIs
the xrsession interface's onsqueezeend event handler property is a function to be invokedn when the squeezeend event
sent to an xrsession when a primary squeeze action ends.
... this is
sent immediately after the squeeze event, which announces the successful completion of the squeeze action.
...in response to the end of the squeeze operation, this code looks to see if there is an object currently being held by the user by checking to see if the variable user.heldobject contains a reference to an object repre
senting the held item.
XRSession.onsqueezestart - Web APIs
the xrsession interface's onsqueezestart event handler property can be set to a function which is then invoked to handle the squeezestart event that's
sent when the user successfully begins a primary squeeze action on a webxr input device.
... these actions repre
sent the user squeezing or tightly gripping an object or controller.
...this object is then stored in a heldobject variable in the user object we're using to repre
sent user information.
XRSession: selectend event - Web APIs
the webxr event selectend is
sent to an xrsession when one of its input sources ends its primary action or when an input source that's in the process of handling an ongoing primary action is disconnected without successfully completing the action.
...the mybegintracking() function would presumably start the pre
sentation of the object-dragging process, using the transform to perform a hit test, determining which object to pick up.
... mybegintracking() returns an object repre
senting the object the user has begun to drag.
XRSession: selectstart event - Web APIs
the webxr event selectstart is
sent to an xrsession when the user begins a primary action on one of its input sources.
...the mybegintracking() function would presumably start the pre
sentation of the object-dragging process, using the transform to perform a hit test, determining which object to pick up.
... mybegintracking() returns an object repre
senting the object the user has begun to drag.
XRSession: squeezeend event - Web APIs
the webxr event squeezeend is
sent to an xrsession when one of its input sources ends its primary action or when an input source that's in the process of handling an ongoing primary action is disconnected without successfully completing the action.
...the mybegintracking() function would presumably start the pre
sentation of the object-dragging process, using the transform to perform a hit test, determining which object to pick up.
... mybegintracking() returns an object repre
senting the object the user has begun to drag.
XRSpace - Web APIs
the xrspace interface of the webxr device api is an abstract interface providing a common basis for every class which repre
sents a virtual coordinate system within the virtual world, in which its origin corresponds to a physical location.
... xrboundedreferencespace repre
sents a reference space which may move within a region of space whose borders are defined by an array of points laid out in clockwise order along the floor to define the passable region of the space.
... xrreferencespace repre
sents a reference space which is typically expected to remain static for the duration of the xrsession.
XRSystem - Web APIs
the webxr device api interface xrsystem provides methods which let you get access to an xrsession object repre
senting a webxr session.
... events devicechange
sent when the set of available xr devices has changed.
...if it's found, we know webxr is pre
sent, so we proceed by establishing a handler for the button which the user can click to toggle immersive vr mode on and off.
XRTargetRayMode - Web APIs
inputs which have a value for this property repre
sent inputs that project a target ray outward from the user.
... for each such input, this example looks for inputs whose targetraymode is tracked-pointer, indicating that the input is in fact intended to repre
sent a targeting device rather than a gazing device, screen tap, or mouse click.
... the code should continue to perform tasks such as drawing controllers or any objects repre
sentative of the user's hands' positions in the virtual space, as well as any other input-related tasks.
XRWebGLLayer.getViewport() - Web APIs
for webxr devices which use a single framebuffer for both the left and right eyes, the returned viewport repre
sents the region of the framebuffer into which the scene should be rendered for the eye repre
sented by the view.
... return value a xrviewport object repre
senting the viewport which will restrict drawing to the portion of the layer corresponding to the specified view.
... this works because the set of views returned by an xrviewerpose each repre
sent one eye's perspective on the scene.
ARIA: article role - Accessibility
if an article is part of a feed, it can have the aria-posinset and aria-setsize attributes set to indicate which position within the feed this particular article repre
sents.
... required javascript features event handlers this role does not require any event handlers to be pre
sent.
...this role does not require any specific roles to be pre
sent among its children.
ARIA: grid role - Accessibility
<table role="grid" aria-labelledby="id-select-your-seat"> <caption id="id-select-your-seat">select your seat</caption> <tbody role="pre
sentation"> <tr role="pre
sentation"> <td></td> <th>row a</th> <th>row b</th> </tr> <tr> <th scope="row">aisle 1</th> <td tabindex="0"> <button id="1a" tabindex="-1">1a</button> </td> <td tabindex="-1"> <button id="1b" tabindex="-1">1b</button> </td> <!-- more columns --> </tr> <tr> <th scope="row">aisle 2</th> <td tabindex="-1"> <button id="2a" tabindex="-1">2a</button> </td> <td tabin...
...while it does not imply a specific visual pre
sentation, it implies a relationship among elements.
... uses fall into two categories: pre
senting tabular information (data grids) and grouping other widgets (layout grids).
ARIA: Region role - Accessibility
by classifying and labeling sections of a page, structural information conveyed visually through layout is repre
sented programmatically.
...if no visible appropriate header is pre
sent, aria-label should be used..
... added benefits certain technologies such as browser extensions can generate lists of all landmark roles pre
sent on a page, allowing non-screen reader users to also quickly identify and navigate to large sections of the document.
ARIA: heading role - Accessibility
in addition, the level tells assistive technologies which part of the page structure this heading repre
sents.
...if no level is pre
sent, a value of 2 is the default.
... instead of using a <div> or <span> with a heading role and aria-level, consider using a native <h1> through <h6> element instead to indicate that this text is a heading, and what part of the structure it repre
sents.
ARIA: textbox role - Accessibility
list: predicted text is pre
sented as a collection of values.
... both: predicted text is pre
sented as a collection of values, with the text needed to complete one value inserted after the caret.
... aria-placeholder attribute repre
sents a hint (word or phrase) to the user about what to enter into the text field.
Implementing a Microsoft Active Accessibility (MSAA) Server - Accessibility
deciding which msaa features to support msaa methods - cheat sheet for developers the iaccessible interface is used in a tree of iaccessible's, each one repre
senting a data node, similar to a dom.
... get_accrole: get an enumerated value repre
senting what this iaccessible is used for, for example.
...[important] get_accstate: a 32 bit field repre
senting possible on/off states, such as focused, focusable, selected, selectable, visible, protected (for passwords), checked, etc.
Web Accessibility: Understanding Colors and Luminance - Accessibility
font size, font style (some fonts are so thin or fancy that they pre
sent accessibility problems on their own), background color, the size of the background space around the text, even pixel densities and more all affect how color is delivered from the screen.
... the srgb color space the mdn document, <color> notes "the css data type repre
sents a color in the srgb color space." color has many ways of being defined, including rgb, rgb decimal, rgb percent, hsl, cmyk among others.
... not all saturated reds may be repre
sented well in the rgb spectrum, or other spectrums commonly used in web development.
fallback - CSS: Cascading Style Sheets
the fallback descriptor can be used to specify a counter style to fall back to if the current counter style cannot create a marker repre
sentation for a particular counter value.
... syntax /* keyword values */ fallback: lower-alpha; fallback: custom-gangnam-style; description if the specified fallback style is also unable to construct a repre
sentation, then its fallback style will be used.
... a couple of scenarios where a fallback style will be used are: when the range descriptor is specified for a counter style, the fallback style will be used to repre
sent values that fall outside the range.
CSS Box Alignment - CSS: Cascading Style Sheets
the inline axis is the axis along which words in a
sentence flow in the writing mode being used — for english, for example, the inline axis is horizontal.
... for example, when working in css grid layout, if you are working in english and set justify-content to start this will move the items in the inline dimension to the start, which will be the left as
sentences in english start on the left.
... if you were using arabic, a right to left language, then the same value of start would result in the items moving to the right, as
sentences in arabic start on the right-hand side of the page.
Block and inline layout in normal flow - CSS: Cascading Style Sheets
each will start against the start edge of the containing block, so the place at which
sentences would begin in that writing mode.
...this means that if you have an element with a top margin immediately after an element with a bottom margin, rather than the total space being the sum of these two margins, the margin collapses, and so will es
sentially become as large as the larger of the two margins.
... elements participating in an inline formatting context inline elements display one after the other in the direction that
sentences run in that particular writing mode.
Using CSS gradients - CSS: Cascading Style Sheets
css gradients are repre
sented by the <gradient> data type, a special type of <image> made of a progressive transition between two or more colors.
...if you specify the location as a percentage, 0% repre
sents the starting point, while 100% repre
sents the ending point; however, you can use values outside that range if necessary to get the effect you want.
... <div class="radial-gradient"></div> div { width: 120px; height: 120px; } .radial-gradient { background: radial-gradient(red 10px, yellow 30%, #1e90ff 50%); } positioning the center of the gradient you can position the center of the gradient with keyterms, percentage, or absolute lengths, length and percentage values repeating if only one is pre
sent, otherwise in the order of position from the left and position from the top.
background-position - CSS: Cascading Style Sheets
if two non-keyword values are used, the first value repre
sents the horizontal position and the second repre
sents the vertical position.
... es
sentially what happens is the background image dimension is subtracted from the corresponding container dimension, and then a percentage of the resulting value is used as the direct offset from the left (or top) edge.
...it also applies to ::first-letter and ::first-line.inheritednopercentagesrefer to the size of the background positioning area minus size of background image; size refers to the width for horizontal offsets and to the height for vertical offsetscomputed valuea list, each item consisting of two keywords repre
senting the origin and two offsets from that origin, each given as an absolute length (if given a <length>), otherwise as a percentageanimation typerepeatable list of simple list of length, percentage, or calc formal syntax <bg-position>#where <bg-position> = [ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <...
border-image-slice - CSS: Cascading Style Sheets
| horizontal | bottom */ border-image-slice: 30 30% 45; /* top | right | bottom | left */ border-image-slice: 7 12 14 5; /* using the `fill` keyword */ border-image-slice: 10% fill 7 12; /* global values */ border-image-slice: inherit; border-image-slice: initial; border-image-slice: unset; the border-image-slice property may be specified using one to four <number-percentage> values to repre
sent the position of each image slice.
... values <number> repre
sents an edge offset in pixels for raster images and coordinates for vector images.
... <percentage> repre
sents an edge offset as a percentage of the source image's size: the width of the image for horizontal offsets, the height for vertical offsets.
grid-auto-rows - CSS: Cascading Style Sheets
max-content is a keyword repre
senting the largest maximal content contribution of the grid items occupying the grid track.
... min-content is a keyword repre
senting the largest minimal content contribution of the grid items occupying the grid track.
...as a minimum it repre
sents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track.
mask-border-slice - CSS: Cascading Style Sheets
/* top | horizontal | bottom */ mask-border-slice: 30 30% 45; /* top | right | bottom | left */ mask-border-slice: 7 12 14 5; /* using the `fill` keyword */ mask-border-slice: 10% fill 7 12; /* global values */ mask-border-slice: inherit; mask-border-slice: initial; mask-border-slice: unset; the mask-border-slice property may be specified using one to four <number-percentage> values to repre
sent the position of each image slice.
... values <number> repre
sents an edge offset in pixels for raster images and coordinates for vector images.
... <percentage> repre
sents an edge offset as a percentage of the source image's size: the width of the image for horizontal offsets, the height for vertical offsets.
minmax() - CSS: Cascading Style Sheets
max-content repre
sents the largest max-content contribution of the grid items occupying the grid track.
... min-content repre
sents the largest min-content contribution of the grid items occupying the grid track.
...as a minimum it repre
sents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track.
scale() - CSS: Cascading Style Sheets
syntax the scale() function is specified with either one or two values, which repre
sent the amount of scaling to be applied in each direction.
... scale(sx) scale(sx, sy) values sx a <number> repre
senting the abscissa of the scaling vector.
... sy a <number> repre
senting the ordinate of the scaling vector.
skew() - CSS: Cascading Style Sheets
syntax the skew() function is specified with either one or two values, which repre
sent the amount of skewing to be applied in each direction.
... skew(ax) skew(ax, ay) values ax is an <angle> repre
senting the angle to use to distort the element along the abscissa.
... ay is an <angle> repre
senting the angle to use to distort the element along the ordinate.
translate() - CSS: Cascading Style Sheets
syntax /* single <length-percentage> values */ transform: translate(200px); transform: translate(50%); /* double <length-percentage> values */ transform: translate(100px, 200px); transform: translate(100px, 50%); transform: translate(30%, 200px); transform: translate(30%, 50%); values single <length-percentage> values this value is a <length> or <percentage> repre
senting the abscissa (horizontal, x-coordinate) of the translating vector.
... double <length-percentage> values this value describes two <length> or <percentage> values repre
senting both the abscissa (x-coordinate) and the ordinate (y-coordinate) of the translating vector.
... cartesian coordinates on ℝ2 homogeneous coordinates on ℝℙ2 cartesian coordinates on ℝ3 homogeneous coordinates on ℝℙ3 a translation is not a linear transformation in ℝ2 and can't be repre
sented using a cartesian-coordinate matrix.
translateZ() - CSS: Cascading Style Sheets
syntax translatez(tz) values tz a <length> repre
senting the z-component of the translating vector.
... cartesian coordinates on ℝ2 homogeneous coordinates on ℝℙ2 cartesian coordinates on ℝ3 homogeneous coordinates on ℝℙ3 this transformation applies to the 3d space and can't be repre
sented on the plane.
... a translation is not a linear transformation in ℝ3 and can't be repre
sented using a cartesian-coordinate matrix.
<transform-function> - CSS: Cascading Style Sheets
the <transform-function> css data type repre
sents a transformation that affects an element's appearance.
...this is repre
sented by the vector notation (x, y).
... in css (and most computer graphics), the origin (0, 0) repre
sents the top-left corner of any element.
transform-origin - CSS: Cascading Style Sheets
left 5px -3px; /* x-offset-keyword | y-offset-keyword | z-offset */ transform-origin: right bottom 2cm; /* y-offset-keyword | x-offset-keyword | z-offset */ transform-origin: bottom right 2cm; /* global values */ transform-origin: inherit; transform-origin: initial; transform-origin: unset; the transform-origin property may be specified using one, two, or three values, where each value repre
sents an offset.
... if two or more values are defined and either no value is a keyword, or the only used keyword is center, then the first value repre
sents the horizontal offset and the second repre
sents the vertical offset.
...it always repre
sents the z offset.
CSS: Cascading Style Sheets
cascading style sheets (css) is a stylesheet language used to describe the pre
sentation of a document written in html or xml (including xml dialects such as svg, mathml or xhtml).
... we have put together a course that includes all the es
sential information you need to work towards your goal.
... the aim here is to provide you with a toolkit for writing competent css and help you understand all the es
sential theory, before moving on to more specific disciplines like text styling and css layout.
Index - Event reference
found 2 pages: # page tags and summary 1 event reference event, overview, reference dom events are
sent to notify code of interesting things that have taken place.
... each event is repre
sented by an object which is based on the event interface, and may have additional custom fields and/or functions used to get additional information about what happened.
... events can repre
sent everything from basic user interactions to automated notifications of things happening in the rendering model.
Getting Started - Developer guides
form data should be
sent in a format that the server can parse, like a query string: "name=value&anothername="+encodeuricomponent(myvar)+"&so=on" or other formats, like multipart/form-data, json, xml, and so on.
...for example, use the following before calling send() for form data
sent as a query string: httprequest.setrequestheader('content-type', 'application/x-www-form-urlencoded'); step 2 – handling the server response when you
sent the request, you provided the name of a javascript function to handle the response: httprequest.onreadystatechange = nameofthefunction; what should this function do?
...} after checking the state of the request and the http status code of the response, you can do whatever you want with the data the server
sent.
Ajax - Developer guides
server-
sent events traditionally, a web page has to send a request to the server to receive new data; that is, the page requests data from the server.
... with server-
sent events, it's possible for a server to send new data to a web page at any time, by pushing messages to the web page.
...see also: using server-
sent events.
Media buffering, seeking, and time ranges - Developer guides
this repre
sents two buffered time ranges — one spanning 0 to 5 seconds and the second spanning 15 to 19 seconds.
...each red filled white rectangle repre
sents a time range.
... this should give you results similar to the following, where the light grey bar repre
sents the buffered progress and green bar shows the played progress: note: you can see the buffering code running live on js bin.
Touch events (Mozilla experimental) - Developer guides
types of touch events moztouchdown
sent when the user begins a screen touch action.
... moztouchmove
sent when the user moves his finger on the touch screen.
... moztouchup
sent when the user lifts his finger off the screen.
Constraint validation - Developer guides
even though far fewer invalid form requests are to be expected, invalid ones can still be
sent by non-compliant browsers (for instance, browsers without html5 and without javascript) or by bad people trying to trick your web application.
... :placeholder-shown css pseudo-class see :placeholder-shown :valid :invalid css pseudo-classes the :valid and :invalid pseudo-classes are used to repre
sent <input> elements whose content validates and fails to validate respectively according to the input's type setting.
...it repre
sents various ways that an entered value can be invalid.
A hybrid approach - Developer guides
this article pre
sents one potential combination of techniques as an example here, but different combinations will be appropriate under different circumstances.
...for example, an often-criticized point about responsive web design is that full-resolution images are
sent to all devices, including phones that show the images scaled down anyway.
...for example, you may not even need to adjust your content based on what actual device a user is using — just knowing whether a feature is pre
sent on their browser is often good enough.
Writing forward-compatible websites - Developer guides
there is a good chance of browsers changing behavior to converge with each other and hence breaking the site for those you've
sent down one or more of the alternative paths.
... browser-specific features and prefixes don't target hacks at current or future versions of browsers this is also a common instance of assuming that pre
sent correlation between bugs implies future correlation between bugs.
... code hygiene avoid missing > passing a validator is one way to ensure this, but even if your website doesn't validate entirely you should make sure all your > characters are pre
sent.
<aside>: The Aside element - HTML: Hypertext Markup Language
the html <aside> element repre
sents a portion of a document whose content is only indirectly related to the document's main content.
... asides are frequently pre
sented as sidebars or call-out boxes.
... implicit aria role complementary permitted aria roles feed, none, note, pre
sentation, region, search dom interface htmlelement attributes this element only includes the global attributes.
<b>: The Bring Attention To element - HTML: Hypertext Markup Language
usage notes use the <b> for cases like keywords in a summary, product names in a review, or other spans of text whose typical pre
sentation would be boldfaced (but not including any special importance).
...the <strong> element repre
sents text of certain importance, <em> puts some emphasis on the text and the <mark> element repre
sents text of certain relevance.
... it is a good practice to use the class attribute on the <b> element in order to convey additional semantic information as needed (for example <b class="lead"> for the first
sentence in a paragraph).
<colgroup> - HTML: Hypertext Markup Language
permitted content if the span attribute is pre
sent: none, it is an empty element.
... if the attribute is not pre
sent: zero or more <col> element tag omission the start tag may be omitted, if it has a <col> element as its first child and if it is not preceded by a <colgroup> whose end tag has been omitted.
...if not pre
sent, its default value is 1.
<details>: The Details disclosure element - HTML: Hypertext Markup Language
a disclosure widget is typically pre
sented onscreen using a small triangle which rotates (or twists) to indicate open/closed status, with a label next to the triangle.
... note: the common use of a triangle which rotates or twists around to repre
sent opening or closing the widget is why these are sometimes called "twisties." a <details> widget can be in one of two states.
...it is
sent after the state is changed, although if the state changes multiple times before the browser can dispatch the event, the events are coalesced so that only one is
sent.
<keygen> - HTML: Hypertext Markup Language
for rsa keys, the keyparams parameter is not used (ignored if pre
sent).
...it will cause some sort of selection to be pre
sented to the user for selecting key size.
...the browser pre
sents several possible key strengths.
<ol>: The Ordered List element - HTML: Hypertext Markup Language
the html <ol> element repre
sents an ordered list of items — typically rendered as a numbered list.
... implicit aria role list permitted aria roles directory, group, listbox, menu, menubar, none, pre
sentation, radiogroup, tablist, toolbar, tree dom interface htmlolistelement attributes this element also accepts the global attributes.
... the <ol> and <ul> elements both repre
sent a list of items.
<option>: The HTML Option element - HTML: Hypertext Markup Language
as such, <option> can repre
sent menu items in popups and other lists of items in an html document.
... selected if pre
sent, this boolean attribute indicates that the option is initially selected.
... value the content of this attribute repre
sents the value to be submitted with the form, should this option be selected.
<pre>: The Preformatted Text element - HTML: Hypertext Markup Language
the html <pre> element repre
sents preformatted text which is to be pre
sented exactly as written in the html file.
...in modern browser this hint is ignored and no visual effect results in its pre
sent; to achieve such an effect, use css white-space instead.
... people experiencing low vision conditions and browsing with the aid of assistive technology such as a screen reader may not understand what the preformatted text characters are repre
senting when they are read out in sequence.
<source>: The Media or Image Source element - HTML: Hypertext Markup Language
sizes is a list of source sizes that describes the final rendered width of the image repre
sented by the source.
... srcset a list of one or more strings separated by commas indicating a set of possible images repre
sented by the source for the browser to use.
...if the type attribute is specified, it's compared against the types the user agent can pre
sent, and if it's not recognized, the server doesn't even get queried; instead, the next <source> element is checked at once.
<table>: The Table element - HTML: Hypertext Markup Language
the html <table> element repre
sents tabular data — that is, information pre
sented in a two-dimensional table comprised of rows and columns of cells containing data.
...if the length is defined using a percentage value, the content will be centered and the total vertical space (top and bottom) will repre
sent this value.
... ideally, consider alternate ways to pre
sent the table's content, including breaking it apart into a collection of smaller, related tables that don't have to rely on using the colspan and rowspan attributes.
<time> - HTML: Hypertext Markup Language
the html <time> element repre
sents a specific period in time.
... it may repre
sent one of the following: a time on a 24-hour clock.
... usage notes this element is for pre
senting dates and times in a machine readable format.
<track>: The Embed Text Track element - HTML: Hypertext Markup Language
tag omission as it is a void element, the start tag must be pre
sent and the end tag must not be pre
sent.
... detecting cue changes the underlying texttrack, indicated by the track property, receives a cuechange event every time the currently-pre
sented cue is changed.
... if the track is associated with a media element, using the <track> element as a child of the <audio> or <video> element, the cuechange event is also
sent to the htmltrackelement.
class - HTML: Hypertext Markup Language
though the specification doesn't put requirements on the name of classes, web developers are encouraged to use names that describe the semantic purpose of the element, rather than the pre
sentation of the element.
... for example, attribute to describe an attribute rather than italics, although an element of this class may be pre
sented by italics.
... semantic names remain logical even if the pre
sentation of the page changes.
Using the application cache - HTML: Hypertext Markup Language
once all the files have been successfully retrieved, they are moved into the real offline cache automatically, and a cached event is
sent to the applicationcache object.
...newlines may be repre
sented by line feed (u+000a), carriage return (u+000d), or carriage return and line feed both.
...network entries in an application cache are es
sentially an "online whitelist"—uris specified in the network section are loaded from the server instead of the cache.
HTML: Hypertext Markup Language
other technologies besides html are generally used to describe a web page's appearance/pre
sentation (css) or functionality/behavior (javascript).
... we have put together a course that includes all the es
sential information you need to work towards your goal.
... html tables repre
senting tabular data on a webpage in an understandable, accessible way can be a challenge.
Accept-Encoding - HTTP
two common cases lead to this: the data to be
sent is already compressed and a second compression won't lead to smaller data to be transmitted.
...this value is always considered as acceptable, even if not pre
sent.
...this is the default value if the header is not pre
sent.
CSP: base-uri - HTTP
if this value is ab
sent, then any uri is allowed.
... if this directive is ab
sent, the user agent will use the value in the <base> element.
... 'strict-dynamic' the strict-dynamic source expression specifies that the trust explicitly given to a script pre
sent in the markup, by accompanying it with a nonce or a hash, shall be propagated to all the scripts loaded by that root script.
CSP: script-src-attr - HTTP
if this directive is ab
sent, the user agent will look for the script-src directive, and if both of them are ab
sent, fallback to default-src directive.
... 'strict-dynamic' the strict-dynamic source expression specifies that the trust explicitly given to a script pre
sent in the markup, by accompanying it with a nonce or a hash, shall be propagated to all the scripts loaded by that root script.
... examples fallback to script-src if script-src-attr is ab
sent, user agent falls back to the script-src directive, and if that is ab
sent as well, to default-src.
CSP: script-src-elem - HTTP
if this directive is ab
sent, the user agent will look for the script-src directive, and if both of them are ab
sent, fallback to default-src directive.
... 'strict-dynamic' the strict-dynamic source expression specifies that the trust explicitly given to a script pre
sent in the markup, by accompanying it with a nonce or a hash, shall be propagated to all the scripts loaded by that root script.
... examples fallback to script-src if script-src-elem is ab
sent, user agent falls back to the script-src directive, and if that is ab
sent as well, to default-src.
CSP: script-src - HTTP
if this directive is ab
sent, the user agent will look for the default-src directive.
... 'strict-dynamic' the strict-dynamic source expression specifies that the trust explicitly given to a script pre
sent in the markup, by accompanying it with a nonce or a hash, shall be propagated to all the scripts loaded by that root script.
...g methods are blocked and won't have any effect: eval() function() when passing a string literal like to methods like: window.settimeout("alert(\"hello world!\");", 500); window.settimeout window.setinterval window.setimmediate window.execscript (ie < 11 only) strict-dynamic the 'strict-dynamic' source expression specifies that the trust explicitly given to a script pre
sent in the markup, by accompanying it with a nonce or a hash, shall be propagated to all the scripts loaded by that root script.
Host - HTTP
the host request header specifies the host and port number of the server to which the request is being
sent.
... a host header field must be
sent in all http/1.1 request messages.
... a 400 (bad request) status code may be
sent to any http/1.1 request message that lacks a host header field or that contains more than one.
If-Match - HTTP
header type request header forbidden header name no syntax if-match: <etag_value> if-match: <etag_value>, <etag_value>, … directives <etag_value> entity tags uniquely repre
senting the requested resources.
...that they repre
sent the resource semantically, but not byte-for-byte.
... * the asterisk is a special value repre
senting any resource.
If-None-Match - HTTP
note that the server generating a 304 response must generate any of the following header fields that would have been
sent in a 200 (ok) response to the same request: cache-control, content-location, date, etag, expires, and vary.
... header type request header forbidden header name no syntax if-none-match: "<etag_value>" if-none-match: "<etag_value>", "<etag_value>", … if-none-match: * directives <etag_value> entity tags uniquely repre
senting the requested resources.
... * the asterisk is a special value repre
senting any resource.
Retry-After - HTTP
there are three main cases this header is used: when
sent with a 503 (service unavailable) response, this indicates how long the service is expected to be unavailable.
... when
sent with a 429 (too many requests) response, this indicates how long to wait before making a new request.
... when
sent with a redirect response, such as 301 (moved permanently), this indicates the minimum time that the user agent is asked to wait before issuing the redirected request.
Transfer-Encoding - HTTP
when pre
sent on a response to a head request that has no body, it indicates the value that would have applied to the corresponding get message.
... header type response header forbidden header name yes syntax transfer-encoding: chunked transfer-encoding: compress transfer-encoding: deflate transfer-encoding: gzip transfer-encoding: identity // several values can be listed, separated by a comma transfer-encoding: gzip, chunked directives chunked data is
sent in a series of chunks.
... examples chunked encoding chunked encoding is useful when larger amounts of data are
sent to the client and the total size of the response may not be known until the request has been fully processed.
Upgrade - HTTP
for example, the client might send a get request as shown, listing the preferred protocols to switch to (in this case "example/1" and "foo/2"): get /index.html http/1.1 host: www.example.com connection: upgrade upgrade: example/1, foo/2 note: connection: upgrade must be set whenever upgrade is
sent.
... the server can choose to ignore the request, for any reason, in which case it should just respond as though the upgrade header had not been
sent (for example, with a 200 ok).
... syntax connection: upgrade upgrade: protocol_name[/protocol_version] notes: the connection header with type upgrade must always be
sent with the upgrade header (as shown above).
OPTIONS - HTTP
one can use the curl command-line program to issue an options request: curl -x options https://example.org -i the response then contains an allow header that holds the allowed methods: http/1.1 204 no content allow: options, get, head, post cache-control: max-age=604800 date: thu, 13 oct 2016 11:45:00 gmt server: eos (lax004/2813) preflighted requests in cors in cors, a preflight request is
sent with the options method so that the server can respond if it is acceptable to send the request.
... in this example, we will request permission for these parameters: the access-control-request-method header
sent in the preflight request tells the server that when the actual request is
sent, it will have a post request method.
... the access-control-request-headers header tells the server that when the actual request is
sent, it will have the x-pingother and content-type headers.
POST - HTTP
a post request is typically
sent via an html form and results in a change on the server.
...non-alphanumeric characters in both keys and values are percent encoded: this is the reason why this type is not suitable to use with binary data (use multipart/form-data instead) multipart/form-data: each value is
sent as a block of data ("body part"), with a user agent-defined delimiter ("boundary") separating each part.
... text/plain when the post request is
sent via a method other than an html form — like via an xmlhttprequest — the body can take any type.
PUT - HTTP
the http put request method creates a new resource or replaces a repre
sentation of the target resource with the request payload.
...request has body yes successful response has body no safe no idempotent yes cacheable no allowed in html forms no syntax put /new.html http/1.1 example request put /new.html http/1.1 host: example.com content-type: text/html content-length: 16 <p>new file</p> responses if the target resource does not have a current repre
sentation and the put request successfully creates one, then the origin server must inform the user agent by sending a 201 (created) response.
... http/1.1 201 created content-location: /new.html if the target resource does have a current repre
sentation and that repre
sentation is successfully modified in accordance with the state of the enclosed repre
sentation, then the origin server must send either a 200 (ok) or a 204 (no content) response to indicate successful completion of the request.
Network Error Logging - HTTP
reports are
sent to a reporting group defined within a report-to header.
...defaults to 0, so that no successful network requests will be reported if the key is not pre
sent in the json payload.
...defaults to 1, so that all failed network requests will be reported if the key is not pre
sent in the json payload.
Redirections in HTTP - HTTP
special redirections 304 (not modified) redirects a page to the locally cached copy (that was stale), and 300 (multiple choice) is a manual redirection: the body, pre
sented by the browser as a web page, lists the possible redirections and the user clicks on one to select it.
...machine-readable choices are encouraged to be
sent as link headers with rel=alternate.
... 304 not modified
sent for revalidated conditional requests.
Equality comparisons and sameness - JavaScript
this is useful in repre
senting certain mathematical solutions, but as most situations don't care about the difference between +0 and -0, strict equality treats them as the same value.
... the second is that floating point includes the concept of a not-a-number value, nan, to repre
sent the solution to certain ill-defined mathematical problems: negative infinity added to positive infinity, for example.
...since there is only one repre
sentation for 0 in the internal 32-bit integer type, -0 will not survive a round trip after an inverse operation.
Details of the object model - JavaScript
for example, the employee class could repre
sent the set of all employees.
...for example, victoria could be an instance of the employee class, repre
senting a particular individual as an employee.
...ct.__proto__; while (object != null) { if (object == constructor.prototype) return true; if (typeof object == 'xml') { return constructor.prototype == xml.prototype; } object = object.__proto__; } return false; } note: the implementation above checks the type of the object against "xml" in order to work around a quirk of how xml objects are repre
sented in recent versions of javascript.
Classes - JavaScript
this behavior will be the same even if the "use strict" directive isn't pre
sent, because code within the class body's syntactic boundary is always executed in strict mode.
... public field declarations with the javascript field declaration syntax, the above example can be written as: class rectangle { height = 0; width; constructor(height, width) { this.height = height; this.width = width; } } by declaring fields up-front, class definitions become more self-documenting, and the fields are always pre
sent.
... if there is a constructor pre
sent in the subclass, it needs to first call super() before using "this".
Array.prototype.filter() - JavaScript
therefore, it may not be pre
sent in all implementations of the standard.
... // modifying each words let words = ['spray', 'limit', 'exuberant', 'destruction','elite', 'pre
sent'] const modifiedwords = words.filter( (word, index, arr) => { arr[index+1] +=' extra' return word.length < 6 }) console.log(modifiedwords) // notice there are three words below length 6, but since they've been modified one is returned // ["spray"] // appending new words words = ['spray', 'limit', 'exuberant', 'destruction','elite', 'pre
sent'] const appendedwords = words.filter( (word, inde...
...x, arr) => { arr.push('new') return word.length < 6 }) console.log(appendedwords) // only three fits the condition even though the `words` itself now has a lot more words with character length less than 6 // ["spray" ,"limit" ,"elite"] // deleting words words = ['spray', 'limit', 'exuberant', 'destruction', 'elite', 'pre
sent'] const deletewords = words.filter( (word, index, arr) => { arr.pop() return word.length < 6 }) console.log(deletewords) // notice 'elite' is not even obtained as its been popped off `words` before filter can even get there // ["spray" ,"limit"] specifications specification ecmascript (ecma-262)the definition of 'array.prototype.filter' in that specification.
Array.prototype.toSource() - JavaScript
the tosource() method returns a string repre
senting the source code of the array.
... syntax arr.tosource() return value a string repre
senting the source code of the array.
... description the tosource method returns the following values: for the built-in array object, tosource returns the following string indicating that the source code is not available: function array() { [native code] } for instances of array, tosource returns a string repre
senting the source code.
Array.prototype.toString() - JavaScript
the tostring() method returns a string repre
senting the specified array and its elements.
... syntax arr.tostring() return value a string repre
senting the elements of the array.
... javascript calls the tostring method automatically when an array is to be repre
sented as a text value or when an array is referred to in a string concatenation.
BigInt - JavaScript
bigint is a built-in object that provides a way to repre
sent whole numbers larger than 253 - 1, which is the largest number javascript can reliably repre
sent with the number primitive and repre
sented by the number.max_safe_integer constant.
... instance methods bigint.prototype.tolocalestring() returns a string with a language-sensitive repre
sentation of this number.
... bigint.prototype.tostring() returns a string repre
senting the specified object in the specified radix (base).
BigInt64Array - JavaScript
the bigint64array typed array repre
sents an array of 64-bit signed integers in the platform byte order.
... bigint64array.prototype.tolocalestring() returns a localized string repre
senting the array and its elements.
... bigint64array.prototype.tostring() returns a string repre
senting the array and its elements.
BigUint64Array - JavaScript
the biguint64array typed array repre
sents an array of 64-bit unsigned integers in the platform byte order.
... biguint64array.prototype.tolocalestring() returns a localized string repre
senting the array and its elements.
... biguint64array.prototype.tostring() returns a string repre
senting the array and its elements.
Date.prototype.getTimezoneOffset() - JavaScript
syntax dateobj.gettimezoneoffset() return value a number repre
senting the time-zone offset, in minutes, from the date based on current host system settings to utc.
... if the host system is configured for daylight saving, the offset will change depending on the date and time that the date repre
sents and that daylight saving applies.
... examples using gettimezoneoffset() // get current timezone offset for host device let x = new date(); let currenttimezoneoffsetinhours = x.gettimezoneoffset() / 60; // 1 // get timezone offset for international labour day (may 1) in 2016 // be careful, the date() constructor uses 0-indexed months, so may is // repre
sented with 4 (and not 5) let labourday = new date(2016, 4, 1) let labourdayoffset = labourday.gettimezoneoffset() / 60; specifications specification ecmascript (ecma-262)the definition of 'date.prototype.gettimezoneoffset' in that specification.
Date.prototype.setMinutes() - JavaScript
syntax dateobj.setminutes(minutesvalue[, secondsvalue[, msvalue]]) versions prior to javascript 1.3 dateobj.setminutes(minutesvalue) parameters minutesvalue an integer between 0 and 59, repre
senting the minutes.
...an integer between 0 and 59, repre
senting the seconds.
...a number between 0 and 999, repre
senting the milliseconds.
Date.prototype.setMonth() - JavaScript
syntax dateobj.setmonth(monthvalue[, dayvalue]) versions prior to javascript 1.3 dateobj.setmonth(monthvalue) parameters monthvalue a zero-based integer repre
senting the month of the year offset from the start of the year.
... so, 0 repre
sents january, 11 repre
sents december, -1 repre
sents december of the previous year, and 12 repre
sents january of the following year.
...an integer from 1 to 31, repre
senting the day of the month.
Date.prototype.setUTCMinutes() - JavaScript
syntax dateobj.setutcminutes(minutesvalue[, secondsvalue[, msvalue]]) parameters minutesvalue an integer between 0 and 59, repre
senting the minutes.
...an integer between 0 and 59, repre
senting the seconds.
...a number between 0 and 999, repre
senting the milliseconds.
Date.prototype.toJSON() - JavaScript
the tojson() method returns a string repre
sentation of the date object.
... syntax dateobj.tojson() return value a string repre
sentation of the given date.
...calling tojson() returns a string (using toisostring()) repre
senting the date object's value.
Float32Array - JavaScript
the float32array typed array repre
sents an array of 32-bit floating point numbers (corresponding to the c float data type) in the platform byte order.
... float32array.prototype.tolocalestring() returns a localized string repre
senting the array and its elements.
... float32array.prototype.tostring() returns a string repre
senting the array and its elements.
Float64Array - JavaScript
the float64array typed array repre
sents an array of 64-bit floating point numbers (corresponding to the c double data type) in the platform byte order.
... float64array.prototype.tolocalestring() returns a localized string repre
senting the array and its elements.
... float64array.prototype.tostring() returns a string repre
senting the array and its elements.
Function.prototype.toString() - JavaScript
the tostring() method returns a string repre
senting the source code of the function.
... syntax function.tostring() return value a string repre
senting the source code of the function.
... javascript calls the tostring method automatically when a function is to be repre
sented as a text value, e.g.
Int16Array - JavaScript
the int16array typed array repre
sents an array of twos-complement 16-bit signed integers in the platform byte order.
... int16array.prototype.tolocalestring() returns a localized string repre
senting the array and its elements.
... int16array.prototype.tostring() returns a string repre
senting the array and its elements.
Int32Array - JavaScript
the int32array typed array repre
sents an array of twos-complement 32-bit signed integers in the platform byte order.
... int32array.prototype.tolocalestring() returns a localized string repre
senting the array and its elements.
... int32array.prototype.tostring() returns a string repre
senting the array and its elements.
Int8Array - JavaScript
the int8array typed array repre
sents an array of twos-complement 8-bit signed integers.
... int8array.prototype.tolocalestring() returns a localized string repre
senting the array and its elements.
... int8array.prototype.tostring() returns a string repre
senting the array and its elements.
Intl.DateTimeFormat.prototype.formatToParts() - JavaScript
relatedyear the string used for the related 4-digit gregorian year, in the event that the calendar's repre
sentation would be a yearname instead of a year, for example "2019".
... when this is the case, the result of formattoparts() will contain an entry for relatedyear when a year would normally be pre
sent, containing the 4-digit gregorian year, instead of an entry for year.
..., the result will include only the relatedyear: let df = new intl.datetimeformat("zh-u-ca-chinese"); df.formattoparts(date.utc(2012, 11, 17, 3, 0, 42)); // return value [ { type: 'relatedyear', value: '2012' }, { type: 'literal', value: '年' }, { type: 'month', value: '十一月' }, { type: 'day', value: '4' } ] in cases where the year would be output, .format() may commonly pre
sent these side-by-side: let df = new intl.datetimeformat("zh-u-ca-chinese", {year: "numeric"}); df.format(date.utc(2012, 11, 17, 3, 0, 42)); // return value 2012壬辰年 this also makes it possible to mix locale and calendar in both format: let df = new intl.datetimeformat("en-u-ca-chinese", {year: "numeric"}); let date = date.utc(2012, 11, 17, 3, 0, 42); df.format(date); // return value ...
Intl.DateTimeFormat.prototype.resolvedOptions() - JavaScript
timezone the value provided for this property in the options argument; undefined (repre
senting the runtime's default time zone) if none was provided.
... weekday era year month day hour minute second timezonename the values resulting from format matching between the corresponding properties in the options argument and the available combinations and repre
sentations for date-time formatting in the selected locale.
... some of these properties may not be pre
sent, indicating that the corresponding components will not be repre
sented in formatted output.
Intl.Locale.prototype.numberingSystem - JavaScript
the numberingsystem property helps to repre
sent the different numeral systems used by various countries, regions, and cultures around the world.
... as with most internationalization schemas, the numeral systems that can be repre
sented in a locale object by numberingsystem are standardized by unicode.
... thai thai digits tirh tirhuta digits tibt tibetan digits traditio traditional numerals — may be algorithmic vaii vai digits wara warang citi digits wcho wancho digits examples setting the numberingsystem value via the locale string in the unicode locale string spec, the values that numberingsystem repre
sents correspond to the key nu.
Intl.Locale - JavaScript
the intl.locale object is a standard built-in property of the intl object that repre
sents a unicode locale identifier.
...unicode repre
sents locales with a string, called a locale identifier.
... traditionally, the intl api used strings to repre
sent locales, just as unicode does.
Math.fround() - JavaScript
the math.fround() function returns the nearest 32-bit single precision float repre
sentation of a number.
... return value the nearest 32-bit single precision float repre
sentation of the given number.
... var mantissa = math.round((leading - arg / powexp) * 0x800000); if (mantissa <= -0x800000) return sign * infinity; return sign * powexp * (leading - mantissa / 0x800000); }; examples using math.fround() the number 1.5 can be precisely repre
sented in the binary numeral system, and is identical in 32-bit and 64-bit: math.fround(1.5); // 1.5 math.fround(1.5) === 1.5; // true however, the number 1.337 cannot be precisely repre
sented in the binary numeral system, so it differs in 32-bit and 64-bit: math.fround(1.337); // 1.3370000123977661 math.fround(1.337) === 1.337; // false 21502^150 is too big for a 32-bit float, so infinity is re...
Number.MAX_SAFE_INTEGER - JavaScript
the number.max_safe_integer constant repre
sents the maximum safe integer in javascript (253 - 1).
...the reasoning behind that number is that javascript uses double-precision floating-point format numbers as specified in ieee 754 and can only safely repre
sent numbers between -(253 - 1) and 253 - 1.
... safe in this context refers to the ability to repre
sent integers exactly and to correctly compare them.
Number.MIN_SAFE_INTEGER - JavaScript
the number.min_safe_integer constant repre
sents the minimum safe integer in javascript (-(253 - 1)).
... to repre
sent integers smaller than this, consider using bigint.
...the reasoning behind that number is that javascript uses double-precision floating-point format numbers as specified in ieee 754 and can only safely repre
sent numbers between -(253 - 1) and 253 - 1.
Number.prototype.toFixed() - JavaScript
return value a string repre
senting the given number using fixed-point notation.
... description tofixed() returns a string repre
sentation of numobj that does not use exponential notation and has exactly digits digits after the decimal place.
... warning: floating point numbers cannot repre
sent all decimals precisely in binary.
Number.prototype.toSource() - JavaScript
the tosource() method returns a string repre
senting the source code of the object.
... syntax numobj.tosource() number.tosource() return value a string repre
senting the source code of the object.
... examples native function for the built-in number object, tosource() returns the following string indicating that the source code is not available: function number() { [native code] } for instances of number, tosource() returns a string repre
senting the source code.
Object.prototype.toSource() - JavaScript
the tosource() method returns a string repre
senting the source code of the object.
... syntax object.tosource(); obj.tosource(); return value a string repre
senting the source code of the object.
... description the tosource() method returns the following values: for the built-in object object, tosource() returns the following string indicating that the source code is not available: function object() { [native code] } for instances of object, tosource() returns a string repre
senting the source code.
Object.prototype.toString() - JavaScript
the tostring() method returns a string repre
senting the object.
... syntax obj.tostring() return value a string repre
senting the object.
... description every object has a tostring() method that is automatically called when the object is to be repre
sented as a text value or when an object is referred to in a manner in which a string is expected.
Promise.allSettled() - JavaScript
for each outcome object, a status string is pre
sent.
... if the status is fulfilled, then a value is pre
sent.
... if the status is rejected, then a reason is pre
sent.
RegExp.prototype.toSource() - JavaScript
the tosource() method returns a string repre
senting the source code of the object.
... syntax regexobj.tosource() return value a string repre
senting the source code of the given regexp object.
... examples native function for the built-in regexp object, tosource() returns the following string indicating that the source code is not available: function regexp() { [native code] } for instances of regexp, tosource() returns a string repre
senting the source code.
RegExp.prototype.toString() - JavaScript
the tostring() method returns a string repre
senting the regular expression.
... syntax regexobj.tostring(); return value a string repre
senting the given object.
...for regexp objects, the tostring() method returns a string repre
sentation of the regular expression.
String.prototype.charAt() - JavaScript
return value a string repre
senting the character (exactly one utf-16 code unit) at the specified index.
... var str = 'a \ud87e\udc04 z'; // we could also use a non-bmp character directly for (var i = 0, chr; i < str.length; i++) { if ((chr = getwholechar(str, i)) === false) { continue; } // adapt this line at the top of each loop, passing in the whole string and // the current iteration and returning a variable to repre
sent the // individual character console.log(chr); } function getwholechar(str, i) { var code = str.charcodeat(i); if (number.isnan(code)) { return ''; // position not found } if (code < 0xd800 || code > 0xdfff) { return str.charat(i); } // high surrogate (could change last hex to 0xdb7f to treat high private // surrogates as single characters) if (0xd800 <= code && cod...
... charat() to support non-basic-multilingual-plane (bmp) characters while the previous example may be more useful for programs that must support non-bmp characters (since it does not require the caller to know where any non-bmp character might appear), in the event that one does wish, in choosing a character by index, to treat the surrogate pairs within a string as the single characters they repre
sent, one can use the following: function fixedcharat(str, idx) { let ret = '' str += '' let end = str.length let surrogatepairs = /[\ud800-\udbff][\udc00-\udfff]/g while ((surrogatepairs.exec(str)) != null) { let lastidx = surrogatepairs.lastindex if (lastidx - 2 < idx) { idx++ } else { break } } if (idx >= end || idx < 0) { return '' } ret += str...
String.prototype.toSource() - JavaScript
the tosource() method returns a string repre
senting the source code of the object.
... syntax string.tosource() str.tosource() return value a string repre
senting the source code of the calling object.
... examples native function for the built-in string object, tosource() returns the following string indicating that the source code is not available: function string() { [native code] } for instances of string or string literals, tosource() returns a string repre
senting the source code.
String.prototype.toString() - JavaScript
the tostring() method returns a string repre
senting the specified object.
... syntax str.tostring() return value a string repre
senting the calling object.
...for string objects, the tostring() method returns a string repre
sentation of the object and is the same as the string.prototype.valueof() method.
String - JavaScript
the string object is used to repre
sent and manipulate a sequence of characters.
... description strings are useful for holding data that can be repre
sented in text form.
... string.prototype.tostring() returns a string repre
senting the specified object.
Symbol.prototype.toSource() - JavaScript
the tosource() method returns a string repre
senting the source code of the object.
... syntax symbol.tosource() var sym = symbol() sym.tosource() return value a string repre
senting the source code of the object.
... examples native function for the built-in symbol object, tosource returns the following string indicating that the source code is not available: "function symbol() { [native code] }" for instances of symbol, tosource returns a string repre
senting the source code.
Symbol.prototype.toString() - JavaScript
the tostring() method returns a string repre
senting the specified symbol object.
... syntax symbol().tostring() return value a string repre
senting the specified symbol object.
...for symbol objects, the tostring method returns a string repre
sentation of the object.
TypedArray.prototype.toString() - JavaScript
the tostring() method returns a string repre
senting the specified array and its elements.
... syntax typedarray.tostring() return value a string repre
senting the elements of the typed array.
... var numbers = new uint8array([2, 5, 8, 1, 4]) numbers.tostring(); // "2,5,8,1,4" javascript calls the tostring method automatically when a typed array is to be repre
sented as a text value or when an array is referred to in a string concatenation.
TypedArray - JavaScript
there are at pre
sent no such engines, so %typedarray% is only useful to polyfill functions or properties onto all typedarray constructors.
... typedarray.prototype.tolocalestring() returns a localized string repre
senting the array and its elements.
... typedarray.prototype.tostring() returns a string repre
senting the array and its elements.
Uint16Array - JavaScript
the uint16array typed array repre
sents an array of 16-bit unsigned integers in the platform byte order.
... uint16array.prototype.tolocalestring() returns a localized string repre
senting the array and its elements.
... uint16array.prototype.tostring() returns a string repre
senting the array and its elements.
Uint32Array - JavaScript
the uint32array typed array repre
sents an array of 32-bit unsigned integers in the platform byte order.
... uint32array.prototype.tolocalestring() returns a localized string repre
senting the array and its elements.
... uint32array.prototype.tostring() returns a string repre
senting the array and its elements.
Uint8Array - JavaScript
the uint8array typed array repre
sents an array of 8-bit unsigned integers.
... uint8array.prototype.tolocalestring() returns a localized string repre
senting the array and its elements.
... uint8array.prototype.tostring() returns a string repre
senting the array and its elements.
Uint8ClampedArray - JavaScript
the uint8clampedarray typed array repre
sents an array of 8-bit unsigned integers clamped to 0-255; if you specified a value that is out of the range of [0,255], 0 or 255 will be set instead; if you specify a non-integer, the nearest integer will be set.
... uint8clampedarray.prototype.tolocalestring() returns a localized string repre
senting the array and its elements.
... uint8clampedarray.prototype.tostring() returns a string repre
senting the array and its elements.
isNaN() - JavaScript
origin of nan values nan values are generated when arithmetic operations result in undefined or unrepre
sentable values.
... such values do not necessarily repre
sent overflow conditions.
...or non-numbers that when coerced to numeric type result in a valid non-nan numeric value (notably the empty string and boolean primitives, which when coerced give numeric values zero or one), the "false" returned value may be unexpected; the empty string, for example, is surely "not a number." the confusion stems from the fact that the term, "not a number", has a specific meaning for numbers repre
sented as ieee-754 floating-point values.
uneval() - JavaScript
the uneval() function creates a string repre
sentation of the source code of an object.
... return value a string repre
senting the source code of object.
... note: this will not return a json repre
sentation of object.
typeof - JavaScript
syntax the typeof operator is followed by its operand: typeof operand typeof(operand) parameters operand an expression repre
senting the object or primitive whose type is to be returned.
...typeof new boolean(true) === 'object'; typeof new number(1) === 'object'; typeof new string('abc') === 'object'; // functions typeof function() {} === 'function'; typeof class c {} === 'function'; typeof math.sin === 'function'; typeof null // this stands since the beginning of javascript typeof null === 'object'; in the first implementation of javascript, javascript values were repre
sented as a type tag and a value.
...null was repre
sented as the null pointer (0x00 in most platforms).
icons - Web app manifests
type array mandatory yes the icons member specifies an array of objects repre
senting image files that can serve as application icons for different contexts.
... for example, they can be used to repre
sent the web application amongst a list of other applications, or to integrate the web application with an os's task switcher and/or system preferences.
... purpose can have one or more of the following values, separated by spaces: monochrome: a user agent can pre
sent this icon where a monochrome icon with a solid fill is needed.
Autoplay guide for media and Web Audio APIs - Web media technologies
the play event is
sent both when the media is resumed after being paused and when autoplay occurs.
...if that's the case, we should pre
sent a user interface to let the user manually start playback; that's handled here by a function showplaybutton().
...if this is false, the allowedtoplay property is missing from the htmlmediaelement interface, and is thus not pre
sent on either <audio> or <video> elements.
Media type and format guide: image, audio, and video content - Web media technologies
since nearly its beginning, the web has included support for some form of visual media pre
sentation.
...the modern web has powerful features to support the pre
sentation and manipulation of media, with several media-related apis supporting various types of content.
... codecs used by webrtc webrtc doesn't use a container, but instead streams the encoded media itself from peer to peer using mediastreamtrack objects to repre
sent each audio or video track.
Populating the page: how browsers work - Web Performance
this requires three more round trips to the server before the request for content is actually
sent.
...congestion control algorithms use this flow of
sent packets and acks to determine a send rate.
... the dom is the internal repre
sentation of the markup for the browser.
Add to Home screen - Progressive web apps (PWAs)
add a shortcut to their home screen repre
senting their favorite web app (or site) so they can subsequently access it with a single tap.
... icons: specifies icons for the browser to use when repre
senting the app in different places (such as on the task switcher, or more important, the home screen).
... name/short_name: these fields provide an app name to be displayed when repre
senting the app in different places.
Introduction to progressive web apps - Progressive web apps (PWAs)
they repre
sent a new philosophy for building web apps, involving some specific patterns, apis, and other features.
... discoverability the eventual aim is that web apps should have better repre
sentation in search engines, be easier to expose, catalog and rank, and have metadata usable by browsers to give them special capabilities.
...pre
senting a trusted website with a good performance is a consequence of using these enhancements; this in turn means building web apps which follow better practices.
Media - Progressive web apps (PWAs)
information: media the purpose of css is to specify how content is pre
sented to the user.
... this pre
sentation can take more than one form.
...css has the capacity to pre
sent content according to the media type.
Responsive Navigation Patterns - Progressive web apps (PWAs)
the following pre
sent several ways to handle navigation on large and small screens.
... top and left navigation menus are common on larger screens, but are often not the optimal way to pre
sent information on small screens because of the reduced screen real estate.
... therefore, it is necessary to consider the pre
sentation of content and ease of navigation for all screen sizes.
The building blocks of responsive design - Progressive web apps (PWAs)
in this article we will discuss the main es
sential components of responsive design, with some links to further information where necessary.
... fluid grids the best place to start is with fluid measurements for our application layout — es
sentially, this means using a combination of percentages and ems/rems to size your containers and text, not fixed widths such as pixels.
... flexible replaced elements things are working fairly well now, but there are still some issues just waiting to pre
sent themselves.
clip-path - SVG: Scalable Vector Graphics
the clip-path pre
sentation attribute defines or associates a clipping path with the element it is related to.
... note: as a pre
sentation attribute clip-path can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has noticeable effects mostly on the following nineteen elements: <a>, <circle>, <clippath>, <ellipse>, <g>, <glyph>, <image>, <line>, <marker>, <mask>, <path>, <pattern>, <polygon>, <polyline>, <rect>, <svg>, <symbol>, <text>, <use> html,body,svg { height:100% } <svg viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <clippath id="myclip" clippathunits="objectboundingbox"> <circle cx=".5" cy=".5" r=".5" /> </clippath> <!-- top-left: apply a custom defined clipping path --> <rect x="1" y="1" width="8" height="8" stroke="green" clip-path="url(#myclip)" /> <!-- top-right: apply a css basic shape on a fill-box geometry.
fill-opacity - SVG: Scalable Vector Graphics
the fill-opacity attribute is a pre
sentation attribute defining the opacity of the paint server (color, gradient, pattern, etc) applied to a shape.
... note: as a pre
sentation attribute fill-opacity can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following eleven elements: <altglyph>, <circle>, <ellipse>, <path>, <polygon>, <polyline>, <rect>, <text>, <textpath>, <tref>, and <tspan> html,body,svg { height:100% } <svg viewbox="0 0 400 100" xmlns="http://www.w3.org/2000/svg"> <!-- default fill opacity: 1 --> <circle cx="50" cy="50" r="40" /> <!-- fill opacity as a number --> <circle cx="150" cy="50" r="40" fill-opacity="0.7" /> <!-- fill opacity as a percentage --> <circle cx="250" cy="50" r="40" fill-opacity="50%" /> <!-- fill opacity as a css property --> <circle cx="350" cy="50" r="40" style="fill-opacity: .25;" /> </svg> usage notes value [0-1] | <percentage> def...
fill-rule - SVG: Scalable Vector Graphics
the fill-rule attribute is a pre
sentation attribute defining the algorithm to use to determine the inside part of a shape.
... note: as a pre
sentation attribute, fill-rule can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following eight elements: <altglyph>, <path>, <polygon>, <polyline>, <text>, <textpath>, <tref>, and <tspan> html,body,svg { height:100% } <svg viewbox="-10 -10 220 120" xmlns="http://www.w3.org/2000/svg"> <!-- default value for fill-rule --> <polygon fill-rule="nonzero" stroke="red" points="50,0 21,90 98,35 2,35 79,90"/> <!-- the center of the shape has two path segments (shown by the red stroke) between it and infinity.
flood-opacity - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, flood-opacity can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following two elements: <feflood> and <fedropshadow> html, body, svg { height: 100%; } <svg viewbox="0 0 420 200" xmlns="http://www.w3.org/2000/svg"> <filter id="flood1"> <feflood flood-color="seagreen" flood-opacity="1" x="0" y="0" width="200" height="200"/> </filter> <filter id="flood2"> <feflood flood-color="seagreen" flood-opacity="0.3" x="0" y="0" width="200" height="200"/> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#flood1);" /> <rect x="0" y="0" width="200" height="200" style="filter: url(#flood2); transform: translatex(220px);" /> </svg> usage notes value <alpha-value> initial value 1 animatable y...
... a number of 0 or a percentage of 0% repre
sents a fully transparent color, 1 or 100% repre
sents a fully opaque color.
glyph-orientation-vertical - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, glyph-orientation-vertical can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following five elements: <altglyph>, <textpath>, <text>, <tref>, and <tspan> context notes value auto | <angle> default value auto animatable no auto fullwidth ideographic and fullwidth latin text will be set with a glyph orientation of 0 degrees.
...(this pre
sentation form does not disable auto-ligature formation or similar context-driven variations.) the determination of which characters should be auto-rotated may vary across user agents.
mask - SVG: Scalable Vector Graphics
the mask attribute is a pre
sentation attribute mainly used to bind a given <mask> element with the element the attribute belongs to.
... note: as a pre
sentation attribute mask can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has noticeable effects mostly on the following nineteen elements: <a>, <circle>, <clippath>, <ellipse>, <g>, <glyph>, <image>, <line>, <marker>, <mask>, <path>, <pattern>, <polygon>, <polyline>, <rect>, <svg>, <symbol>, <text>, <use> usage notes value see the css property mask default value none animatable ...
pointer-events - SVG: Scalable Vector Graphics
the pointer-events attribute is a pre
sentation attribute that allows defining whether or when an element may be the target of a mouse event.
... note: as a pre
sentation attribute pointer-events can be used as a css property.
...s="none" /> </svg> window.addeventlistener('mouseup', (e) => { // let's pick a random color between #000000 and #ffffff const color = math.round(math.random() * 0xffffff) // let's format the color to fit css requirements const fill = '#' + color.tostring(16).padstart(6,'0') // let's apply our color in the // element we actually clicked on e.target.style.fill = fill }) as a pre
sentation attribute, it can be applied to any element but it is mostly relevant only on the following twenty-three elements: <a>, <circle>, <clippath>, <defs>, <ellipse>, <foreignobject>, <g>, <image>, <line>, <marker>, <mask>, <path>, <pattern>, <polygon>, <polyline>, <rect>, <svg>, <switch>, <symbol>, <text>, <textpath>, <tspan>, <use> usage notes value bounding-box | visiblepainted | ...
points - SVG: Scalable Vector Graphics
each point is defined by a pair of number repre
senting a x and a y coordinate in the user coordinate system.
... --> </svg> polyline for <polyline>, points defines a list of points, each repre
senting a vertex of the line to be drawn.
... value [ <number>+ ]# default value none animatable yes example html,body,svg { height:100% } <svg viewbox="-10 -10 120 120" xmlns="http://www.w3.org/2000/svg"> <!-- polyline is an open shape --> <polyline stroke="black" fill="none" points="50,0 21,90 98,35 2,35 79,90"/> </svg> polygon for <polygon>, points defines a list of points, each repre
senting a vertex of the shape to be drawn.
requiredFeatures - SVG: Scalable Vector Graphics
if the attribute is not pre
sent, then its implicit evaluated value is true.
...if requiredfeatures is used in other situations, it repre
sents a simple switch on the given element whether to render the element or not.
...in some cases the feature strings map directly to a set of attributes, properties or elements, in others they repre
sent some functionality of the browser.
stroke-dashoffset - SVG: Scalable Vector Graphics
the stroke-dashoffset attribute is a pre
sentation attribute defining an offset on the rendering of the associated dash array.
... note: as a pre
sentation attribute stroke-dashoffset can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following twelve elements: <altglyph>, <circle>, <ellipse>, <path>, <line>, <polygon>, <polyline>, <rect>, <text>, <textpath>, <tref>, and <tspan> html,body,svg { height:100% } <svg viewbox="-3 0 33 10" xmlns="http://www.w3.org/2000/svg"> <!-- no dash array --> <line x1="0" y1="1" x2="30" y2="1" stroke="black" /> <!-- no dash offset --> <line x1="0" y1="3" x2="30" y2="3" stroke="black" stroke-dasharray="3 1" /> <!-- the start of the dash array computation is pulled by 3 user units --> <line x1="0" y1="5" x2="30" y2="5" stroke="black" stroke-dasharray="3 1" stroke-dashoffset="3" /> <!-- the start of the dash array computation is pushed by 3 use...
stroke-linecap - SVG: Scalable Vector Graphics
the stroke-linecap attribute is a pre
sentation attribute defining the shape to be used at the end of open subpaths when they are stroked.
... note: as a pre
sentation attribute stroke-linecap can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following eight elements: <altglyph>, <path>, <polyline>, <line>, <text>, <textpath>, <tref>, and <tspan> html,body,svg { height:100% } <svg viewbox="0 0 6 6" xmlns="http://www.w3.org/2000/svg"> <!-- effect of the (default) "butt" value --> <line x1="1" y1="1" x2="5" y2="1" stroke="black" stroke-linecap="butt" /> <!-- effect of the "round" value --> <line x1="1" y1="3" x2="5" y2="3" stroke="black" stroke-linecap="round" /> <!-- effect of the "square" value --> <line x1="1" y1="5" x2="5" y2="5" stroke="black" stroke-linecap="square" /> <!-- the following pink lines highlight the position of the path for each stroke --> <path d="m1,1 h4 m1,3 h4 m...
stroke-linejoin - SVG: Scalable Vector Graphics
the stroke-linejoin attribute is a pre
sentation attribute defining the shape to be used at the corners of paths when they are stroked.
... note: as a pre
sentation attribute stroke-linejoin can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following nine elements: <altglyph>, <path>, <polygon>, <polyline>, <rect>, <text>, <textpath>, <tref>, and <tspan> html,body,svg { height:100% } <svg viewbox="0 0 18 12" xmlns="http://www.w3.org/2000/svg"> <!-- upper left path: effect of the "miter" value --> <path d="m1,5 a2,2 0,0,0 2,-3 a3,3 0 0 1 2,3.5" stroke="black" fill="none" stroke-linejoin="miter" /> <!-- center path: effect of the "round" value --> <path d="m7,5 a2,2 0,0,0 2,-3 a3,3 0 0 1 2,3.5" stroke="black" fill="none" stroke-linejoin="round" /> <!-- upper right path: effect of the "bevel" value --> <path d="m13,5 a2,2 0,0,0 2,-3 a3,3 0 0 1 2,3.5" stroke="black" fill="none" ...
stroke-miterlimit - SVG: Scalable Vector Graphics
the stroke-miterlimit attribute is a pre
sentation attribute defining a limit on the ratio of the miter length to the stroke-width used to draw a miter join.
... note: as a pre
sentation attribute stroke-miterlimit can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following nine elements: <altglyph>, <path>, <polygon>, <polyline>, <rect>, <text>, <textpath>, <tref>, and <tspan> html,body,svg { height:100% } <svg viewbox="0 0 38 30" xmlns="http://www.w3.org/2000/svg"> <!-- impact of the default miter limit --> <path stroke="black" fill="none" stroke-linejoin="miter" id="p1" d="m1,9 l7 ,-3 l7 ,3 m2,0 l3.5 ,-3 l3.5 ,3 m2,0 l2 ,-3 l2 ,3 m2,0 l0.75,-3 l0.75,3 m2,0 l0.5 ,-3 l0.5 ,3" /> <!-- impact of the smallest miter limit (1) --> <path stroke="black" fill="none" stroke-linejoin="miter" stroke-miterlimit="1" id="p2" d="m1,19 l7 ,-3 l7 ,3 m2, 0 l3.5 ,-3 l3.5 ,3 ...
stroke-opacity - SVG: Scalable Vector Graphics
the stroke-opacity attribute is a pre
sentation attribute defining the opacity of the paint server (color, gradient, pattern, etc) applied to the stroke of a shape.
... note: as a pre
sentation attribute stroke-opacity can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following twelve elements: <altglyph>, <circle>, <ellipse>, <path>, <line>, <polygon>, <polyline>, <rect>, <text>, <textpath>, <tref>, and <tspan> html,body,svg { height:100% } <svg viewbox="0 0 40 10" xmlns="http://www.w3.org/2000/svg"> <!-- default stroke opacity: 1 --> <circle cx="5" cy="5" r="4" stroke="green" /> <!-- stroke opacity as a number --> <circle cx="15" cy="5" r="4" stroke="green" stroke-opacity="0.7" /> <!-- stroke opacity as a percentage --> <circle cx="25" cy="5" r="4" stroke="green" stroke-opacity="50%" /> <!-- stroke opacity as a css property --> <circle cx="35" cy="5" r="4" stroke="green" style="stroke-opacity: .3;" /> </svg> ...
text-anchor - SVG: Scalable Vector Graphics
each text chunk has an initial current text position, which repre
sents the point in the user coordinate system resulting from (depending on context) application of the x and y attributes on the <text> element, any x or y attribute values on a <tspan>, <tref> or <altglyph> element assigned explicitly to the first rendered character in a text chunk, or determination of the initial current text position for a <textpath> element.
... note: as a pre
sentation attribute, text-anchor can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following five elements: <altglyph>, <text>, <textpath>, <tref>, and <tspan> html, body, svg { height: 100%; } <svg viewbox="0 0 120 120" xmlns="http://www.w3.org/2000/svg"> <!-- materialisation of anchors --> <path d="m60,15 l60,110 m30,40 l90,40 m30,75 l90,75 m30,110 l90,110" stroke="grey" /> <!-- anchors in action --> <text text-anchor="start" x="60" y="40">a</text> <text text-anchor="middle" x="60" y="75">a</text> <text text-anchor="end" x="60" y="110">a</text> <!-- materialisation of anchors --> <circle cx="60" cy="40" r="3" fill="red" /> <circle cx="60" cy="75" r="3" fill="red" /> <circle cx="60" cy="110" r="3" fill="red" /> <style><![cdata[ text { font: bol...
textLength - SVG: Scalable Vector Graphics
example let's create a simple example that pre
sents text you can resize using an <input> element of type "range".
...these events will be
sent any time the slider's value changes, even if the user hasn't stopped moving it, so we can responsively adjust the text width.
... when an "input" event occurs, we call svglength.newvaluespecifiedunits() to set the value of textlength to the slider's new value, using the svglength interface's svg_lengthtype_px unit type to indicate that the value repre
sents pixels.
Tutorials
html tables repre
senting tabular data on a webpage in an understandable, accessible way can be a challenge.
... the aim here is to provide you with a toolkit for writing competent css and help you understand all the es
sential theory, before moving on to more specific disciplines like text styling and css layout.
... es
sential javascript design patterns an introduction to es
sential javascript design patterns.
Web Components
css pseudo-elements pseudo-elements relating specifically to custom elements: ::part: repre
sents any element within a shadow tree that has a matching part attribute.
... shadow dom shadowroot repre
sents the root node of a shadow dom subtree.
... <slot> a placeholder inside a web component that you can fill with your own markup, which lets you create separate dom trees and pre
sent them together.
system-property - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the system-property function returns an object repre
senting the given system-property.
...the system-property function returns an object repre
senting the value of the system property identified by the name.
... returns an object repre
senting the given system-property.
An Overview - XSLT: Extensible Stylesheet Language Transformations
before transformation can take place, the primary xml document(s) and the stylesheet document(s) must be run through a parser, which creates an abstract repre
sentation of the structure of the document in memory.
... this repre
sentation, called the tree, is what is actually manipulated by the processor.
...the root node does not correspond to any individual part of the xml document: it repre
sents the document as whole.
Modules - Archive of obsolete content
the script loader we obtained from components allows us to do just that: function loadscript(url) { let global = {}; loader.loadsubscript(url, global); return global; } if pre
sent, the loadsubscript function evaluates the script to be loaded in the scope of the second argument.
...a commonjs module defines three global variables: require, which is a function that behaves like loadscript in our examples, exports, which behaves like the exports object, and module, which is an object repre
senting the module itself.
addon-page - Archive of obsolete content
usage with the add-on sdk you can pre
sent information to the user, such as a guide to using your add-on, in a browser tab.
... for pages like this, navigational elements such as the awesome bar, search bar, or bookmarks toolbar are not usually relevant and distract from the content you are pre
senting.
page-mod - Archive of obsolete content
the attach event is
sent to the "main.js" code.
... each worker then repre
sents a channel of communication with the set of content scripts loaded by this particular page-mod into that particular document.
passwords - Archive of obsolete content
credentials in this api, credentials are repre
sented by objects.
... realm the www-authenticate response header
sent by the server may include a "realm" field as detailed in rfc 2617.
simple-prefs - Archive of obsolete content
hidden a boolean value which, if pre
sent and set to true, means that the preference won't appear in the add-ons manager interface, so users of your add-on won't be able to see or alter it.
... a boolint is pre
sented to the user as a checkbox, but instead of storing true or false, the "on" or "off" checkbox states are mapped to integers using "on" or "off" properties in the specification.
core/promise - Archive of obsolete content
promises consider another approach, instead of continuation via callbacks, a function returns an object that repre
sents a eventual result, either successful or failed.
...we are try-ing to execute readasync(): the error handler repre
sents a catch for readasync(), while the value handler repre
sents code that happens after the try/catch block.
io/file - Archive of obsolete content
if "b" is not pre
sent, the file is opened in text mode, and its contents are assumed to be utf-8.
...if "b" is not pre
sent or mode is not given, the file contents will be returned in text mode.
places/favicon - Archive of obsolete content
globals functions getfavicon(object, callback) takes an object that repre
sents a page's url and returns a promise that resolves with the favicon url for that page.
...on(tab).then(function (url) { console.log(url); // http://mozorg.cdn.mozilla.net/media/img/favicon.ico }); } }); // an optional callback can be provided to handle // the promise's resolve and reject states getfavicon("http://mozilla.org", function (url) { console.log(url); // http://mozorg.cdn.mozilla.net/media/img/favicon.ico }); parameters object : string|tab a value that repre
sents the url of the page to get the favicon url from.
places/history - Archive of obsolete content
parameters queries : object|array an object repre
senting a query, or an array of objects repre
senting queries.
... arguments object : this is an object repre
senting a history entry.
stylesheet/style - Archive of obsolete content
globals constructors style(options) the style constructor creates an object that repre
sents style modifications via stylesheet file(s) or/and css rules.
... parameters options : object required options: name type uri string,array a string, or an array of strings, that repre
sents local uri to stylesheet.
ui/button/action - Archive of obsolete content
each key must be a numeric string such as "16", or "32", which repre
sents the size in pixels of the corresponding image.
...this logs the state for the button associated with the currently active tab: console.log(button.state("tab")); this object repre
sents a snapshot of the state at the time state() is called.
ui/frame - Archive of obsolete content
message listen to this event if you want to receive messages from frame scripts that are
sent using window.parent.postmessage(): // frame.js var label = window.document.getelementbyid("linky"); label.addeventlistener("click", function() { window.parent.postmessage("ping", "*"); }, true); // main.js var { frame } = require("sdk/ui/frame"); var frame = new frame({ url: "./frame.html" }); frame.on("message", pong); function pong(e) { if (e.data == "ping") { e.source.postmes...
... data, which repre
sents the event's payload.
jpm - Archive of obsolete content
to ensure compatibility with jpm, however, it must be pre
sent in your path under the name node.
...unless an id field is pre
sent in package.json, jpm prepends "@" to name and use the result as the id field in the add-on's install manifest.
Display a Popup - Archive of obsolete content
the panel just contains a <textarea> element: when the user presses the return key, the contents of the <textarea> is
sent to the main add-on code.
... text = textarea.value.replace(/(\r\n|\n|\r)/gm,""); self.port.emit("text-entered", text); textarea.value = ''; } }, false); // listen for the "show" event being
sent from the // main add-on code.
Finding window handles - Archive of obsolete content
structtype('gdkwindow'); let gpointer = ctypes.voidptr_t; let gtkwindow = ctypes.structtype('gtkwindow'); //https://developer.gnome.org/gdk3/stable/gdk3-windows.html#gdk-window-get-user-data var gdk_window_get_user_data = gdk.declare('gdk_window_get_user_data', ctypes.default_abi, ctypes.void_t, gdkwindow.ptr, gpointer.ptr); //https://developer.gnome.org/gtk3/stable/gtkwindow.html#gtk-window-pre
sent var gtk_window_pre
sent = gtk.declare('gtk_window_pre
sent', ctypes.default_abi, ctypes.void_t, gtkwindow.ptr); //https://developer.gnome.org/gtk3/stable/gtkwindow.html#gtk-window-pre
sent-with-time var gtk_window_pre
sent_with_time = gtk.declare('gtk_window_pre
sent_with_time', ctypes.default_abi, ctypes.void_t, gtkwindow.ptr, guint32); // gdk_x11_get_server_time is needed for gtk_window_pre
sent_wi...
...t(gptr, gtkwindow.ptr); // focusing window this way is better, so it maintains proper history in case you or some other app want to focus "most recent window" by timestamp // var rez_gst = gdk_x11_get_server_time(browserwindow_madeintogdkwinptr); // console.info('rez_gst:', rez_gst, uneval(rez_gst)); // return is a number of ms since the computer (xserver) was on // var rez_gwpwt = gtk_window_pre
sent_with_time(browserwindow_madeintogtkwindowptr, rez_gst); // console.info('rez_gwaf:', rez_gwpwt, uneval(rez_gwpwt)); var rez_gwp = gtk_window_pre
sent(browserwindow_madeintogtkwindowptr); console.info('rez_gwaf:', rez_gwaf, uneval(rez_gwaf)); gdk.close(); gtk.close(); x11 warning this example below does not focus a window yet, it does convert from a gdkwindow* to a xid and that's it, the code ...
Miscellaneous - Archive of obsolete content
naryinputstream); stream.setinputstream(postdata); var postbytes = stream.readbytearray(stream.available()); var poststr = string.fromcharcode.apply(null, postbytes); //do anything to your poststr alert(poststr); getting a string from the input stream is made somewhat simpler in firefox 4, by the addition of netutil.readinputstreamtostring() getting postdata of a request before the request is
sent the above code will get the postdata for a page that has already loaded.
... to see what the postdata looks like before the request is even
sent, use the 'http-on-modify-request' observer topic: observerservice.addobserver(observer, 'http-on-modify-request', false); where "observer" is an object that has a method "observe": function observe(subject, topic, data) { subject.queryinterface(components.interfaces.nsiuploadchannel); postdata = subject.uploadstream; } here again, postdata is not a string, but an nsiinputstream, so you can use the last code snippet of the previous section to get the data as a string.
JavaScript Daemons Management - Archive of obsolete content
so the minidaemon framework will remain the recommended way for simple animations, because daemon without its collection of methods is es
sentially a clone of it.
...so the minidaemon framework will remain the recommended way for simple animations, because daemon without its collection of methods is es
sentially a clone of it.
Enhanced Extension Installation - Archive of obsolete content
if updated compatibility information is found this is written into the in-memory repre
sentation of the the temporary install manifest and the install function is called recursively, supplying this updated install manifest as the source for _getinstalldata.
... user action requested notifications are now
sent with the em-action-requested topic through the observer service: item-installed an item has just been downloaded and configured for installation for the first time.
Adding sidebars - Archive of obsolete content
keyboard shortcuts are an es
sential feature of firefox, and you can add your own into your extensions, which is also great.
...trees are another strong option when you need to show a great amount of information in a compact pre
sentation.
Updating addons broken by private browsing changes - Archive of obsolete content
observer notifications none of the ones listed above will be
sent as of firefox 20.
... the supporting per-window private browsing article explains further about the equivalent notifications, which are all backwards compatible through to firefox 12 (and are
sent side-by-side with the global private browsing notifications in older versions).
MMgc - Archive of obsolete content
it repre
sents a full, self-contained instance of the garbage collector.
...such objects are es
sentially the same as stack-based local variables.
Defining Cross-Browser Tooltips - Archive of obsolete content
bug 25537#c73, which is to run a proxy server that rewrites html source on the fly, as it is
sent to the user.
... authors able to run content-rewriting proxy servers can use them to dynamically alter outgoing content to ensure both the title and alt attributes are pre
sent.
Source code directories overview - Archive of obsolete content
es
sentially, it is a a set of interfaces for a platform-independent device (drawing) context.
... xpfe contains the c interfaces, c code and xul for implementing the "cross platform front end." es
sentially, this is where the mozilla program starts and manages other components to accomplish tasks.
Finding the code to modify - Archive of obsolete content
the "document - dom nodes" pane on the left-hand side of the inspector window displays a tree repre
sentation of the browser window's xul file.
... when you select a node in the tree, a red border flashes for several seconds around the visual repre
sentation of that node in the browser window.
Creating a Microsummary - Archive of obsolete content
for example, if you use php scripts to generate pages on your site, you could write php code to output a microsummary when the view=microsummary url parameter is pre
sent.
...xslt is a powerful language for transforming documents into different repre
sentations of the same information.
Download Manager improvements in Firefox 3 - Archive of obsolete content
download manager interfaces nsidownloadmanager gives applications and extensions access to the download manager, allowing them to add and remove files to the download list, retrieve information about past and pre
sent downloads, and request notifications as to the progress of downloads.
... examples monitoring downloads an example showing how to use the new download manager apis to create a download log window that shows all past and pre
sent downloads and their status, including the start and end times of the downloads, the download speed, and more.
Documentation for BiDi Mozilla - Archive of obsolete content
cable) implementation comments nsibidi intl\unicharutil\public\nsibidi.h intl\unicharutil\src\nsbidiimp.cpp implementation of the unicode bidi algorithm nsiubidiutils intl\unicharutil\public\nsiubidiutils.h intl\unicharutil\src\nsbidiutilsimp.cpp utilities for bidi processing, including: character classification symmetric swapping reordering shaping numeric translation conversion to/from pre
sentation forms nsbidipresutils layout/base/nsbidipresutils.cpp utilities for the layout engine including: resolve frames by bidi level split framesreorder frames format bidi text support for deletion and insertion of frames by editor nsbiditextframe layout/generic/nsbidiframes.cpp subclass of nsframe with additional method setoffsets, to adjust mcontentoffset and mcontentlength during bidi pr...
...ocessing nsdirectionalframe layout/generic/nsbidiframes.cpp subclass of nsframethis is a special frame which repre
sents a bidi control.
Creating a Help Content Pack - Archive of obsolete content
the glossary and index data sources will be hidden - information found only in them will not be displayed unless the user conducts a search of the help pack that would return glossary or index results.xxx this
sentence is ugly - a little rewording help here would be nice a data source description is pretty much the same no matter which type you're defining, and the syntax is pretty simple.
... nc:platform (added in mozilla 1.8b2/firefox 1.1) when pre
sent specifies the platforms to which the information stored in the referenced data sources applies.
generateCRMFRequest() - Archive of obsolete content
(this will have digitalsignature and nonrepudiation set for keyusage.) "dh-ex" "ec-ex" "ec-dual-use" "ec-sign" "ec-sign-nonrepudiation" "ec-nonrepudiation" the generatecrmfrequest() method will cause the user to be pre
sented with a key generation dialog.
...the string found by accessing crmfobject.request is the base-64 encoded crmf message to be
sent to the ca/ra, or an error string.
Menu - Archive of obsolete content
if the menu property is pre
sent, command will instead be called when any of the item's descendants is clicked.
...a contextmenuset repre
sents a set of context menus.
jspage - Archive of obsolete content
c,{}):true;}});var selectors={cache:{nth:{},parsed:{}}};selectors.regexps={id:(/#([\w-]+)/),tag:(/^(\w+|\*)/),quick:(/^(\w+|\*)$/),splitter:(/\s*([+>~\s])\s*([a-za-z#.*:\[])/g),combined:(/\.([\w-]+)|\[(\w+)(?:([!*^$~|]?=)(["']?)([^\4]*?)\4)?\]|:([\w-]+)(?:\(["']?(.*?)?["']?\)|$)/g)}; selectors.utils={chk:function(b,c){if(!c){return true;}var a=$uid(b);if(!c[a]){return c[a]=true;}return false;},par
senthargument:function(h){if(selectors.cache.nth[h]){return selectors.cache.nth[h]; }var e=h.match(/^([+-]?\d*)?([a-z]+)?([+-]?\d*)?$/);if(!e){return false;}var g=parseint(e[1],10);var d=(g||g===0)?g:1;var f=e[2]||false;var c=parseint(e[3],10)||0; if(d!=0){c--;while(c<1){c+=d;}while(c>=d){c-=d;}}else{d=c;f="index";}switch(f){case"n":e={a:d,b:c,special:"n"};break;case"odd":e={a:2,b:0,special:"n"}; brea...
...electors.pseudo.index.call(this,0);},"last-child":function(){var a=this; while((a=a.nextsibling)){if(a.nodetype==1){return false;}}return true;},"only-child":function(){var b=this;while((b=b.previoussibling)){if(b.nodetype==1){return false; }}var a=this;while((a=a.nextsibling)){if(a.nodetype==1){return false;}}return true;},"nth-child":function(g,e){g=(g==undefined)?"n":g;var c=selectors.utils.par
senthargument(g); if(c.special!="n"){return selectors.pseudo[c.special].call(this,c.a,e);}var f=0;e.positions=e.positions||{};var d=$uid(this);if(!e.positions[d]){var b=this; while((b=b.previoussibling)){if(b.nodetype!=1){continue;}f++;var a=e.positions[$uid(b)];if(a!=undefined){f=a+f;break;}}e.positions[d]=f;}return(e.positions[d]%c.a==c.b); },index:function(a){var b=this,c=0;while((b=b.previoussibli...
Mozilla Crypto FAQ - Archive of obsolete content
also note that mozilla support for pgp and other security schemes may also be made available by commercial security vendors or by independent developers, using the various public apis already pre
sent in mozilla.
...government es
sentially claiming that u.s.
Nanojit - Archive of obsolete content
it is an acronym for "low-level intermediate repre
sentation".
... a compiler's lir is typically one of several partly-compiled repre
sentations of a program that a compiler produces on the way from raw source code to machine code.
New Security Model for Web Services - Archive of obsolete content
unfortunately, this does not prevent soap messages from being
sent to non-soap addresses, which is a big enough problem that the verification cannot stand alone to guarantee that untrusted service requests are always properly rejected by services that should be firewall-protected.
... the root element the first element of the file should be the following: <wsa:webscriptaccess xmlns:wsa="http://www.mozilla.org/2002/soap/security"> delegation if the <delegate/> element is pre
sent then "web-scripts-access.xml" is required in the subdirectory for uris which are in a subdirectory.
Tamarin build documentation - Archive of obsolete content
the necessary static files 'libcrypto.a' and 'libssl.a' are made correctly and are pre
sent in the /openssl folder.
...an email with the build status will be
sent to this address when a builder completes whether it is passes or fails.
Tamarin Build System Documentation - Archive of obsolete content
compile, smoke, or test to show the build slaves from the most recent phase run or click on an individual box to display the test result below the phase table the waterfall displays each buildstep and result the left side contains the time column and the user/revision link to repre
sent the revision triggering a build, mouse over the user to see the revision and submission notes each buildstep run on a slave is a box with color indicating status, red is failed, green passed, yellow has warnings click the stdio link to see the output click on the build yellow box at the bottom of a set of buildsteps to see the result of all of the buildsteps for a build and the time each buildst...
... to provide quick and accurate results of building and testing tamarin on supported platforms and configurations to repre
sent the build results in a clear and concise manor please give use feedback if you have any comments or suggestions to improve the build system how to add tests to the smokes?
Treehydra - Archive of obsolete content
treehydra is a gcc plugin that provides a low level javascript binding to gcc's gimple ast repre
sentation.
...a dehydra script walks the gcc tree node structure using the gty attributes pre
sent in gcc.
Writing textual data - Archive of obsolete content
some character encodings (utf-8, utf-16, utf-32) can repre
sent "all" characters (the full repertoire of unicode) while others can only repre
sent a subset of the full repertoire.
... when the file is to be read only by the application/extension itself, using utf-8 is often the best choice — it can repre
sent all characters, and ascii characters are repre
sented efficiently.
copy - Archive of obsolete content
method of file object syntax int copy( filespecobject source, filespecobject dest ) parameters the copy method has the following parameters: source a filespecobject object repr
senting the file to be copied.
... dest a filespecobject object repre
senting the destination directory.
dirGetParent - Archive of obsolete content
dirgetparent returns an object repre
senting the parent directory of the current directory or file.
... method of file object syntax filespecobject dirgetparent( filespecobject fileordir ); parameters the dirgetparent method has the following parameters: fileordir a filespecobject repre
senting the pathname of the file or directory whose parent is being requested.
isFile - Archive of obsolete content
method of file object syntax boolean isfile (filespecobject nativefolderpath); parameters the isfile method has the following parameter: nativefolderpath a filespecobject repre
senting the queried file object.
... example f = getfolder( "program", "sample.txt" ); if ( file.isfile(f) ) // the object repre
sents a file ...
modDate - Archive of obsolete content
method of file object syntax double moddate ( filespecobject nativefolderpath ); parameters the moddate method has the following parameters: nativefolderpath a filespecobject repre
senting the queried file.
... returns a double number repre
senting the date that the file was last modified.
modDateChanged - Archive of obsolete content
method of file object syntax boolean moddatechanged (filespecobject asourcefolder, number anolddate); parameters the moddatechanged method has the following parameters: asourcefolder a filespecobject repre
senting the file to be queried.
... anolddate a double repre
senting the date.
move - Archive of obsolete content
method of file object syntax int move( filespecobject source, filespecobject dest ); parameters the move method has the following parameters: source a filespecobject repre
senting the source file.
... dest a filespecobject repre
senting the target directory.
Methods - Archive of obsolete content
dirgetparent returns an object repre
senting the parent directory.
... moddate returns a number repre
senting the last modified date of the given file.
toString - Archive of obsolete content
returns the major, minor, revision, and build numbers repre
sented as a single string.
... the init() function can input the version number as a single string or as a series of parameters repre
senting the version numbers of the installation.
getComponentFolder - Archive of obsolete content
getcomponentfolder returns an object repre
senting the directory in which a component is installed.
... returns an object repre
senting the directory in which the component is installed, or null if the component could not be found or if subdirectory refers to a file that already exists.
getWinProfile - Archive of obsolete content
method of install object syntax winprofile getwinprofile ( object folder, string file); parameters the getwinprofile method has the following parameters: folder an object repre
senting a directory.
... you create this object by passing a string repre
senting the directory to the getfolder method.
patch - Archive of obsolete content
localdirspec an object repre
senting the directory in which the subcomponent that is to be patched resides.
... you create this object by passing a string repre
senting the directory to the getfolder method.
setPackageFolder - Archive of obsolete content
method of install object syntax void setpackagefolder ( object folder); parameters the setpackagefolder method has the following parameter: folder an object repre
senting a directory.
... you create this object by passing a string repre
senting the directory to the getfolder or getcomponentfolder method.
Methods - Archive of obsolete content
(mac os only) getcomponentfolder returns an object repre
senting the directory in which a component is installed.
... getfolder returns an object repre
senting a directory, for use with the addfile method.
setRootKey - Archive of obsolete content
method of winreg object syntax void setrootkey ( int key ); parameters the method has the following parameter: key an integer repre
senting a root key in the registry.
...these root keys are repre
sented as fields of the winreg object.
valueExists - Archive of obsolete content
method of winreg object syntax boolean valueexists ( string key, string value ); parameters the method has the following parameters: key a string repre
senting the path to the key.
... value a string repre
senting the value being queried.
tree.onselect - Archive of obsolete content
« xul reference home onselect type: script code this event is
sent to a tree when a row is selected, or whenever the selection changes.
...the onselect event will be
sent for each item added to or removed from the selection.
Building accessible custom components in XUL - Archive of obsolete content
firefox 1.5 is the first browser to support dhtml accessibility; it maps the declarations within the html page to the underlying accessibility architecture so that assistive technologies can "read" a web page and know how to pre
sent these complex controls to the end user.
...(the firefox interface itself is built in xul, as well as the graphical interface pre
sented by firefox extensions.) xul itself has a much richer set of built-in controls than html.
Accessing Files - Archive of obsolete content
var file = io.getfile("profile", "sample.txt"); if (file.exists()) alert("the file is there!"); else alert("file not found!"); here, the same file is retrieved and a further check is performed to see whether the file is pre
sent or not.
... the exists method returns true if the file is pre
sent and false if it is not.
MenuButtons - Archive of obsolete content
an arrow appears on the button next to the label or image indicating to the user that a menu is pre
sent.
...this works similarly to the menu tag, and would be used to pre
sent a set of commands to execute.
PopupEvents - Archive of obsolete content
in this situation the command event has already been
sent to the selected menuitem and the operation already carried out.
...one such situation when the hiding events are not
sent is when the menu is removed from the document.
Result Generation - Archive of obsolete content
there are two types of nodes in rdf, resources which usually repre
sent 'things', and literals which are values like the names, dates or sizes of those things, and so on.
...if we had two results, they might look like this: (?name = fred, ?age = 5) (?name = mary, ?age = 12) this is how we'll repre
sent the potential results in this and the following discussions.
Static Content - Archive of obsolete content
the content will be displayed just like it would be as if the template wasn't pre
sent.
...the builder will treat the element as already pre
sent as long as some element with the same tag name exists.
textbox (Toolkit autocomplete) - Archive of obsolete content
files" orient="horizontal" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <script type="text/javascript"> function myfunction(e){ /* do something cool here or just say the below */ alert(e.target.nodename); } </script> <textbox id="find-text" onchange="return myfunction(event);"/> </window> oninput type: script code this event is
sent when a user enters text in a textbox.
...the open attribute is not pre
sent if the menu is closed.
Focus and Selection - Archive of obsolete content
it will have the value true if the textbox has the focus and, if the textbox does not have the focus, the attribute will not be pre
sent.
...naturally, these events will only be
sent to the textbox that has the focus.
Skinning XUL Files by Hand - Archive of obsolete content
and with the advent of new css2 conventions like positioning, the changes you can make to the pre
sentation and behavior of the basic structure in a xul file is dramatic.
...xul repre
sents, as one evangelist put it, the "democratization" of interface design and ofapplications development, about which we will have more to say in a later article.
Templates - Archive of obsolete content
es
sentially, you provide only the first element and the remaining elements are constructed based on the first one.
...when this attribute is pre
sent, an object called a builder is added to the element which is responsible for building the content from the template.
XUL Structure - Archive of obsolete content
style sheets (css), images, and other technologies are used to control the pre
sentation.
... to summarize the points made above: mozilla renders both html and xul using the same underlying engine and uses css to specify their pre
sentation.
Using the Editor from XUL - Archive of obsolete content
not for text widgets): nseditorshellmouselistener (as a nsidommouselistener) note: starting in gecko 12, the editor refuses any events
sent by unprivileged content.
...the nseditorshellmouselistener es
sentially calls nseditorshell::handlemouseclickonelement to show property dialogs for items that you double-click on.
XUL Template Primer - Bindings - Archive of obsolete content
<nc:address resource="#doghouse"/> </rdf:description> </rdf:li> <rdf:li> <rdf:description nc:name="lumpy"/> </rdf:li> </rdf:seq> </nc:friends> </rdf:description> <rdf:description id="home" nc:street="437 hoffman"/> <rdf:description id="doghouse" nc:street="435 hoffman"/> </rdf:rdf> the rdf model that this file creates can be repre
sented with the following graph.
... the <bindings> element the <bindings> element is optional in a xul template, but if pre
sent, must appear as a sibling of the <conditions> and <action> elements in a rule.
menu - Archive of obsolete content
a dommenuitemactive event will be
sent to the item when the item is hovered over, and a dommenuiteminactive event will be
sent to the item when the selection moves away.
...the open attribute is not pre
sent if the menu is closed.
tabs - Archive of obsolete content
onselect type: script code this event is
sent to the tabs element when this tab is changed.
...a select event will be
sent to the controlling container (i.e.
toolbar - Archive of obsolete content
this would be used to label the grippy so that the user knows which toolbar it repre
sents.
... height type: string (repre
senting an integer) the preferred height of the element in pixels.
window - Archive of obsolete content
height type: string (repre
senting an integer) the preferred height of the element in pixels.
... width type: string (repre
senting an integer) the preferred width of the element.
calICalendarView - Archive of obsolete content
summary an object implementing calicalendarview is generally intended to serve as a way of manipulating a set of dom nodes corresonding to a visual repre
sentation of calievent and calitodo objects.
... hasdisjointdates returns false if the dates being displayed repre
sent a continuous list, and true if certain dates in between startdate and enddate may not be displayed.
Gecko Compatibility Handbook - Archive of obsolete content
we will have more to say about doctypes later in this article, but es
sentially the doctype is supposed to indicate to a browser what version of html is used in the page.
... wrong doctype problem: an incorrect doctype can completely alter a page's pre
sentation.
Mozilla release FAQ - Archive of obsolete content
here are a few repre
sentative systems (please send your specs in to me) removed because the tree has changed enough that we'll probably need new times for all the builds.
...the n logo is only to be pre
sent on netscape's communicator.
2006-11-03 - Archive of obsolete content
the idea was that such certs would be pre
sented differently in the ui, to give the cas a reason to go to the extra effort, and to give customers a reason to buy them.
...if it does make a difference, does it warrant a different ui pre
sentation for these certificates (ie the green bar).
NPByteRange - Archive of obsolete content
« gecko plugin api reference « plug-in side plug-in api summary repre
sents a particular range of bytes from a stream.
... description the plug-in seeks within a stream by building a linked list of one or more npbyterange objects, which repre
sents a set of discontiguous byte ranges.
NPN_Version - Archive of obsolete content
you can use npn_version() to inquire on version constants (npvers constants), which repre
sent particular browser features.
... once the plug-in obtains a version number, it can inquire on a version constant to find out if the feature it repre
sents exists in this version.
NPP_DestroyStream - Archive of obsolete content
values: npres_done (most common): completed normally; all data was
sent to the instance.
... description the browser calls the npp_destroystream function when a data stream
sent to the plug-in is finished, either because it has completed successfully or terminated abnormally.
Digital Signatures - Archive of obsolete content
(information about the hashing algorithm used is
sent with the digital signature, although this isn't shown in the figure.) finally, the receiving software compares the new hash against the original hash.
...if they don't match, the data may have been tampered with since it was signed, or the signature may have been created with a private key that doesn't correspond to the public key pre
sented by the signer.
Vulnerabilities - Archive of obsolete content
this article discusses vulnerabilities, explaining what they are and how they are pre
sent in all systems.
...at any given time, a system may not have any known software flaws, but security configuration issues and software feature misuse vulnerabilities are always pre
sent.
Using workers in extensions - Archive of obsolete content
when the result is received from xmlhttprequest, instead of immediately updating the displayed information in the status bar, a message is
sent to the main thread using the worker's postmessage() method.
...this code is es
sentially identical to what's done in the previous version, except that it's done in response to an event instead of within the refreshinformation() method.
::-ms-fill-lower - Archive of obsolete content
the ::-ms-fill-lower css pseudo-element repre
sents the lower portion of the track of a slider control; that is, the portion corresponding to values less than the value currently selected by the thumb.
... a slider control is one possible repre
sentation of <input type="range">.
::-ms-fill-upper - Archive of obsolete content
the ::-ms-fill-upper css pseudo-element is a microsoft extension that repre
sents the upper portion of the track of a slider control; that is, the portion corresponding to values greater than the value currently selected by the thumb.
... a slider control is one possible repre
sentation of <input type="range">.
::-ms-thumb - Archive of obsolete content
the ::-ms-thumb css pseudo-element is a microsoft extension that repre
sents the thumb that the user moves within the track of a slider control to alter its numerical value.
... a slider control is one possible repre
sentation of <input type="range">.
::-ms-tooltip - Archive of obsolete content
the ::-ms-tooltip css pseudo-element is a microsoft extension that repre
sents the tooltip of a slider control.
... a slider control is one possible repre
sentation of <input type="range">.
::-ms-track - Archive of obsolete content
the ::-ms-track css pseudo-element is a microsoft extension that repre
sents the track of a slider control.
... a slider control is one possible repre
sentation of <input type="range">.
E4X for templating - Archive of obsolete content
r (k in arr) { if (it < min) { ++it; continue; } if (it > max) { break; } ret+=h(k, arr[k], it, lev); ++it; } } return ret; } the following real case example iterates over an array of the lines in an e4x child element to produce an xmllist of multiple vbox's repre
senting each line: <vbox> {foreach(e(someel.somechild[0]).split('\n'), function (line) <description>{line}</description> )} </vbox> the following example shows iteration over an e4x object itself: {foreach(elems, function (k, elem, iter) <> <row>{k}: {elem}</row> <row><image src="chrome://myext/skin/images/fillerrow.jpg" /></row> </>)} or if the e4x child element had its own children...
...although a big advantage of e4x is being able to separate pre
sentation from business logic, and the above-mentioned technique may fly in the face of this, if formatted well, it can also allow inline shaping of xml somewhat akin to the w3c standard xquery language, allowing the scripting to mix in context with the surrounding declarative xml: var a = <a><b/><c/><d/></a>; var b = <bar>{function () { var content = <></>; for each (var el in a) { el...
JSException - Archive of obsolete content
declaration public object getwrappedexception() description getwrappedexception() returns an object that repre
sents the value that the javascript actually threw.
...use getwrappedexception() to determine what kind of value the object return type repre
sents.
JavaArray - Archive of obsolete content
in javascript 1.4 and later, the componenttype parameter is either a javaclass object repre
senting the type of the array or class object, such as one returned by java.lang.class.forname.
... properties length: the number of elements in the java array repre
sented by javaarray.
Packages - Archive of obsolete content
the java, netscape, and sun properties repre
sent the packages java.*, netscape.*, and sun.* respectively.
...consequently, you can access java classes in these packages without the packages keyword, as follows: var theframe = new java.awt.frame(); the classname property repre
sents the fully qualified path name of any other java class that is available to javascript.
MSX Emulator (jsMSX) - Archive of obsolete content
in its pre
sent form, it should be able to run any program or game developed for msx 1.0.
...they pre
sent an interesting testbed for pushing the current javascript implementations to their limits and for comparing their relative speed.
Reference - Archive of obsolete content
sevenspade 13:19, 2 july 2006 (pdt) after some thought, i removed the references to using language="javascript1.2", and all references are merely pre
sented as information detailing past behavior.
...this will impact the pre
sentation of future examples if it hasn't already.
XForms Alert Element - Archive of obsolete content
repre
sentations can be repre
sented in two ways: modeless window that contains the alert element's message (default repre
sentation).
...this repre
sentation is used if the alert element has an inline display style.
XForms Message Element - Archive of obsolete content
special level - defines a repre
sentation of message element type restrictions the message element can be bound to any simple content.
... repre
sentations it may be repre
sented in the following ways: modal window - if level attribute value is modal modeless window - if level attribute value is modeless tooltip window - if level attribute value is ephemeral note: message element doesn't define a default pre
sentation.
XForms Repeat Element - Archive of obsolete content
attributes ui common appearance - the value of this attribute gives a hint to the xforms processor as to which type of widget(s) to use to repre
sent this control.
... repre
sentations the repeat element doesn't have a visual repre
sentation.
XForms - Archive of obsolete content
xforms es
sentials an online book giving you a guided tour of xforms.
...other strengths that xforms brings to the table is the separation of data from pre
sentation, strong data typing, the ability to submit xml data to servers instead of name/value pairs, and a descriptive way to author forms so that they can be displayed by a wide variety of devices.
Mozilla's DOCTYPE sniffing - Archive of obsolete content
full standards mode the following trigger full standards mode: any document
sent with an xml mime type such as text/xml, application/xml, or application/xhtml+xml (since sniffing only occurs for documents
sent as text/html).
... the public identifier "-//metrius//dtd metrius pre
sentational//en".
Using the Right Markup to Invoke Plugins - Archive of obsolete content
in this context, the codebase attribute is used as an obtainment mechanism -- that is to say, a way to obtain a control if it isn't pre
sent.
...future netscape browsers based on mozilla source code will allow the use of a special param element to specify where to get plugins that are not pre
sent, but this feature is not available in netscape 7.
Index - Game development
11 techniques for game development games, guide this page lists es
sential core techniques for anyone wanting to develop games using open web technologies.
...we often need to decide which audio parts are es
sential to our games' experience and which are nice to have but not es
sential, and devise a strategy accordingly.
Bounding volume collision detection with THREE.js - Game development
using box3 and sphere three.js has objects that repre
sent mathematical volumes and shapes — for 3d aabb and bounding spheres we can use the box3 and sphere objects.
...this results in a new box mesh repre
senting the bounding box, which shows the bounding box's shape, and can passed to the previously seen setfromobject method in order to have a bounding box matching the mesh.
GLSL Shaders - Game development
shader types a shader is es
sentially a function required to draw something on the screen.
... the texture shader code now we'll add the texture shader to the code — add the code below to the body's second <script> tag: void main() { gl_fragcolor = vec4(0.0, 0.58, 0.86, 1.0); } this will set an rgba color to recreate the current light blue one — the first three float values (ranging from 0.0 to 1.0) repre
sent the red, green, and blue channels while the fourth one is the alpha transparency (ranging from 0.0 — fully transparent — to 1.0 — fully opaque).
Audio for Web games - Game development
we often need to decide which audio parts are es
sential to our games' experience and which are nice to have but not es
sential, and devise a strategy accordingly.
... mobile workarounds although mobile browsers can pre
sent problems, there are ways to work around the issues detailed above.
Techniques for game development - Game development
this page lists es
sential core techniques for anyone wanting to develop games using open web technologies.
... using async scripts for asm.js especially when creating medium to large-sized games, async scripts are an es
sential technique to take advantage of, so that your game's javascript can be compiled off the main thread and be cached for future game running, resulting in a significant performance improvement for your users.
Gecko FAQ - Gecko Redirect 1
basically, a layout engine takes content (such as html, xml, image files, applets, and so on) and formatting information (such as cascading style sheets, pre
sentational html tags, etc.) and displays the formatted content on the screen.
...gecko enables a pioneering new class of dynamic content that is more interactive and offers greater pre
sentation control to web developers, using open and recommended internet standards instead of proprietary apis.
NaN - MDN Web Docs Glossary: Definitions of Web-related terms
nan (not a number) is a numeric data type that means an undefined value or value that cannot be repre
sented, especially results of floating-point calculations.
... for example, nans can repre
sent infinity, result of division by zero, missing value, or the square root of a negative (which is imaginary, whereas a floating-point number is real).
Packet - MDN Web Docs Glossary: Definitions of Web-related terms
a packet, or network packet, is a formatted chunk of data
sent over a network.
...forward error correction is when the receiver uses the error-correcting code which automatically corrects the errors at the transmitter, the calculation is performed before the packet is
sent.
Quaternion - MDN Web Docs Glossary: Definitions of Web-related terms
a quaternion is the quotient of two 3d vectors and is used in 3d graphics and in accelerometer-based sensors to repre
sent orientation or rotational data.
... while mathematical quaternions are more involved than this, the unit quaternions (or rotational quaternions) used to repre
sent rotation while using webgl or webxr, for example, are repre
sented using the same syntax as a 3d point.
markup - MDN Web Docs Glossary: Definitions of Web-related terms
a markup language is one that is designed for defining and pre
senting text.
... types of markup language pre
sentational markup: used by traditional word processing sytem with wysiwyg (what you see it is what you get); this is hidden from human authors, users and editors.
Assessment: Accessibility troubleshooting - Learn web development
previous overview: accessibility in the assessment for this module, we pre
sent to you a simple site with a number of accessibility issues that you need to diagnose and fix.
... project brief for this project, you are pre
sented with a fictional nature site displaying a "factual" article about bears.
Mobile accessibility - Learn web development
follow any additional on-screen prompts that you are pre
sented with.
...this is commonly repre
sented by a "three horizontal lines" icon, and the design pattern is consequently known as a "hamburger menu".
Accessibility - Learn web development
we have put together a course that includes all the es
sential information you need to work towards your goal.
... assessments accessibility troubleshooting in the assessment for this module, we pre
sent to you a simple site with several accessibility issues that you need to diagnose and fix.
Pseudo-classes and pseudo-elements - Learn web development
:playing matches an element repre
senting an audio, video, or similar resource that is capable of being “played” or “paused”, when that element is “playing”.
... :paused matches an element repre
senting an audio, video, or similar resource that is capable of being “played” or “paused”, when that element is “paused”.
Legacy layout methods - Learn web development
semantic versus “unsemantic” grid systems adding classes to your markup to define layout means that your content and markup becomes tied to your visual pre
sentation.
... the biggest limitation of this system is that it is es
sentially one dimensional.
Multiple-column layout - Learn web development
it es
sentially behaves the same way as content behaves in paged media — such as when you print a webpage.
... at the pre
sent time it is also worth adding the older property page-break-inside: avoid for best browser support.
Using CSS generated content - Learn web development
for details, see 4.4 css style sheet repre
sentation in the css specification.
...for details, see referring to characters not repre
sented in a character encoding and characters and case in the css specification.
Fundamental text and font styling - Learn web development
it repre
sents a worst case scenario where the browser will try to do its best to provide at least a font that looks appropriate.
... text-decoration: sets/unsets text decorations on fonts (you'll mainly use this to unset the default underline on links when styling them.) available values are: none: unsets any text decorations already pre
sent.
Styling text - Learn web development
we have put together a course that includes all the es
sential information you need to work towards your goal.
... guides this module contains the following articles, which will teach you all of the es
sentials behind styling html text content.
Learn to style HTML using CSS - Learn web development
we have put together a course that includes all the es
sential information you need to work towards your goal.
... the aim here is to provide you with a toolkit for writing competent css and help you understand all the es
sential theory, before moving on to more specific disciplines like text styling and css layout.
What are browser developer tools? - Learn web development
in safari, the controls are not so clearly pre
sented, but you should see the html if you haven't selected something else to appear in the window.
... layout: in firefox, this area includes two sections: box model: repre
sents visually the current element's box model, so you can see at a glance what padding, border and margin is applied to it, and how big its content is.
Advanced form styling - Learn web development
in most cases, the effect is to remove the stylized border, which makes css styling a bit easier, but isn't really es
sential.
... we've managed to get the basic look of the boxes looking pretty uniform and consi
sent.
Styling web forms - Learn web development
not all widgets are created equal when css is involved at pre
sent, some difficulties remain when using css with forms.
...we already looked at some simple form styling in your first form, and the css building blocks module contains some useful form styling es
sentials too.
HTML basics - Learn web development
es
sentially, it can now handle any textual content you might put on it.
... marking up text this section will cover some of the es
sential html elements you'll use for marking up the text.
HTML Cheatsheet - Learn web development
they take up only as much width as they need in a page and fit together horizontally like words in a
sentence or books shelved side-by-side in a row.all inline elements can be implemented within the <body></body> tags.
...mportant</strong> i'm important highlight some text <mark>notice me</mark> notice me draw a line through irrelevant text <s>i'm irrelevant</s> i'm irrelevant underline a non-textual annotation this is <u>mispelled</u> this is mispelled text displayed lower than normal text h<sub>2</sub>o h2o small text used to repre
sent the <small>small print </small>of a document used to repre
sent the small print of a document used for an address <address>main street 67</address> main street 67 used for a textual cite <cite>lorem ipsum</cite> lorem ipsum text displayed higher than normal text x<sup>2</sup> x2 a short inline quotation <q>the q element indicates a short ...
Use HTML to solve common problems - Learn web development
to solve pre
sentation issues, use css, or use scripting to make your page interactive.
...it's one of the most complex html structures, and mastering it is not easy: how to create a data table how to make html tables accessible data repre
sentation how to repre
sent numeric and code values with html — see superscript and subscript, and repre
senting computer code.
Introduction to HTML - Learn web development
we have put together a course that includes all the es
sential information you need to work towards your goal.
... document and website structure as well as defining individual parts of your page (such as "a paragraph" or "an image"), html is also used to define areas of your website (such as "the header," "the navigation menu," or "the main content column.") this article looks into how to plan a basic website structure and how to write the html to repre
sent this structure.
Adding vector graphics to the Web - Learn web development
note: the images above are actually all pngs — with the left-hand star in each case repre
senting a raster image, and the right-hand star repre
senting a vector image.
...in fact, you can use any svg pre
sentation attribute as a css property.
From object to iframe — other embedding technologies - Learn web development
ossary on one of your web pages — you could try something like this: <iframe src="https://udn.realityripple.com/docs/glossary" width="100%" height="500" frameborder="0" allowfullscreen sandbox> <p> <a href="https://udn.realityripple.com/docs/glossary"> fallback link for browsers that don't support iframes </a> </p> </iframe> this example includes the basic es
sentials needed to use an <iframe>: allowfullscreen if set, the <iframe> is able to be placed in fullscreen mode using the full screen api (somewhat beyond scope for this article.) frameborder if set to 1, this tells the browser to draw a border between this frame and other frames, which is the default behaviour.
... configure csp directives csp stands for content security policy and provides a set of http headers (metadata
sent along with your web pages when they are served from a web server) designed to improve the security of your html document.
Responsive images - Learn web development
this is es
sentially the same problem, but in a slightly different context.
...so if the device accessing the page has a standard/low resolution display, with one device pixel repre
senting each css pixel, the elva-fairy-320w.jpg image will be loaded (the 1x is implied, so you don't need to include it.) if the device has a high resolution of two device pixels per css pixel or more, the elva-fairy-640w.jpg image will be loaded.
Structuring the web with HTML - Learn web development
we have put together a course that includes all the es
sential information you need to work towards your goal.
... html tables repre
senting tabular data on a webpage in an understandable, accessible way can be a challenge.
Looping code - Learn web development
one small problem we are left with is that the final output
sentence isn't very well-formed: my cats are called bill, jeff, pete, biggles, jasmin, ideally, we want to change the concatenation on the final loop iteration so that we haven't got a comma on the end of the
sentence.
... the same three items are still pre
sent, and they are still defined in the same order as they are in the for loop — this makes sense, as you still have to have an initializer defined before you can check whether it has reached the point where the condition is no longer true; the final-expression is then run after the code inside the loop has run (an iteration has been completed), which will only happen if the condition is still true.
Making decisions in your code — conditionals - Learn web development
human beings (and other animals) make decisions all the time that affect their lives, from small ("should i eat one cookie or two?") to large ("should i stay in my home country and work on my father's farm, or should i move to america and study astrophysics?") conditional statements allow us to repre
sent such decision making in javascript, from the choice that must be made (for example, "one cookie or two"), to the resulting outcome of those choices (perhaps the outcome of "ate one cookie" might be "still felt hungry", and the outcome of "ate two cookies" might be "felt full, but mom scolded me for eating all the cookies".) if...else statements let's look at by far the most common type of con...
...if you help me by going and doing the shopping, i'll give you some extra allowance so you can afford that toy you wanted." in javascript, we could repre
sent this like so: let shoppingdone = false; if (shoppingdone === true) { let childsallowance = 10; } else { let childsallowance = 5; } this code as shown always results in the shoppingdone variable returning false, meaning disappointment for our poor child.
Fetching data from the server - Learn web development
fetch() returns a promise, which resolves to the response
sent back from the server — we use .then() to run some follow-up code after the promise resolves, which is the function we've defined inside it.
...in this case we want to return our response as an image file, and the data format we use for that is blob (the term is an abbreviation of "binary large object" and can basically be used to repre
sent large file-like objects, such as images or video files).
Third-party APIs - Learn web development
find the documentation when you want to use a third party api, it is es
sential to find out where the documentation is, so you can find out what features the api has, how you use them, etc.
... next, we set the articles variable to equal json.response.docs — this is the array holding all the objects that repre
sent the articles returned by the search.
Arrays - Learn web development
converting between strings and arrays often you'll be pre
sented with some raw data contained in a big long string, and you might want to separate the useful items out into a more useful form and then do things to them, like display them in a data table.
...in an animated scene for example, you might have an array of objects repre
senting the background graphics currently displayed, and you might only want 50 displayed at once, for performance or clutter reasons.
Basic math in JavaScript — numbers and operators - Learn web development
useful number methods the number object, an instance of which repre
sents all standard numbers you'll use in your javascript, has a number of useful methods available on it for you to manipulate numbers.
... we don't cover these in detail in this article because we wanted to keep it as a simple introduction and only cover the real basic es
sentials for now; however, once you've read through this module a couple of times it is worth going to the object reference pages and learning more about what's available.
Storing the information you need — Variables - Learn web development
a variable is a container for a value, like a number we might use in a sum, or a string that we might use as part of a
sentence.
...you can have a simple object that repre
sents a box and contains information about its width, length, and height, or you could have an object that repre
sents a person, and contains data about their name, height, weight, what language they speak, how to say hello to them, and more.
Aprender y obtener ayuda - Learn web development
a goal statement it sounds silly, but why not start with a single
sentence that says what you want to achieve?
...factor these es
sential ingredients into your schedule, and make sure you are not doing your learning time instead of these things.
Perceived performance - Learn web development
displaying content, or at least some part of the page with an indication that content is loading, as quickly as possible, is es
sential to improving perceived performance.
...loading es
sential data in initial requests and progressively loading features and data only as needed helps mitigate low bandwidth and lower spec hardware.
Getting started with Ember - Learn web development
the glimmer vm enables extremely fast dom change tracking without the need to manage and diff a cached virtual repre
sentation (which is a common approach to mitigating the slow i/o of dom changes).
... getting started the rest of the ember material you'll find here consists of a multi-part tutorial, in which we'll make a version of the classic todomvc sample app, teaching you how to use the es
sentials of the ember framework along the way.
Framework main features - Learn web development
the following shows a simple jsx example: const subject = "world"; const header = ( <header> <h1>hello, {subject}!</h1> </header> ); this expression repre
sents an html <header> element with a <h1> element inside.
... a react repre
sentation of this authorcredit component might look something like this: function authorcredit(props) { return ( <figure> <img src={props.src} alt={props.alt} /> <figcaption>{props.byline}</figcaption> </figure> ); } {props.src}, {props.alt}, and {props.byline} repre
sent where our props will be inserted into the component.
Componentizing our React app - Learn web development
defining our first component defining a component can seem tricky until you have some practice, but the gist is: if it repre
sents an obvious "chunk" of your app, it's probably a component if it gets reused often, it's probably a component.
...since we have more than one task, an array of objects would work well in repre
senting this data.
Beginning our React todo list - Learn web development
the ui for editing a task is conspicuously ab
sent for now.
... further down, you can find our <ul> element: <ul role="list" classname="todo-list stack-large stack-exception" aria-labelledby="list-heading" > the role attribute helps assistive technology explain what kind of element a tag repre
sents.
Working with Svelte stores - Learn web development
so, to implement a custom store that saves its content to web storage, we will need a writable store that: initially reads the value from web storage, and if it's not pre
sent initializes it with a default value.
...{ writable } from 'svelte/store'; export const localstore = (key, initial) => { // receives the key of the local storage and an initial value const tostring = (value) => json.stringify(value, null, 2) // helper function const toobj = json.parse // helper function if (localstorage.getitem(key) === null) { // item not pre
sent in local storage localstorage.setitem(key, tostring(initial)) // initialize local storage with initial value } const saved = toobj(localstorage.getitem(key)) // convert to object const { subscribe, set, update } = writable(saved) // create the underlying writable store return { subscribe, set: (value) => { localstorage.setitem(key, t...
Creating our first Vue component - Learn web development
previous overview: client-side javascript frameworks next now it's time to dive deeper into vue, and create our own custom component — we'll start by creating a component to repre
sent each item in the todo list.
...note that the component file name and its repre
sentation in javascript is always in upper camel case (e.g.
Getting started with Vue - Learn web development
the first menu you’ll be pre
sented with allows you to choose which features you want to include in your project.
... note: depending on the options you select when creating a new project, there might be other directories pre
sent (for example, if you choose a router, you will also have a views directory).
Implementing feature detection - Learn web development
note how the javascript repre
sentations of those properties that are stored inside the htmlelement.style object use lower camel case, not hyphens, to separate the words.
... flexwrap for the flex-wrap property, which isn't pre
sent in some implementations.
Introduction to cross browser testing - Learn web development
on modern browsers you might get something animated, 3d and shiny, whereas on older browsers you might just get a flat graphic repre
senting the same information.
...it might have already been fixed — for example if a bug is pre
sent in firefox release 49, but it is no longer there in firefox nightly (version 52), then they have fixed it.
Strategies for carrying out testing - Learn web development
virtual machines virtual machines are applications that run on your desktop computer and allow you to run emulations of entire operating systems, each compartmentalized in its own virtual hard drive (often repre
sented by a single large file existing on the host machine's hard drive).
... open the app; you'll be pre
sented with a view like the following: to create a new virtual machine, press the new button in the top left hand corner.
Client-side tooling overview - Learn web development
linters linters are tools that check through your code and tell you about any errors that are pre
sent, what error types they are, and what code lines they are pre
sent on.
... source code control also known as version control systems (vcs), source code control is es
sential for backing work up and working in teams.
Understanding client-side web development tools - Learn web development
we have put together a course that includes all the es
sential information you need to work towards your goal.
...this article provides an introduction to the terminal, the es
sential commands you'll need to enter into it, how to chain commands together, and how to add your own command line interface (cli) tools.
Tools and testing - Learn web development
we have put together a course that includes all the es
sential information you need to work towards your goal.
... understanding client-side javascript frameworks javascript frameworks are an es
sential part of modern front-end web development, providing developers with tried and tested tools for building scalable, interactive web applications.
Mozilla accessibility architecture
for example, they all expose an accessible name, or text repre
sentation, of each object, and they all use an enumerated integer value from a finite list, to expose the role of an object.
...mozilla keeps around its own tree of accessibility objects, which parallels the dom tree, but is not a full repre
sentation.
Embedding API for Accessibility
a zoom factor of 1.0 repre
sents 100%, or normal zoom.
...if we can find a clean way to pre
sent it to the user, this would be extremely useful.
Mozilla's Section 508 Compliance
when an image repre
sents a program element, the information conveyed by the image must also be available in text.
... unknown - needs research (h) when animation is displayed, the information shall be displayable in at least one non-animated pre
sentation mode at the option of the user.
Accessible Toolkit Checklist
get_accrole: get an enumerated value repre
senting what this iaccessible is used for, for example.
... get_accstate: a 32 bit field repre
senting possible on/off states, such as focused, focusable, selected, selectable, visible, protected (for passwords), checked, etc.
Displaying Places information using views
selectplaceuri() causes a particular node repre
sented by the specified placeuri to be selected in the tree.
... the following javascript creates a new placestreeview instance but overrides two of its nsitreeview methods to display columns not pre
sent in the built-in tree view: var view = new placestreeview(); view._getcelltext = view.getcelltext; view.getcelltext = function (arowindex, acol) { // handle our special columns.
Multiple Firefox profiles
the page pre
sents a list of all of your profiles, each beginning with "profile: " followed by its name.
... this will pre
sent the profile manager window in which you can make your selection.
Cross Process Object Wrappers
es
sentially, the problem is this: suppose the content process is busy with some long-running operation (for example, garbage collection).
...suddenly, what looked like a simple property access could block the ui for a noticeable amount of time: there is one scenario, though, in which this is not a problem: when the content process is already blocking on a synchronous message it
sent to the chrome process.
Message manager overview
at the top level, there are two different sorts of message managers: frame message managers: these enable chrome process code to load a script into a browser frame (es
sentially, a single browser tab) in the content process.
... a chromemessagebroadcaster object, which implements the following interfaces: nsiframescriptloader nsimessagelistenermanager nsimessagebroadcaster the window message manager can be accessed as a property of the browser window: // chrome script let windowmm = window.messagemanager; browser message manager the browser message manager is specific to a single xul <browser> element (which es
sentially corresponds to a single tab): loadframescript() loads the given script only into its <browser> sendasyncmessage() sends the message only to that <browser>.
Firefox and the "about" protocol
firefox settings (also available through firefox menu > options) about:privatebrowsing start page when opening a private window about:profiles display and manage firefox profiles about:protections privacy protections report consisting of enhanced tracking protection, firefox monitor and firefox lockwise data about:restartrequired a page users are
sent to when firefox requires a restart due to an update about:reader indicates a web page has firefox reader view turned on.
...(question mark) > troubleshooting information) about:sync-log displays a synchronization protocol related to the sync feature about:telemetry displays telemetry data collected and
sent to mozilla while firefox is running (in case the user enabled telemetry) about:url-classifier displays the status of the url classifier services that firefox uses (for example for safe browsing) about:webrtc information about webrtc usage about:welcome page first displayed when firefox is installed about:welcomeback information page displayed after ...
HTMLIFrameElement.getScreenshot()
parameters maxwidth a number repre
senting the maximum width of the screenshot in device pixels.
... maxheight a number repre
senting the maximum height of the screenshot in device pixels.
mozbrowseropensearch
details the details property returns an anonymous javascript object with the following properties: title a domstring repre
senting the title of the search engine.
... href a domstring repre
senting url of the search engine.
mozbrowserresize
details the details property returns an anonymous javascript object with the following properties: width a number repre
senting the new width of the <iframe> viewport, in device pixels.
... height a number repre
senting the new height of the <iframe> viewport, in device pixels.
mozbrowserscroll
details the details property returns an anonymous javascript object with the following properties: top a number repre
senting the new vertical scroll position of the <iframe> viewport — in css pixels — from the top of the viewport.
... left a number repre
senting the new horizontal scroll position of the <iframe> viewport — in css pixels — from the left of the viewport.
mozbrowserscrollareachanged
details the details property returns an anonymous javascript object with the following properties: width a number repre
senting the new scroll area width of the <iframe> viewport, in css pixels.
... height a number repre
senting the new scroll area height of the <iframe> viewport, in css pixels.
mozbrowserusernameandpasswordrequired
details the details property returns an anonymous javascript object with the following members: host a domstring repre
senting the host requesting the http authentification.
... realm a domstring repre
senting the value of the realm http header.
Chrome-only CSS reference
darktextthe :-moz-lwtheme-darktext pseudo-class matches in chrome documents when :-moz-lwtheme is true and a lightweight theme with a dark text color is selected.::-moz-tree-cellactivated by the properties attribute.::-moz-tree-cell-textactivated by the properties attribute.::-moz-tree-cell-text(hover)the :-moz-tree-cell-text(hover) css pseudo-class will match an element if the mouse cursor is pre
sently hovering over text in a tree cell.::-moz-tree-columnactivated by the properties attribute.::-moz-tree-drop-feedbackactivated by the properties attribute.::-moz-tree-imageactivated by the properties attribute.::-moz-tree-indentationactivated by the properties attribute.::-moz-tree-lineactivated by the properties attribute.::-moz-tree-progressmeteractivated when the type attribute is set to progr...
... ::-moz-tree-rowthe ::-moz-tree-row css pseudo-element is used to select rows and apply styles to tree rows.::-moz-tree-row(hover)the ::-moz-tree-row(hover) css pseudo-class will match an element if the mouse cursor is pre
sently hovering over a tree row.::-moz-tree-separatoractivated by the properties attribute.::-moz-tree-twistyactivated by the properties attribute.css -moz-bool-pref() @supports functionthe -moz-bool-pref() @supports condition is available to gecko chrome and ua stylesheets to check if a boolean preference is enabled.css <display-xul> component</display-xul>firefox supports the following -moz- prefixed xul display values:overflow-clip-boxthe overflow-clip-box css property specifies relative to which box the clipping happens when there is an overflow.
HTML parser threading
each tree op repre
sents a small operation, such as element creation or appending a node into another, that can later be performed on the main thread.
...(aside: it would make more sense to make the parser deal with nsstringbuffers directly without having heap-allocated nsstrings involved.) element names, attribute names and the doctype name are repre
sented as nsiatoms.
Getting from Content to Layout
gecko maintains two separate repre
sentations of a document in memory: the content tree and the frame tree.
... adds and removes frames to make the frame tree a proper repre
sentation of the new content tree.
Internationalized Domain Names (IDN) Support in Mozilla Browsers
the process will convert uppercase characters to lowercase ones (case folding), unify characters with multiple repre
sentation, e.g.
... as an example, an output string to be
sent to a dns server for a japanese domain name, "http://ジェーピーニック.jp", will look like the following in ace form: http://xn--hckqz9bzb1cyrb.jp domain name registration after the technical standards were established by ietf, the last remaining issue was for domain name registrars to agree on an international guideline on the use of idn characters.
Introduction to Layout in Mozilla
overview basic data flow key data structures detailed walk-through incrementalism future tech-talks wrap-up, q&a basic data flow source document arrives via network apis incrementally “pumped” through the single-threaded layout engine parse, compute style, render; repeat css used for rendering all content content theoretically separate from “pre
sentation” key data structures content node elements, attributes, leaves dom frame rectangular formatting primitive geometric information [0..n] per content node 2nd thru nth are “continuations” style context non-geometric information may be shared by adjacent frames reference counted, owned by frame ...
...view clipping, z-order, transparency [0..1] per frame, owned by frame widget native window [0..1] per view, owned by view key data structures the document owns the content model, and one or more pre
sentations exposed programmatically via dom apis the pre
sentation owns the frame hierarchy frames own the style contexts, views, widgets pre
sentation has media type, dimensions, etc.
UpdateCheckListener
void onupdatecheckcomplete( in updateinfo results[] ) parameters results an array of updateinfo objects repre
senting the available add-on versions onupdatecheckerror() called when the update check fails.
... void onupdatecheckerror( in integer status ) parameters status a value repre
senting the type of failure; see the range of possible values.
DownloadList
a downloadlist object repre
sents a collection of download objects that can be viewed and managed by the user interface, and persisted across sessions.
... promise resolves to undefined when the view has been registered and all the ondownloadadded notifications for the existing downloads have been
sent.
DownloadSource
a downloadsource object repre
sents the source of a download, for example a document or an uri.
... referrer read only string referrer uri of the download source, or null if no referrer should be
sent or the download source is not http.
OS.File.Error
error closed() error exists() methods os.file.error.closed() return an error repre
senting the fact that a file is closed.
... os.file.error.exists() return an error repre
senting the fact that a file exists.
Promise
a promise object repre
sents a value that may not be available yet.
... to help with debugging, only when inspecting a promise object manually, you can see more information as special properties that are inaccessible from code (this, at pre
sent, is implemented by randomizing the property name, for the lack of more sophisticated language or debugger support).
Index
here, we'll continue to stay true to the original intent of this guide and only pre
sent you with the technical information you need to become an official release.
... 17 localization sign-off reviews guide, localization, mozilla this article pre
sents an overview of why we do sign-off reviews of localizations, the details on the criteria used for the sign-off reviews, and the process for requesting a review and for following its progress.
Localizing with Mozilla Translator
this will remove obsolete strings and files from the internal database of mt, and will pre
sent you with a list of new and updated strings.
... let's assume you have a firefox product in mt with the directory layout pre
sent in language packs, as you probably would need for a initial localization.
Localizing without a specialized tool
you can do this by typing: cd ../../ where each ".." repre
sents the prior sub directory before the main directory where you want to be.
... you can do this by typing: cd ../../ where each ".." repre
sents the prior sub directory before the main directory where you want to be.
Release phase
here, we'll continue to stay true to the original intent of this guide and only pre
sent you with the technical information you need to become an official release.
... the hg outgoing command compares the two repositories and lists all changesets that are pre
sent locally, but not in the remote repository.
Translation phase
for localizers who prefer localizing without a specialized tool the workflows for localizing mozilla applications and mozilla websites are es
sentially the same.
... productization productization is an es
sential part of localizing mozilla products.
Fonts for Mozilla 2.0's MathML engine
overview mathematical formulas make use of various symbols repre
sented by specific unicode characters.
...if no appropriate font is ultimately found for a given character, mozilla will instead display a box containing the hexadecimal repre
sentation of the unicode code point for the character.
MathML3Testsuite
the pages below contain our current results of the mathml 3 full testsuite for pre
sentation mathml.
... characters blocks symbols variants entitynames numericrefs utf8 general clipboard genattribs math pre
sentation css dynamicexpressions generallayout scriptsandlimits tablesandmatrices tokenelements topics accents bidi elementarymathexamples embellishedop largeop linebreak nesting stretchychars whitespace torturetests errorhandling original document information author(s): frédéric wang other contributors: last updated date: may 26, 2010 copyright information: portions of this conten...
Mozilla DOM Hacking Guide
a function for example can be repre
sented by a jsfunction, a jsobject, a jsval, ...
...they repre
sent special words for the dom.
Mozilla Quirks Mode Behavior
block and inline layout [this quirk is pre
sent in almost standards mode.] line height (not line-height) calculations are different to fix bug 5821 and bug 24186 (some other issues are described in bug 22274).
...if the nowrap attribute is pre
sent the cell width will never be smaller than the specified fixed width (bug 277232).
Gecko Profiler FAQ
how to go from a web-page to a micro-benchmark which is repre
sentative of the web-page?
... [mstange] in my opinion, as long as you double-check that the problems you find are actually pre
sent on windows, it doesn’t matter much what platform you find them on.
TraceMalloc
build/dist/minefield.app/contents/macos/firefox --trace-malloc /dev/null --shutdown-leaks=sdleak.log # convert raw log to text repre
sentation of call trees perl source/tools/trace-malloc/diffbloatdump.pl --depth=15 --use-address /dev/null sdleak.log > sdleak.tree.raw # frobulate trees to remove extraneous junk perl source/tools/rb/fix-macosx-stack.pl sdleak.tree.raw > sdleak.tree you can also use the leakstats program to analyze a log for shutdown leaks.
...however, despite that, it is probably the easiest way to determine what leak roots are pre
sent.
L20n Javascript API
this array (with defaultlocale appended to it if it is not already pre
sent) will be used to negotiate the fallback chain for the user.
... context.translationerror, when the translation is pre
sent but broken in one of supported locales; the context instance will try to retrieve a fallback translation from the next locale in the fallback chain, parser.error, when l20n is unable to parse the syntax of a resource; this might result in entities being broken which in turn can lead to above error being emitted.
Localization Use Cases
in all pre
sented examples, we try to show the existing code, explain the problem from the localizers' or developers' perspective, and suggest a solution.
...used like so: // application storage updateappfreespace: function storage_updateappfreespace() { var self = this; this.getfreespace(this.appstorage, function(freespace) { devicestoragehelper.showformatedsize(self.appstoragedesc, 'availablesize', freespace); }); }, problem definition for all values of freespace, the following string is enough to construct a grammatically-correct
sentence in english: availablesize = {{$size}} {{$unit}} available however, other languages might need to pluralize this string with different forms of the available adjective.
I/O Types
directory type file descriptor types file info types network address types types used with socket options functions type used with memory-mapped i/o offset interpretation for seek functions directory type prdir file descriptor types nspr repre
sents i/o objects, such as open files and sockets, by file descriptors of type prfiledesc.
...each layer is repre
sented by a prfiledesc structure, and the prfiledesc structures for the layers are chained together.
PLHashEntry
syntax #include <plhash.h> typedef struct plhashentry plhashentry; description plhashentry is a structure that repre
sents an entry in the hash table.
... an entry has a key and a value, repre
sented by the following fields in the plhashentry structure.
PRLinger
the pr_sockopt_linger socket option, with a value repre
sented by a structure of type prlinger, makes it possible to change this default as follows: if polarity is set to pr_false, pr_close returns immediately, but if there are any data remaining in the socket send buffer, the runtime attempts to deliver the data to the peer.
...that is, if any data remains in the socket send buffer, pr_close blocks until either all the data is
sent and acknowledged by the peer or the interval specified by linger expires.
PRNetAddr
description the union prnetaddr repre
sents a network address.
...(note that prnetaddr does not have the length field that is pre
sent in struct sockaddr_in on some unix platforms.) the macros pr_af_inet, pr_af_inet6, pr_inaddr_any, pr_inaddr_loopback are defined if prio.h is included.
PRSocketOptionData
type for structure used with pr_getsocketoption and pr_setsocketoption to specify options for file descriptors that repre
sent sockets.
... linger time to linger on close if data are pre
sent in socket send buffer.
PRTime
a repre
sentation of absolute times.
... syntax #include <prtime.h> typedef print64 prtime; description this type is a 64-bit integer repre
senting the number of microseconds since the nspr epoch, midnight (00:00:00) 1 january 1970 coordinated universal time (utc).
PRTimeParameters
a repre
sentation of time zone information.
...the prtimeparameters structure repre
sents the local time zone information in terms of the offset (in seconds) from gmt.
PR_Accept
syntax #include <prio.h> prfiledesc* pr_accept( prfiledesc *fd, prnetaddr *addr, printervaltime timeout); parameters the function has the following parameters: fd a pointer to a prfiledesc object repre
senting the rendezvous socket on which the caller is willing to accept new connections.
... returns the function returns one of the following values: upon successful acceptance of a connection, a pointer to a new prfiledesc structure repre
senting the newly accepted connection.
PR_Bind
syntax #include <prio.h> prstatus pr_bind( prfiledesc *fd, const prnetaddr *addr); parameters the function has the following parameters: fd a pointer to a prfiledesc object repre
senting a socket.
... addr a pointer to a prnetaddr object repre
senting the address to which the socket will be bound.
PR_FindSymbol
pr_findsymbol() will return an untyped reference to a symbol in a particular library given the identity of the library and a textual repre
sentation of the symbol in question.
... name a textual repre
sentation of the symbol to resolve.
PR_GetSocketOption
syntax #include <prio.h> prstatus pr_getsocketoption( prfiledesc *fd, prsocketoptiondata *data); parameters the function has the following parameters: fd a pointer to a prfiledesc object repre
senting the socket whose options are to be retrieved.
...on input, the option field of this structure must be set to indicate which socket option to retrieve for the socket repre
sented by the fd parameter.
PR_GetSpecialFD
gets the file descriptor that repre
sents the standard input, output, or error stream.
... returns if the id parameter is valid, pr_getspecialfd returns a file descriptor that repre
sents the corresponding standard i/o stream.
PR_MemMap
syntax #include <prio.h> void* pr_memmap( prfilemap *fmap, print64 offset, pruint32 len); parameters the function has the following parameters: fmap a pointer to the file-mapping object repre
senting the file to be memory-mapped.
... description pr_memmap maps a section of the file repre
sented by the file mapping fmap to memory.
PR_NormalizeTime
for example, if you have a ] object that repre
sents the date 3 march 1998 and you want to say "forty days from 3 march 1998", you can simply add 40 to the tm_mday field and then call pr_normalizetime().
...for example, if the input argument time is in time zone a and the input argument params repre
sents time zone b, when pr_normalizetime() returns, time will be in time zone b.
PR_PushIOLayer
syntax #include <prio.h> prstatus pr_pushiolayer( prfiledesc *stack, prdescidentity id, prfiledesc *layer); parameters the function has the following parameters: stack a pointer to a prfiledesc object repre
senting the stack.
... layer a pointer to a prfiledesc object repre
senting the new layer to be added to the stack.
PR_ReadDir
skip the directory entry "." repre
senting the current directory.
...skip the directory entry ".." repre
senting the parent directory.
Function_Name
syntax #include <headers.h> returntype function_name( paramtype paramname, paramtype paramname, ); parameters paramname sample: in pointer to a certcertdbhandle repre
senting the certificate database to look in paramname sample: in pointer to an secitem whose type must be sidercertbuffer and whose data contains a der-encoded certificate description long description of this function, what it does, and why you would use it.
... returns full description of the return value, for example: a pointer to a certcertificate repre
senting the certificate in the database that matched the dercert, or null if none was found.
CERT_FindCertByDERCert
syntax #include <cert.h> certcertificate *cert_findcertbydercert( certcertdbhandle *handle, secitem *dercert ); parameters handle in pointer to a certcertdbhandle repre
senting the certificate database to look in dercert in pointer to an secitem whose type must be sidercertbuffer and whose data contains a der-encoded certificate description this function looks in the ?nsscryptocontext?
... returns a pointer to a certcertificate repre
senting the certificate in the database that matched the dercert, or null if none was found.
CERT_FindCertByIssuerAndSN
syntax #include <cert.h> certcertificate *cert_findcertbyissuerandsn ( certcertdbhandle *handle, certissuerandsn *issuerandsn ); parameters handle in pointer to a certcertdbhandle repre
senting the certificate database to look in issuerandsn in pointer to a certissuerandsn that must be properly formed to contain the issuer name and the serial number (see [example]) description this function creates a certificate key using the issuerandsn and it then uses the key to find the matching certificate in the database.
... returns a pointer to a certcertificate repre
senting the certificate in the database that matched the issuer and serial number, or null if none was found.
HTTP delegation
one might expect the api defines a simple function that accepts the uri and data to be
sent, and returns the result data.
...in addition, during an application session with ocsp enabled, a large number of ocsp requests might have to be
sent.
HTTP delegation
one might expect the api defines a simple function that accepts the uri and data to be
sent, and returns the result data.
...in addition, during an application session with ocsp enabled, a large number of ocsp requests might have to be
sent.
NSS_3.12_release_notes.html
bug 416928: der decode error on this policy extension bug 375019: cache-enable pkix_ocspchecker_check bug 391454: libpkix does not honor nss's override trust flags bug 403682: cert_pkixverifycert never succeeds bug 324744: add generation of policy extensions to certutil bug 390973: add long option names to secu_parsecommandline bug 161326: need api to convert dotted oid format to/from octet repre
sentation bug 376737: cert_importcerts routinely sets valid_peer or valid_ca override trust flags bug 390381: libpkix rejects cert chain when root ca cert has no basic constraints bug 391183: rename libpkix error string number type to pkix error number types bug 397122: nss 3.12 alpha treats a key3.db with no global salt as having no password bug 405966: unknown signature oid 1.3.14.3.2.29 causes sec_...
...bug 420979: vfychain ignores -b time option when -p option is pre
sent bug 403563: implement the tls session ticket extension (ste) bug 400917: want exported function that outputs all host names for dns name matching bug 315643: test_buildchain_resourcelimits won't build bug 353745: klocwork null ptr dereference in pkcs12 decoder bug 338367: the gf2m_populate and gfp_populate should check the eccurve_map array index bounds before use bug 201139: ssltap should displa...
NSS 3.15 release notes
in secpkcs7.h sec_pkcs7verifydetachedsignatureattime - verifies a pkcs#7 signature at a specific time other than the pre
sent time.
... new types in secitem.h secitemarray - repre
sents a variable-length array of secitems.
nss tech note4
pulling certificate extension information out of ssl certificates nss technical note: 4 note: this document contains code snippets that focus on es
sential aspects of the task and often do not illustrate all the cleanup that needs to be done.
... background on cert extensions an extension has the following attributes object id (oid) : a unique oid repre
sents an algorithm, a mechanism, a piece of information, etc.
nss tech note5
note: this document contains code snippets that focus on es
sential aspects of the task and often do not illustrate all the cleanup that needs to be done.
... secstatus rv = pk11_extractkeyvalue(symkey); secitem *keydata = pk11_getkeydata(symkey); generating a persistent symmetric key secitem keyid; ck_mechanism_type ciphermech = ckm_aes_cbc_pad; keyid.data = /* ptr to an array of bytes repre
senting the id of the key to be generated */; keyid.len = /* length of the array of bytes */; /* keysize must be 0 for fixed key-length algorithms like des...
nss tech note7
data types nss uses the following data types to repre
sent keys: seckeypublickey: a public key, defined in "keythi.h".
...at pre
sent 1024 bit and 2048 bit rsa keys are the most common and recommended.
NSS Tools sslstrength
the hostname argument must be pre
sent.
...the argument to the ciphers command is a string of characters, where each single character repre
sents a cipher.
PKCS #11 Module Specs
a single line, terminated by a '\n', '\r\n', or '\r' repre
sents a single pkcs #11 library.
... if the library is not specified, the line repre
sents some application specific meta configuration data.
PKCS11 Implement
if the ckf_removable_device flag is set, nss also calls c_getslotinfo whenever it looks up slots to make sure the token is pre
sent.
...if the ckf_removable_device flag is not set, the ckf_token_pre
sent flag must be set, or else nss marks the slot as bad and will never use it.
NSS functions
3.4 and later pk11_initpin mxr 3.2 and later pk11_isfips mxr 3.2 and later pk11_isdisabled mxr 3.4 and later pk11_isfriendly mxr 3.2 and later pk11_ishw mxr 3.2 and later pk11_isinternal mxr 3.2 and later pk11_ispre
sent mxr 3.2 and later pk11_isreadonly mxr 3.2 and later pk11_isremovable mxr 3.12 and later pk11_ivfromparam mxr 3.2 and later pk11_keygen mxr 3.2 and later pk11_linkgenericobject mxr 3.9.2 and later pk11_listcerts mxr 3.2...
...and later secmod_freemodulespeclist mxr 3.4 and later secmod_getdbmodulelist mxr 3.9 and later secmod_getdeadmodulelist mxr 3.9 and later secmod_getmodulespeclist mxr 3.4 and later secmod_hasremovableslots mxr 3.9.3 and later secmod_ismodulepre
sent mxr 3.2 and later secmod_loadmodule mxr 3.4 and later secmod_loadusermodule mxr 3.4 and later secmod_lookupslot mxr 3.2 and later secmod_pubcipherflagstointernal mxr 3.4 and later secmod_pubmechflagstointernal mxr 3.4 and later sec...
NSS tools : ssltab
data
sent from the client to the server is in blue; the server's reply is in red.
...data
sent from the client to the server is surrounded by the following symbols: --> [ data ] data
sent from the server to the client is surrounded by the following symbols: "left arrow"-- [ data ] the raw data stream is
sent to standard output and is not interpreted in any way.
NSS tools : ssltap
data
sent from the client to the server is in blue; the server's reply is in red.
...data
sent from the client to the server is surrounded by the following symbols: --> [ data ] data
sent from the server to the client is surrounded by the following symbols: "left arrow"-- [ data ] the raw data stream is
sent to standard output and is not interpreted in any way.
ssltyp.html
<a name="> many of the structures pre
sented here (certcertdbhandle, certcertificate, pk11slotinfo, and seckeyprivatekey) are opaque--that is, they are types defined as structures (for example, certcertdbhandlestr) that may change in future releases of network security services.
... pk11slotinfo an opaque structure repre
senting a physical or logical pkcs #11 slot.
NSS Tools certutil
the key database should already exist; if one is not pre
sent, this option will initialize one by default.
...the certificate database should already exist; if one is not pre
sent, this option will initialize one by default.
NSS Tools sslstrength
the hostname argument must be pre
sent.
...the argument to the ciphers command is a string of characters, where each single character repre
sents a cipher.
NSS tools : ssltap
data
sent from the client to the server is in blue; the server's reply is in red.
...data
sent from the client to the server is surrounded by the following symbols: --> [ data ] data
sent from the server to the client is surrounded by the following symbols: "left arrow"-- [ data ] the raw data stream is
sent to standard output and is not interpreted in any way.
Creating JavaScript jstest reftests
if your test needs to use browser-specific features, either: make the test silently pass if those features aren't pre
sent; or write a mochitest instead (preferred); or at the top of the test, add the comment // skip-if(xulruntime.shell), so that it only runs in the browser.
... if your test needs to use shell-specific features, like gc(), either: make the test silently pass if those features aren't pre
sent; or make it a jit-test (so that it never runs in the browser); or at the top of the test, add the comment // skip-if(!xulruntime.shell), so that it only runs in the shell.
Bytecode Descriptions
implements: topropertykey, except that if the result would be the string repre
sentation of some integer in the range 0..2^31, we push the corresponding int32 value instead.
...format: jof_elem, jof_propinit, jof_ic hole stack: ⇒ hole push magicvalue(js_elements_hole), repre
senting an elision in an array literal (like the missing property 0 in the array [, 1]).
Bytecodes
background spidermonkey bytecodes are the canonical form of code repre
sentation that is used in the javascript engine.
...bytecode listing all opcodes are annotated with a [-popcount, +pushcount] to repre
sent the overall stack-effects their execution.
Statistics API
compartment_count: integer - the number of compartments that were pre
sent in the system at the end of the gc.
... nonincremental_reason: string - a string repre
senting the reason that an incremental gc was aborted or forced to finish in a single slice.
JIT Optimization Strategies
consider the following constructor: function point(x, y) { this.x = x; this.y = y; } if only integers are ever stored in the x and y properties, then the instances of point will be repre
sented in an "unboxed" mode - with the property values stored as raw 4-byte values within the object.
... consider the following constructor: function point(x, y) { this.x = x; this.y = y; } if only integers are ever stored in the x and y properties, then the instances of point will be repre
sented in an "unboxed" mode - with the property values stored as raw 4-byte values within the object.
JS::FalseValue
this article covers features introduced in spidermonkey 24 create a js::value that repre
sents the javascript value false.
... syntax js::value js::falsevalue() description js::falsevalue creates a js::value that repre
sents the javascript value false.
JS::NullHandleValue
this article covers features introduced in spidermonkey 24 the js::value that repre
sents the javascript value null.
... syntax const js::handlevalue js::nullhandlevalue; description js::nullhandlevalue is a js::handlevalue constant that repre
sents the javascript value null.
JS::NullValue
this article covers features introduced in spidermonkey 24 create a js::value that repre
sents the javascript value null.
... syntax js::value js::nullvalue(); description js::nullvalue creates a js::value that repre
sents the javascript value null.
JS::TrueHandleValue
this article covers features introduced in spidermonkey 38 the js::value that repre
sents the javascript value true.
... syntax const js::handlevalue js::truehandlevalue; const js::handlevalue js::falsehandlevalue; description js::truehandlevalue and js::falsehandlevalue are js::handlevalue constants that repre
sent the javascript values true and false.
JS::TrueValue
this article covers features introduced in spidermonkey 24 create a js::value that repre
sents the javascript value true.
... syntax js::value js::truevalue() description js::truevalue creates a js::value that repre
sents the javascript value true.
JS::UndefinedHandleValue
this article covers features introduced in spidermonkey 24 the js::value that repre
sents the javascript value undefined.
... syntax const js::handlevalue js::undefinedhandlevalue; description js::undefinedhandlevalue is a js::handlevalue constant that repre
sents the javascript value undefined.
JS::UndefinedValue
this article covers features introduced in spidermonkey 24 create a js::value that repre
sents the javascript value undefined.
... syntax js::value js::undefinedvalue(); description js::undefinedvalue creates a js::value that repre
sents the javascript value undefined.
JSErrorFormatString
this article covers features introduced in spidermonkey 17 repre
sent error message and type.
... description jserrorformatstring is a struct to repre
sent error message and type, returned by js_reporterrornumber function.
JSVAL_IS_DOUBLE
determines if a given jsval is a number repre
sented as a jsdouble.
... syntax jsval_is_double(v) description jsval_is_double(v) is true if v is a number repre
sented in memory as a jsdouble.
JSVAL_NULL
the jsval that repre
sents the javascript value null.
... syntax jsval_null description jsval_null is a jsval constant that repre
sents the javascript value null.
JSVAL_TRUE
jsval constants that repre
sent the javascript values true and false.
... syntax jsval_true jsval_false description jsval_true and jsval_false are jsval constants that repre
sent the javascript boolean values, true and false.
JSVAL_VOID
the jsval that repre
sents the javascript value undefined.
... syntax jsval_void description jsval_void is a jsval constant that repre
sents the javascript value undefined.
JS_AlreadyHasOwnProperty
this article covers features introduced in spidermonkey 1.8 determine whether a property is already physically pre
sent on a jsobject.
...for native objects—objects whose properties are stored in the default data structure provided by spidermonkey—these functions simply check that data structure to see if the specified field is pre
sent.
JS_ConvertArguments
a jsfunction repre
sents only the compiled code and not the environment of the function.
...if an asterisk (*) is pre
sent in format, it tells the conversion routine to skip converting the current argument.
JS_GetPositiveInfinityValue
description js_getpositiveinfinityvalue returns a js::value that repre
sents an ieee floating-point positive infinity.
... infinities are typically used to repre
sent numbers that are greater in magnitude than the greatest repre
sentable finite values.
JS_InitClass
classes can have methods and properties that are pre
sent on all instances.
... they can also have methods and properties that are only pre
sent on the constructor; these are called "static methods" and "static properties" because they serve the same purpose and use the same syntax as static methods and fields in java.
JS_VersionToString
returns a string repre
sentation of a jsversion value.
... description js_versiontostring attempts to convert the version to a const char * string repre
sentation.
SpiderMonkey 31
many jsapi types, functions, and callback signatures have changed, though most functions that have changed still have the same names and implement es
sentially unchanged functionality.
... it is not required to call js_shutdown at pre
sent, but it is strongly recommended: calling it may be required in a future spidermonkey release.
TPS Tests
the tps extension verifies that all bookmarks in the bookmarks_initial list are pre
sent.
...the tps extension verifies that the bookmarks in bookmarks_after_first_modify list are pre
sent; i.e., all the changes performed in profile2 have successfully been synced to profile1.
Web Replay
constraints are used for when messages may be
sent between the middleman and child process, ensuring that the middleman process cannot send a message at a time when the child process may be rewinding.
... here are the main differences: explicit commands must be
sent to the debugger to control execution.
Mozilla Projects
necko necko is a network library that provides a platform-independent api for several layers of networking, ranging from transport to pre
sentation layers.
...the core language does not define any graphical repre
sentation - that is expected to be defined by the tools that integrate zest.
Animated PNG graphics
it must appear before the 'idat' or 'fdat' chunks of the frame to which it applies, specifically: for the default image, if a 'fctl' chunk is pre
sent it must appear before the first 'idat' chunk.
... if the png 'phys' chunk is pre
sent, the apng images and their x_offset and y_offset values must be scaled in the same way as the main image.
History Service Design
old history system was instead only storing first and last visit date, and a generic visits counter, creating some problem due to the impossibility to repre
sent real history flow in a timeframe.
... every visit is identified by its visit date, and a visit type (also known as transition type) that repre
sents how we have come to that page (typed, click, redirect, bookmark, etc.).
The Publicity Stream API
missing required properties) finally, the publicizeactivity() function will throw an exception if required arguments are missing, or if unsupported arguments are pre
sent.
...possible error codes include: denied - if the user does not log in correctly permissiondenied - if the site is not allowed to access the publicity stream networkerror - if the publicity server is unreachable for_apps is a json list of apps that this store has (each repre
sented as its origin url), so that stream events not relating to applications in a given pre
sentation context can be excluded from the return value.
Creating the Component Code
starting from the outside in, onion peel view of xpcom component creation repre
sents the sequence for constructing an xpcom object.
...an nsifile object is usually a file or directory on a local volume, but it may repre
sent something on a network volume as well.
Finishing the Component
when you want to download a file using necko, for example, all you probably have is a string that repre
sents the uri of the file.
...you can of course improve this backend in many ways, but this example pre
sents the basic creation of what is commonly referred to as a "browser helper object" like weblock.
Setting up the Gecko SDK
when you extract the sdk, it should have the layout seen below: layout of the extracted sdk the directories repre
sent different modules in the sdk.
...microsoft studio creates a new project per your specification and pre
sents you with the standard project view.
Using XPCOM Components
the cookie manager dialog shows user interface[cookie-manager-ui] that is pre
sented to the user in mozilla for working with the cookiemanager component.
... xpconnect allows interface methods defined via xpidl to be called from javascript, as part of javascript objects that repre
sent instances of components like the cookiemanager.
Components.classesByID
each property repre
sents one of the classes of xpcom components that can be constructed or accessed as an xpcom service.
... components.classesbyid is exactly like components.classes except that the elements are indexed by the canonical form of their cid, and does not only repre
sent the component classes that have been registered with the component manager using a contractid, but also those registered using a plain cid.
xpcshell
$ locate run-mozilla.sh /usr/lib/firefox-0.10.1/run-mozilla.sh /usr/lib/thunderbird-0.9/run-mozilla.sh /usr/local/mozilla/run-mozilla.sh /opt/mozilla/run-mozilla.sh /root/.trash/mozilla/run-mozilla.sh just pick one, cd over there, and run-mozilla.sh xpcshell, if it's pre
sent.
...it should be executed under the window command prompt source_directory/obj-xxxxx/dist/bin> xpcshell.exe using the latest version of javascript at pre
sent, xpcshell doesn't use the latest version of javascript, so newer language features, such as the let statement introduced in javascript 1.7, are not available.
Core XPCOM functions
ns_newlocalfilethe ns_newlocalfile function creates an instance of nsilocalfile that provides a platform independent repre
sentation of a file path.ns_newnativelocalfilethe ns_newnativelocalfile function creates an instance of nsilocalfile that provides a platform independent repre
sentation of a file path.ns_reallocreallocates a block of memory using the xpcom memory manager.ns_shutdownxpcomthe ns_shutdownxpcom function terminates use of xpcom in the calling process.nsresultthe nsresult data type is a strongly-typed enum ...
...used to repre
sent a value returned by an xpcom function; these are typically error or status codes.
IAccessibleImage
other-licenses/ia2/accessibleimage.idlnot scriptable this interface repre
sents images and icons.
... 1.0 66 introduced gecko 1.9 inherits from: iunknown last changed in gecko 1.9 (firefox 3) this interface is used for a repre
sentation of images like icons on buttons.
IAccessibleTable2
cell if both row and column index are valid then the corresponding accessible object is returned that repre
sents the requested cell regardless of whether the cell is currently visible (on the screen).
...[propget] hresult summary( [out] iunknown accessible ); parameters accessible returns a reference to an implementation dependent accessible object repre
senting the table's summary or a null pointer if the table does not support a summary.
imgIEncoder
pruint32 height, in pruint32 stride, in pruint32 inputformat, in astring outputoptions); void startimageencode(in pruint32 width, in pruint32 height, in pruint32 inputformat, in astring outputoptions); constants possible values for input format (note that not all image formats support saving alpha channels): constant value description input_format_rgb 0 input is rgb each pixel is repre
sented by three bytes: r, g, and b (in that order, regardless of host endianness) input_format_rgba 1 input is rgb each pixel is repre
sented by four bytes: r, g, and b (in that order, regardless of host endianness).
... post-multiplied alpha us used (for example 50% transparent red is 0xff000080) input_format_hostargb 2 input is host-endian argb: on big-endian machines each pixel is therefore argb, and for little-endian machiens (intel) each pixel is bgra (this is used by canvas to match it's internal repre
sentation) pre-multiplied alpha is used (that is, 50% transparent red is 0x80800000, not 0x80ff0000) possible values for outputoptions.
inIDOMUtils
value state 1 :active 2 :focus 4 :hover 8 :-moz-drag-over 16 :target 1<<29 :-moz-focusring methods getbindingurls() returns an array of nsiuri objects repre
senting the current xml binding for the specified element.
... return value an array of nsiuri objects repre
senting the current xbl binding (if any) for the element and its hierarchy of base bindings.
jsdIStackFrame
isdebugger boolean true if stack frame repre
sents a frame created as a result of a debugger evaluation.
... isnative boolean true if stack frame repre
sents a native frame.
mozIStorageAggregateFunction
javascript // first, create our object that will repre
sent our function.
...let stmt = dbconn.createstatement("select stddev(value) from some_table"); try { while (stmt.executestep()) { // handle the results } } finally { stmt.reset(); } c++ // first, create our class that will repre
sent our function.
mozIStorageFunction
// first, create our object that will repre
sent our function.
...let stmt = dbconn.createstatement("select square(value) from some_table"); try { while (stmt.executestep()) { // handle the results } } finally { stmt.reset(); } c++ // first, create our class that will repre
sent our function.
mozIStorageStatement
asqlstatement string key repre
senting the sql statement.
... return value an autf8string repre
senting the parameter name for the specified index.
nsIAccessibleEditableText
void pastetext( in long position ); parameters position the offset at which to insert the text from the system clipboard into the text repre
sented by this object.
... settextcontents() replaces the text repre
sented by this object with the given text.
nsIAccessibleEvent
gecko 1.9.2 note this event is never
sent in versions of gecko prior to 1.9.2, even though the constant existed.
... event_page_changed 0x005a 0x0056 a slide changed in a pre
sentation document or a page boundary was crossed in a word processing document.
nsIAccessibleHyperLink
note: the link itself is repre
sented by one embedded character within the parent text, so the endindex should be startindex + 1.
...note: in the case of an image map there is more than one link repre
sented by this accessible.
nsIAccessibleRelation
note: the label and description (see relation_described_by) relations may be used to prevent redundant information from being pre
sented by the screen reader, since the label and description can occur both on their own, and in the name or description fields of an nsiaccessible.
... note: the label (see relation_labelled_by) and description relations may be used to prevent redundant information from being pre
sented by the screen reader, since the label and description can occur both on their own, and in the name or description fields of an nsiaccessible.
nsIAuthPrompt2
overview nsicancelable asyncpromptauth(in nsichannel achannel, in nsiauthpromptcallback acallback, in nsisupports acontext, in pruint32 level, in nsiauthinformation authinfo); boolean promptauth(in nsichannel achannel, in pruint32 level, in nsiauthinformation authinfo); constants constant value description level_none 0 the password will be
sent unencrypted.
... level_pw_encrypted 1 password will be
sent encrypted, but the connection is otherwise insecure.
nsICacheService
a cache session repre
sents a client's access into the cache.
... streambased indicates whether or not the data being cached can be repre
sented as a stream.
nsIChannel
securityinfo nsisupports transport-level security information (if any, else null) corresponding to the channel, normally pre
sented through the interfaces nsitransportsecurityinfo and nsisslstatusprovider read only.
... if the nsirequest object passed to the stream listener's methods is not this channel, an appropriate onchannelredirect notification needs to be
sent to the notification callbacks before onstartrequest is called.
nsIClipboardDragDropHooks
session the drag session from which client can get the flavors pre
sent or the actual data.
...oncopyordrag() alters the flavors or data pre
sented to the os.
nsICommandLine
toolkit/components/commandlines/public/nsicommandline.idlscriptable repre
sents the command line used to invoke a xul application.
...this is, es
sentially, a helper method that combines findflag() and removearguments() into one operation.
nsIContentSecurityPolicy
void refinepolicy( in astring policystring, in nsiuri selfuri ); parameters policystring selfuri scanrequestdata() called after the content security policy object is created to fill in the appropriate request and request header information needed in case a report needs to be
sent.
...the uri may be null, in which case "self" is
sent.
nsIContentViewManager
methods getcontentviewsin() returns an array of nsicontentview objects repre
senting all of the content views that intersect with the specified rectangle in the browser.
... aresult on return, an array of nsicontentview objects repre
senting the content views in the specified rectangle.
nsICookie2
(where 0 does not repre
sent a session cookie).
... rawhost autf8string the host (possibly fully qualified) of the cookie, without a leading dot to repre
sent if it is a domain cookie.
nsICookieService
depending on the data value, either an nsicookie2 interface pointer repre
senting the cookie object that changed, or an nsiarray of nsicookie2 objects.
... an nsiuri interface pointer repre
senting the uri that attempted to set the cookie.
nsIDOMFileException
the nsidomfileexception interface repre
sents exceptions that can be raised by calls to the methods in the nsidomfile interface.
... note: gecko's implementation of this interface pre
sently differs from the working draft of the file api specification.
nsIDOMFontFaceList
layout/inspector/public/nsidomfontfacelist.idlscriptable a list of nsidomfontface objects, each repre
senting a single font face.
... return value an nsidomfontface object repre
senting a single font face.
nsIDOMStorageEventObsolete
dom/interfaces/storage/nsidomstorageeventobsolete.idlscriptable this interface repre
sents an event that occurs to notify interested parties about changes to the contents of a dom storage space; it is used for both session storage and local storage.
... void initstorageevent(in domstring typearg, in boolean canbubblearg, in boolean cancelablearg, in domstring keyarg, in domstring oldvaluearg, in domstring newvaluearg, in domstring urlarg, in nsidomstorage storageareaarg); attributes attribute type description domain domstring the domain of the storage area which changed, or "#session" if the event repre
sents a change to session storage.
nsIDOMWindow
it repre
sents a single window object that may contain child windows if the document in the window contains an html frameset document, or if the document contains iframe elements.
...1.0 repre
sents normal (unzoomed) size.
nsIDOMXPathEvaluator
nsidomxpathexpression createexpression( in domstring expression, in nsidomxpathnsresolver resolver ); parameters expression a string repre
senting the xpath to be created.
...nsisupports evaluate( in domstring expression, in nsidomnode contextnode, in nsidomxpathnsresolver resolver, in unsigned short type, in nsisupports result ); parameters expression a string repre
senting the xpath to be evaluated.
nsIEditor
the selection controller for the current pre
sentation.
... shell obsolete since gecko 5.0 the nsipresshellptr repre
senting the pre
sentation shell displaying the document.
nsIExternalProtocolService
if neither the application nor the os knows about a handler for the protocol, the object this method returns will repre
sent a default handler for unknown content.
...this parameter may be ultimately passed nsiuriloader.openuri() in the case of a web handler, and awindowcontext is null or not pre
sent, web handlers will fail.
nsIFaviconService
adataurl string containing a data url that repre
sents the contents of the favicon to save.
...this means that you should try to set data first if you have it, otherwise the page might not get a notification
sent for it since data setting does not send notifications.
nsIFrameScriptLoader
frame scripts are es
sentially per-tab, so they don't get reloaded when the user navigates.
...if pre
sent and set to true, this flag switches off that behavior, meaning that the script's scope is shared with any other frame scripts in the same frame that have also set the flag.
nsIHTMLEditor
if aanonclass is not the empty string, it becomes the value of the attribute "_moz_anonclass" nsidomelement createanonymouselement( in astring atag, in nsidomnode aparentnode, in astring aanonclass, in boolean aiscreatedhidden ); parameters atag a string repre
senting the desired type of the element to create.
...all object in the current selection are scanned and their attributes are repre
sented in a list of property object.
nsIHttpUpgradeListener
asocketin the nsiasyncinputstream object repre
senting the input stream for data coming from the server over the socket connection.
... asocketout the nsiasyncoutputstream object repre
senting the out stream for sending data to the server over the socket.
nsIJetpackService
method overview nsijetpack createjetpack(); methods createjetpack() this method creates a new jetpack process and returns an nsijetpack interface that repre
sents it.
...return value an nsijetpack interface repre
senting the remote process.
nsIJumpListBuilder
each list is made up of an array of nsiwinjumplistitems repre
senting items such as shortcuts, links, and separators.
...a task can be repre
sented by an application shortcut and associated command line parameters or a uri.
nsILocale
intl/locale/idl/nsilocale.idlscriptable repre
sents one locale, which can be used for things like sorting text strings and formatting numbers, dates and times.
...astring getcategory( in astring category ); parameters category a string repre
senting the category to retrieve the locale for.
nsILocaleService
return value a nsilocale repre
senting the given locale.
... return value a nsilocale repre
senting the given locale.
nsILoginManagerPrompter
if the user con
sents, modifylogin() will be called.
...if the user con
sents, modifylogin() will be called.
nsIMemoryReporterManager
registermultireporter() requests that memory multi-reporter notifications be
sent to the specified objects.
... registerreporter() requests that memory reporter notifications be
sent to the specified objects.
nsIMsgDBHdr
setting this property will probably result in an inconsistent database repre
sentation, so only internal database code should set this attribute.
...if setting this value, outer angle brackets will be stripped if pre
sent.
nsINavHistoryResultNode
obsolete since gecko 2.0 tags astring for uri nodes, this is a sorted list of the tags, delimited with commans, for the uri repre
sented by this node.
... uri autf8string the uri of the resource repre
sented by the node.
nsIPlacesView
for example, the repre
sentation of selection differs between trees, menus, and other such lists.
...each inner array repre
sents a contiguous range of nodes that can be removed.
nsIPrefService
return value nsiprefbranch - the object repre
senting the requested branch.
... return value nsiprefbranch - the object repre
senting the requested default branch.
nsIPrincipal
caps/nsiprincipal.idlscriptable provides the interface to a principal, which repre
sents a security context.
... subjectname a name identifying the entity the principal repre
sents; this may be an empty string.
nsIPrintingPrompt
void showprintdialog( in nsiwebbrowserprint webbrowserprint, in nsiprintsettings printsettings ); parameters webbrowserprint repre
sents the document to be printed.
... void showprogress( in nsiwebbrowserprint webbrowserprint, in nsiprintsettings printsettings, in nsiobserver opendialogobserver, in boolean isforprinting, out nsiwebprogresslistener webprogresslistener, out nsiprintprogressparams printprogressparams, out boolean notifyonopen ); parameters webbrowserprint repre
sents the document to be printed.
nsIPushService
messages
sent to system subscriptions are broadcasted to all push-message observers.
... scope fired when a push message is
sent to a system subscription.
nsIPushSubscription
pushcount long long the total number of messages
sent to this subscription.
... lastpush long long the last time a message was
sent to this subscription, in milliseconds since the epoch.
nsISelection2
void getrangesforinterval( in nsidomnode beginnode, in print32 beginoffset, in nsidomnode endnode, in print32 endoffset, in prbool allowadjacent, out pruint32 resultcount, [retval, array, size_is(resultcount)] out nsidomrange results ); parameters beginnode beginoffset endnode endoffset these four parameters repre
sent the range to compare against the selection.
... native code only!getrangesforintervalcomarray void getrangesforintervalcomarray( in nsidomnode beginnode, in print32 beginoffset, in nsidomnode endnode, in print32 endoffset, in prbool allowadjacent, in rangearray results ); parameters beginnode beginoffset endnode endoffset these four parameters repre
sent the range to compare against the selection.
nsISmsService
void send(in domstring number, in domstring message, in long requestid, [optional] in unsigned long long processid); methods createsmsmessage() [implicit_jscontext] nsidommozsmsmessage createsmsmessage( in long id, in domstring delivery, in domstring sender, in domstring receiver, in domstring body, in jsval timestamp, in bool read ); parameters id a number repre
senting the id of the message.
... delivery a domstring which can either be "received" or "
sent" and is repre
senting the way the sms was delivered.
nsISupportsVoid
inherits from: nsisupportsprimitive last changed in gecko 1.0 method overview string tostring(); attributes attribute type description data voidptr this attribute provides access to the native type repre
sented by the object.
...return value a string valued repre
sentation of the object.
nsIToolkitProfileService
return value an nsitoolkitprofile object repre
senting the newly-created profile.
... return value an nsiprofilelock object repre
senting the locked directory.
nsITransferable
to create an instance, use: var transferable = components.classes["@mozilla.org/widget/transferable;1"] .createinstance(components.interfaces.nsitransferable); it's important to note that a flavor, which specifies a type of data the transferable supports, is repre
sented by a null-terminated string indicating the mime type of the format supported by the flavor.
... methods adddataflavor() adds a new data flavor, indicating that this transferable can receive the type of data repre
sented by the specified flavor string.
nsIUpdateItem
objectsource astring returns a js object source repre
senting an nsiupdateitem.
... constants item type constants constants repre
senting types of update checks.
nsIUpdatePatch
toolkit/mozapps/update/nsiupdateservice.idlscriptable an interface that describes an object repre
senting a patch file that can be downloaded and applied to a version of this application so that it can be updated.
... type astring the type of patch repre
sented by the object: "partial" a binary difference between two application versions.
nsIUpdatePrompt
nged in gecko 1.8 (firefox 1.5 / thunderbird 1.5 / seamonkey 1.0) method overview void checkforupdates(); void showupdateavailable(in nsiupdate update); void showupdatedownloaded(in nsiupdate update, [optional] in boolean background); void showupdateerror(in nsiupdate update); void showupdatehistory(in nsidomwindow parent); void showupdateinstalled(); methods checkforupdates() pre
sents a user interface that checks for and displays the available updates.
...background optional an optional parameter that, if provided and true, pre
sents a less-obtrusive, non-modal notification alert.
nsIUpdateTimerManager
1.0 66 introduced gecko 1.8 inherits from: nsisupports last changed in gecko 1.8 (firefox 1.5 / thunderbird 1.5 / seamonkey 1.0) method overview void registertimer(in astring id, in nsitimercallback callback, in unsigned long interval); methods registertimer() pre
sents a user interface that checks for and displays the available updates.
... in order to avoid having to instantiate a component to call the registertimer() method, the component can instead register an update-timer category with comma-separated values as a single string repre
senting the timer, like this: _xpcom_categories: [{ category: "update-timer", value: "contractid," + "method," + "id," + "preference," + "interval" }], this allows you to schedule the timer without actually having to instantiate the component; instead, the com...
nsIWebBrowserPersist
persist_flags_force_allow_cookies 65536 force relevant cookies to be
sent with this load even if normally they wouldn't be.
... acachekey an object repre
senting the uri in the cache or nsnull.
nsIWebContentHandlerRegistrar
title the title of the handler pre
sented to the user as a string.
... title the title of the handler pre
sented to the user as a string.
nsIWebProgressListener
constant value description state_restoring 0x01000000 this flag indicates that the state transition corresponds to the start or stop of activity for restoring a previously-rendered pre
sentation.
... as such, there is no actual network activity associated with this request, and any modifications made to the document or pre
sentation when it was originally loaded will still be pre
sent.
nsIWebSocketListener
ports acontext, in acstring amsg); void onmessageavailable(in nsisupports acontext, in autf8string amsg); void onserverclose(in nsisupports acontext, in unsigned short acode, in autf8string areason); void onstart(in nsisupports acontext); void onstop(in nsisupports acontext, in nsresult astatuscode); methods onacknowledge() called to acknowledge a message
sent via nsiwebsocketchannel.sendmsg() or nsiwebsocketchannel.sendbinarymsg().
...no additional messages through onmessageavailable(), onbinarymessageavailable()() or onacknowledge()() will be delievered to the listener after onserverclose() is called, but outgoing messages can still be
sent through the nsiwebsocketchannel connection.
nsIWindowWatcher
.getservice(components.interfaces.nsiwindowwatcher); var win = ww.openwindow(null, "chrome://myextension/content/about.xul", "aboutmyextension", "chrome,centerscreen", null); note: versions of gecko before gecko 2.0 would ignore some of the chrome flags when opening a chrome window without an opener window, instead behaving as if the "all" flag was pre
sent.
...aobserver should implement an observe method, which will be called with the following parameters: asubject - the window being opened or closed,
sent as an nsisupports which can be nsisupports.queryinterface() (queryinterfaced) to an nsidomwindow.
XPCOM Interface Reference
tchijsdebuggeramiinstallcallbackamiinstalltriggeramiwebinstallinfoamiwebinstalllisteneramiwebinstallpromptamiwebinstallerimgicacheimgicontainerimgicontainerobserverimgidecoderimgidecoderobserverimgiencoderimgiloaderimgirequestinidomutilsjsdistackframemoziasyncfaviconsmoziasynchistorymozicoloranalyzermozijssubscriptloadermozipersonaldictionarymoziplaceinfomoziplacesautocompletemoziregistrymozirepre
sentativecolorcallbackmozispellcheckingenginemozistorageaggregatefunctionmozistorageasyncstatementmozistoragebindingparamsmozistoragebindingparamsarraymozistoragecompletioncallbackmozistorageconnectionmozistorageerrormozistoragefunctionmozistoragependingstatementmozistorageprogresshandlermozistorageresultsetmozistoragerowmozistorageservicemozistoragestatementmozistoragestatementcallbackmozistoragestat...
...onsolemessagensiconsoleservicensicontainerboxobjectnsicontentframemessagemanagernsicontentprefnsicontentprefcallback2nsicontentprefobservernsicontentprefservicensicontentprefservice2nsicontentsecuritypolicynsicontentsniffernsicontentviewnsicontentviewmanagernsicontentviewernsicontrollernsicontrollersnsiconverterinputstreamnsiconverteroutputstreamnsicookiensicookie2nsicookieacceptdialognsicookiecon
sentnsicookiemanagernsicookiemanager2nsicookiepermissionnsicookiepromptservicensicookieservicensicookiestoragensicrashreporternsicryptohmacnsicryptohashnsicurrentcharsetlistenernsicyclecollectorlistenernsidbchangelistenernsidbfolderinfonsidnslistenernsidnsrecordnsidnsrequestnsidnsservicensidomcanvasrenderingcontext2dnsidomchromewindownsidomclientrectnsidomdesktopnotificationnsidomdesktopnotificationce...
Getting Started Guide
a good place to learn about the basic rules and reasoning behind com is in es
sential com by don box.
...in each case, you are es
sentially extracting the raw pointer value for your own purpose.
Testing Mozilla code
the first part will focus on the modern and robust way of static-analysis and the second part will pre
sent the build-time static-analysis.debugging mozilla with valgrindthis page describes how to use valgrind (specifically, its memcheck tool) to find memory errors.firefox and address sanitizeraddress sanitizer (asan) is a fast memory error detector that detects use-after-free and out-of-bound bugs in c/c++ programs.
... fuzzing interfacethe fuzzing interface is glue code living in mozilla-central in order to make it easier for developers and security researchers to test c/c++ code with either libfuzzer or afl-fuzz.measuring code coverage on firefoxcode coverage es
sentially is about measuring how often certain lines are hit, branches taken or conditions met in a program, given some test that you run on it.
Address Book examples
assuming you have the uri, then use the address book manager to get an nsiabdirectory repre
senting the address book: let abmanager = components.classes["@mozilla.org/abmanager;1"] .getservice(components.interfaces.nsiabmanager); let oneaddressbook = abmanager.getdirectory(addressbookuri); how do i search for a particular contact property (name, email)?
...as this is a system address book, there is only one address book repre
sented, and therefore a new address book dialog does not make sense.
Index
84 demo addon this demo add-on has been created by jonathan protzenko for his pre
sentation at mozcamp 2011.
... 95 access window missing, thunderbird the window object repre
sents the window of the thunderbird application as well as the currently opened tabs.
Mail and RDF
here is an example of how this might be set up: in this tree-style repre
sentation of an rdf graph, i've made arcs italic and resources bold.
... the calling chain es
sentially looks like this: registration: folder datasource registers itself with the mail session as a folder listener rdf template registers itself with the datasource as a content observer.
libmime content type handlers
pizzarro <rhp@netscape.com> contents overview api's plugin location/installation sample content type handler plugin overview the libmime module implements a general-purpose mime parser and one of the primary methods provided by the parser is the ability to emit an html repre
sentation of an input stream.
...the primary * purpose of these handlers will be to repre
sent the attached data in a * viewable html format that is useful for the user * * note: these will all register by their content type prefixed by the * following: mimecth:text/vcard * * libmime will then use nscomponentmanager::contractidtoclsid() to * locate the appropriate content type handler */ #ifndef nsimimecontenttypehandler_h_ #define nsimimecontenttypehan...
Using popup notifications
popup notifications, also known as "doorhanger notifications", are pre
sented to notify the user of something that's important but may not need immediate attention.
... accesskey: "1", callback: function() { alert("first secondary option selected."); } }, { label: "second secondary option", accesskey: "2", callback: function() { alert("second secondary option selected."); } } ] ); when this notification is pre
sented, and the user clicks on the menu button in the panel, the display looks like this: when the user chooses one of your secondary actions from the drop-down menu, the corresponding callback is invoked.
Using C struct and pointers
intertype(ctypes.void_t) }, { "str": ctypes.pointertype(ctypes.char) }, { "buff_size": ctypes.size_t }, { "i": ctypes.int }, { "f": ctypes.float }, { "c": ctypes.char } ]); here we are using the structtype() factory method of the ctypes object to create a ctype object that repre
sents the c struct named st_t.
... the call to structtype() returns a ctype object, and we then apply the new operator to it to create a specific instance of this newly defined type - a javascript repre
sentation of the c struct.
Using Objective-C from js-ctypes
this message can be
sent using the objc_msgsend function, and its variants, which are declared in /usr/include/objc/message.h.
... * blocks are regular objective-c objects in obj-c, and can be
sent messages; * thus block instances need are creted using the core.wrapid() function.
Type conversion
struct.v = "xx"; // throws error var mystruct = ctypes.structtype("mystructtype", [ { "v": ctypes.int16_t } ])(); mystruct.v = 0x41; console.log(mystruct.v.tostring()); // 65 mystruct.v = true; console.log(mystruct.v.tostring()); // 1 mystruct.v = "x"; // throws error integer/float types are implicitly convertible if any data of source type could be repre
sentable in the target type.
...es.void_t, [ctypes.char.ptr]); var myfunc = myfunctype.ptr(function(v) { console.log(v.tostring()); }); myfunc("abcde"); // 'ctypes.char.ptr(ctypes.uint64("0x101d1d680"))' myfunc(int32array([1, 2, 3])); // 'ctypes.char.ptr(ctypes.uint64("0x103b7ffe0"))' array types target type source converted value ctypes.char.array(n) js string (only if utf8 repre
sentation fits to the array) null-terminated utf8 string ctypes.signed_char.array(n) ctypes.unsigned_char.array(n) ctypes.char16_t.array(n) js string (only if fits to the array) null-terminated utf16 string any array types js array (only if array length is same) convert each element implicitly any array types any arraybuffer object...
Library
the library object repre
sents a native library loaded by the ctypes open() method.
... return value a functiontype cdata object repre
senting the declared api.
3D view - Firefox Developer Tools
when you click on the 3d view button, the page goes into 3d view mode; in this mode, you can see your page pre
sented in a 3d view in which nested blocks of html are increasingly "tall," projecting outward from the bottom of the page.
... by clicking and dragging the view, you can rotate and re-orient the 3d pre
sentation of the dom hierarchy of your page to see it from different angles, to better examine its structure.
Dominators - Firefox Developer Tools
in this system the heap is repre
sented as one or more graphs.
... each node in the graph repre
sents an object, and each connection between nodes (edge) repre
sents a reference from one object to another.
Network request details - Firefox Developer Tools
version: the http version used transferred: the amount of data transferred with the request the referrer policy, which governs which referrer information,
sent in the referer header, should be included with requests.
... cookies tab this tab lists full details of any cookies
sent with the request or response: as with headers, you can filter the list of cookies displayed.
Allocations - Firefox Developer Tools
each row repre
sents a function in which at least one allocation-sample was taken during the recording.
...at the top level, these are always the same, since the view pre
sents "leaf" functions at the top level (that is, it pre
sents an inverted view of the call stack).
Intensive JavaScript - Firefox Developer Tools
then there are three solid blocks of orange, repre
senting javascript execution, one for each time we pressed the button.
...the orange blocks appear one frame apart, and each one repre
sents one of the functions called from requestanimationframe().
Cookies - Firefox Developer Tools
when you select an origin inside the cookies storage type from the storage tree, all the cookies pre
sent for that origin will be listed in a table.
...same-site cookies allow servers to mitigate the risk of csrf and information leakage attacks by asserting that a particular cookie should only be
sent with requests initiated from the same registrable domain.
IndexedDB - Firefox Developer Tools
when you select an origin inside the indexed db storage type in the storage tree of the storage inspector, a table lists the details of all the databases pre
sent for that origin.
... indexes — array of indexes pre
sent in the object store as shown below.
Taking screenshots - Firefox Developer Tools
the command has the following optional parameters: command type description --clipboard boolean when pre
sent, this parameter will cause the screenshot to be copied to the clipboard.
... --file boolean when pre
sent, the screenshot will be saved to a file, even if other options (e.g.
Web Console Helpers - Firefox Developer Tools
if you don't supply a filename, the image file will be named with the following format: screen shot yyy-mm-dd at hh.mm.ss.png the command has the following optional parameters: command type description --clipboard boolean when pre
sent, this parameter will cause the screenshot to be copied to the clipboard.
... --file boolean when pre
sent, the screenshot will be saved to a file, even if other options (e.g.
The JavaScript input interpreter - Firefox Developer Tools
if you don't supply a filename, the image file will be named: screen shot yyy-mm-dd at hh.mm.ss.png the command has the following optional parameters: command type description --clipboard boolean when pre
sent, this parameter will cause the screenshot to be copied to the clipboard.
... --file boolean when pre
sent, the screenshot will be saved to a file, even if other options (e.g.
AesCtrParams - Web APIs
the aesctrparams dictionary of the web crypto api repre
sents the object that should be passed as the algorithm parameter into subtlecrypto.encrypt(), subtlecrypto.decrypt(), subtlecrypto.wrapkey(), or subtlecrypto.unwrapkey(), when using the aes-ctr algorithm.
... es
sentially: the nonce should ensure that counter blocks are not reused from one message to the next, while the counter should ensure that counter blocks are not reused within a single message.
AnalyserNode.fftSize - Web APIs
the fftsize property of the analysernode interface is an unsigned long value and repre
sents the window size in samples that is used when performing a fast fourier transform (fft) to get frequency domain data.
... syntax var curvalue = analysernode.fftsize; analysernode.fftsize = newvalue; value an unsigned integer, repre
senting the window size of the fft, given in number of samples.
AnalyserNode.getByteFrequencyData() - Web APIs
each item in the array repre
sents the decibel value for a specific frequency.
...for example, for 48000 sample rate, the last item of the array will repre
sent the decibel value for 24000 hz.
AnalyserNode.getFloatFrequencyData() - Web APIs
each item in the array repre
sents the decibel value for a specific frequency.
...for example, for 48000 sample rate, the last item of the array will repre
sent the decibel value for 24000 hz.
AnalyserNode.maxDecibels - Web APIs
the maxdecibels property of the analysernode interface is a double value repre
senting the maximum power value in the scaling range for the fft analysis data, for conversion to unsigned byte/float values — basically, this specifies the maximum value for the range of results when using getfloatfrequencydata() or getbytefrequencydata().
... syntax var curvalue = analysernode.maxdecibels; analysernode.maxdecibels = newvalue; value a double, repre
senting the maximum decibel value for scaling the fft analysis data, where 0 db is the loudest possible sound, -10 db is a 10th of that, etc.
AnalyserNode.minDecibels - Web APIs
the mindecibels property of the analysernode interface is a double value repre
senting the minimum power value in the scaling range for the fft analysis data, for conversion to unsigned byte/float values — basically, this specifies the minimum value for the range of results when using getfloatfrequencydata() or getbytefrequencydata().
... syntax var curvalue = analysernode.mindecibels; analysernode.mindecibels = newvalue; value a double, repre
senting the minimum decibel value for scaling the fft analysis data, where 0 db is the loudest possible sound, -10 db is a 10th of that, etc.
AnalyserNode.smoothingTimeConstant - Web APIs
the smoothingtimeconstant property of the analysernode interface is a double value repre
senting the averaging constant with the last analysis frame.
... if 0 is set, there is no averaging done, whereas a value of 1 means "overlap the previous and current buffer quite a lot while computing the value", which es
sentially smoothes the changes across analysernode.getfloatfrequencydata/analysernode.getbytefrequencydata calls.
AnimationEvent() - Web APIs
the animationevent() constructor returns a newly created animationevent, repre
senting an event in relation with an animation.
... type a domstring repre
senting the name of the type of the animationevent.
AnimationPlaybackEvent.currentTime - Web APIs
the currenttime read-only property of the animationplaybackevent interface repre
sents the current time of the animation that generated the event at the moment the event is queued.
... value a number repre
senting the current time in milliseconds, or null.
AnimationPlaybackEvent.timelineTime - Web APIs
the timelinetime read-only property of the animationplaybackevent interface repre
sents the time value of the animation's timeline at the moment the event is queued.
... value a number repre
senting the current time in milliseconds, or null.
AudioBufferSourceNode.detune - Web APIs
the detune property of the audiobuffersourcenode interface is a k-rate audioparam repre
senting detuning of oscillation in cents.
... syntax var source = audioctx.createbuffersource(); source.detune.value = 100; // value in cents note: though the audioparam returned is read-only, the value it repre
sents is not.
AudioBufferSourceNode - Web APIs
the audiobuffersourcenode interface is an audioscheduledsourcenode which repre
sents an audio source consisting of in-memory audio data, stored in an audiobuffer.
... audiobuffersourcenode.detune is a k-rate audioparam repre
senting detuning of playback in cents.
AudioContext.baseLatency - Web APIs
the baselatency read-only property of the audiocontext interface returns a double that repre
sents the number of seconds of processing latency incurred by the audiocontext passing an audio buffer from the audiodestinationnode — i.e.
... syntax var baselatency = audioctx.baselatency; value a double repre
senting the base latency in seconds.
AudioContext.createMediaStreamDestination() - Web APIs
the createmediastreamdestination() method of the audiocontext interface is used to create a new mediastreamaudiodestinationnode object associated with a webrtc mediastream repre
senting an audio stream, which may be stored in a local file or
sent to another computer.
...this stream can be used in a similar way as a mediastream obtained via navigator.getusermedia — it can, for example, be
sent to a remote peer using the rtcpeerconnection addstream() method.
AudioDestinationNode - Web APIs
the audiodestinationnode interface repre
sents the end destination of an audio graph in a given context — usually the speakers of your device.
... example there is no complex set up for using an audiodestinationnode — by default, this simply repre
sents the output of the user's system (e.g.
AudioNode.channelCountMode - Web APIs
the channelcountmode property of the audionode interface repre
sents an enumerated value describing the way channels must be matched between the node's inputs and outputs.
... syntax var oscillator = audioctx.createoscillator(); oscillator.channelcountmode = 'explicit'; value a enumerated value repre
senting a channelcountmode.
AudioNode.channelInterpretation - Web APIs
the channelinterpretation property of the audionode interface repre
sents an enumerated value describing the meaning of the channels.
... syntax var oscillator = audioctx.createoscillator(); oscillator.channelinterpretation = 'discrete'; value an enumerated value repre
senting a channelinterpretation.
AudioParam.exponentialRampToValueAtTime() - Web APIs
syntax var audioparam = audioparam.exponentialramptovalueattime(value, endtime) parameters value a floating point number repre
senting the value the audioparam will ramp to by the given time.
... endtime a double repre
senting the exact time (in seconds) after the ramping starts that the changing of the value will stop.
AudioParam.linearRampToValueAtTime() - Web APIs
syntax var audioparam = audioparam.linearramptovalueattime(value, endtime) parameters value a floating point number repre
senting the value the audioparam will ramp to by the given time.
... endtime a double repre
senting the exact time (in seconds) after the ramping starts that the changing of the value will stop.
AudioParam.setValueAtTime() - Web APIs
syntax var audioparam = audioparam.setvalueattime(value, starttime) parameters value a floating point number repre
senting the value the audioparam will change to at the given time.
... starttime a double repre
senting the time (in seconds) after the audiocontext was first created that the change in value will happen.
AudioScheduledSourceNode.onended - Web APIs
this event is
sent to the node when the concrete interface (such as audiobuffersourcenode, oscillatornode, or constantsourcenode) determines that it has stopped playing.
... the ended event is only
sent to a node configured to loop automatically when the node is stopped using its stop() method.
AudioWorkletNode() - Web APIs
the audioworkletnode() constructor creates a new audioworkletnode object, which repre
sents an audionode that uses a javascript function to perform custom audio processing.
... name a string, which repre
sents the name of the audioworkletprocessor this node will be based on.
AudioWorkletProcessor.process - Web APIs
if there's no automation happening during the time repre
sented by the current block, the array may contain a single value that is constant for the entire block, instead of 128 identical values.
...put.foreach(channel => { for (let i = 0; i < channel.length; i++) { // generate random value for each sample // math.random range is [0; 1); we need [-1; 1] // this won't include exact 1 but is fine for now for simplicity channel[i] = (math.random() * 2 - 1) * // the array can contain 1 or 128 values // depending on if the automation is pre
sent // and if the automation rate is k-rate or a-rate (parameters['customgain'].length > 1 ?
AuthenticatorResponse - Web APIs
authenticatorassertionresponse authenticatorattestationresponse properties authenticatorresponse.clientdatajson a json string in an arraybuffer, repre
senting the client data that was passed to credentialscontainer.create() or credentialscontainer.get().
... examples getting an authenticatorassertionresponse var options = { challenge: new uint8array([/* bytes
sent from the server */]) }; navigator.credentials.get({ "publickey": options }) .then(function (credentialinfoassertion) { var assertionresponse = credentialinfoassertion.response; // send assertion response back to the server // to proceed with the control of the credential }).catch(function (err) { console.error(err); }); getting an authenticatorattestationresponse var publickey = { challenge: /* from the server */, rp: { name: "example corp", id : "login.example.com" }, user: { id: new uint8array(16), name: "jdoe@example.com", displayname: "john doe" }, pubkeycredparams: [ { type: "public-key", ...
BaseAudioContext.createBuffer() - Web APIs
numofchannels an integer repre
senting the number of channels this buffer should have.
... length an integer repre
senting the size of the buffer in sample-frames (where each sample-frame is the size of a sample in bytes multiplied by numofchannels).
BaseAudioContext.destination - Web APIs
the destination property of the baseaudiocontext interface returns an audiodestinationnode repre
senting the final destination of all audio in the context.
... it often repre
sents an actual audio-rendering device such as your device's speakers.
BasicCardRequest - Web APIs
properties basiccardrequest.supportednetworks optional secure context an optional array of domstrings repre
senting the card networks that the retailer supports (e.g.
... basiccardrequest.supportedtypes optional secure context this obsolete property was used to provide an optional array of domstrings repre
senting the card types that the retailer supports (e.g.
Beacon API - Web APIs
however, ensuring that the data is
sent during the unloading of a document is something that has traditionally been difficult for developers.
... not only do these techniques repre
sent poor coding patterns, some of them are unreliable and result in the perception of poor page load performance for the next navigation.
BiquadFilterNode.Q - Web APIs
the q property of the biquadfilternode interface is an a-rate audioparam, a double repre
senting a q factor, or quality factor.
... syntax var audioctx = new audiocontext(); var biquadfilter = audioctx.createbiquadfilter(); biquadfilter.q.value = 100; note: though the audioparam returned is read-only, the value it repre
sents is not.
BiquadFilterNode.detune - Web APIs
the detune property of the biquadfilternode interface is an a-rate audioparam repre
senting detuning of the frequency in cents.
... syntax var audioctx = new audiocontext(); var biquadfilter = audioctx.createbiquadfilter(); biquadfilter.detune.value = 100; note: though the audioparam returned is read-only, the value it repre
sents is not.
BiquadFilterNode.frequency - Web APIs
the frequency property of the biquadfilternode interface is a k-rate audioparam, a double repre
senting a frequency in the current filtering algorithm measured in hertz (hz).
... syntax var audioctx = new audiocontext(); var biquadfilter = audioctx.createbiquadfilter(); biquadfilter.frequency.value = 3000; note: though the audioparam returned is read-only, the value it repre
sents is not.
BiquadFilterNode.gain - Web APIs
the gain property of the biquadfilternode interface is a a-rate audioparam, a double repre
senting the gain used in the current filtering algorithm.
... syntax var audioctx = new audiocontext(); var biquadfilter = audioctx.createbiquadfilter(); biquadfilter.gain.value = 25; note: though the audioparam returned is read-only, the value it repre
sents is not.
BlobEvent - Web APIs
the blobevent interface repre
sents events associated with a blob.
... blobevent.data read only a blob repre
senting the data associated with the event.
Bluetooth.referringDevice - Web APIs
the bluetooth.referringdevice attribute of the bluetooth interface returns a bluetoothdevice if the current document was opened in response to an instruction
sent by this device and null otherwise.
... syntax bluetooth.referringdevice value a bluetoothdevice, if the document was opened in response to an instruction
sent by this device and null otherwise.
BluetoothDevice - Web APIs
the bluetoothdevice interface of the web bluetooth api repre
sents a bluetooth device inside a particular script execution environment.
... bluetoothdevice.deviceclass read only a number repre
senting the bluetooth devices "class of device".
BluetoothRemoteGATTService - Web APIs
the bluetoothremotegattservice interface of the web bluetooth api repre
sents a service provided by a gatt server, including a device, a list of referenced services, and a list of the characteristics of this service.
... bluetoothremotegattservice.uuidread only returns a domstring repre
senting the uuid of this service.
CSS.registerProperty() - Web APIs
syntax optional a domstring repre
senting the expected syntax of the defined property.
... initialvalue optional a domstring repre
senting the initial value of the defined property.
CSSConditionRule - Web APIs
an object implementing the cssconditionrule interface repre
sents a single condition css at-rule, which consists of a condition and a statement block.
...it has one specific property: cssconditionrule.conditiontext repre
sents the text of the condition of the rule.
CSSImageValue - Web APIs
the cssimagevalue interface of the css typed object model api repre
sents values for properties that take an image, for example background-image, list-style-image, or border-image-source.
... the cssimagevalue object repre
sents an <image> that involves an url, such as url() or image(), but not linear-gradient() or element() .
CSSKeyframeRule - Web APIs
the csskeyframerule interface describes an object repre
senting a set of style for a given keyframe.
...it has two specific properties: csskeyframe.keytext repre
sents the key of the keyframe, like '10%', '75%'.
CSSKeyframesRule - Web APIs
the csskeyframesrule interface describes an object repre
senting a complete set of keyframes for a css animation.
...it has two properties : csskeyframesrule.name repre
sents the name of the animation, used by the animation-name property.
CSSMathValue - Web APIs
the cssmathvalue interface of the css typed object model api a base class for classes repre
senting complex numeric values.
... cssmathinvert cssmathmax cssmathmin cssmathnegate cssmathproduct cssmathsum properties cssmathvalue.operator indicates the operator that the current subtype repre
sents.
CSSMediaRule - Web APIs
the cssmediarule interface repre
sents a single css @media rule.
...it has the following specific property: cssmediarule.media read only specifies a medialist repre
senting the intended destination medium for style information.
CSSPageRule - Web APIs
csspagerule is an interface repre
senting a single css @page rule.
...it has the following specific properties: csspagerule.selectortext repre
sents the text of the page selector associated with the at-rule.
CSSPrimitiveValue.primitiveType - Web APIs
the primitivetype read-only property of the cssprimitivevalue interface repre
sents the type of a css value.
... syntax type = cssprimitivevalue.primitivetype; value an unsigned short repre
senting the type of the value.
CSSPrimitiveValue.setFloatValue() - Web APIs
syntax cssprimitivevalue.setfloatvalue(unittype, floatvalue); parameters unittype an unsigned short repre
senting the code for the unit type, in which the value should be returned.
... floatvalue a float repre
senting the new float value.
CSSPrimitiveValue.setStringValue() - Web APIs
syntax cssprimitivevalue.setstringvalue(stringtype, stringvalue); parameters stringtype an unsigned short repre
senting the type of the value.
... stringvalue a domstring repre
senting the new string value.
CSSPseudoElement - Web APIs
the csspseudoelement interface repre
sents a pseudo-element that may be the target of an event or animated using the web animations api.
...(a style rule may be needed to add quotation marks in older browsers.) the example below demonstrates the basic properties of the csspseudoelement object repre
senting the opening quotation mark.
CSSRule - Web APIs
the cssrule interface repre
sents a single css rule.
... properties common to all cssrule instances cssrule.csstext repre
sents the textual repre
sentation of the rule, e.g.
CSSStyleDeclaration.getPropertyPriority() - Web APIs
syntax var priority = style.getpropertypriority(property); parameters property is a domstring repre
senting the property name to be checked.
... return value priority is a domstring that repre
sents the priority (e.g.
CSSStyleDeclaration - Web APIs
the cssstyledeclaration interface repre
sents an object that is a css declaration block, and exposes style information and various style-related methods and properties.
... attributes cssstyledeclaration.csstext textual repre
sentation of the declaration block.
CSSStyleRule - Web APIs
cssstylerule repre
sents a single css style rule.
... properties cssstylerule.selectortext returns the textual repre
sentation of the selector for this rule, e.g.
CSSUnitValue.CSSUnitValue() - Web APIs
the cssunitvalue() constructor creates a new cssunitvalue object which returns a new cssunitvalue object which repre
sents values that contain a single unit type.
... for example, "42px" would be repre
sented by a cssnumericvalue.
CSSUnitValue - Web APIs
the cssunitvalue interface of the css typed object model api repre
sents values that contain a single unit type.
... for example, "42px" would be repre
sented by a cssnumericvalue.
CSSUnparsedValue - Web APIs
the cssunparsedvalue interface of the css typed object model api repre
sents property values that reference custom properties.
... custom properties are repre
sented by cssunparsedvalue and var() references are repre
sented using cssvariablereferencevalue.
CSSValue.cssText - Web APIs
the csstext property of the cssvalue interface repre
sents the current computed css property value.
... syntax csstext = cssvalue.csstext; value a domstring repre
senting the current css property value.
CSSValue.cssValueType - Web APIs
the cssvaluetype read-only property of the cssvalue interface repre
sents the type of the current computed css property value.
... syntax cssvaluetype = cssvalue.cssvaluetype; value an unsigned short repre
senting a code defining the type of the value.
CSSValueList.item() - Web APIs
the order in this collection repre
sents the order of the values in the css style property.
... syntax var cssvalue = cssvaluelist.item(index); parameters index an unsigned long repre
senting the index of the css value within the collection.
CSSValueList.length - Web APIs
the length read-only property of the cssvaluelist interface repre
sents the number of cssvalues in the list.
... syntax var length = cssvaluelist.length; value an unsigned long repre
senting the number of cssvalues.
CSSValueList - Web APIs
cssvaluelist.lengthread only an unsigned long repre
senting the number of cssvalues in the list.
...the order in this collection repre
sents the order of the values in the css style property.
CanvasCaptureMediaStreamTrack - Web APIs
the canvascapturemediastreamtrack interface repre
sents the video track contained in a mediastream being generated from a <canvas> following a call to htmlcanvaselement.capturestream().
... canvascapturemediastreamtrack.requestframe() manually forces a frame to be captured and
sent to the stream.
CanvasPattern - Web APIs
the canvaspattern interface repre
sents an opaque object describing a pattern, based on an image, a canvas, or a video, created by the canvasrenderingcontext2d.createpattern() method.
... canvaspattern.settransform() applies an svgmatrix or dommatrix repre
senting a linear transform to the pattern.
CanvasRenderingContext2D.setTransform() - Web APIs
the older type consists of several parameters repre
senting the individual components of the transformation matrix to set: a (m11) horizontal scaling.
... the newer type consists of a single parameter, matrix, repre
senting a 2d transformation matrix to set (technically, a dommatrixinit object; any object will do as long as it contains the above components as properties).
Basic usage of canvas - Web APIs
if this tag is not pre
sent, the rest of the document would be considered the fallback content and wouldn't be displayed.
... var canvas = document.getelementbyid('tutorial'); var ctx = canvas.getcontext('2d'); the first line in the script retrieves the node in the dom repre
senting the <canvas> element by calling the document.getelementbyid() method.
CaretPosition - Web APIs
the caretposition interface repre
sents the caret position, an indicator for the text insertion point.
... caretposition.offset read only returns a long repre
senting the character offset in the caret position node.
ChannelSplitterNode.ChannelSplitterNode() - Web APIs
the channelsplitternode() constructor of the web audio api creates a new channelsplitternode object instance, repre
senting a node that splits the input into a separate output for each of the source node's audio channels.
... context a baseaudiocontext repre
senting the audio context you want the node to be associated with.
Client - Web APIs
the client interface repre
sents an executable context such as a worker, or a sharedworker.
... window clients are repre
sented by the more-specific windowclient.
ClipboardEvent() - Web APIs
the clipboardevent() constructor returns a newly created clipboardevent, repre
senting an event providing information related to modification of the clipboard, that is cut, copy, and paste events.
... type is a domstring repre
senting the name of the type of the clipboardevent.
ClipboardItem - Web APIs
the clipboarditem interface of the clipboard api repre
sents a single item format, used when reading or writing data via the clipboard api.
... the benefit of having the clipboarditem interface to repre
sent data, is that it enables developers to cope with the varying scope of file types and data easily.
Clipboard API - Web APIs
the specification refers to this as the 'async clipboard api.' clipboardevent secure context repre
sents events providing information related to modification of the clipboard, that is cut, copy, and paste events.
... clipboarditem secure context repre
sents a single item format, used when reading or writing data.
CloseEvent() - Web APIs
syntax var event = new closeevent(typearg, closeeventinit); values typearg is a domstring repre
senting the name of the event.
... "code", optional and defaulting to 0, of type unsigned short, that is the connection close code
sent by the server.
Comment - Web APIs
the comment interface repre
sents textual notations within markup; although it is generally not visually shown, such comments are available to be read in the source view.
... comments are repre
sented in html and xml as content between '<!--' and '-->'.
console.log() - Web APIs
the string repre
sentations of each of these objects are appended together in the order listed and output.
...this is often useful when trying to see the full repre
sentation of the dom js object.
console - Web APIs
console.dirxml() displays an xml/html element repre
sentation of the specified object if possible or the javascript object view if it is not possible.
... there are two ways to use each of the output methods; you can simply pass in a list of objects whose string repre
sentations get concatenated into one string, then output to the console, or you can pass in a string containing zero or more substitution strings followed by a list of objects to replace them.
ConstantSourceNode() - Web APIs
the constantsourcenode() constructor creates a new constantsourcenode object instance, repre
senting an audio source which constantly outputs samples whose values are always the same.
... syntax var constantsourcenode = new constantsourcenode(context, options); parameters context an audiocontext repre
senting the audio context you want the node to be associated with.
ContentIndex.add() - Web APIs
sizes: optional a string repre
sentation of the image size.
... return value returns a promise that resolves with undefined exceptions typeerror if the service worker's registration is not pre
sent or the service worker does not contain a fetchevent.
ContentIndex.getAll() - Web APIs
sizes: optional a string repre
sentation of the image size.
...); // create a containing element const readinglistelem = document.createelement('div'); // test for entries if (!array.length) { // if there are no entries, display a message const message = document.createelement('p'); message.innertext = 'you currently have no articles saved for offline reading.' readinglistelem.append(message); } else { // if entries are pre
sent, display in a list of links to the content const listelem = document.createelement('ul'); for (const entry of entries) { const listitem = document.createelement('li'); const anchorelem = document.createelement('a'); anchorelem.innertext = entry.title; anchorelem.setattribute('href', entry.url); listelem.append(listitem); } readinglistelem.append(...
ContentIndexEvent - Web APIs
the contentindexevent interface of the content index api defines the object used to repre
sent the contentdelete event.
... this event is
sent to the global scope of a serviceworker.
CrashReportBody - Web APIs
the crashreportbody interface of the reporting api repre
sents the body of a crash report (the return value of its report.body property).
... properties reason a string repre
senting the reason for the crash.
Crypto - Web APIs
the crypto interface repre
sents basic cryptography features available in the current context.
... usage notes you should avoid using the web crypto api on insecure contexts, even though the crypto interface is pre
sent on insecure contexts, as is the window.crypto property.
CustomEvent - Web APIs
the customevent interface repre
sents events initialized by an application for any purpose.
...this is the object to which the event is currently slated to be
sent.
DOMError - Web APIs
properties domerror.name read only returns a domstring repre
senting one of the error type names (see below).
... domerror.message read only returns a domstring repre
senting a message or description associated with the given error type name.
DOMException - Web APIs
the domexception interface repre
sents an abnormal event (called an exception) that occurs as a result of calling a method or accessing a property of a web api.
... domexception.message read only returns a domstring repre
senting a message or description associated with the given error name.
DOMImplementation.hasFeature() - Web APIs
syntax const flag = document.implementation.hasfeature(feature, version); parameters feature a domstring repre
senting the feature name.
... version a domstring repre
senting the version of the specification defining the feature.
DOMPointReadOnly() - Web APIs
the dompointreadonly() constructor returns a new dompointreadonly object repre
senting a point in 2d or 3d space, optionally with perspective, whose values cannot be altered by script code.
... return value a new dompointreadonly object repre
senting the specified location in space.
DOMQuad - Web APIs
returning domquads lets getboxquads() return accurate information even when arbitrary 2d or 3d transforms are pre
sent.
... domquad.tojson() returns a json repre
sentation of the domquad object.
DOMRect - Web APIs
a domrect repre
sents a rectangle.
... the type of box repre
sented by the domrect is specified by the method or property that returned it.
DOMTokenList.item() - Web APIs
syntax tokenlist.item(index) parameters index a domstring repre
senting the index of the item you want to return.
... return value a domstring repre
senting the returned item.
DOMTokenList.replace() - Web APIs
syntax tokenlist.replace(oldtoken, newtoken); parameters oldtoken a domstring repre
senting the token you want to replace.
... newtoken a domstring repre
senting the token you want to replace oldtoken with.
DOMTokenList - Web APIs
the domtokenlist interface repre
sents a set of space-separated tokens.
... properties domtokenlist.length read only is an integer repre
senting the number of objects stored in the object.
DataTransfer.effectAllowed - Web APIs
the copy operation is used to indicate that the data being dragged will be copied from its pre
sent location to the drop location.
... syntax datatransfer.effectallowed; values a domstring repre
senting the drag operation that is allowed.
DataTransfer.getData() - Web APIs
syntax datatransfer.getdata(format); arguments format a domstring repre
senting the type of data to retrieve.
... return value domstring a domstring repre
senting the drag data for the specified format.
DataTransfer.mozClearDataAt() - Web APIs
syntax void datatransfer.mozcleardataat([type], index); arguments type a string repre
senting the type of the drag data to remove from the drag data object.
... index a unsigned long repre
senting the index of the data to remove.
DataTransfer.mozGetDataAt() - Web APIs
syntax nsivariant datatransfer.mozgetdataat([type], index); arguments type a string repre
senting the type of the drag data to retrieve from the drag data object.
... index a unsigned long repre
senting the index of the data to retrieve.
DataTransfer.setData() - Web APIs
syntax void datatransfer.setdata(format, data); arguments format a domstring repre
senting the type of the drag data to add to the drag object.
... data a domstring repre
senting the data to add to the drag object.
DataTransferItem.kind - Web APIs
the read-only datatransferitem.kind property returns a datatransferitem repre
senting the drag data item kind: some text or some file.
... syntax var itemkind = datatransferitem.kind; return value a domstring repre
senting the drag data item's kind.
DataTransferItem.type - Web APIs
the read-only datatransferitem.type property returns the type (format) of the datatransferitem object repre
senting the drag data item.
... syntax dataitem.type; return value a domstring repre
senting the drag data item's type.
DedicatedWorkerGlobalScope.postMessage() - Web APIs
if the ownership of an object is transferred, it becomes unusable (neutered) in the context it was
sent from and it becomes available only to the main thread it was
sent to.
...inside the handler a calculation is done from which a result message is created; this is then
sent back to the main thread using postmessage(workerresult); onmessage = function(e) { console.log('message received from main script'); var workerresult = 'result: ' + (e.data[0] * e.data[1]); console.log('posting message back to main script'); postmessage(workerresult); } in the main script, onmessage would have to be called on a worker object, whereas inside the worker script you just need onmessage because the worker is effectively the global scope (dedicatedworkerglobalscope).
DedicatedWorkerGlobalScope - Web APIs
dedicatedworkerglobalscope.onmessage is an eventhandler repre
senting the code to be called when the message event is raised.
...from the worker.postmessage method.) dedicatedworkerglobalscope.onmessageerror is an eventhandler repre
senting the code to be called when the messageerror event is raised.
DelayNode.delayTime - Web APIs
the delaytime property of the delaynode interface is an a-rate audioparam repre
senting the amount of delay to apply.
... syntax var audioctx = new audiocontext(); var mydelay = audioctx.createdelay(5.0); mydelay.delaytime.value = 3.0; note: though the audioparam returned is read-only, the value it repre
sents is not.
DelayNode - Web APIs
the delaynode interface repre
sents a delay-line; an audionode audio-processing module that causes a delay between the arrival of an input data and its propagation to the output.
... delaynode.delaytime read only is an a-rate audioparam repre
senting the amount of delay to apply, specified in seconds.
DeviceMotionEvent.acceleration - Web APIs
note: if the hardware doesn't know how to remove gravity from the acceleration data, this value may not be pre
sent in the devicemotionevent.
...each axis is repre
sented with its own property: x repre
sents the acceleration upon the x axis which is the west to east axis y repre
sents the acceleration upon the y axis which is the south to north axis z repre
sents the acceleration upon the z axis which is the down to up axis specifications specification status comment deviceorientation event specification editor's draft initial definition.
Document.createNodeIterator() - Web APIs
whattoshow optional is an optional unsigned long repre
senting a bitmask created by combining the constant properties of nodefilter.
...it defaults to 0xffffffff repre
senting the show_all constant.
Document.createTreeWalker() - Web APIs
whattoshow optional a unsigned long repre
senting a bitmask created by combining the constant properties of nodefilter.
...it defaults to 0xffffffff repre
senting the show_all constant.
Document.exitFullscreen() - Web APIs
the document method exitfullscreen() requests that the element on this document which is currently being pre
sented in full-screen mode be taken out of full-screen mode, restoring the previous state of the screen.
... example this example causes the current document to toggle in and out of a full-screen pre
sentation whenever the mouse button is clicked within it.
Document.onfullscreenerror - Web APIs
the document.onfullscreenerror property is an event handler for the fullscreenerror event that is
sent to the document when it fails to transition into full-screen mode after a prior call to element.requestfullscreen().
...since requestfullscreen() can only be called in response to user action, for security reasons, this will fail, causing the fullscreenerror to be
sent to the document.
DocumentOrShadowRoot.fullscreenElement - Web APIs
the documentorshadowroot.fullscreenelement read-only property returns the element that is currently being pre
sented in full-screen mode in this document, or null if full-screen mode is not currently in use.
... example this example pre
sents a function, isvideoinfullscreen(), which looks at the value returned by fullscreenelement; if the document is in full-screen mode (fullscreenelement isn't null) and the full-screen element's nodename is video, indicating a <video> element, the function returns true, indicating that the video is in full-screen mode.
DocumentOrShadowRoot.getSelection() - Web APIs
the getselection() property of the documentorshadowroot interface returns a selection object repre
senting the range of text selected by the user, or the current position of the caret.
... example function foo() { var selobj = document.getselection(); alert(selobj); var selrange = selobj.getrangeat(0); // do stuff with the range } notes string repre
sentation of the selection object in javascript, when an object is passed to a function expecting a string (like window.alert()), the object's tostring() method is called and the returned value is passed to the function.
How to create a DOM tree - Web APIs
a"/> </person> <person first-name="jed" last-name="brown"> <address street="321 north st" city="atlanta" state="ga" country="usa"/> <address street="123 west st" city="seattle" state="wa" country="usa"/> <address street="321 south avenue" city="denver" state="co" country="usa"/> </person> </people> the w3c dom api, supported by mozilla, can be used to create an in-memory repre
sentation of this document like so: var doc = document.implementation.createdocument("", "", null); var peopleelem = doc.createelement("people"); var personelem1 = doc.createelement("person"); personelem1.setattribute("first-name", "eric"); personelem1.setattribute("middle-initial", "h"); personelem1.setattribute("last-name", "jung"); var addresselem1 = doc.createelement("address"); addresselem1.se...
... you can automate the creation of a dom tree using a jxon reverse algorithm in association with the following json repre
sentation: { "people": { "person": [{ "address": [{ "@street": "321 south st", "@city": "denver", "@state": "co", "@country": "usa" }, { "@street": "123 main st", "@city": "arlington", "@state": "ma", "@country": "usa" }], "@first-name": "eric", "@middle-initial": "h", "@last-name": "jung" },...
DynamicsCompressorNode.attack - Web APIs
the attack property of the dynamicscompressornode interface is a k-rate audioparam repre
senting the amount of time, in seconds, required to reduce the gain by 10 db.
... note: though the audioparam returned is read-only, the value it repre
sents is not.
DynamicsCompressorNode.knee - Web APIs
the knee property of the dynamicscompressornode interface is a k-rate audioparam containing a decibel value repre
senting the range above the threshold where the curve smoothly transitions to the compressed portion.
... note: though the audioparam returned is read-only, the value it repre
sents is not.
DynamicsCompressorNode.ratio - Web APIs
the ratio property of the dynamicscompressornode interface is a k-rate audioparam repre
senting the amount of change, in db, needed in the input for a 1 db change in the output.
... note: though the audioparam returned is read-only, the value it repre
sents is not.
DynamicsCompressorNode.release - Web APIs
the release property of the dynamicscompressornode interface is a k-rate audioparam repre
senting the amount of time, in seconds, required to increase the gain by 10 db.
... note: though the audioparam returned is read-only, the value it repre
sents is not.
DynamicsCompressorNode.threshold - Web APIs
the threshold property of the dynamicscompressornode interface is a k-rate audioparam repre
senting the decibel value above which the compression will start taking effect.
... note: though the audioparam returned is read-only, the value it repre
sents is not.
EcKeyGenParams - Web APIs
the eckeygenparams dictionary of the web crypto api repre
sents the object that should be passed as the algorithm parameter into subtlecrypto.generatekey(), when generating any elliptic-curve-based key pair: that is, when the algorithm is identified as either of ecdsa or ecdh.
... namedcurve a domstring repre
senting the name of the elliptic curve to use.
EcKeyImportParams - Web APIs
the eckeyimportparams dictionary of the web crypto api repre
sents the object that should be passed as the algorithm parameter into subtlecrypto.importkey() or subtlecrypto.unwrapkey(), when generating any elliptic-curve-based key pair: that is, when the algorithm is identified as either of ecdsa or ecdh.
... namedcurve a domstring repre
senting the name of the elliptic curve to use.
EcdhKeyDeriveParams - Web APIs
the ecdhkeyderiveparams dictionary of the web crypto api repre
sents the object that should be passed as the algorithm parameter into subtlecrypto.derivekey(), when using the ecdh algorithm.
... public a cryptokey object repre
senting the public key of the other entity.
EffectTiming.endDelay - Web APIs
for now, its main purpose is to repre
sent the value of the svg min attribute.
... syntax var timingproperties = { enddelay: delayinmilliseconds } timingproperties.enddelay = delayinmilliseconds; value a number repre
senting the end delay, specified in milliseconds.
Element.clientHeight - Web APIs
it includes padding but excludes borders, margins, and horizontal scrollbars (if pre
sent).
... clientheight can be calculated as: css height + css padding - height of horizontal scrollbar (if pre
sent).
Element.insertAdjacentText() - Web APIs
syntax element.insertadjacenttext(position, element); parameters position a domstring repre
senting the position relative to the element; must be one of the following strings: 'beforebegin': before the element itself.
... element a domstring repre
senting the text to be inserted into the tree.
Element.openOrClosedShadowRoot - Web APIs
the element.openorcloseshadowroot read-only property repre
sents the shadow root hosted by the element, regardless if its mode is open or closed.
... syntax var shadowroot = element.shadowroot; value a shadowroot object instance, regardless if its mode is set to open or closed, or null if no shadow root is pre
sent.
Element.setAttribute() - Web APIs
boolean attributes are considered to be true if they're pre
sent on the element at all, regardless of their actual value; as a rule, you should specify the empty string ("") in value (some people use the attribute's name; this works but is non-standard).
...all that matters is that if the attribute is pre
sent at all, regardless of its actual value, its value is considered to be true.
Encrypted Media Extensions API - Web APIs
mediakeys repre
sents a set of keys that an associated htmlmediaelement can use for decryption of media data during playback.
... mediakeysession repre
sents a context for message exchange with a content decryption module (cdm).
EventSource() - Web APIs
the eventsource() constructor returns a newly-created eventsource, which repre
sents a remote resource.
... syntax eventsource = new eventsource(url, configuration); parameters url a usvstring that repre
sents the location of the remote resource serving the events/messages.
EventSource.readyState - Web APIs
the readystate read-only property of the eventsource interface returns a number repre
senting the state of the connection.
... syntax var myreadystate = eventsource.readystate; value a number repre
senting the state of the connection.
EventSource.url - Web APIs
the url read-only property of the eventsource interface returns a domstring repre
senting the url of the source.
... syntax var myurl = eventsource.url; value a domstring repre
senting the url of the source.
FetchEvent() - Web APIs
syntax var fetchevent = new fetchevent(type, init); parameters type a domstring object specifying which event the object repre
sents.
...if not pre
sent, it defaults to false.
FileError - Web APIs
repre
sents an error that occurs while using the filereader interface.
... in the file system api, a fileerror repre
sents error conditions that you might encounter while accessing the file system using the asynchronous api.
FileList - Web APIs
methods item() returns a file object repre
senting the file at the specified index in the file list.
... return value the file repre
senting the requested file.
FileReader.result - Web APIs
readasdataurl() the result is a string with a data: url repre
senting the file's data.
... example this example pre
sents a function, read(), which reads a file from a file input.
FileReaderSync.readAsArrayBuffer() - Web APIs
return value an arraybuffer repre
senting the file's data.
... exceptions the following exceptions can be raised by this method: notfounderror is raised when the resource repre
sented by the dom file or blob cannot be found, e.g.
FileReaderSync.readAsBinaryString() - Web APIs
return value an domstring repre
senting the input data.
... exceptions the following exceptions can be raised by this method: notfounderror is raised when the resource repre
sented by the dom file or blob cannot be found, e.g.
FileSystem.root - Web APIs
the read-only root property of the filesystem interface specifies a filesystemdirectoryentry object repre
senting the root directory of the file system, for use with the file and directory entries api.
... syntax var rootdirent = filesystem.root; value a filesystemdirectoryentry repre
senting the file system's root directory.
FileSystemEntry.filesystem - Web APIs
the read-only filesystem property of the filesystementry interface contains a filesystem object that repre
sents the file system on which the entry resides.
... syntax var filesystem = filesystementry.filesystem; value a filesystem repre
senting the file system on which the file or directory described by the filesystementry is located..
FileSystemEntry.getParent() - Web APIs
the callback receives a single input parameter: a filesystemdirectoryentry object repre
senting the parent directory.
... fileentry.getparent(function(parent) { fileentry.moveto(parent, "newname.html", function(updatedentry) { console.log("file " + fileentry.name + " renamed to newname.html."); }); }, function(error) { console.error("an error occurred: unable to rename " + fileentry.name + " to newname.html."); }); this is accomplished by first obtaining a filesystemdirectoryentry object repre
senting the directory the file is currently located in.
FileHandle API - Web APIs
it's possible to get a file object repre
senting the current state of the file handled by the filehandle object by using the getfile method.
... the filewriter specification defines filewriters, objects aiming at repre
senting editable files.
FocusEvent() - Web APIs
typearg is a domstring repre
senting the name of the event.
... focuseventinit optional is a focuseventinit dictionary, having the following fields: "relatedtarget", optional and defaulting to null, is an eventtarget repre
senting the secondary target of a focusevent.
FocusEvent - Web APIs
the focusevent interface repre
sents focus-related events, including focus, blur, focusin, and focusout.
... focusevent.relatedtarget is an eventtarget repre
senting a secondary target for this event.
FormDataEvent - Web APIs
the formdataevent interface repre
sents a formdata event — such an event is fired on an htmlformelement object after the entry list repre
senting the form's data is constructed.
... formdataevent.formdata contains the formdata object repre
senting the data contained in the form when the event was fired.
FullscreenOptions.navigationUI - Web APIs
the fullscreenoptions dictionary's navigationui property is used when calling requestfullscreen() to specify to what extent the user agent should include its standard user interface while the element is pre
sented in full-screen mode.
... "show" the browser will pre
sent page navigation controls and possibly other user interface; the dimensions of the element (and the perceived size of the screen) will be clamped to leave room for this user interface.
GainNode.gain - Web APIs
the gain property of the gainnode interface is an a-rate audioparam repre
senting the amount of gain to apply.
... note: though the audioparam returned is read-only, the value it repre
sents is not.
GainNode - Web APIs
the gainnode interface repre
sents a change in volume.
... gainnode.gain read only is an a-rate audioparam repre
senting the amount of gain to apply.
Gamepad.axes - Web APIs
the gamepad.axes property of the gamepad interface returns an array repre
senting the controls with axes pre
sent on the device (e.g.
... analog thumb sticks).- each entry in the array is a floating point value in the range -1.0 – 1.0, repre
senting the axis position from the lowest value (-1.0) to the highest value (1.0).
GamepadButton.value - Web APIs
the gamepadbutton.value property of the gamepadbutton interface returns a double value used to repre
sent the current state of analog buttons on many modern gamepads, such as the triggers.
... the values are normalized to the range 0.0 — 1.0, with 0.0 repre
senting a button that is not pressed, and 1.0 repre
senting a button that is fully pressed.
GamepadButton - Web APIs
properties gamepadbutton.value read only a double value used to repre
sent the current state of analog buttons, such as the triggers on many modern gamepads.
... the values are normalized to the range 0.0 —1.0, with 0.0 repre
senting a button that is not pressed, and 1.0 repre
senting a button that is fully pressed.
GamepadHapticActuator - Web APIs
the gamepadhapticactuator interface of the gamepad api repre
sents hardware in the controller designed to provide haptic feedback to the user (if available), most commonly vibration hardware.
... properties gamepadhapticactuator.type read only returns an enum repre
senting the type of the haptic hardware.
Geolocation - Web APIs
the geolocation interface repre
sents an object able to programmatically obtain the position of the device.
... geolocation.watchposition() secure context returns a long value repre
senting the newly established callback function to be invoked whenever the device location changes.
GeolocationCoordinates.accuracy - Web APIs
the geolocationcoordinates.accuracy read-only property is a strictly positive double repre
senting the accuracy, with a 95% confidence level, of the geolocationcoordinates.latitude and geolocationcoordinates.longitude properties expressed in meters.
... syntax let acc = geolocationcoordinatesinstance.accuracy value a positive double repre
senting the accuracy, with a 95% confidence level, of the geolocationcoordinates.latitude and geolocationcoordinates.longitude properties expressed in meters.
GeolocationCoordinates.altitude - Web APIs
the geolocationcoordinates.altitude read-only property is a double repre
senting the altitude of the position in meters, relative to sea level.
... syntax let alt = geolocationcoordinatesinstance.altitude value a double repre
senting the altitude of the position in meters, relative to sea level.
GeolocationCoordinates.altitudeAccuracy - Web APIs
the geolocationcoordinates.altitudeaccuracy read-only property is a strictly positive double repre
senting the accuracy, with a 95% confidence level, of the altitude expressed in meters.
... syntax let altacc = geolocationcoordinatesinstance.altitudeaccuracy value a positive double repre
senting the accuracy, with a 95% confidence level, of the altitude expressed in meters.
GeolocationCoordinates.latitude - Web APIs
the geolocationcoordinates.latitude read-only property is a double repre
senting the latitude of the position in decimal degrees.
... syntax let lat = geolocationcoordinatesinstance.latitude value a double repre
senting the latitude of the position in decimal degrees.
GeolocationCoordinates.longitude - Web APIs
the geolocationcoordinates interface's read-only longitude property is a double-precision floating point value which repre
sents the longitude of a geographical position, specified in decimal degrees.
... html the html used to pre
sent the results looks like this: <p> your location is <span id="latitude">0.00</span>° latitude by <span id="longitude">0.00</span>° longitude.
GeolocationCoordinates.speed - Web APIs
the geolocationcoordinates.speed read-only property is a double repre
senting the velocity of the device in meters per second.
... syntax let speed = geolocationcoordinatesinstance.speed value a double repre
senting the velocity of the device in meters per second.
GeolocationPositionError.code - Web APIs
the geolocationpositionerror.code read-only property is an unsigned short repre
senting the error code.
... syntax let typeerr = geolocationpositionerrorinstance.code value an unsigned short repre
senting the error code.
GeolocationPositionError - Web APIs
the geolocationpositionerror interface repre
sents the reason of an error occurring when using the geolocating device.
... geolocationpositionerror.code read only secure context returns an unsigned short repre
senting the error code.
HTMLAnchorElement.referrerPolicy - Web APIs
the htmlanchorelement.referrerpolicy property reflect the html referrerpolicy attribute of the <a> element defining which referrer is
sent when fetching the resource.
... syntax refstr = anchorelt.referrerpolicy; anchorelt.referrerpolicy = refstr; values "no-referrer" meaning that the referer: http header will not be
sent.
HTMLAreaElement.referrerPolicy - Web APIs
the htmlareaelement.referrerpolicy property reflect the html referrerpolicy attribute of the <area> element defining which referrer is
sent when fetching the resource.
... syntax refstr = areaelt.referrerpolicy; areaelt.referrerpolicy = refstr; values "no-referrer" meaning that the referer: http header will not be
sent.
HTMLAreaElement - Web APIs
the htmlareaelement interface provides special properties and methods (beyond those of the regular object htmlelement interface it also has available to it by inheritance) for manipulating the layout and pre
sentation of <area> elements.
...the value repre
sent the proposed name of the file.
Audio() - Web APIs
it is
sent to the <audio> element when there's enough audio available to begin playback, although interruptions may occur).
...it is
sent when it's estimated that the audio should be able to play to the end without interruption.
HTMLElement.dir - Web APIs
syntax var currentwritingdirection = elementnodereference.dir; elementnodereference.dir = newwritingdirection; currentwritingdirection is a string variable repre
senting the text writing direction of the current element.
... newwritingdirection is a string variable repre
senting the text writing direction value.
HTMLElement.hidden - Web APIs
the hidden property applies to all pre
sentation modes and should not be used to hide content that is meant to be directly accessible to the user.
... appropriate use cases for hidden include: content that isn't yet relevant but may be needed later content that was previously needed but is not any longer content that is reused by other parts of the page in a template-like fashion creating an offscreen canvas as a drawing buffer inappropriate use cases include: hiding panels in a tabbed dialog box hiding content in one pre
sentation while intending it to be visible in others elements that are not hidden must not link to elements which are.
inert - Web APIs
the boolean inert attribute, when pre
sent, may make the browser "ignore" the element from assistive technologies, page search and text selection.
... according to the spec: when a node is inert, then the user agent must act as if the node was ab
sent for the purposes of targeting user interaction events, may ignore the node for the purposes of text search user interfaces (commonly known as "find in page"), and may prevent the user from selecting text in that node.
HTMLElement.innerText - Web APIs
the innertext property of the htmlelement interface repre
sents the "rendered" text content of a node and its descendants.
... syntax const renderedtext = htmlelement.innertext htmlelement.innertext = string value a domstring repre
senting the rendered text content of an element.
HTMLElement.offsetLeft - Web APIs
syntax left = element.offsetleft; left is an integer repre
senting the offset to the left in pixels from the closest relatively positioned parent element.
... example var colortable = document.getelementbyid("t1"); var toleft = colortable.offsetleft; if (toleft > 5) { // large left offset: do something here } this example shows a 'long'
sentence that wraps within a div with a blue border, and a red box that one might think should describe the boundaries of the span.
HTMLEmbedElement - Web APIs
htmlembedelement.align is a domstring repre
senting an enumerated property indicating alignment of the element's contents with respect to the surrounding context.
... htmlembedelement.name is a domstring repre
senting the name of the embedded object.
HTMLFormControlsCollection - Web APIs
the htmlformcontrolscollection interface repre
sents a collection of html form control elements.
... it repre
sents the lists returned by the htmlformelement interface's elements property and the htmlfieldsetelement interface's elements property.
HTMLFormElement: submit event - Web APIs
however, the submitevent which is
sent to indicate the form's submit action has been triggered includes a submitter property, which is the button that was invoked to trigger the submit request.
...the event is not
sent to the form when calling the form.submit() method directly.
HTMLHeadingElement - Web APIs
the htmlheadingelement interface repre
sents the different heading elements, <h1> through <h6>.
... htmlheadingelement.align is a domstring repre
senting an enumerated attribute indicating alignment of the heading with respect to the surrounding context.
HTMLImageElement.currentSrc - Web APIs
the read-only htmlimageelement property currentsrc indicates the url of the image which is currently pre
sented in the <img> element it repre
sents.
... syntax let currentsource = htmlimageelement.currentsrc; value a usvstring indicating the full url of the image currently visible in the <img> element repre
sented by the htmlimageelement.
HTMLIsIndexElement - Web APIs
htmlisindexelement.form read only is a htmlformelement repre
senting the <form> element it belongs too.
... htmlisindexelement.prompt is a domstring repre
senting a text to be prompted for the field.
HTMLLabelElement.form - Web APIs
the read-only htmllabelelement.form property returns an htmlformelement object which repre
sents the form of which the label's associated control is a part, or null if there is either no associated control, or if that control isn't in a form.
... syntax form = htmllabelelement.form value an htmlformelement which repre
sents the form with which the label's control is associated.
HTMLLabelElement - Web APIs
htmllabelelement.control read only is a htmlelement repre
senting the control with which the label is associated.
... htmllabelelement.form read only is a htmlformelement object repre
senting the form with which the labeled control is associated, or null if there is no associated control, or if that control isn't associated with a form.
HTMLMediaElement: pause event - Web APIs
the pause event is
sent when a request to pause an activity is handled and the activity has entered its paused state, most commonly after the media has been paused through a call to the element's pause() method.
... the event is
sent once the pause() method returns and after the media element's paused property has been changed to true.
HTMLMediaElement.play() - Web APIs
notsupportederror the media source (which may be specified as a mediastream, mediasource, blob, or file, for example) doesn't repre
sent a supported media format.
...for example, a site should not pre
sent a user interface that assumes playback has begun automatically, but should instead update their ui based on whether the returned promise is resolved or rejected.
Option() - Web APIs
syntax var optionelementreference = new option(text, value, defaultselected, selected); parameters text optional a domstring repre
senting the content of the element, i.e.
... value optional a domstring repre
senting the value of the htmloptionelement, i.e.
HTMLTableElement.bgColor - Web APIs
the htmltableelement.bgcolor property repre
sents the background color of the table.
... syntax color = table.bgcolor table.bgcolor = color parameters color is a string repre
senting a color value.
HTMLTableElement.border - Web APIs
the htmltableelement.border property repre
sents the border width of the <table> element.
... syntax htmltableelement.border = border; var border = htmltableelement.border; border is a string repre
senting the width of the border in pixels.
HTMLTableElement.deleteRow() - Web APIs
syntax htmltableelement.deleterow(index) parameters index index is an integer repre
senting the row that should be deleted.
... return value no return value errors thrown if the number of the row to delete, specified by the parameter, is greater or equal to the number of available rows, or if it is negative and not equal to the special index -1, repre
senting the last row of the table, the exception index_size_err is thrown.
HTMLTableElement.width - Web APIs
the htmltableelement.width property repre
sents the desired width of the table.
... syntax htmltableelement.width = width; var width = htmltableelement.width; where width is a string repre
senting the width in number of pixels or as a percentage value.
HTMLTableRowElement - Web APIs
the htmltablerowelement interface provides special properties and methods (beyond the htmlelement interface it also has available to it by inheritance) for manipulating the layout and pre
sentation of rows in an html table.
... htmltablerowelement.valign is a domstring repre
senting an enumerated value indicating how the content of the cell must be vertically aligned.
HTMLTableSectionElement - Web APIs
the htmltablesectionelement interface provides special properties and methods (beyond the htmlelement interface it also has available to it by inheritance) for manipulating the layout and pre
sentation of sections, that is headers, footers and bodies, in an html table.
... htmltablesectionelement.valign is a domstring repre
senting an enumerated value indicating how the content of the cell must be vertically aligned.
HTMLVideoElement - Web APIs
htmlvideoelement.mozpre
sentedframes read only returns an unsigned long with the count of decoded frames that have been pre
sented to the rendering pipeline for painting.
... htmlvideoelement.mozpaintedframes read only returns an unsigned long with the count of pre
sented frames which were painted on the screen.
History.pushState() - Web APIs
because firefox saves state objects to the user's disk so they can be restored after the user restarts the browser, we impose a size limit of 640k characters on the serialized repre
sentation of a state object.
... if you pass a state object whose serialized repre
sentation is larger than this to pushstate(), the method will throw an exception.
History - Web APIs
length read only returns an integer repre
senting the number of elements in the session history, including the currently loaded page.
... state read only returns an any value repre
senting the state at the top of the history stack.
Working with the History API - Web APIs
because firefox saves state objects to the user's disk so they can be restored after the user restarts the browser, we impose a size limit of 640k characters on the serialized repre
sentation of a state object.
... if you pass a state object whose serialized repre
sentation is larger than this to pushstate(), the method will throw an exception.
HmacKeyGenParams - Web APIs
the hmackeygenparams dictionary of the web crypto api repre
sents the object that should be passed as the algorithm parameter into subtlecrypto.generatekey(), when generating a key for the hmac algorithm.
... hash a domstring repre
senting the name of the digest function to use.
IDBCursor - Web APIs
the idbcursor interface of the indexeddb api repre
sents a cursor for traversing or iterating over multiple records in a database.
...you always get the same idbcursor object repre
senting a given cursor.
IDBCursorSync - Web APIs
the idbcursorsync interface of the indexeddb api repre
sents a cursor for iterating over multiple records in a database.
... you can have only one instance of idbcursorsync repre
senting a cursor, but you can have an unlimited number of cursors at the same time.
IDBCursorWithValue - Web APIs
the idbcursorwithvalue interface of the indexeddb api repre
sents a cursor for traversing or iterating over multiple records in a database.
...you always get the same idbcursorwithvalue object repre
senting a given cursor.
IDBMutableFile - Web APIs
in case of success, the request's result is a file object repre
senting a snapshot of the handled file.
... specifications not part of any specification at pre
sent.
Using IndexedDB - Web APIs
"ssn" must be pre
sent on every object that is stored in the objectstore.
... finally, the idbdatabase object repre
senting the database connection receives a close event.
InputDeviceCapabilities - Web APIs
in some instances, inputdevicecapabilities repre
sents the capabilities of logical devices rather than physical devices.
... this allows, for example, touchscreen keyboards and physical keyboards to be repre
sented the same way when they produce the same input.
getVersion - Web APIs
getversion returns an object repre
senting the version number from the client version registry for the specified component.
...otherwise, it returns an installversion object repre
senting the version of the component.
KeyboardEvent.key - Web APIs
if the pressed key has a printed repre
sentation, the returned value is a non-empty unicode character string containing the printable repre
sentation of the key.
... if the keyboardevent repre
sents the press of a dead key, the key value must be "dead".
Keyboard API - Web APIs
assuming a standard united states qwerty layout, registering keyw ensures that "w", shift+"w", control+"w", control+shift+"w", and all other key modifier combinations with "w" are
sent to the app.
...blue keys are pre
sent on all standard keyboards while green keys are only available on some keyboards.
LayoutShiftAttribution - Web APIs
layoutshiftattribution.previousrect returns a domrect repre
senting the position of the element before the shift.
... layoutshiftattribution.currentrect returns a domrect repre
senting the position of the element after the shift.
LocalFileSystemSync - Web APIs
returns filesystemsync an object that repre
sents the file system.
... returns entrysync an object that repre
sents entries in the file system.
LockedFile.readAsArrayBuffer() - Web APIs
syntax var request = instanceoflockedfile.readasarraybuffer(size); parameters size a number repre
senting the number of bytes to read in the file.
...in case of success, the request's result is an arraybuffer repre
senting the data that have been read.
LockedFile.readAsText() - Web APIs
syntax var request = instanceoflockedfile.readastext(size[, encoding]); parameters size a number repre
senting the number of bytes to read in the file.
...in case of success, the request's result is a string repre
senting the data that have been read.
MIDIMessageEvent - Web APIs
the midimessageevent interface of the web midi api repre
sents the event passed to the onmidimessage event handler of the midiinput interface.
... a midimessage event is fired every time a midi message is
sent from a device repre
sented by a midiinput, for example when a midi keyboard key is pressed, a knob is tweaked, or a slider is moved.
MSManipulationEvent - Web APIs
inertiadestinationxread only repre
sents the predicted horizontal scroll offset after the inertia phase completes.
... inertiadestinationyread only repre
sents the predicted vertical scroll offset after the inertia phase completes.
MediaDecodingConfiguration - Web APIs
this takes one of two values: file: repre
sents a configuration that is meant to be used for a plain file playback.
... media-source: repre
sents a configuration that is meant to be used for playback of a mediasource.
MediaEncodingConfiguration - Web APIs
properties a mediaencodingconfiguration dictionary takes two properties: type — the type of media being tested; takes one of two values: record — repre
sents a configuration for recording of media, e.g.
... transmission — repre
sents a configuration meant to be transmitted over electronic means (e.g.
MediaError.code - Web APIs
the read-only property mediaerror.code returns a numeric value which repre
sents the kind of error that occurred on a media element.
... example this example creates a <video> element, establishes an error handler for it, and then sets the element's src attribute to the video resource to pre
sent in the element.
MediaError - Web APIs
the mediaerror interface repre
sents an error which occurred while handling media in an html media element based on htmlmediaelement, such as <audio> or <video>.
... mediaerror.code a number which repre
sents the general type of error that occurred, as follows: name value description media_err_aborted 1 the fetching of the associated resource was aborted by the user's request.
MediaKeys - Web APIs
the mediakeys interface of encryptedmediaextensions api repre
sents a set of keys that an associated htmlmediaelement can use for decryption of media data during playback.
... methods mediakeys.createsession() returns a new mediakeysession object, which repre
sents a context for message exchange with a content decryption module (cdm).
MediaQueryList.media - Web APIs
the media read-only property of the mediaquerylist interface is a domstring repre
senting a serialized media query.
... syntax var media = mediaquerylist.media; value a domstring repre
senting a serialized media query.
MediaQueryList - Web APIs
mediaread only a domstring repre
senting a serialized media query.
... events the following events are delivered to mediaquerylist objects: change
sent to the mediaquerylist when the result of running the media query against the document changes.
MediaQueryListEvent.media - Web APIs
the media read-only property of the mediaquerylistevent interface is a domstring repre
senting a serialized media query.
... syntax var media = mediaquerylistevent.media; value a domstring repre
senting a serialized media query.
MediaRecorderErrorEvent() - Web APIs
the mediarecordererrorevent() constructor creates a new mediarecordererrorevent object that repre
sents an error that occurred during the recording of media by the mediastream recording api.
...the other fields may or may not be pre
sent.
MediaSession - Web APIs
the mediasession interface of the media session api allows a web page to provide custom behaviors for standard media playback interactions, and to report metadata that can be
sent by the user agent to the device or operating system for pre
sentation in standardized user interface elements.
... setpositionstate() sets the current playback position and speed of the media currently being pre
sented.
MediaSessionActionDetails.fastSeek - Web APIs
once fastseek is false or not pre
sent, the repeating series of seekto actions is complete and you can finalize the state of your web app or content.
...if the value is false or this property isn't pre
sent, the seek is final.
MediaSource - Web APIs
the mediasource interface of the media source extensions api repre
sents a source of media data for an htmlmediaelement object.
... mediasource.readystate read only returns an enum repre
senting the state of the current mediasource, whether it is not currently attached to a media element (closed), attached and ready to receive sourcebuffer objects (open), or attached but the stream has been ended via mediasource.endofstream() (ended.) mediasource.duration gets and sets the duration of the current media being pre
sented.
MediaStream.onaddtrack - Web APIs
syntax mediastream.onaddtrack = eventhandler; value this should be set to a function which you provide that accepts as input a mediastreamtrackevent object repre
senting the addtrack event which has occurred.
... the mediastreamtrack repre
senting the track which was added is specified in the event's track property.
MediaStream.onremovetrack - Web APIs
syntax mediastream.onremovetrack = eventhandler; value this should be set to a function which you provide that accepts as input a mediastreamtrackevent object repre
senting the removetrack event which has occurred.
... the mediastreamtrack repre
senting the track which was removed is specified in the event's track property.
MediaStreamAudioSourceNode() - Web APIs
syntax audiosourcenode = new mediastreamaudiosourcenode(context, options); parameters context an audiocontext repre
senting the audio context you want the node to be associated with.
... return value a new mediastreamaudiosourcenode object repre
senting the audio node whose media is obtained from the specified source stream.
MediaStreamEvent - Web APIs
the mediastreamevent interface repre
sents events that occurs in relation to a mediastream.
...it takes two parameters, the first being a domstring repre
senting the type of the event; the second a dictionary containing the mediastream it refers to.
MediaStreamTrack.enabled - Web APIs
the value of enabled, in essence, repre
sents what a typical user would consider the muting state for a track, whereas the muted property indicates a state in which the track is temporarily unable to output data, such as a scenario in which frames have been lost in transit.
... usage notes if the mediastreamtrack repre
sents the video input from a camera, disabling the track by setting enabled to false also updates device activity indicators to show that the camera is not currently recording or streaming.
MediaStreamTrack: mute event - Web APIs
the mute event is
sent to a mediastreamtrack when the track's source is temporarily unable to provide media data.
... when the track is once again able to produce media output, an unmute event is
sent.
MediaStreamTrack.onunmute - Web APIs
such an event is
sent when the track is again able to send data.
... example this example creates an unmute event handler which changes the state of a visual indicator to display the emoji character repre
senting a "speaker" icon.
MediaStreamTrackAudioSourceNode() - Web APIs
syntax audiotracknode = new mediastreamtrackaudiosourcenode(context, options); parameters context an audiocontext repre
senting the audio context you want the node to be associated with.
... return value a new mediastreamtrackaudiosourcenode object repre
senting the audio node whose media is obtained from the specified media track.
MediaTrackConstraints.cursor - Web APIs
for example, if your app needs to alter the stream by inserting a repre
sentation of the cursor position if the stream doesn't include the rendered cursor, you can determine the need to do so by using code like this: let insertfakecursorflag = false; if (displaystream.getvideotracks()[0].getsettings().cursor === "never") { insertfakecursorflag = true; } following this code, insertfakecursorflag is true if there's no cursor rendered into the stream already.
... later code can detect this flag's value and if it's true, can manually look at some metadata that might be provided and insert a fake repre
sentation of the cursor at the correct position.
MediaTrackSettings.facingMode - Web APIs
the mediatracksettings dictionary's facingmode property is a domstring indicating the direction in which the camera producing the video track repre
sented by the mediastreamtrack is currently facing.
...these may repre
sent separate cameras, or they may repre
sent directions in which an adjustable camera can be pointed.
MessageEvent.data - Web APIs
the data read-only property of the messageevent interface repre
sents the data
sent by the message emitter.
... syntax var data = messageevent.data; value the data
sent by the message emitter; this can be any data type.
MessageEvent.lastEventId - Web APIs
the lasteventid read-only property of the messageevent interface is a domstring repre
senting a unique id for the event.
... syntax var myid = messageevent.lasteventid; value a domstring repre
senting the id.
MessageEvent.origin - Web APIs
the origin read-only property of the messageevent interface is a usvstring repre
senting the origin of the message emitter.
... syntax var origin = messageevent.origin; value a usvstring repre
senting the origin.
MessageEvent.source - Web APIs
the source read-only property of the messageevent interface is a messageeventsource (which can be a windowproxy, messageport, or serviceworker object) repre
senting the message emitter.
... syntax let mysource = messageevent.source; value a messageeventsource (which can be a windowproxy, messageport, or serviceworker object) repre
senting the message emitter.
MessagePort.close() - Web APIs
example in the following code block, you can see a handlemessage handler function, run when a message is
sent back to this document using eventtarget.addeventlistener.
... channel.port1.addeventlistener('message', handlemessage, false); function handlemessage(e) { para.innerhtml = e.data; textinput.value = ''; } channel.port1.start(); you could stop messages being
sent at any time using channel.port1.close(); specifications specification status comment html living standardthe definition of 'close()' in that specification.
MessagePort.postMessage() - Web APIs
multiple data items can be
sent as an array.
...the handlemessage handler then responds to a message being
sent back from the iframe using onmessage, putting it into a paragraph — messagechannel.port1 is listened to, to check when the message arrives.
MouseEvent() - Web APIs
syntax event = new mouseevent(typearg, mouseeventinit); values typearg is a domstring repre
senting the name of the event.
...the absence of any hit region is affected, is repre
sented by the null value.
MouseEvent.buttons - Web APIs
each button that can be pressed is repre
sented by a given number (see below).
... syntax var buttonspressed = instanceofmouseevent.buttons return value a number repre
senting one or more buttons.
MouseEvent.pageX - Web APIs
even though numeric types both are repre
sented by number in javascript, they may be handled differently internally in the browser's code, resulting in potential behavior differences.
...since this example is pre
sented in an <iframe>, that top-left corner is the top-left corner of the frame, not the browser window.
msFirstPaint - Web APIs
syntax p = object.msfirstpaint; value an integer value that repre
sents the time when the document began to be displayed or 0 if the document could not be loaded.
... the numerical value reported repre
sents the number of milliseconds between the recorded time and midnight january 1, 1970 (utc).
NDEFMessage.records - Web APIs
the records property of ndefmessage interface repre
sents a list of ndefrecords defining the ndef message.
... syntax var recordlist = ndefmessage.records; value a list of ndefrecord object that repre
sent data recorded in the message.
NDEFMessage - Web APIs
the ndefmessage interface of the web nfc api is an abstract interface that repre
sents message that can be received or
sent to a to compatible nfc devices, e.g.
... attributes ndefmessage.records read only repre
sents a list of ndef records defining the ndef message.
Using Navigation Timing - Web APIs
html <div class="output"> </div> css .output { border: 1px solid #bbb; font: 16px "open sans", "helvetica", "arial", sans-serif; } in tandem with appropriate html and css, the result is: the values listed are for the <iframe> in which the sample is pre
sented above.
... html <div class="output"> </div> css .output { border: 1px solid #bbb; font: 16px "open sans", "helvetica", "arial", sans-serif; } with this code in place, the result looks like this: the values listed are for the <iframe> in which the sample is pre
sented.
Navigator.msLaunchUri() - Web APIs
successcallbackoptional a function matching the signature of mslaunchuricallback to be executed if the protocol handler is pre
sent.
... nohandlercallbackoptional a function matching mslaunchuricallback to be executed if the protocol handler is not pre
sent.
Navigator.registerContentHandler() - Web APIs
title is the title of the handler pre
sented to the user as a string.
... recommendation this feature is pre
sent in html 5.2, but has since been removed from the whatwg html living standard.
Navigator.sendBeacon() - Web APIs
ensuring that data has been
sent during the unloading of a document has traditionally been difficult, because user agents typically ignore asynchronous xmlhttprequests made in an unload handler.
...this solves all of the problems with submission of analytics data: the data is
sent reliably it's
sent asynchronously it doesn't impact the loading of the next page in addition, the code is simpler to write than any of the older techniques!
NavigatorID.appVersion - Web APIs
returns either "4.0" or a string repre
senting version information about the browser.
... syntax window.navigator.appversion value either "4.0" or a string repre
senting version information about the browser.
NavigatorID.platform - Web APIs
returns a string repre
senting the platform of the browser.
...platform is a string that must be an empty string or a string repre
senting the platform on which the browser is executing.
NavigatorID - Web APIs
navigatorid.appversion read only returns either "4.0" or a string repre
senting version information about the browser.
... navigatorid.platform read only returns either the empty string or a string repre
senting the platform the browser is running on.
NavigatorLanguage.language - Web APIs
the navigatorlanguage.language read-only property returns a string repre
senting the preferred language of the user, usually the language of the browser ui.
...lang stores a string repre
senting the language version as defined in bcp 47.
NavigatorLanguage - Web APIs
navigatorlanguage.language read only returns a domstring repre
senting the preferred language of the user, usually the language of the browser ui.
... navigatorlanguage.languages read only returns an array of domstring repre
senting the languages known to the user, by order of preference.
NavigatorPlugins.mimeTypes - Web APIs
returns a mimetypearray object, which contains a list of mimetype objects repre
senting the mime types recognized by the browser.
... example function isjavapre
sent() { return 'application/x-java-applet' in navigator.mimetypes; } function getjavaplugindescription() { var mimetype = navigator.mimetypes['application/x-java-applet']; if (mimetype === undefined) { // no java plugin pre
sent return undefined; } return mimetype.enabledplugin.description; } specifications specification status comment html living standardthe definition of 'navigatorplugins.mimetypes' in that specification.
Node.nodePrincipal - Web APIs
the node.nodeprincipal read-only property returns the nsiprincipal object repre
senting current security context of the node.
... syntax principalobj = node.nodeprincipal value an nsiprincipal object repre
senting the node's security context.
NotificationAction - Web APIs
the notificationaction interface of the notifications api is used to repre
sent action buttons the user can click to interact with notifications.
... notificationaction.icon read only the url of the image used to repre
sent the notification when there is not enough space to display the notification itself.
NotificationEvent - Web APIs
the parameter passed into the onnotificationclick handler, the notificationevent interface repre
sents a notification click event that is dispatched on the serviceworkerglobalscope of a serviceworker.
... notificationevent.notification read only returns a notification object repre
senting the notification that was clicked to fire the event.
NotifyAudioAvailableEvent - Web APIs
the non-standard, obsolete, notifyaudioavailableevent interface defines the event
sent to audio elements when the audio buffer is full.
... properties framebuffer read only a float32array containing the raw 32-bit floating-point audio data obtained from decoding the audio (e.g., the raw data being
sent to the audio hardware vs.
OES_vertex_array_object.createVertexArrayOES() - Web APIs
the oes_vertex_array_object.createvertexarrayoes() method of the webgl api creates and initializes a webglvertexarrayobject object that repre
sents a vertex array object (vao) pointing to vertex array data and which provides names for different sets of vertex data.
... return value a webglvertexarrayobject repre
senting a vertex array object (vao) which points to vertex array data.
OfflineAudioContext.length - Web APIs
the length property of the offlineaudiocontext interface returns an integer repre
senting the size of the buffer in sample-frames.
... syntax var length = offlineaudiocontext.length; value an integer repre
senting the size of the buffer in sample-frames.
OfflineAudioContext - Web APIs
the offlineaudiocontext interface is an audiocontext interface repre
senting an audio-processing graph built from linked together audionodes.
... offlineaudiocontext.length read only an integer repre
senting the size of the buffer in sample-frames.
OffscreenCanvas.convertToBlob() - Web APIs
the offscreencanvas.converttoblob() method creates a blob object repre
senting the image contained in the canvas.
... return value a promise returning a blob object repre
senting the image contained in the canvas.
OffscreenCanvas.convertToBlob() - Web APIs
the offscreencanvas.converttoblob()method creates a blob object repre
senting the image contained in the canvas.
... return value a promise returning a blob object repre
senting the image contained in the canvas.
OffscreenCanvas.convertToBlob() - Web APIs
the offscreencanvas.converttoblob() method creates a blob object repre
senting the image contained in the canvas.
... return value a promise returning a blob object repre
senting the image contained in the canvas.
OrientationSensor.quaternion - Web APIs
the quaternion read-only property of the orientationsensor interface returns a four element array whose elements contain the components of the unit quaternion repre
senting the device's orientation.
... value a array whose values are the x, y, z, and w components of the quaternion repre
senting the device orientation.
OscillatorNode.detune - Web APIs
the detune property of the oscillatornode interface is an a-rate audioparam repre
senting detuning of oscillation in cents.
... syntax var oscillator = audioctx.createoscillator(); oscillator.detune.setvalueattime(100, audioctx.currenttime); // value in cents note: though the audioparam returned is read-only, the value it repre
sents is not.
OscillatorNode.frequency - Web APIs
the frequency property of the oscillatornode interface is an a-rate audioparam repre
senting the frequency of oscillation in hertz.
... syntax var oscillator = audioctx.createoscillator(); oscillator.frequency.setvalueattime(440, audioctx.currenttime); // value in hertz note: though the audioparam returned is read-only, the value it repre
sents is not.
ParentNode.childElementCount - Web APIs
the parentnode.childelementcount read-only property returns an unsigned long repre
senting the number of child elements of the given element.
... node an object repre
senting a document, documentfragment, or element.
PasswordCredential.idName - Web APIs
the idname property of the passwordcredential interface returns a usvstring, repre
senting the name that will be used for the id field, when submitting the current object to a remote endpoint via fetch.
... syntax var idname = passwordcredential.idname passwordcredential.idname = "userid" value a usvstring repre
sents the name used for the id field, when submitting the current object to a remote endpoint via fetch.
PasswordCredential - Web APIs
the data in the objects will be added to the request body and
sent to the remote endpoint with the credentials.
... passwordcredential.passwordname secure context a usvstring repre
senting the name that will be used for the password field when submitting the current object to a remote endpoint via fetch.
PaymentAddress.regionCode - Web APIs
the regioncode read-only attribute of the paymentaddress interface returns a one-, two-, or three-alphanumeric code (domstring) repre
senting the region of the address (e.g., "ca" for california, or "11" for lisbon, portugal).
... syntax var regioncode = paymentaddress.regioncode; value a domstring indicating the one to three character alphanumeric code repre
senting the region portion of the address.
PaymentDetailsUpdate - Web APIs
these repre
sent the line items on a receipt or invoice.
... error optional a domstring specifying an error message to pre
sent to the user.
PaymentRequest: shippingaddresschange event - Web APIs
the shippingaddresschange event is
sent to the paymentrequest object when the user selects a shipping address or changes details of their shipping address.
...that is, the paymentaddress which contains the shipping address may have some portions of its content altered, obscured, or left out entirely in order to prevent identifying the user without their con
sent (since if they choose to have you ship products to them, you'll need their address).
PaymentRequest.show() - Web APIs
it may only be called while handling events that repre
sent user interactions, such as click, keyup, or the like.
... // paymentresponse.methodname contains the selected payment method // paymentresponse.details contains a payment method specific response await response.complete("success"); } catch (err) { console.error("uh oh, something bad happened", err.message); } } the following example shows how to update the payment sheet as it's being pre
sented to the end-user.
PaymentResponse.complete() - Web APIs
the user agent may or may not pre
sent some form of "payment successful" indication to the user.
... unknown the success or failure status of the transaction is unknown or irrelevant, and the user agent should not pre
sent any notification, even if it normally would.
performance.now() - Web APIs
the returned value repre
sents the time elapsed since the time origin.
...instead, they repre
sent times as floating-point numbers with up to microsecond precision.
Performance - Web APIs
performance.now() returns a domhighrestimestamp repre
senting the number of milliseconds elapsed since a reference instant.
... performance.tojson() is a jsonizer returning a json object repre
senting the performance object.
PerformanceNavigationTiming.domComplete - Web APIs
the domcomplete read-only property returns a timestamp repre
senting the time value equal to the time immediately before the user agent sets the current document readiness of the current document to complete.
... syntax perfentry.domcomplete; return value a timestamp repre
senting a time value equal to the time immediately before the user agent sets the current document readiness of the current document to complete.
PerformanceNavigationTiming.domContentLoadedEventEnd - Web APIs
the domcontentloadedeventend read-only property returns a timestamp repre
senting the time value equal to the time immediately after the current document's domcontentloaded event completes.
... syntax perfentry.domcontentloadedeventend; return value a timestamp repre
senting the time value equal to the time immediately after the current document's domcontentloaded event completes.
PerformanceNavigationTiming.domContentLoadedEventStart - Web APIs
the domcontentloadedeventstart read-only property returns a timestamp repre
senting the time value equal to the time immediately before the user agent fires the domcontentloaded event at the current document.
... syntax perfentry.domcontentloadedeventstart; return value a timestamp repre
senting the time value equal to the time immediately before the user agent fires the domcontentloaded event at the current document.
PerformanceNavigationTiming.domInteractive - Web APIs
the dominteractive read-only property returns a timestamp repre
senting the time value equal to the time immediately before the user agent sets the current document readiness of the current document to interactive.
... syntax perfentry.dominteractive; return value a timestamp repre
senting the time value equal to the time immediately before the user agent sets the current document readiness of the current document to interactive.
PerformanceNavigationTiming.loadEventStart - Web APIs
the loadeventstart read-only property returns a timestamp repre
senting the time value equal to the time immediately before the load event of the current document is fired.
... syntax perfentry.loadeventstart; return value a timestamp repre
senting a time value equal to the time immediately before the load event of the current document is fired.
PerformanceNavigationTiming.redirectCount - Web APIs
the redirectcount property returns a timestamp repre
senting the number of redirects since the last non-redirect navigation under the current browsing context.
... syntax perfentry.redirectcount; return value a number repre
senting the number of redirects since the last non-redirect navigation under the current browsing context.
PerformanceNavigationTiming.unloadEventEnd - Web APIs
the unloadeventend read-only property returns a timestamp repre
senting the time value equal to the time immediately after the user agent finishes the unload event of the previous document.
... syntax perfentry.unloadeventend; return value a timestamp repre
senting a time value equal to the time immediately after the user agent finishes the unload event of the previous document.
PerformanceNavigationTiming.unloadEventStart - Web APIs
the unloadeventstart read-only property returns a timestamp repre
senting the time value equal to the time immediately before the user agent starts the unload event of the previous document.
... syntax perfentry.unloadeventstart; return value a timestamp repre
senting the time value equal to the time immediately before the user agent starts the unload event of the previous document.
PerformanceResourceTiming.domainLookupEnd - Web APIs
if the user agent has the domain information in cache, domainlookupstart and domainlookupend repre
sent the times when the user agent starts and ends the domain data retrieval from the cache.
... syntax resource.domainlookupend; return value a domhighrestimestamp repre
senting the time immediately after the browser finishes the domain name lookup for the resource.
PerformanceResourceTiming.encodedBodySize - Web APIs
the encodedbodysize read-only property repre
sents the size (in octets) received from the fetch (http or cache), of the payload body, before removing any applied content-codings.
... syntax resource.encodedbodysize; return value a number repre
senting the size (in octets) received from the fetch (http or cache), of the payload body, before removing any applied content-codings.
PerformanceResourceTiming.initiatorType - Web APIs
the initiatortype read-only property is a string that repre
sents the type of resource that initiated the performance event.
... syntax resource.initiatortype; return value a string repre
senting the type of resource that initiated the performance event, as specified above.
PerformanceResourceTiming.nextHopProtocol - Web APIs
the nexthopprotocol read-only property is a string repre
senting the network protocol used to fetch the resource, as identified by the alpn protocol id (rfc7301).
... syntax resource.nexthopprotocol; return value a string repre
senting the network protocol used to fetch the resource, as identified by the alpn protocol id (rfc7301).
PerformanceResourceTiming.redirectStart - Web APIs
the redirectstart read-only property returns a timestamp repre
senting the start time of the fetch which that initiates the redirect.
... syntax resource.redirectstart; return value a timestamp repre
senting the start time of the fetch which initiates the redirect.
PerformanceResourceTiming.transferSize - Web APIs
the transfersize read-only property repre
sents the size (in octets) of the fetched resource.
... syntax resource.transfersize; return value a number repre
senting the size (in octets) of the fetched resource.
PerformanceServerTiming - Web APIs
the performanceservertiming interface surfaces server metrics that are
sent with the response in the server-timing http header.
... methods performanceservertiming.tojson() returns a domstring that is the json repre
sentation of the performanceservertiming object.
PerformanceTiming.loadEventEnd - Web APIs
the legacy performancetiming.loadeventend read-only property returns an unsigned long long repre
senting the moment, in miliseconds since the unix epoch, when the load event handler terminated, that is when the load event is completed.
... if this event has not yet been
sent, or is not yet completed, it returns 0.
PerformanceTiming.loadEventStart - Web APIs
the legacy performancetiming.loadeventstart read-only property returns an unsigned long long repre
senting the moment, in miliseconds since the unix epoch, when the load event was
sent for the current document.
... if this event has not yet been
sent, it returns 0.
Performance Timeline - Web APIs
starttime a high resolution timestamp repre
senting the starting time for the performance entry.
... duration a high resolution timestamp repre
senting the time value of the duration of the performance event.
Point - Web APIs
point is an interface, which existed only briefly in the css transforms level 1 specification, which repre
sents a point in 2-dimensional space.
...it is not pre
sent in the current working draft of the css transforms level 1 specification.
PointerEvent.tangentialPressure - Web APIs
the tangentialpressure read-only property of the pointerevent interface repre
sents the normalized tangential pressure of the pointer input (also known as barrel pressure or cylinder stress).
... syntax var tanpressure = pointerevent.tangentialpressure; return value a float repre
senting the normalized tangential pressure of the pointer input in the range -1 to 1, inclusive, where 0 is the neutral position of the control.
PointerEvent.twist - Web APIs
the twist read-only property of the pointerevent interface repre
sents the clockwise rotation of the pointer (e.g., pen stylus) around its major axis, in degrees.
... syntax var twist = pointerevent.twist; return value a long value repre
senting the amount of twist, in degrees, applied to the transducer (pointer).
Using Pointer Events - Web APIs
handling the end of a touch when the user lifts a finger off the surface, a pointerup event is
sent.
... handling canceled touches if the user's finger wanders into browser ui, or the touch otherwise needs to be canceled, the pointercancel event is
sent, and we call the handlecancel() function below.
ProgressEvent.loaded - Web APIs
the progressevent.loaded read-only property is an integer repre
senting the amount of work already performed by the underlying process.
...when downloading a resource using http, this only repre
sent the part of the content itself, not headers and other overhead.
ProgressEvent.total - Web APIs
the progressevent.total read-only property is an integer repre
senting the total amount of work that the underlying process is in the progress of performing.
... when downloading a resource using http, this only repre
sent the content itself, not headers and other overhead.
PublicKeyCredential.response - Web APIs
the response read-only property of the publickeycredential interface is an authenticatorresponse object which is
sent from the authenticator to the user agent for the creation/fetching of credentials.
... syntax response = publickeycredential.response value an authenticatorresponse object containing the data a relying party's script will receive and which should be
sent to the relying party's server in order to validate the demand for creation or fetching.
PublicKeyCredentialRequestOptions.extensions - Web APIs
if true, the client outputs a coordinates object repre
senting the geolocation of the authenticator.
... examples var options = { extensions: { uvm: true, loc: false, txauthsimple: "could you please verify yourself?" }, challenge: new uint8array([/* bytes
sent from the server */]) }; navigator.credentials.get({ "publickey": options }) .then(function (credentialinfoassertion) { // send assertion response back to the server // to proceed with the control of the credential }).catch(function (err) { console.error(err); }); specifications specification status comment web authentication: an api for accessing ...
PublicKeyCredentialRequestOptions.timeout - Web APIs
the timeout property, of the publickeycredentialrequestoptions dictionary, repre
sents an hint, given in milliseconds, for the time the script is willing to wait for the completion of the retrieval operation.
... examples var options = { challenge: new uint8array([/* bytes
sent from the server */]), timeout: 6000 // wait a minute for the fetching operation // and maybe fail if it takes longer }; navigator.credentials.get({ "publickey": options }) .then(function (credentialinfoassertion) { // send assertion response back to the server // to proceed with the control of the credential }).catch(function (err) { console.error(err); }); ...
PublicKeyCredentialRequestOptions - Web APIs
this value will be signed by the authenticator and the signature will be
sent back as part of authenticatorassertionresponse.signature.
... examples var options = { challenge: new uint8array([/* bytes
sent from the server */]), rpid: "example.com", /* will only work if the current domain is something like foo.example.com */ userverification: "preferred", timeout: 60000, // wait for a minute allowcredentials: [ { transports: "usb", type: "public-key", id: new uint8array(26) // actually provided by the server }, { transports: "i...
PushManager.unregister() - Web APIs
if the method call is successful, the request's result will be a pushregistration object repre
senting the endpoint that has been unregistered.
... pushregistration those objects are anonymous javascript objects with the following properties: pushendpoint a string repre
senting the url of the unregistered endpoint.
PushMessageData - Web APIs
the pushmessagedata interface of the push api provides methods which let you retrieve the push data
sent by a server in various formats.
... messages received through the push api are
sent encrypted by push services and then automatically decrypted by browsers before they are made accessible through the methods of the pushmessagedata interface.
PushSubscription.getKey() - Web APIs
the getkey() method of the pushsubscription interface returns an arraybuffer repre
senting a client public key, which can then be
sent to a server and used in encrypting push message data.
... syntax var key = subscription.getkey(name); parameters name a domstring repre
senting the encryption method used to generate a client key.
PushSubscription - Web APIs
methods pushsubscription.getkey() returns an arraybuffer which contains the client's public key, which can then be
sent to a server and used in encrypting push message data.
... pushsubscription.tojson() standard serializer — returns a json repre
sentation of the subscription properties.
Web Push API Notifications best practices - Web APIs
searching the web for "web push notifications," you'll find articles from marketing experts who believe you should use push to re-engage people who have left your site so they can complete a purchase, or be
sent the latest news, or receive links to recommended products.
...sometimes news sites request push notifications so they can es
sentially say "look at me!
RTCDTMFSender.insertDTMF() - Web APIs
sending of the tones is performed asynchronously, with tonechange events
sent to the rtcdtmfsender every time a tone starts or ends.
... return value undefined exceptions invalidstateerror the dtmf tones couldn't be
sent because the track has been stopped, or is in a read-only or inactive state.
RTCDTMFSender.ontonechange - Web APIs
the ontonechange property of the rtcdtmfsender interface is used to set the event handler for the tonechange event, which is
sent to the rtcdtmfsender each time a tone begins or ends.
... syntax rtcdtmfsender.ontonechange = tonechangehandlerfunction; value a function which is called when a tonechange event is
sent to the rtcdtmfsender, indicating that a dtmf tone has either started playing, or if all tones have finished playing.
RTCDTMFSender.toneBuffer - Web APIs
dtmf tone characters the digits 0-9 these characters repre
sent the digit keys on a telephone keypad.
... the letters a-d these characters repre
sent the "a" through "d" keys which are part of the dtmf standard but not included on most telephones.
RTCDTMFToneChangeEvent.RTCDTMFToneChangeEvent() - Web APIs
tone characters the digits 0-9 these characters repre
sent the digit keys on a telephone keypad.
... the letters a-d these characters repre
sent the "a" through "d" keys which are part of the dtmf standard but not included on most telephones.
RTCDataChannel.binaryType - Web APIs
the property binarytype on the rtcdatachannel interface is a domstring which specifies the type of javascript object which should be used to repre
sent binary data received on the rtcdatachannel.
... example this code configures a data channel to receive binary data in arraybuffer objects, and establishes a listener for message events which constructs a string repre
senting the received data as a list of hexadecimal byte values.
RTCDataChannel: bufferedamountlow event - Web APIs
a bufferedamountlow event is
sent to an rtcdatachannel when the number of bytes currently in the outbound data transfer buffer falls below the threshold specified in bufferedamountlowthreshold.
... bufferedamountlow events aren't
sent if bufferedamountlowthreshold is 0.
RTCDataChannel.close() - Web APIs
if the transport was closed with an error, the rtcdatachannel is
sent a networkerror event.
... a close event is
sent to the channel.
RTCDataChannel: error event - Web APIs
a webrtc error event is
sent to an rtcdatachannel object's onerror error handler when an error occurs on the data channel.
... break; case "sctp-failure": if (err.sctpcausecode < sctpcausecodes.length) { console.error(" sctp failure: ", err.sctpcausecode); } else { console.error(" unknown sctp error"); } break; case "dtls-failure": if (err.receivedalert) { console.error(" received dlts failure alert: ", err.receivedalert); } if (err.
sentalert) { console.error("
sent dlts failure alert: ", err.receivedalert); } break; } // add source file name and line information console.error(" error in file ", err.filename, " at line ", err.linenumber, ", column ", err.columnnumber); }, false); the received event provides details in an rtcerror object called error; rtcerror is an extension of ...
RTCDataChannel.onmessage - Web APIs
this event is repre
sented by the messageevent interface.
... this event is
sent to the channel when a message is received from the other peer.
RTCDataChannel.send() - Web APIs
data
sent before connecting is buffered if possible (or an error occurs if it's not possible), and is also buffered if
sent while the connection is closing or closed.
...for example, if one peer is a modern browser that supports using the eor (end of record) flag to indicate when a received message is the last piece of a multi-part object
sent using send().
RTCDataChannelEvent() - Web APIs
you will rarely if ever construct an rtcdatachannelevent by hand; these events are normally created and
sent by the webrtc layer itself.
... rtcdatachanneleventinit a rtcdatachanneleventinit dictionary, which has following fields: "channel" of type rtcdatachannel, repre
senting the data channel being concerned by the event.
RTCError - Web APIs
sentalert read only if errordetail is dtls-failure, this property is an unsigned long integer indicating the fatal dtls error that was
sent out by this device.
...umber; let errmessage = error.message; let alertmessage = `a syntax error occurred interpreting line ${errline} of the sdp: ${errmessage}`; showmyalertmessage("data channel error", alertmessage); } else { terminatemyconnection(); } }); if the error is an sdp syntax error—indicated by its errordetail property being sdp-syntax-error—, a message string is constructed to pre
sent the error message and the line number within the sdp at which the error occurred.
RTCErrorEvent.error - Web APIs
sentalert read only if errordetail is dtls-failure, this property is an unsigned long integer indicating the fatal dtls error that was
sent out by this device.
...umber; let errmessage = error.message; let alertmessage = `a syntax error occurred interpreting line ${errline} of the sdp: ${errmessage}`; showmyalertmessage("data channel error", alertmessage); } else { terminatemyconnection(); } }); if the error is an sdp syntax error—indicated by its errordetail property being sdp-syntax-error—, a message string is constructed to pre
sent the error message and the line number within the sdp at which the error occurred.
RTCIceCandidate.RTCIceCandidate() - Web APIs
the rtcicecandidate() constructor creates and returns a new rtcicecandidate object, which can be configured to repre
sent a single ice candidate.
... syntax candidate = new rtcicecandidate([candidateinfo]); parameters candidateinfo optional an optional rtcicecandidateinit object providing information about the candidate; if this is provided, the candidate is initialized configured to repre
sent the described candidate.
RTCIceCandidateInit - Web APIs
if the candidate is an indicator that there are no further candidates (rather than repre
senting a new candidate), this is the empty string ("").
...this property has no default value and is not pre
sent unless set explicitly.
RTCIceCandidatePairStats.totalRoundTripTime - Web APIs
this value includes both connectivity check and con
sent check requests.
... syntax totalrtt = rtcicecandidatepairstats.totalroundtriptime; value this floating-point value indicates the total number of seconds which have elapsed between sending out stun connectivity and con
sent check requests and receiving their responses, for all such requests made so far on the connection described by this candidate pair.
RTCIceCandidatePairStats.writable - Web APIs
syntax iswritable = rtcicecandidatepairstats.writable; value a boolean value which is true if the connection described by this candidate pair has received acknowledgement of receipt (ack) for at least one ice request and that stun con
sent hasn't expired.
... note: this property was removed from the specification in early 2017 because you can determine whether or not an incoming ice request is available to read by checking to see if responsesreceived is greater than 0 and that the time specified by con
sentexpiredtimestamp has not passed: if (icpstats.responsesreceived > 0 && icpstats.con
sentexpiredtimestamp < performance.now()) { /* at least one ice response has been received */ } ...
RTCIceProtocol - Web APIs
the webrtc api's rtciceprotocol enumerated type provides a set of domstring values repre
senting the names of the transport protocols ice candidates can use.
...the tcptype property provides additional information about the kind of tcp candidate repre
sented by the object.
RTCIceServer - Web APIs
this is only used if the rtciceserver repre
sents a turn server.
... credentialtype optional if the rtciceserver repre
sents a turn server, this attribute specifies what kind of credential is to be used when connecting.
RTCIceTransport: selectedcandidatepairchange event - Web APIs
a selectedcandidatepairchange event is
sent to an rtcicetransport when the ice agent selects a new pair of candidates that describe the endpoints of a viable connection.
... the pair of candidates is in turn described by an rtcicecandidatepair object which contains one rtcicecandidate repre
senting the local end of the connection, and another repre
senting the remote end of the connection.
RTCIdentityErrorEvent - Web APIs
the rtcidentityerrorevent interface repre
sents an error associated with the identity provider (idp).
...two events are
sent with this type: idpassertionerror and idpvalidationerror.
RTCIdentityEvent - Web APIs
the rtcidentityevent interface repre
sents an identity assertion generated by an identity provider (idp).
...the only event
sent with this type is identityresult..
RTCInboundRtpStreamStats.remoteId - Web APIs
the remoteid property of the rtcinboundrtpstreamstats dictionary specifies the id of the rtcremoteoutboundrtpstreamstats object repre
senting the remote peer's rtcrtpsender which is sending the media to the local peer.
... syntax var remotestatsid = rtcinboundrtpstreamstats.remoteid; value a domstring containing the id of the rtcremoteoutboundrtpstreamstats object that repre
sents the remote peer's rtcrtpsender for the synchronization source repre
sented by this stats object.
RTCInboundRtpStreamStats.trackId - Web APIs
the trackid property of the rtcinboundrtpstreamstats dictionary indicates the id of the rtcreceiveraudiotrackattachmentstats or rtcreceivervideotrackattachmentstats object repre
senting the mediastreamtrack which is receiving the incoming media.
... syntax var trackstatsid = rtcinboundrtpstreamstats.trackid; value a domstring containing the id of the rtcreceiveraudiotrackattachmentstats or rtcreceivervideotrackattachmentstats object repre
senting the track which is receiving the media from this rtp session.
RTCOfferOptions.iceRestart - Web APIs
syntax var options = { icerestart: trueorfalse }; value a boolean value indicating whether or not the rtcpeerconnection should generate new values for the connection's ice-ufrag and ice-pwd values, which will trigger ice renegotiation on the next message
sent to the remote peer.
...after that, the offer is
sent to the server by calling a custom function sendoffertoserver().
RTCOutboundRtpStreamStats.firCount - Web APIs
the fircount property of the rtcoutboundrtpstreamstats dictionary indicates the number of full intra request (fir) that the remote rtcrtpreceiver has
sent to this rtcrtpsender.
... a fir packet is
sent when the receiver finds that it has fallen behind and needs to skip frames in order to catch up; the sender should respond by sending a full frame instead of a delta frame.
RTCOutboundRtpStreamStats.qpSum - Web APIs
syntax var qpsum = rtcoutboundrtpstreamstats.qpsum; value an unsigned 64-bit integer value which indicates the sum of the quantization parameter (qp) value for every frame
sent so far on the track described by the rtcoutboundrtpstreamstats object.
...you can use the value of rtc
sentrtpstreamstats.framesencoded to get the number of frames that have been encoded so far, and compute an average from there.
RTCOutboundRtpStreamStats.remoteId - Web APIs
the remoteid property of the rtcoutboundrtpstreamstats dictionary specifies the id of the rtcremoteinboundrtpstreamstats object repre
senting the remote peer's rtcrtpreceiver which is sending the media to the local peer for this ssrc.
... syntax var remotestatsid = rtcoutboundrtpstreamstats.remoteid; value a domstring containing the id of the rtcremoteinboundrtpstreamstats object that repre
sents the remote peer's rtcrtpreceiver for the synchronization source repre
sented by this stats object.
RTCOutboundRtpStreamStats.trackId - Web APIs
the trackid property of the rtcoutboundrtpstreamstats dictionary indicates the id of the rtcsenderaudiotrackattachmentstats or rtcsendervideotrackattachmentstats object repre
senting the mediastreamtrack which is being
sent on this stream.
... syntax var trackstatsid = rtcoutboundrtpstreamstats.trackid; value a domstring containing the id of the rtcsenderaudiotrackattachmentstats or rtcsendervideotrackattachmentstats object repre
senting the track which is the source of the media being
sent on this stream.
RTCPeerConnection.addIceCandidate() - Web APIs
if no candidate object is specified, or its value is null, an end-of-candidates signal is
sent to the remote peer using the end-of-candidates a-line, formatted simply like this: a=end-of-candidates deprecated parameters in older code and documentation, you may see a callback-based version of this function.
... // this example assumes that the other peer is using a signaling channel as follows: // // pc.onicecandidate = event => { // if (event.candidate) { // signalingchannel.send(json.stringify({ice: event.candidate})); // "ice" is arbitrary // } else { // // all ice candidates have been
sent // } // } signalingchannel.onmessage = receivedstring => { const message = json.parse(receivedstring); if (message.ice) { // a typical value of ice here might look something like this: // // {candidate: "candidate:0 1 udp 2122154243 192.168.1.9 53421 typ host", sdpmid: "0", ...} // // pass the whole thing to addicecandidate: pc.addicecandidate(message.ice).catch(e ...
RTCPeerConnection: addstream event - Web APIs
the obsolete addstream event is
sent to an rtcpeerconnection when new media, in the form of a mediastream object, has been added to it.
...you should instead watch for the track event, which is
sent for each media track added to the rtcpeerconnection.
RTCPeerConnection.connectionState - Web APIs
when this property's value changes, a connectionstatechange event is
sent to the rtcpeerconnection instance.
...this state es
sentially repre
sents the aggregate state of all ice transports (which are of type rtcicetransport or rtcdtlstransport) being used by the connection.
RTCPeerConnection.createDataChannel() - Web APIs
options optional an rtcdatachannelinit dictionary providing configuration options for the data channel rtcdatachannelinit dictionary the rtcdatachannelinit dictionary provides the following fields, any of which may be included in the object passed as the options parameter in order to configure the data channel to suit your needs: ordered optional indicates whether or not messages
sent on the rtcdatachannel are required to arrive at their destination in the same order in which they were
sent (true), or if they're allowed to arrive out-of-order (false).
... the options which can be configured using the rtcdatachannelinit dictionary repre
sent the script-settable subset of the properties on the rtcdatachannel interface.
RTCPeerConnection.currentLocalDescription - Web APIs
also included is a list of any ice candidates that may already have been generated by the ice agent since the offer or answer repre
sented by the description was first instantiated.
... unlike rtcpeerconnection.localdescription, this value repre
sents the actual current state of the local end of the connection; localdescription may specify a description which the connection is currently in the process of switching over to.
RTCPeerConnection.currentRemoteDescription - Web APIs
also included is a list of any ice candidates that may already have been generated by the ice agent since the offer or answer repre
sented by the description was first instantiated.
... unlike rtcpeerconnection.remotedescription, this value repre
sents the actual current state of the local end of the connection; remotedescription may specify a description which the connection is currently in the process of switching over to.
RTCPeerConnection: datachannel event - Web APIs
a datachannel event is
sent to an rtcpeerconnection instance when an rtcdatachannel has been added to the connection, as a result of the remote peer calling rtcpeerconnection.createdatachannel().
... pc.addeventlistener("datachannel", ev => { receivechannel = ev.channel; receivechannel.onmessage = myhandlemessage; receivechannel.onopen = myhandleopen; receivechannel.onclose = myhandleclose; }, false); receivechannel is set to the value of the event's channel property, which specifies the rtcdatachannel object repre
senting the data channel linking the remote peer to the local one.
RTCPeerConnection: iceconnectionstatechange event - Web APIs
an iceconnectionstatechange event is
sent to an rtcpeerconnection object each time the ice connection state changes during the negotiation process.
...if ice restart is initiated while in the transient disconnected state, the state transitions instead to checking, es
sentially indicating that the negotiation is ignoring the fact that the connection had been temporarily lost.
RTCPeerConnection: negotiationneeded event - Web APIs
a negotiationneeded event is
sent to the rtcpeerconnection when negotiation of the connection through the signaling channel is required.
...tiationneeded", ev => { pc.createoffer() .then(offer => return pc.setlocaldescription(offer)) .then(() => sendsignalingmessage({ type: "video-offer", sdp: pc.localdescription })) .catch(err => { /* handle error */ ); }, false); after creating the offer, the local end is configured by calling rtcpeerconnection.setlocaldescription(); then a signaling message is created and
sent to the remote peer through the signaling server, to share that offer with the other peer.
RTCPeerConnection.oniceconnectionstatechange - Web APIs
this happens when the state of the connection's ice agent, as repre
sented by the iceconnectionstate property, changes.
... example the example below watches the state of the ice agent for a failure or unexpected closure and takes appropriate action, such as pre
senting an error message or attempting to restart the ice agent.
RTCPeerConnection.sctp - Web APIs
the read-only sctp property on the rtcpeerconnection interface returns an rtcsctptransport describing the sctp transport over which sctp data is being
sent and received.
... example var pc = new rtcpeerconnection(); var channel = pc.createdatachannel("mydata"); channel.onopen = function(event) { channel.send('sending a message'); } channel.onmessage = function(event) { console.log(event.data); } // determine the largest message size that can be
sent var sctp = pc.sctp; var maxmessagesize = sctp.maxmessagesize; specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.sctp' in that specification.
RTCPeerConnection: signalingstatechange event - Web APIs
an signalingstatechange event is
sent to an rtcpeerconnection to notify it that its signaling state, as indicated by the signalingstate property, has changed.
... bubbles no cancelable no interface event event handler property rtcpeerconnection.onsignalingstatechange examples given an rtcpeerconnection, pc, and an updatestatus() function that pre
sents status information to the user, this code sets up an event handler to let the user know when the ice negotiation process finishes up.
RTCPeerConnectionIceEvent - Web APIs
the rtcpeerconnectioniceevent interface repre
sents events that occurs in relation to ice candidates with the target, usually an rtcpeerconnection.
...it takes two parameters, the first being a domstring repre
senting the type of the event; the second a dictionary containing the rtcicecandidate it refers to.
RTCRtpCodecParameters - Web APIs
sdpfmtpline optional a domstring containing the format-specific parameters field from the "a=fmtp" line in the codec's sdp, if one is pre
sent; see section 5.8 of the ietf specification for jsep.
... note: on an rtcrtpreceiver, the format-specific parameters come from the sdp
sent by the remote peer, while for rtcrtpsender, they're provided by the local description.
RTCRtpEncodingParameters - Web APIs
rid a domstring which, if set, specifies an rtp stream id (rid) to be
sent using the rid header extension.
...the default value, 1.0, means that the
sent video's size will be the same as the original.
RTCRtpSendParameters.encodings - Web APIs
rid a domstring which, if set, specifies an rtp stream id (rid) to be
sent using the rid header extension.
...the default value, 1.0, means that the
sent video's size will be the same as the original.
RTCRtpStreamStats.pliCount - Web APIs
the plicount property of the rtcrtpstreamstats dictionary states the number of times the stream's receiving end
sent a picture loss indication (pli) packet to the sender.
... syntax var plicount = rtcrtpstreamstats.plicount; value an integer value indicating the number of times a pli packet was
sent by the stream's receiver to the sender.
RTCSessionDescription() - Web APIs
in other words, this session description describes the agreed-upon configuration, and is being
sent to finalize negotiation.
...the session negotiation process begins with an offer being
sent from the caller to the callee.
RTCSessionDescription - Web APIs
in other words, this session description describes the agreed-upon configuration, and is being
sent to finalize negotiation.
...the session negotiation process begins with an offer being
sent from the caller to the callee.
RTCStats.type - Web APIs
the rtcstats dictionary's property type is a string which specifies the type of statistic repre
sented by the object, where the permitted values are drawn from the enum type rtcstatstype.
... syntax var type = rtcstats.type; value a domstring which specifies which type of statistic is repre
sented by the object.
RTCStats - Web APIs
for example, statistics about a received rtp stream are repre
sented by rtcreceivedrtpstreamstats.
... rtc
sentrtpstreamstats offers statistics related to the sending end of an rtp stream.
RTCStatsIceCandidatePairState - Web APIs
the rtcstatsicecandidatepairstate enumerated type repre
sents the set of string values which are possible for the rtcicecandidatepairstats object's state property.
... this repre
sents the state of this candidate pair within the ice check list for the rtcpeerconnection.
RTCStatsReport - Web APIs
the statistic categories the type gives the name of the statistic category repre
sented by the object, and is how you locate the specific type of data you need.
... outbound-rtp the report is an rtcoutboundrtpstreamstats object providing statistics based on the local peer's outgoing data being
sent to its peers.
RadioNodeList - Web APIs
the radionodelist interface repre
sents a collection of radio elements in a <form> or a <fieldset> element.
... radionodelist.value if the underlying element collection contains radio buttons, the value property repre
sents the checked radio button.
ReadableStreamBYOBRequest - Web APIs
the readablestreambyobrequest interface of the streams api repre
sents a pull request into a readablebytestreamcontroller view.
... a view, as mentioned below, refers to a typed array repre
senting the destination region to which the associated readablebytestreamcontroller controller can write generated data.
ReportingObserver() - Web APIs
the callback function is given two parameters: reports: a sequence of report objects repre
senting the reports collected in the observer's report queue.
...the available options are: types: an array of strings repre
senting the types of report to be collected by this observer.
Request.referrerPolicy - Web APIs
the referrerpolicy read-only property of the request interface returns the referrer policy, which governs what referrer information,
sent in the referer header, should be included with the request.
... syntax var myreferrerpolicy = request.referrerpolicy; value a domstring repre
senting the request's referrerpolicy.
RsaHashedImportParams - Web APIs
the rsahashedimportparams dictionary of the web crypto api repre
sents the object that should be passed as the algorithm parameter into subtlecrypto.importkey() or subtlecrypto.unwrapkey(), when importing any rsa-based key pair: that is, when the algorithm is identified as any of rsassa-pkcs1-v1_5, rsa-pss, or rsa-oaep.
... hash a domstring repre
senting the name of the digest function to use.
RsaHashedKeyGenParams - Web APIs
the rsahashedkeygenparams dictionary of the web crypto api repre
sents the object that should be passed as the algorithm parameter into subtlecrypto.generatekey(), when generating any rsa-based key pair: that is, when the algorithm is identified as any of rsassa-pkcs1-v1_5, rsa-pss, or rsa-oaep.
... hash a domstring repre
senting the name of the digest function to use.
RsaPssParams - Web APIs
the rsapssparams dictionary of the web crypto api repre
sents the object that should be passed as the algorithm parameter into subtlecrypto.sign() or subtlecrypto.verify(), when using the rsa-pss algorithm.
... saltlength a long integer repre
senting the length of the random salt to use, in bytes.
SVGAltGlyphElement - Web APIs
the svgaltglyphelement interface repre
sents an <altglyph> element.
...for some textal repre
sentations as: ligatures (e.g.
SVGAnimatedNumberList - Web APIs
interface overview also implement none methods none properties readonly svgnumberlist baseval readonly svgnumberlist animval normative document svg 1.1 (2nd edition) properties svganimatednumberlist.baseval read only is a svgnumberlist that repre
sents the base value of the given attribute before applying any animations.
... svganimatednumberlist.animval read only is a read only svgnumberlist that repre
sents the current animated value of the given attribute.
SVGAnimatedPreserveAspectRatio - Web APIs
interface overview also implement none methods none properties readonly float baseval readonly float animval normative document svg 1.1 (2nd edition) properties svganimatedpreserveaspectratio.baseval read only is a svgpreserveaspectratio that repre
sents the base value of the given attribute before applying any animations.
... svganimatedpreserveaspectratio.animval read only is a svgpreserveaspectratio that repre
sents the current animated value of the given attribute.
Screen.onorientationchange - Web APIs
an event handler for the orientationchange events
sent to the screen object.
... working draft initial definition (not pre
sent in the draft anymore) ...
ScriptProcessorNode - Web APIs
an event, implementing the audioprocessingevent interface, is
sent to the object each time the input buffer contains new data, and the event handler terminates when it has filled the output buffer with data.
... scriptprocessornode.buffersize read only returns an integer repre
senting both the input and output buffer size.
SecurityPolicyViolationEvent.blockedURI - Web APIs
the blockeduri read-only property of the securitypolicyviolationevent interface is a usvstring repre
senting the uri of the resource that was blocked because it violates a policy.
... syntax let blockeduri = violationeventinstance.blockeduri; value a usvstring repre
senting the uri of the blocked resource.
SecurityPolicyViolationEvent.documentURI - Web APIs
the documenturi read-only property of the securitypolicyviolationevent interface is a usvstring repre
senting the uri of the document or worker in which the violation was found.
... syntax let documenturi = violationeventinstance.documenturi; value a usvstring repre
senting the uri of the document or worker in which the violation was found.
SecurityPolicyViolationEvent.effectiveDirective - Web APIs
the effectivedirective read-only property of the securitypolicyviolationevent interface is a domstring repre
senting the directive whose enforcement uncovered the violation.
... syntax let effdir = violationeventinstance.effectivedirective; value a domstring repre
senting the directive whose enforcement uncovered the violation.
SecurityPolicyViolationEvent.referrer - Web APIs
the referrer read-only property of the securitypolicyviolationevent interface is a usvstring repre
senting the referrer of the resources whose policy was violated.
... syntax let referrer = violationeventinstance.referrer; value a usvstring repre
senting the url of the referrer of the violating resources.
SecurityPolicyViolationEvent.sourceFile - Web APIs
the sourcefile read-only property of the securitypolicyviolationevent interface is a usvstring repre
senting the uri of the document or worker in which the violation was found.
... syntax let source = violationeventinstance.sourcefile; value a usvstring repre
senting the uri of the document or worker in which the violation was found.
SecurityPolicyViolationEvent.statusCode - Web APIs
the statuscode read-only property of the securitypolicyviolationevent interface is a number repre
senting the http status code of the document or worker in which the violation occurred.
... syntax let status = violationeventinstance.statuscode; value a number repre
senting the status code of the document or worker in which the violation occurred.
SecurityPolicyViolationEvent.violatedDirective - Web APIs
the violateddirective read-only property of the securitypolicyviolationevent interface is a domstring repre
senting the directive whose enforcement uncovered the violation.
... syntax let violateddir = violationeventinstance.violateddirective; value a domstring repre
senting the directive whose enforcement uncovered the violation.
Selection.getRangeAt() - Web APIs
the selection.getrangeat() method returns a range object repre
senting one of the ranges currently selected.
... example let ranges = []; sel = window.getselection(); for(let i = 0; i < sel.rangecount; i++) { ranges[i] = sel.getrangeat(i); } /* each item in the ranges array is now * a range object repre
senting one of the * ranges in the current selection */ specifications specification status comment selection apithe definition of 'selection: getrangeat()' in that specification.
Selection.toString() - Web APIs
the selection.tostring() method returns a string currently being repre
sented by the selection object, i.e.
... syntax sel.tostring() return value a string repre
senting the selection.
ServiceWorkerContainer.onmessage - Web APIs
as the event object of onmessage) are repre
sented by messageevent objects in modern browsers, for consistency with other web messaging features.
... (they used to be repre
sented by serviceworkermessageevent objects, which have now been deprecated.) syntax serviceworkercontainer.onmessage = function(messageevent) { ...
ServiceWorkerGlobalScope.onmessage - Web APIs
as the event object of onmessage) are repre
sented by messageevent objects in modern browsers, for consistency with other web messaging features.
... (they used to be repre
sented by serviceworkermessageevent objects, which have now been deprecated.) syntax serviceworkerglobalscope.onmessage = function(extendablemessageevent) { ...
ServiceWorkerGlobalScope: pushsubscriptionchange event - Web APIs
the pushsubscriptionchange event is
sent to the global scope of a serviceworker to indicate a change in push subscription that was triggered outside the application's control.
... note: in earlier drafts of the specification, this event was defined to be
sent when a pushsubscription has expired.
ServiceWorkerRegistration - Web APIs
the serviceworkerregistration interface of the service worker api repre
sents the service worker registration.
... the lifetime of a service worker registration is beyond that of the serviceworkerregistration objects that repre
sent them within the lifetime of their corresponding service worker clients.
Using Service Workers - Web APIs
an install event is always the first one
sent to a service worker (this can be used to start the process of populating an indexeddb, and caching site assets).
...so the original gets returned to the browser and the clone gets
sent to the cache.
SourceBuffer.remove() - Web APIs
syntax sourcebuffer.remove(start, end); parameters start a double repre
senting the start of the time range, in seconds.
... end a double repre
senting the end of the time range, in seconds.
SourceBuffer.removeAsync() - Web APIs
syntax removepromise = sourcebuffer.removeasync(start, end); parameters start a double repre
senting the start of the time range, in seconds.
... end a double repre
senting the end of the time range, in seconds.
SpeechRecognition.grammars - Web APIs
the grammars property of the speechrecognition interface returns and sets a collection of speechgrammar objects that repre
sent the grammars that will be understood by the current speechrecognition.
... syntax var mygrammars = myspeechrecognition.grammars; myspeechrecognition.grammars = myspeechgrammarlist; value a speechgrammarlist containing the speechgrammar objects that repre
sent your grammar for your app.
SpeechSynthesis.onvoiceschanged - Web APIs
the onvoiceschanged property of the speechsynthesis interface repre
sents an event handler that will run when the list of speechsynthesisvoice objects that would be returned by the speechsynthesis.getvoices() method has changed (when the voiceschanged event fires.) this may occur when speech synthesis is being done on the server-side and the voices list is being determined asynchronously, or when client-side voices are installed/uninstalled while a speech synthesis application is running.
...}; examples this could be used to populate a list of voices that the user can choose between when the event fires (see our speak easy synthesis demo.) note that firefox doesn't support it at pre
sent, and will just return a list of voices when speechsynthesis.getvoices() is fired.
SpeechSynthesisUtterance - Web APIs
the speechsynthesisutterance interface of the web speech api repre
sents a speech request.
... boundary fired when the spoken utterance reaches a word or
sentence boundary.
SpeechSynthesisVoice.name - Web APIs
the name read-only property of the speechsynthesisvoice interface returns a human-readable name that repre
sents the voice.
... syntax var voicename = speechsynthesisvoiceinstance.name; value a domstring repre
senting the name of the voice.
SpeechSynthesisVoice - Web APIs
the speechsynthesisvoice interface of the web speech api repre
sents a voice that the system supports.
... speechsynthesisvoice.localservice read only a boolean indicating whether the voice is supplied by a local speech synthesizer service (true), or a remote speech synthesizer service (false.) speechsynthesisvoice.name read only returns a human-readable name that repre
sents the voice.
StaticRange.StaticRange() - Web APIs
the staticrange() constructor creates a new staticrange object repre
senting a span of content within the dom.
...those node types are node.document_type_node (repre
senting the documenttype node derived from the dtd identified using the doctype preamble in the html, for example) and the attr node describing an attribute of an element on the dom..
StereoPannerNode.StereoPannerNode() - Web APIs
the stereopannernode() constructor of the web audio api creates a new stereopannernode object which is an audionode that repre
sents a simple stereo panner node that can be used to pan an audio stream left or right.
...the value -1 repre
sents full left and 1 repre
sents full right.
StereoPannerNode.pan - Web APIs
the pan property of the stereopannernode interface is an a-rate audioparam repre
senting the amount of panning to apply.
... note: though the audioparam returned is read-only, the value it repre
sents is not.
StereoPannerNode - Web APIs
the stereopannernode interface of the web audio api repre
sents a simple stereo panner node that can be used to pan an audio stream left or right.
... stereopannernode.pan read only is an a-rate audioparam repre
senting the amount of panning to apply.
Streams API concepts - Web APIs
readable streams a readable stream is a data source repre
sented in javascript by a readablestream object that flows from an underlying source — this is a resource somewhere on the network or elsewhere on your domain that you want to get data from.
... writable streams a writable stream is a destination into which you can write data, repre
sented in javascript by a writablestream object.
SubmitEvent() - Web APIs
the submitevent() constructor creates and returns a new submitevent object, which is used to repre
sent a submit event fired at an html form.
...then the event is
sent to the form, telling the form that it's been submitted by the button.
SubtleCrypto.deriveKey() - Web APIs
it returns a promise which will be fulfilled with a cryptokey object repre
senting the new key.
... basekey is a cryptokey repre
senting the input to the derivation algorithm.
Text - Web APIs
the text interface repre
sents the textual content of element or attr.
... slotable.assignedslot read only returns a htmlslotelement repre
senting the <slot> the node is inserted in.
TextDecoder - Web APIs
the textdecoder interface repre
sents a decoder for a specific text encoding, such as utf-8, iso-8859-2, koi8-r, gbk, etc.
... examples repre
senting text with typed arrays this example shows how to decode a chinese/japanese character , as repre
sented by five different typed arrays: uint8array, int8array, uint16array, int16array, and int32array.
TextRange - Web APIs
a textrange object repre
sents a fragment of text in a document, similar to the standard defined range interface.
... this object is used to repre
sent a specific piece of text in the document.
TextTrack.mode - Web APIs
tracks whose kind is "descriptions" are pre
sented in a non-visual form (for example, the text might be spoken to describe the action in the video).
... tracks whose kind is "chapters" are used by the user agent or the web site or web app to construct and pre
sent an interface for navigating the named chapters, where each cue in the list repre
sents a chapter in the media.
TextTrack - Web APIs
the texttrack interface—part of the api for handling webvtt (text tracks on media pre
sentations)—describes and controls the text track associated with a particular <track> element.
... texttrack.label read only a human-readable domstring which contains the text track's label, if one is pre
sent; otherwise, this is an empty string (""), in which case a custom label may need to be generated by your code using other attributes of the track, if the track's label needs to be exposed to the user.
TimeRanges - Web APIs
the timeranges interface is used to repre
sent a set of time ranges, primarily for the purpose of tracking which portions of media have been buffered when loading it for use by the <audio> and <video> elements.
... properties timeranges.length read only returns an unsigned long repre
senting the number of time ranges repre
sented by the time range object.
Touch.force - Web APIs
syntax touchitem.force; return value a float that repre
sents the amount of pressure the user is applying to the touch surface.
...in environments where force is known, the absolute pressure repre
sented by the force attribute, and the sensitivity in levels of pressure, may vary.
TrackEvent - Web APIs
the trackevent interface, which is part of the html dom specification, is used for events which repre
sent changes to a set of available tracks on an html media element; these events are addtrack and removetrack.
... events based on trackevent are always
sent to one of the media track list types: events involving video tracks are always
sent to the videotracklist found in htmlmediaelement.videotracks events involving audio tracks are always
sent to the audiotracklist specified in htmlmediaelement.audiotracks events affecting text tracks are
sent to the texttracklist object indicated by htmlmediaelement.texttracks.
TransitionEvent() - Web APIs
the transitionevent() constructor returns a newly created transitionevent, repre
senting an event in relation with an transition.
... type is a domstring repre
senting the name of the type of the transitionevent.
URL.createObjectURL() - Web APIs
the url.createobjecturl() static method creates a domstring containing a url repre
senting the object given in the parameter.
...the new object url repre
sents the specified file object or blob object.
URL API - Web APIs
changing the url most of the properties of url are settable; you can write new values to them to alter the url repre
sented by the object.
...the filltablewithparameters() function below takes as input a htmltableelement object repre
senting a <table>.
USBIsochronousOutTransferPacket - Web APIs
it repre
sents the status of an individual packet from a request to transfer data from the usb host to the usb device over an isochronous endpoint.
... properties usbisochronousouttransferpacket.byteswrittenread only returns the number of bytes from the packet that were
sent to the device.
USBOutTransferResult - Web APIs
it repre
sents the result from requesting a transfer of data from the usb host to the usb device.
... properties usbouttransferresult.byteswrittenread only returns the number of bytes from the transfer request that were
sent to the device.
VisualViewport - Web APIs
the visualviewport interface of the visual viewport api repre
sents the visual viewport for a given window.
...each window on a page will have a unique visualviewport repre
senting the properties associated with that window.
WakeLock - Web APIs
methods request requests a wakelock
sentinel object, which returns a promise that resolves with a wakelock
sentinel object.
... examples the following asynchronous function requests a wakelock
sentinel object.
WebGL2RenderingContext.createVertexArray() - Web APIs
the webgl2renderingcontext.createvertexarray() method of the webgl 2 api creates and initializes a webglvertexarrayobject object that repre
sents a vertex array object (vao) pointing to vertex array data and which provides names for different sets of vertex data.
... return value a webglvertexarrayobject repre
senting a vertex array object (vao) which points to vertex array data.
WebGLRenderingContext.getUniformLocation() - Web APIs
the value is repre
sented as a sequence of glfloat values or as a float32array.
... finally, the uniform uglobalcolor is set to the color [0.1, 0.7, 0.2, 1.0], the components in this 4-component vector repre
sent the values of red, green, blue, and alpha, respectively.
WebGLRenderingContext.getVertexAttrib() - Web APIs
gl.vertex_attrib_array_type: returns a glenum repre
senting the array type.
... gl.current_vertex_attrib: returns a float32array (with 4 elements) repre
senting the current value of the vertex attribute at the given index.
WebGLRenderingContext.makeXRCompatible() - Web APIs
this is useful if you have an application which can start out being pre
sented on a standard 2d display but can then be transitioned to a 3d immersion system.
... html the html for the buttons looks lke this: <button class="green button" type="button">start game</button> <button class="blue button use-webxr" type="button">start game (vr mode)</button> the first button starts the game, continuing to pre
sent the game onscreen as usual.
A basic 2D WebGL animation example - Web APIs
the coordinate system we use to repre
sent our scene is the same as the canvas's coordinate system.
... the source code is
sent into the new shader by passing it into gl.shadersource(), and then the shader is compiled using gl.compileshader() compile errors are logged to the console.
WebGL best practices - Web APIs
that is, it's the first js run after raf callbacks and the browser content (transaction) pre
sentation step.
... imagebitmap creation using the imagebitmapoptions dictionary is es
sential for properly preparing textures for upload to webgl, but unfortunately there's no obvious way to query exactly which dictionary members are supported by a given browser.
WebGL: 2D and 3D graphics for the web - Web APIs
support for webgl is pre
sent in firefox 4+, google chrome 9+, opera 12+, safari 5.1+, internet explorer 11+, and microsoft edge build 10240+; however, the user's device must also have hardware that supports these features.
... advanced tutorials webgl model view projection a detailed explanation of the three core matrices that are typically used to repre
sent a 3d object view: the model, view and projection matrices.
WebSocket.send() - Web APIs
if the data can't be
sent (for example, because it needs to be buffered but the buffer is full), the socket is closed automatically.
...the string is added to the buffer in utf-8 format, and the value of bufferedamount is increased by the number of bytes required to repre
sent the utf-8 string.
Writing WebSocket client applications - Web APIs
connection errors if an error occurs while attempting to connect, first a simple event with the name error is
sent to the websocket object (thereby invoking its onerror handler), and then the closeevent is
sent to the websocket object (thereby invoking its onclose handler) to indicate the reason for the connection's closing.
... document.getelementbyid("text").value = ""; } receiving messages from the server websockets is an event-driven api; when messages are received, a message event is
sent to the websocket object.
The WebSocket API (WebSockets) - Web APIs
closeevent the event
sent by the websocket object when the connection closes.
... messageevent the event
sent by the websocket object when a message is received from the server.
Targeting and hit detection - Web APIs
simplified repre
sentative objects one common solution is to overlay simplified, invisible objects atop the objects in your scene.
...likewise, if an object is es
sentially round, use the radius of the minimum enclosing circle to establish a colision test object.
Keyframe Formats - Web APIs
element.animate(), keyframeeffect.keyframeeffect(), and keyframeeffect.setkeyframes() all accept objects formatted to repre
sent a set of keyframes.
... offset, which must be written as cssoffset since "offset" repre
sents the keyframe offset as described below.
Migrating from webkitAudioContext - Web APIs
here is some information on how you can get these values if you need them: the name attribute is a string repre
senting the name of the audioparam object.
... the minvalue and maxvalue attributes are read-only values repre
senting the nominal range for the audioparam.
Using IIR filters - Web APIs
when setting our coefficients, the feedforward values can't all be set to zero, otherwise nothing would be
sent to the filter.
... something like this is acceptable: let feedforward = [0.00020298, 0.0004059599, 0.00020298]; our feedback values cannot start with zero, otherwise on the first pass nothing would be
sent back: let feedbackward = [1.0126964558, -1.9991880801, 0.9873035442]; note: these values are calculated based on the lowpass filter specified in the filter characteristics of the web audio api specification.
Attestation and Assertion - Web APIs
the attestation format contains two basic arraybuffers: clientdatajson - an arraybuffer that contains a json repre
sentation of what the browser saw when being asked to authenticate.
...an arraybuffer that contains a json repre
sentation of what the browser saw when being asked to authenticate.
Window.getSelection() - Web APIs
the window.getselection() method returns a selection object repre
senting the range of text selected by the user or the current position of the caret.
... examples function foo() { var selobj = window.getselection(); alert(selobj); var selrange = selobj.getrangeat(0); // do stuff with the range } notes string repre
sentation of the selection object in javascript, when an object is passed to a function expecting a string (like window.alert() or document.write()), the object's tostring() method is called and the returned value is passed to the function.
Window: rejectionhandled event - Web APIs
the rejectionhandled event is
sent to the script's global scope (usually window but also worker) whenever a javascript promise is rejected but after the promise rejection has been handled.
... this can be used in debugging and for general application resiliency, in tandem with the unhandledrejection event, which is
sent when a promise is rejected but there is no hander for the rejection.
Window.resizeTo() - Web APIs
syntax window.resizeto(width, height) parameters width an integer repre
senting the new outerwidth in pixels (including scroll bars, title bars, etc).
... height an integer value repre
senting the new outerheight in pixels (including scroll bars, title bars, etc).
WindowOrWorkerGlobalScope.btoa() - Web APIs
return value an ascii string containing the base64 repre
sentation of stringtoencode.
...in javascript strings are repre
sented using the utf-16 character encoding: in this encoding, strings are repre
sented as a sequence of 16-bit (2 byte) units.
WindowOrWorkerGlobalScope.crossOriginIsolated - Web APIs
the crossoriginisolated read-only property of the windoworworkerglobalscope interface returns a boolean value that indicates whether a sharedarraybuffer can be
sent via a window.postmessage() call.
... this value is dependant on any cross-origin-opener-policy and cross-origin-embedder-policy headers pre
sent in the response.
Worker() - Web APIs
syntax var myworker = new worker(aurl, options); parameters aurl a usvstring repre
senting the url of the script the worker will execute.
... name: a domstring specifying an identifying name for the dedicatedworkerglobalscope repre
senting the scope of the worker, which is mainly useful for debugging purposes.
Worker.onmessage - Web APIs
the onmessage property of the worker interface repre
sents an eventhandler, that is a function to be called when the message event occurs.
...an onmessage handler is also pre
sent, to deal with messages that are passed back from the worker.
WorkerGlobalScope.importScripts() - Web APIs
syntax self.importscripts('foo.js'); self.importscripts('foo.js', 'bar.js', ...); parameters a comma-separated list of domstring objects repre
senting the scripts to be imported.
... example if you had some functionality written in a separate script called foo.js that you wanted to use inside worker.js, you could import it using the following line: importscripts('foo.js'); importscripts() and self.importscripts() are effectively equivalent — both repre
sent importscripts() being called from inside the worker's inner scope.
WorkerGlobalScope - Web APIs
the workerglobalscope interface of the web workers api is an interface repre
senting the scope of any worker.
... close is an eventhandler repre
senting the code to be called when the close event is raised.
XMLHttpRequest.abort() - Web APIs
the xmlhttprequest.abort() method aborts the request if it has already been
sent.
... when a request is aborted, its readystate is changed to xmlhttprequest.un
sent (0) and the request's status code is set to 0.
XMLHttpRequest.getAllResponseHeaders() - Web APIs
return value a bytestring repre
senting all of the response's headers (except those whose field name is set-cookie or set-cookie2) separated by crlf, or null if no response has been received.
...these are es
sentially delimiters separating each of the headers.
XMLHttpRequest.getResponseHeader() - Web APIs
return value a bytestring repre
senting the header's text value, or null if either the response has not yet been received or the header doesn't exist in the response.
... example in this example, a request is created and
sent, and a readystatechange handler is established to look for the readystate to indicate that the headers have been received; when that is the case, the value of the content-type header is fetched.
XMLHttpRequest.responseText - Web APIs
the read-only xmlhttprequest property responsetext returns the text received from a server following a request being
sent.
... syntax var resulttext = xmlhttprequest.responsetext; value a domstring which contains either the textual data received using the xmlhttprequest or null if the request failed or "" if the request has not yet been
sent by calling send().
XMLHttpRequest.statusText - Web APIs
if the request's readystate is in un
sent or opened state, the value of statustext will be an empty string.
... example var xhr = new xmlhttprequest(); console.log('0 un
sent', xhr.statustext); xhr.open('get', '/server', true); console.log('1 opened', xhr.statustext); xhr.onprogress = function () { console.log('3 loading', xhr.statustext); }; xhr.onload = function () { console.log('4 done', xhr.statustext); }; xhr.send(null); /** * outputs the following: * * 0 un
sent * 1 opened * 3 loading ok * 4 done ok */ specifications specification status comment xmlhttprequest living standard whatwg living standard ...
XPathEvaluator.createExpression() - Web APIs
syntax xpathexpression xpathevaluator.createexpression(expression, resolver); parameters expression a domstring repre
senting repre
senting the xpath expression to be created.
... return value a xpathexpression repre
senting the compiled form of the xpath expression.
XPathExpression.evaluate() - Web APIs
syntax xpathresult node.evaluate(contextnode, type, result); parameters contextnode a node repre
senting the context to use for evaluating the expression.
... return value an xpathresult object repre
senting the result of evaluating the xpath expression.
XPathNSResolver.lookupNamespaceURI() - Web APIs
syntax domstring xpathnsresolver.lookupnamespaceuri(prefix); parameters prefix a domstring repre
senting the prefix to look for.
... return value a domstring repre
senting the associated namespace uri or null if none is found.
XPathResult.resultType - Web APIs
the read-only resulttype property of the xpathresult interface repre
sents the type of the result, as defined by the type constants.
... syntax var resulttype = result.resulttype; return value an integer value repre
senting the type of the result, as defined by the type constants.
XPathResult.snapshotLength - Web APIs
the read-only snapshotlength property of the xpathresult interface repre
sents the number of nodes in the result snapshot.
... syntax var snapshotlength = result.snapshotlength; return value an integer value repre
senting the number of nodes in the result snapshot.
XREnvironmentBlendMode - Web APIs
alpha-blend used by headsets or goggles which use cameras to capture the real world and display it digitally on the screen or screens used to render the content for the user to see, this offers a way to create an ar pre
sentation using a vr device.
...since the real world is being digitally pre
sented, the brightness of each pixel can be controlled, whether it's reality or the rendered xr image, the user's environment can be blended with the virtual environment with each pixel having its color and brightness precisely controlled.
XRHandedness - Web APIs
examples one important usage scentario for handedness is to determine which hand a controller is in so you can draw a repre
sentation of that hand (or the device that hand is controlling) in virtual space.
...if a gripspace is pre
sent, that means the input source is a hand-held device of some sort, so it should be rendered visibly if possible.
XRInputSource.handedness - Web APIs
examples one important usage scentario for handedness is to determine which hand a controller is in so you can draw a repre
sentation of that hand (or the device that hand is controlling) in virtual space.
...if a gripspace is pre
sent, that means the input source is a hand-held device of some sort, so it should be rendered visibly if possible.
XRInputSourceArray.length - Web APIs
the read-only length property returns an integer value indicating the number of items in the input source list repre
sented by the xrinputsourcearray object.
... syntax let inputsourcecount = xrinputsourcearray.length; value an integer value indicating the number of xrinputsource objects repre
senting webxr input sources are includled in the array.
XRInputSourceArray - Web APIs
the interface xrinputsourcearray repre
sents a live list of webxr input sources, and is used as the return value of the xrsession property inputsources.
... each entry is an xrinputsource repre
senting one input device connected to the webxr system.
XRInputSourceEventInit.inputSource - Web APIs
the xrinputsourceeventinit dictionary's inputsource property is used when calling the xrinputsourceevent() constructor to specify the xrinputsource from which the newly-created event is being
sent.
...these events are generated by and
sent to you by the webxr infrastructure.
XRInputSourceEventInit - Web APIs
it also offers the following: frame an xrframe object repre
senting the event frame during which the event took place.
... inputsource an xrinputsource object repre
senting the input device from which the event is being
sent.
XRInputSourcesChangeEvent() - Web APIs
the xrinputsourceschangeevent() constructor creates and returns a new xrinputsourceschangeevent object, repre
senting an update to the list of available webxr input devices.
... you won't typically call this constructor yourself, as these events are created and
sent to you by the webxr system.
XRInputSourcesChangeEvent.removed - Web APIs
the read-only xrinputsourceschangeevent property removed is an array of zero or more xrinputsource objects repre
senting the input sources which have been removed from the xrsession.
... syntax removedinputs = xrinputsourceschangeevent.removed; value an array of zero or more xrinputsource objects, each repre
senting one input device removed from the xr system.
XRInputSourcesChangeEventInit.added - Web APIs
the xrinputsourceschangeeventinit property added specifies a list of input sources, each identified using an xrinputsource object, which the repre
sented inputsourceschange event is to indicate are newly available for use.
..., inputsourceseventinit); myinputsourceschangeevent = new xrinputsourceschangeeventinit("inputsourceschange", { session: xrsession, added: addeddevicelist, removed: removeddevicelist }); value an array of zero or more xrinputsource objects, each repre
senting one input device added to the xr system.
XRInputSourcesChangeEventInit.removed - Web APIs
the xrinputsourceschangeeventinit property removed is an array of zero or more xrinputsource objects, each repre
senting one input source which has been removed from the xrsession.
..., inputsourceseventinit); myinputsourceschangeevent = new xrinputsourceschangeeventinit("inputsourceschange", { session: xrsession, added: addeddevicelist, removed: removeddevicelist }); value an array of zero or more xrinputsource objects, each repre
senting one input device removed from the xr system.
XRInputSourcesChangeEventInit - Web APIs
properties added read only an array of zero or more xrinputsource objects, each repre
senting one input device which is newly available to use.
... removed read only an array of zero or more xrinputsource objects repre
senting the input devices which are no longer available.
XRPermissionDescriptor.mode - Web APIs
inline the output is pre
sented inline within the context of an element in a standard html document, rather than occupying the full visual space.
... inline sessions can be pre
sented in either mono or stereo mode, and may or may not have viewer tracking available.
XRPose - Web APIs
xrpose is a webxr api interface repre
senting a position and orientation in the 3d space, relative to the xrspace within which it resides.
... to obtain the xrpose for the xrspace used as the local coordinate system of an object, call xrframe.getpose(), specifying that local xrspace and the space to which you wish to convert: thepose = xrframe.getpose(localspace, basespace); the pose for a viewer (or camera) is repre
sented by the xrviewerpose subclass of xrpose.
XRReferenceSpaceEvent.transform - Web APIs
the read-only xrreferencespaceevent property transform indicates the position and orientation of the affected referencespace's native origin after the changes the event repre
sents are applied.
...the scene is repre
sented by a scene object, with all the objects in an array called objects within it.
XRReferenceSpaceEvent - Web APIs
the webxr device api interface xrreferencespaceevent repre
sents an event
sent to an xrreferencespace.
... event types reset the reset event is
sent to a reference space when its native origin is changed due to a discontinuity, recalibration, or device reset.
XRRenderState - Web APIs
these properties include the range of distances from the viewer within which content should be rendered, the vertical field of view (for inline pre
sentations), and a reference to the xrwebgllayer being used as the target for rendering the scene prior to it being pre
sented on the xr device's display or displays.
...this, es
sentially, specifies the maximum distance the user can see.
XRRigidTransform() - Web APIs
the xrrigidtransform() constructor creates and returns a new xrrigidtransform object, repre
senting the position and orientation of a point or object.
... return value a new xrrigidtransform object which has been initialized to repre
sent a transform matrix that would adjust the position and orientation of an object from the origin to the specified position and facing in the direction indicated by orientation.
XRRigidTransform.matrix - Web APIs
the read-only xrrigidtransform property matrix returns the transform matrix repre
sented by the object.
... syntax let matrix = xrrigidtransform.matrix; value a float32array containing 16 entries which repre
sents the 4x4 transform matrix which is described by the position and orientation properties.
XRSession.environmentBlendMode - Web APIs
alpha-blend used by headsets or goggles which use cameras to capture the real world and display it digitally on the screen or screens used to render the content for the user to see, this offers a way to create an ar pre
sentation using a vr device.
...since the real world is being digitally pre
sented, the brightness of each pixel can be controlled, whether it's reality or the rendered xr image, the user's environment can be blended with the virtual environment with each pixel having its color and brightness precisely controlled.
XRSession.onselect - Web APIs
this typically repre
sents the pressing of a button or trigger, a hand gesture, or a spoken command.
... the select event is
sent after tracking of the primary action begins, as announced by the selectstart event, and immediately before the tracking of the primary action ends, which is announced by the selectend event.
XRSession.onsqueeze - Web APIs
the xrsession interface's onsqueeze event handler property can be set to a function which is then invoked to handle the squeeze event that's
sent when the user successfully completes a primary squeeze action on a webxr input device.
... these actions repre
sent the user squeezing or gripping an object or controller.
XRSession: select event - Web APIs
the webxr event select is
sent to an xrsession when one of the session's input sources has completed a primary action.
...the handler fetches the pose repre
senting the target ray for tracked-pointer inputs and sends the pose's transform to a function called myhandleselectwithray().
XRSession: squeeze event - Web APIs
the webxr event squeeze is
sent to an xrsession when one of the session's input sources has completed a primary squeeze action.
...the handler fetches the pose repre
senting the target ray for tracked-pointer inputs and sends the pose's transform to a function called myhandlesqueezewithray().
XRSession: visibilitychange event - Web APIs
the visibilitychange event is
sent to an xrsession to inform it when it becomes visible or hidden, or when it becomes visible but not currently focused.
...switch(e.session.visiblitystate) { case "visible": case "visible-blurred": mysessionvisible(true); break; case "hidden": mysessionvisible(false); break; } }); }); when a visibility state change occurs, the event is received and dispatched to a function mysessionvisible(), with a boolean parameter indicating whether or not the session is pre
sently being displayed to the user.
XRSessionInit - Web APIs
because immersive sessions are required to support the local reference space, any request to open an immersive xrsession is required to obtain explicit or implicit user con
sent.
...by session type, those are: reference space type user con
sent rquirement feature policy requirement bounded-floor always required xr-spatial-tracking local always required for inline sessions xr-spatial-tracking local-floor always required xr-spatial-tracking unbounded always required xr-spatial-tracking viewer always required — ...
XRSessionMode - Web APIs
inline the output is pre
sented inline within the context of an element in a standard html document, rather than occupying the full visual space.
... inline sessions can be pre
sented in either mono or stereo mode, and may or may not have viewer tracking available.
XRSystem: requestSession() - Web APIs
inline the output is pre
sented inline within the context of an element in a standard html document, rather than occupying the full visual space.
... inline sessions can be pre
sented in either mono or stereo mode, and may or may not have viewer tracking available.
XRView.projectionMatrix - Web APIs
syntax let projectionmatrix = xrview.projectionmatrix; value a float32array object repre
senting the projection matrix for the view.
... the projection matrix for each eye's view is used to ensure that the correct area of the scene is pre
sented to each eye in order to create a believable 3d scene without introducing discomfort for the user.
XRView.transform - Web APIs
syntax let viewtransform = xrview.transform; value a xrrigidtransform object specifying the position and orientation of the viewpoint repre
sented by the xrview.
... examples for each view making up the pre
sented scene, the view's transform repre
sents the position and orientation of the viewer or camera relative to the reference space's origin.
XRWebGLLayer.framebuffer - Web APIs
syntax let framebuffer = xrwebgllayer.framebuffer; value a webglframebuffer object repre
senting the framebuffer into which the 3d scene is being rendered, or null if the xr compositor is disabled for the session.
... usage notes how opaque framebuffers are special the framebuffer repre
sented by the framebuffer property is opaque.
XRWebGLLayer.getNativeFramebufferScaleFactor() static method - Web APIs
now we can see the coordinates of each of the viewports repre
senting these two views: since each eye gets half of the frame buffer, the result is that the left eye gets a 640x720 portion of the buffer with the viewport's x and y at 0, the width at 640, and the height set to 720.
... that gets us a new xrwebgllayer object repre
senting a rendering surface we can use for the xrsession; we set it as the rendering surface for xrsession by calling its updaterenderstate() method, passing the new gllayer in using the xrrenderstate dictionary's xrrenderstate.baselayer property.
XRWebGLLayer - Web APIs
methods getviewport() returns a new xrviewport instance repre
senting the position, width, and height to which the webgl context's viewport must be set to contain drawing to the area of the framebuffer designated for the specified view's contents.
...this information includes the pose (an xrviewerpose object) that describes the position and facing direction of the viewer within the scene as well as a list of xrview objects, each repre
senting one perspective on the scene.
XRWebGLLayerInit.ignoreDepthValues - Web APIs
if false, the depth buffer's contents are used, if one is pre
sent.
...each entry in the depth buffer corresponds to the depth of the fragment whose color is at the same location in the color buffer, and must have a value between 0.0 and 1.0, where 0.0 corresponds to the distance specified in the xrsession object's renderstate record's depthnear and 1.0 repre
sents the distance given by depthfar.
Web APIs
eddbintersection observer apillong tasks api mmedia capabilities api media capture and streamsmedia session apimedia source extensions mediastream recordingnnavigation timingnetwork information api ppage visibility apipayment request apiperformance apiperformance timeline apipermissions apipointer eventspointer lock apiproximity events push api rresize observer apiresource timing apisserver
sent eventsservice workers apistoragestorage access apistreams ttouch eventsuurl apivvibration apivisual viewport wweb animationsweb audio apiweb authentication apiweb crypto apiweb notificationsweb storage apiweb workers apiwebglwebrtcwebvttwebxr device apiwebsockets api interfaces this is a list of all the interfaces (that is, types of objects) that are available.
...rack videotracklist visualviewport w webgl_color_buffer_float webgl_compressed_texture_astc webgl_compressed_texture_atc webgl_compressed_texture_etc webgl_compressed_texture_etc1 webgl_compressed_texture_pvrtc webgl_compressed_texture_s3tc webgl_compressed_texture_s3tc_srgb webgl_debug_renderer_info webgl_debug_shaders webgl_depth_texture webgl_draw_buffers webgl_lose_context wakelock wakelock
sentinel waveshapernode webgl2renderingcontext webglactiveinfo webglbuffer webglcontextevent webglframebuffer webglprogram webglquery webglrenderbuffer webglrenderingcontext webglsampler webglshader webglshaderprecisionformat webglsync webgltexture webgltransformfeedback webgluniformlocation webglvertexarrayobject webkitcssmatrix websocket wheelevent window windowclient windoweventhandlers w...
ARIA live regions - Accessibility
aria-atomic: the aria-atomic=boolean is used to set whether or not the screen reader should always pre
sent the live region as a whole, even if only part of the region changes.
... <ul id="roster" aria-live="polite" aria-relevant="additions removals"> <!-- use javascript to add remove users here--> </ul> breakdown of aria live properties: aria-live="polite" indicates that the screen reader should wait until the user is idle before pre
senting updates to the user.
Using the aria-valuenow attribute - Accessibility
when the rendered value cannot be accurately repre
sented as a number, authors should use the aria-valuetext attribute in conjunction with aria-valuenow to provide a user-friendly repre
sentation of the range's current value.
... value string repre
sentation of a number possible effects on user agents and assistive technology for elements with role progressbar and scrollbar, assistive technologies should render the actual value as a percentage, calculated as a position on the range from aria-valuemin to aria-valuemax if both are defined, otherwise the actual value with a percent indicator.
Using the aria-valuetext attribute - Accessibility
authors should only set the aria-valuetext attribute when the rendered value cannot be accurately repre
sented as a number.
... value string repre
sentation of a number possible effects on user agents and assistive technology if the aria-valuetext attribute is ab
sent, assistive technologies will rely solely on the aria-valuenow attribute for the current value.
Using the group role - Accessibility
<div id="tree1" role="tree" tabindex="-1"> <div id="animals" class="groupheader" role="pre
sentation" aria-owns="animalgroup" aria-expanded="true"> <img role="pre
sentation" tabindex="-1" src="images/treeexpanded.gif" /> <span role="treeitem" tabindex="0">animals</span> </div> <div id="animalgroup" role="group"> <div id="birds" role="treeitem"> <span tabindex="-1">birds</span> </div> <div id="cats" class="groupheader" role="pre
sentation" aria-owns="catgroup" ari...
...a-expanded="false"> <img role="pre
sentation" tabindex="-1" src="images/treecontracted.gif" /> <span role="treeitem" tabindex="0">cats</span> </div> <div id="catgroup" role="group"> <div id="siamese" role="treeitem"> <span tabindex="-1">siamese</span> </div> <div id="tabby" role="treeitem"> <span tabindex="-1">tabby</span> </div> </div> </div> </div> example 2: using the group role with a html drop-down menu the snippet below shows how the group role is added directly into the html source code.
Using the status role - Accessibility
the status role is a type of live region and a container whose content is advisory information for the user that is not important enough to justify an alert, and is often pre
sented as a status bar.
... assistive technology products should listen for such an event and notify the user accordingly: screen readers may provide a special key to announce the current status, and this should pre
sent the contents of any status live region.
ARIA: application role - Accessibility
the ats build their own repre
sentation of it that makes the most sense for a blind user to consume the content.
...a keyboard interaction model is generated that is very similar to a word processor where users can read line by line,
sentence by
sentence, or paragraph by paragraph.
ARIA: Complementary role - Accessibility
these sections are frequently pre
sented as sidebars or call-out boxes.
... added benefits certain technologies such as browser extensions can generate lists of all landmark roles pre
sent on a page, allowing non-screen reader users to also quickly identify and navigate to large sections of the document.
ARIA: contentinfo role - Accessibility
contentinfo landmarks pre
sent in content embedded via <iframe> elements do not count towards this limit.
... added benefits certain technologies such as browser extensions can generate lists of all landmark roles pre
sent on a page, allowing non-screen reader users to also quickly identify and navigate to large sections of the document.
ARIA: Main role - Accessibility
by classifying and labeling sections of a page, structural information conveyed visually through layout can be repre
sented programmatically.
... <body> <a href="#main-content">skip to main content</a> <!-- navigation and header content --> <div id="main-content" role="main"> <!-- main page content --> </div> </body> webaim: "skip navigation" links added benefits certain technologies such as browser extensions can generate lists of all landmark roles pre
sent on a page, allowing non-screen reader users to also quickly identify and navigate to large sections of the document.
ARIA: Navigation Role - Accessibility
by classifying and labeling sections of a page, structural information conveyed visually through layout is repre
sented programmatically.
... added benefits certain technologies such as browser extensions can generate lists of all landmark roles pre
sent on a page, allowing non-screen reader users to also quickly identify and navigate to large sections of the document.
ARIA: table role - Accessibility
aria-colcount attribute this attribute is only required if the columns are not pre
sent in the dom all the time.
... aria-rowcount attribute this attribute is only required if the rows are not pre
sent in the dom all the time, such as scrollable tables that reuse rows to minimize the number of dom nodes.
Accessibility and Spacial Patterns - Accessibility
math spatial reasoning affects math learning; consequently, spatial relationships in how math is pre
sented affects cognition.
... the ability to repre
sent spatial patterns accurate to those who are blind is critical for accessibility.
HTML To MSAA - Accessibility
map html element role name value states relations actions events notes a role_system_ link n/a value of @href attribute state_system_ selectable if @name attribute is pre
sented state_system_ linked if @href attribute is pre
sented or click event listener is registered state_system_ traversed if link is traversed n/a "jump" if @href is valid n/a br role_system_ whitespace '\n' (new line char) state_system_ readonly n/a n/a n/a button role_system_ pushbutton from child nodes n/a state_system_ focusable state_system_ default if @type attribute has value "sub...
...ouping text equivalent from child legend element n/a n/a labelled_by (1003), points to legend element n/a n/a hr role_system_ separator n/a n/a n/a n/a n/a n/a img, input @type=image role_system_ graphic from @alt attribute, empty @alt attribute means name can't be calculated at all n/a state_system_ animated if image has more than one frame n/a "showlongdesc" if @longdesc attribute is pre
sented n/a if @usemap attribute is used then image accessible has children for each map item input @type=button, submit, reset role_system_ pushbutton from @value attribute, @alt attribute, default label, @src attribute, @data attribute n/a state_system_ default if @type attribute has value "submit" n/a "press" n/a input @type=text, textarea role_system_ text n/a value property of input dom elem...
Understandable - Accessibility
this is es
sential for purposes like making sure the reader has arrived at a page written in a language suitable for them.
... the simplest way to achieve this is to set the lang attribute on the page's <html> element, giving it a value equal to the language code that best repre
sents the language the page is written in.
::-moz-progress-bar - CSS: Cascading Style Sheets
the ::-moz-progress-bar css pseudo-element is a mozilla extension that repre
sents the progress bar inside a <progress> element.
... (the bar repre
sents the amount of progress that has been made.) if you want to select the unfinished part of <progress> in mozilla, please select the <progress> directly.
:focus-within - CSS: Cascading Style Sheets
the :focus-within css pseudo-class repre
sents an element that has received focus or contains an element that has received focus.
... in other words, it repre
sents an element that is itself matched by the :focus pseudo-class or has a descendant that is matched by :focus.
:invalid - CSS: Cascading Style Sheets
the :invalid css pseudo-class repre
sents any <input> or other <form> element whose contents fail to validate.
... syntax :invalid examples this example pre
sents a simple form that colors elements green when they validate and red when they don't.
:nth-last-of-type() - CSS: Cascading Style Sheets
/* selects every fourth <p> element among any group of siblings, counting backwards from the last one */ p:nth-last-of-type(4n) { color: lime; } note: this pseudo-class is es
sentially the same as :nth-of-type, except it counts items backwards from the end, not forwards from the beginning.
... syntax the nth-last-of-type pseudo-class is specified with a single argument, which repre
sents the pattern for matching elements, counting from the end.
:root - CSS: Cascading Style Sheets
the :root css pseudo-class matches the root element of a tree repre
senting the document.
... in html, :root repre
sents the <html> element and is identical to the selector html, except that its specificity is higher.
prefix - CSS: Cascading Style Sheets
the prefix descriptor of the @counter-style rule specifies content that will be prepended to the marker repre
sentation.
... syntax /* <symbol> values */ prefix: "»"; prefix: "page "; prefix: url(bullet.png); values <symbol> specifies a <symbol> that is prepended to the marker repre
sentation.
range - CSS: Cascading Style Sheets
if a counter value is outside the specified range, then the fallback style will be used to construct the repre
sentation of that marker.
...if infinite is used as the first value in a range, it repre
sents negative infinity; if it is used as the second value, it repre
sents positive infinity.
suffix - CSS: Cascading Style Sheets
the suffix descriptor of the@counter-style rule specifies content that will be appended to the marker repre
sentation.
... syntax /* <symbol> values */ suffix: ""; suffix: ") "; suffix: url(bullet.png); values <symbol> specifies a <symbol> that is appended to the marker repre
sentation.
symbols - CSS: Cascading Style Sheets
the symbols css descriptor is used to specify the symbols that the specified counter system will use to construct counter repre
sentations.
... values <symbol> repre
sents a symbol used within the counter system.
color - CSS: Cascading Style Sheets
syntax the color feature is specified as an <integer> value that repre
sents the number of bits per color component (red, green, blue) of the output device.
... note: if the various color components are repre
sented by different numbers of bits, the smallest number is used.
Using CSS animations - CSS: Cascading Style Sheets
these events, repre
sented by the animationevent object, can be used to detect when animations start, finish, and begin a new iteration.
...note also that after the final iteration of the animation, the animationiteration event isn’t
sent; instead, the animationend event is
sent.
Ordering Flex Items - CSS: Cascading Style Sheets
this allows authors to manipulate the visual pre
sentation while leaving the source order intact for non-css uas and for linear models such as speech and sequential navigation.” - ordering and orientation if your items were links or some other element that the user could tab to, then the tabbing order would be the order that these items appear in the document source — not your visual order.
...what this means is that items are assigned an integer that repre
sents their group.
Relationship of flexbox to other layout methods - CSS: Cascading Style Sheets
it isn't the case that you should use flexbox for small components and grid layout for larger ones; a tiny component can be two dimensional, and a large layout can be repre
sented better with layout in one dimension.
...for the purposes of box generation and layout, the element must be treated as if it had been replaced with its children and pseudo-elements in the document tree.” this value of display controls box generation, and whether the element should generate a box that we can style and see on the page, or whether instead the box it would normally create should be removed and the child elements es
sentially moved up to participate in whatever layout method the parent would have been part of.
OpenType font features guide - CSS: Cascading Style Sheets
more about alternates https://www.w3.org/tr/css-fonts-4/#propdef-font-variant-alternates /docs/web/css/font-variant-alternates ligatures (font-variant-ligatures) ligatures are glyphs that replace two or more separate glyphs in order to repre
sent them more smoothly (from a spacing or aesthetic perspective).
... ordinals are also supported (such as '1st' or '3rd'), as is a slashed zero if pre
sent in the font.
CSS Grid Layout and Accessibility - CSS: Cascading Style Sheets
in moving to css we often spoke about css for layout enabling a separation of content and markup and pre
sentation.
...also the video of léonie’s pre
sentation from ffconf is helpful to understand more about how screen readers work with the visual repre
sentation of things in css.
Understanding CSS z-index - CSS: Cascading Style Sheets
(from css 2.1 section 9.9.1 - layered pre
sentation) this means that css style rules allow you to position boxes on layers in addition to the normal rendering layer (layer 0).
... the z position of each layer is expressed as an integer repre
senting the stacking order for rendering.
Inline formatting context - CSS: Cascading Style Sheets
inline boxes are laid out one after the other, in the direction
sentences run in the writing mode in use: in a horizontal writing mode, boxes are laid out horizontally, starting on the left.
...in the example below the large text is making the line box of the first
sentence larger, therefore the vertical-align property can be used to align the inline boxes either side of it.
Viewport concepts - CSS: Cascading Style Sheets
a viewport repre
sents the area in computer graphics being currently viewed.
...outerwidth /* 1200 */ document.documentelement.clientheight /* 800 */ window.innerheight /* 800 */ window.outerheight /* 900 */ there are several dom properties that can help you query viewport size, and other similar lengths: the document element's element.clientwidth is the inner width of a document in css pixels, including padding (but not borders, margins, or vertical scrollbars, if pre
sent).
content - CSS: Cascading Style Sheets
non-latin characters must be encoded using their unicode escape sequences: for example, \000a9 repre
sents the copyright symbol.
...because of this, it will not be repre
sented in the accessibility tree and certain assistive technology/browser combinations will not announce it.
counters() - CSS: Cascading Style Sheets
the counters() css function enables nested counters, returning a concatenated string repre
senting the current values of the named counters, if there are any.
...non-latin characters must be encoded using their unicode escape sequences: for example, \000a9 repre
sents the copyright symbol.
display - CSS: Cascading Style Sheets
keyword values are grouped into six value categories: .container { display: [ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> ; } outside <display-outside> these keywords specify the element’s outer display type, which is es
sentially its role in flow layout.
... more accessible markup with display: contents | hidde de vries display: contents is not a css reset | adrian roselli tables changing the display value of a <table> element to block, grid, or flex will alter its repre
sentation in the accessibility tree.
flex-direction - CSS: Cascading Style Sheets
if its dir attribute is ltr, row repre
sents the horizontal axis oriented from the left to the right, and row-reverse from the right to the left; if the dir attribute is rtl, row repre
sents the axis oriented from the right to the left, and row-reverse from the left to the right.
... accessibility concerns using the flex-direction property with values of row-reverse or column-reverse will create a disconnect between the visual pre
sentation of content and dom order.
font-family - CSS: Cascading Style Sheets
fantasy fantasy fonts are primarily decorative fonts that contain playful repre
sentations of characters.
... math this is for the particular stylistic concerns of repre
senting mathematics: superscript and subscript, brackets that cross several lines, nesting expressions, and double struck glyphs with distinct meanings.
hyphens - CSS: Cascading Style Sheets
in html, the language is determined by the lang attribute, and browsers will hyphenate only if this attribute is pre
sent and the appropriate hyphenation dictionary is available.
...however, suggested line break opportunities (see suggesting line break opportunities below) will override automatic break point selection when pre
sent.
<image> - CSS: Cascading Style Sheets
the <image> css data type repre
sents a two-dimensional image.
... syntax the <image> data type can be repre
sented with any of the following: an image denoted by the <url> data type a <gradient> data type a part of the webpage, defined by the element() function an image, image fragment or solid patch of color, defined by the image() function a blending of two or more images defined by the cross-fade() function.
<integer> - CSS: Cascading Style Sheets
the <integer> css data type is a special type of <number> that repre
sents a whole number, whether positive or negative.
... examples valid integers 12 positive integer (without a leading + sign) +123 positive integer (with a leading + sign) -456 negative integer 0 zero +0 zero, with a leading + -0 zero, with a leading - invalid integers 12.0 this is a <number>, not an <integer>, though it repre
sents an integer.
mask-position - CSS: Cascading Style Sheets
values <position> one to four values repre
senting a 2d position regarding the edges of the element's box.
... formal definition initial valuecenterapplies toall elements; in svg, it applies to container elements excluding the defs element and all graphics elementsinheritednopercentagesrefer to size of mask painting area minus size of mask layer image (see the text for background-position)computed valueconsists of two keywords repre
senting the origin and two offsets from that origin, each given as an absolute length (if given a <length>), otherwise as a percentage.animation typerepeatable list of simple list of length, percentage, or calc formal syntax <position>#where <position> = [ [ left | center | right ] | [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percent...
mask - CSS: Cascading Style Sheets
if two <geometry-box> values are pre
sent, then the first sets mask-origin and the second sets mask-clip.
...ch of the properties of the shorthand:mask-position: refer to size of mask painting area minus size of mask layer image (see the text for background-position)computed valueas each of the properties of the shorthand:mask-image: as specified, but with <url> values made absolutemask-mode: as specifiedmask-repeat: consists of two keywords, one per dimensionmask-position: consists of two keywords repre
senting the origin and two offsets from that origin, each given as an absolute length (if given a <length>), otherwise as a percentage.mask-clip: as specifiedmask-origin: as specifiedmask-size: as specified, but with relative lengths converted into absolute lengthsmask-composite: as specifiedanimation typeas each of the properties of the shorthand:mask-image: discretemask-mode: discretemask-repeat: di...
max-block-size - CSS: Cascading Style Sheets
formal definition initial value0applies tosame as width and heightinheritednopercentagesblock-size of containing blockcomputed valuesame as max-width and max-heightanimation typea length, percentage or calc(); formal syntax <'max-width'> examples setting max-block-size with horizontal and vertical text in this example, the same text (the opening
sentences from herman melville's novel moby-dick) is pre
sented in both the horizontal-tb and vertical-rl writing modes.
... html the html simply establishes the two <div> blocks that will be pre
sented with their writing-mode set using the classes horizontal or vertical.
<number> - CSS: Cascading Style Sheets
the <number> css data type repre
sents a number, being either an integer or a number with a fractional component.
...a fractional value is repre
sented by a .
order - CSS: Cascading Style Sheets
values <integer> repre
sents the ordinal group to be used by the item.
... accessibility concerns using the order property will create a disconnect between the visual pre
sentation of content and dom order.
<position> - CSS: Cascading Style Sheets
each keyword repre
sents either an edge of the element's box or the center line between two edges.
... depending on the context, center repre
sents either the center between the left and right edges, or the center between the top and bottom edges.
radial-gradient() - CSS: Cascading Style Sheets
a percentage of 0%, or a length of 0, repre
sents the center of the gradient; the value 100% repre
sents the intersection of the ending shape with the virtual gradient ray.
...percentage-based color-stop positions are relative to the intersection between the ending shape and this gradient ray, which repre
sents 100%.
scroll-margin-inline - CSS: Cascading Style Sheets
description the scroll-margin values repre
sent outsets defining the scroll snap area that is used for snapping this box to the snapport.
... html the html that repre
sents the blocks is very simple: <div class="scroller"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> </div> css let's walk through the css.
scroll-margin - CSS: Cascading Style Sheets
thus, the scroll-margin values repre
sent outsets defining the scroll snap area that is used for snapping this box to the snapport.
... html the html that repre
sents the blocks is very simple: <div class="scroller"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> </div> css let's walk through the css.
text-overflow - CSS: Cascading Style Sheets
ellipsis this keyword value will display an ellipsis ('…', u+2026 horizontal ellipsis) to repre
sent clipped text.
... <string> the <string> to be used to repre
sent clipped text.
text-transform - CSS: Cascading Style Sheets
full-width (japanese half-width katakana) <p>initial string <strong>ウェブプログラミングの勉強</strong> </p> <p>text-transform: full-width <strong><span>ウェブプログラミングの勉強</span></strong> </p> span { text-transform: full-width; } strong { width: 100%; float: right; } the japanese half-width katakana was used to repre
sent katakana in 8-bit character codes.
... unlike regular (full-width) katakana characters, a letter with dakuten (voiced sound mark) is repre
sented as two code points, the body of letter and dakuten.
matrix3d() - CSS: Cascading Style Sheets
cartesian coordinates on ℝ2 homogeneous coordinates on ℝℙ2 cartesian coordinates on ℝ3 homogeneous coordinates on ℝℙ3 this transformation applies to the 3d space and can't be repre
sented on the plane.
... a generic 3d affine transformation can't be repre
sented using a cartesian-coordinate matrix, as translations are not linear transformations.
rotateX() - CSS: Cascading Style Sheets
rotatex(a) values a is an <angle> repre
senting the angle of the rotation.
... cartesian coordinates on ℝ2 homogeneous coordinates on ℝℙ2 cartesian coordinates on ℝ3 homogeneous coordinates on ℝℙ3 this transformation applies to the 3d space and can't be repre
sented on the plane.
rotateY() - CSS: Cascading Style Sheets
rotatey(a) values a is an <angle> repre
senting the angle of the rotation.
... cartesian coordinates on ℝ2 homogeneous coordinates on ℝℙ2 cartesian coordinates on ℝ3 homogeneous coordinates on ℝℙ3 this transformation applies to the 3d space and can't be repre
sented on the plane.
rotateZ() - CSS: Cascading Style Sheets
rotatez(a) values a is an <angle> repre
senting the angle of the rotation.
... cartesian coordinates on ℝ2 homogeneous coordinates on ℝℙ2 cartesian coordinates on ℝ3 homogeneous coordinates on ℝℙ3 this transformation applies to the 3d space and can't be repre
sented on the plane.
scaleZ() - CSS: Cascading Style Sheets
syntax scalez(s) values s is a <number> repre
senting the scaling factor to apply on the z-coordinate of each point of the element.
... cartesian coordinates on ℝ2 homogeneous coordinates on ℝℙ2 cartesian coordinates on ℝ3 homogeneous coordinates on ℝℙ3 this transformation applies to the 3d space and can't be repre
sented on the plane.
translateX() - CSS: Cascading Style Sheets
syntax /* <length-percentage> values */ transform: translatex(200px); transform: translatex(50%); values <length-percentage> is a <length> or <percentage> repre
senting the abscissa of the translating vector.
... cartesian coordinates on ℝ2 homogeneous coordinates on ℝℙ2 cartesian coordinates on ℝ3 homogeneous coordinates on ℝℙ3 a translation is not a linear transformation in ℝ2 and can't be repre
sented using a cartesian-coordinate matrix.
translateY() - CSS: Cascading Style Sheets
syntax /* <length-percentage> values */ transform: translatey(200px); transform: translatey(50%); values <length-percentage> the value is a <length> or <percentage> repre
senting the ordinate of the translating vector.
... cartesian coordinates on ℝ2 homogeneous coordinates on ℝℙ2 cartesian coordinates on ℝ3 homogeneous coordinates on ℝℙ3 a translation is not a linear transformation in ℝ2 and can't be repre
sented using a cartesian-coordinate matrix.
transition-timing-function - CSS: Cascading Style Sheets
ump-both); transition-timing-function: steps(6, start); transition-timing-function: steps(8, end); /* multiple timing functions */ transition-timing-function: ease, step-start, cubic-bezier(0.1, 0.7, 1.0, 0.1); /* global values */ transition-timing-function: inherit; transition-timing-function: initial; transition-timing-function: unset; values <timing-function> each <timing-function> repre
sents the timing function to link to the corresponding property to transition, as defined in transition-property.
... the non-step keyword values (ease, linear, ease-in-out, etc.) each repre
sent cubic bézier curve with fixed four point values, with the cubic-bezier() function value allowing for a non-predefined value.
transition - CSS: Cascading Style Sheets
it includes: zero or one value repre
senting the property to which the transition should apply.
... zero or one <single-transition-timing-function> value repre
senting the timing function to use zero, one, or two <time> values.
var() - CSS: Cascading Style Sheets
values <custom-property-name> a custom property’s name repre
sented by an identifier that starts with two dashes.
... custom properties are solely for use by authors and users; css will never give them a meaning beyond what is pre
sented here.
word-spacing - CSS: Cascading Style Sheets
examples html <div id="mozdiv1">here are many words...</div> <div id="mozdiv2">...and many more!</div> css #mozdiv1 { word-spacing: 15px; } #mozdiv2 { word-spacing: 5em; } accessibility concerns a large positive or negative word-spacing value will make the
sentences the styling is applied to unreadable.
... for text styled with a very large positive value, the words will be so far apart that it will no longer appear to be a
sentence.
Audio and Video Delivery - Developer guides
if the browser doesn't support playback of any of the provided formats natively, either pre
sent a still image or use a fallback technology to pre
sent the video.
... if you need something extra, it's possible to add features that are not currently pre
sent in default players, such as playback rate, quality stream switches or even audio spectrums.
Audio and video manipulation - Developer guides
playbackrate is a number that repre
sents a multiple to be applied to the rate of playback, for example 0.5 repre
sents half speed while 2 repre
sents double speed.
... selecting an audio source the web audio api can receive audio from a variety of sources, then process it and send it back out to an audiodestinationnode repre
senting the output device to which the sound is
sent after processing.
Introduction to HTML5 - Developer guides
to indicate that your html content uses html5, simply use: <!doctype html> doing so will cause even browsers that don't pre
sently support html5 to enter into standards mode, which means that they'll interpret the long-established parts of html in an html5-compliant way while ignoring the new features of html5 they don't support.
...es
sentially, it meant that all browsers behaved differently, which is no longer the case.
Printing - Developer guides
you want to adjust the user experience of printing, such as pre
senting a specially-formatted version of your content before printing begins.
...you can use this to adjust the user interface pre
sented during printing (such as by displaying or hiding user interface elements during the print process).
User input and controls - Developer guides
mouse the events occurring when the user interacts with a pointing device such as a mouse are repre
sented by the mouseevent dom interface.
... fullscreen you might need to pre
sent an element of your application (such as a <video>, for example) in fullscreen mode.
disabled - HTML: Hypertext Markup Language
the boolean disabled attribute, when pre
sent, makes the element not mutable, focusable, or even submitted with the form.
... if pre
sent on a supporting elements, the :disabled pseudo class will match.
HTML attribute: required - HTML: Hypertext Markup Language
the boolean required attribute which, if pre
sent, indicates that the user must specify a value for the input before the owning form can be submitted.
...if pre
sent on any of these input types and elements, the :required pseudo class will match.
<code>: The Inline Code element - HTML: Hypertext Markup Language
example a paragraph of text that includes <code>: <p>the function <code>selectall()</code> highlights all the text in the input field so the user can, for example, copy or delete the text.</p> the output generated by this html looks like this: notes to repre
sent multiple lines of code, wrap the <code> element within a <pre> element.
... the <code> element by itself only repre
sents a single phrase of code or line of code.
<em>: The Emphasis element - HTML: Hypertext Markup Language
usage notes the <em> element is for words that have a stressed emphasis compared to surrounding text, which is often limited to a word or words of a
sentence and affects the meaning of the
sentence itself.
...the <em> element repre
sents stress emphasis of its contents, while the <i> element repre
sents text that is set off from the normal prose, such a foreign word, fictional character thoughts, or when the text refers to the definition of a word instead of repre
senting its semantic meaning.
<fieldset>: The Field Set element - HTML: Hypertext Markup Language
if a <legend> is pre
sent, it is placed over the block-start border.
... implicit aria role group permitted aria roles radiogroup, pre
sentation, none dom interface htmlfieldsetelement specifications specification status comment html living standardthe definition of '<fieldset>' in that specification.
<figcaption>: The Figure Caption element - HTML: Hypertext Markup Language
the html <figcaption> or figure caption element repre
sents a caption or legend describing the rest of the contents of its parent <figure> element.
... implicit aria role no corresponding role permitted aria roles group, none, pre
sentation dom interface htmlelement attributes this element only includes the global attributes.
<footer> - HTML: Hypertext Markup Language
the html <footer> element repre
sents a footer for its nearest sectioning content or sectioning root element.
... implicit aria role contentinfo, or no corresponding role if a descendant of an article, aside, main, nav or section element, or an element with role=article, complementary, main, navigation or region permitted aria roles group, pre
sentation or none dom interface htmlelement attributes this element only includes the global attributes.
<header> - HTML: Hypertext Markup Language
the html <header> element repre
sents introductory content, typically a group of introductory or navigational aids.
... implicit aria role banner, or no corresponding role if a descendant of an article, aside, main, nav or section element, or an element with role=article, complementary, main, navigation or region permitted aria roles group, pre
sentation or none dom interface htmlelement usage notes the <header> element is not sectioning content and therefore does not introduce a new section in the outline.
<input type="number"> - HTML: Hypertext Markup Language
if the control's content has one directionality (ltr or rtl) but needs to pre
sent the placeholder in the opposite directionality, you can use unicode bidirectional algorithm formatting characters to override directionality within the placeholder; see overriding bidi using unicode control characters in the unicode bidirectional text algorithm for those characters.
... readonly a boolean attribute which, if pre
sent, means this field cannot be edited by the user.
<ins> - HTML: Hypertext Markup Language
the html <ins> element repre
sents a range of text that has been added to a document.
... you can use the <del> element to similarly repre
sent a range of text that has been deleted from the document.
<li> - HTML: Hypertext Markup Language
the html <li> element is used to repre
sent an item in a list.
... implicit aria role listitem when child of an ol, ul or menu permitted aria roles menuitem, menuitemcheckbox, menuitemradio, option, none, pre
sentation, radio, separator, tab, treeitem dom interface htmllielement attributes this element includes the global attributes.
<p>: The Paragraph element - HTML: Hypertext Markup Language
the html <p> element repre
sents a paragraph.
... paragraphs are usually repre
sented in visual media as blocks of text separated from adjacent blocks by blank lines and/or first-line indentation, but html paragraphs can be any structural grouping of related content, such as images or form fields.
<section>: The Generic Section element - HTML: Hypertext Markup Language
the html <section> element repre
sents a standalone section — which doesn't have a more specific semantic element to repre
sent it — contained within an html document.
... implicit aria role region if the element has an accessible name, otherwise no corresponding role permitted aria roles alert, alertdialog, application, banner, complementary, contentinfo, dialog, document, feed, log, main, marquee, navigation, none, note, pre
sentation, search, status, tabpanel dom interface htmlelement attributes this element only includes the global attributes.
<tbody>: The Table Body element - HTML: Hypertext Markup Language
however, it must not be pre
sent, if its parent <table> element has a <tr> element as a child.
... when a table is pre
sented in a screen context (such as a window) which is not large enough to display the entire table, the user agent may let the user scroll the contents of the <thead>, <tbody>, <tfoot>, and <caption> blocks separately from one another for the same parent table.
<textarea> - HTML: Hypertext Markup Language
the html <textarea> element repre
sents a multi-line plain-text editing control, useful when you want to allow users to enter a sizeable amount of free-form text, for example a comment on a review or feedback form.
...
sentences: automatically capitalize the first letter of
sentences.
<tt>: The Teletype Text element (obsolete) - HTML: Hypertext Markup Language
the obsolete html teletype text element (<tt>) creates inline text which is pre
sented using the user agent's default monospace font face.
...you should use the more semantically helpful <code>, <kbd>, <samp>, or <var> elements for inline text that needs to be pre
sented in monospace type, or the <pre> tag for content that should be pre
sented as a separate block.
<var>: The Variable element - HTML: Hypertext Markup Language
the html variable element (<var>) repre
sents the name of a variable in a mathematical expression or a programming context.
... it's typically pre
sented using an italicized version of the current typeface, although that behavior is browser-dependent.
accesskey - HTML: Hypertext Markup Language
certain accesskey values may not be pre
sent on certain keyboards, especially when internationalization is a concern.
... informing the user that accesskeys are pre
sent, so that they are aware of the functionality.
autocapitalize - HTML: Hypertext Markup Language
the attribute must take one of the following values: off or none: no autocapitalization is applied (all letters default to lowercase) on or
sentences: the first letter of each
sentence defaults to a capital letter; all other letters default to lowercase words: the first letter of each word defaults to a capital letter; all other letters default to lowercase characters: all letters should default to uppercase the autocapitalize attribute doesn’t affect behavior when typing on a physical keyboard.
...the behavior of such mechanisms is that they often assist users by automatically capitalizing the first letter of
sentences.
hidden - HTML: Hypertext Markup Language
the hidden attribute must not be used to hide content just from one pre
sentation.
... if something is marked hidden, it is hidden from all pre
sentations, including, for instance, screen readers.
itemprop - HTML: Hypertext Markup Language
an outer item repre
senting a person, and an inner one repre
senting a band <div itemscope> <p>name: <span itemprop="name">amanda</span></p> <p>band: <span itemprop="band" itemscope> <span itemprop="name">jazz band</span> (<span itemprop="size">12</span> players)</span></p> </div> the outer item above has two properties, "name" and "band".
... names and values a property is an unordered set of unique tokens that are case-sensitive and repre
sent the name-value pairs.
title - HTML: Hypertext Markup Language
the title global attribute contains text repre
senting advisory information related to the element it belongs to.
...each u+000a line feed (lf) character repre
sents a line break.
Inline elements - HTML: Hypertext Markup Language
since this is a pre
sentational characteristic it is nowadays specified by css in the flow layout.
... changing element levels you can change the visual pre
sentation of an element using the css display property.
Common MIME types - HTTP
.jsonld json-ld format application/ld+json .mid .midi musical instrument digital interface (midi) audio/midi audio/x-midi .mjs javascript module text/javascript .mp3 mp3 audio audio/mpeg .mpeg mpeg video video/mpeg .mpkg apple installer package application/vnd.apple.installer+xml .odp opendocument pre
sentation document application/vnd.oasis.opendocument.pre
sentation .ods opendocument spreadsheet document application/vnd.oasis.opendocument.spreadsheet .odt opendocument text document application/vnd.oasis.opendocument.text .oga ogg audio audio/ogg .ogv ogg video video/ogg .ogx ogg application/ogg .opus opus aud...
... font/otf .png portable network graphics image/png .pdf adobe portable document format (pdf) application/pdf .php hypertext preprocessor (personal home page) application/x-httpd-php .ppt microsoft powerpoint application/vnd.ms-powerpoint .pptx microsoft powerpoint (openxml) application/vnd.openxmlformats-officedocument.pre
sentationml.pre
sentation .rar rar archive application/vnd.rar .rtf rich text format (rtf) application/rtf .sh bourne shell script application/x-sh .svg scalable vector graphics (svg) image/svg+xml .swf small web format (swf) or adobe flash document application/x-shockwave-flash .tar tape archive (tar) application...
Basics of HTTP - HTTP
data uris a specific kind of uri that directly embeds the resource it repre
sents.
... frame and message structure in http/2 http/2 encapsulates and repre
sents http/1.x messages in a binary frame.
Reason: invalid token ‘xyz’ in CORS header ‘Access-Control-Allow-Headers’ - HTTP
the response to the cors request that was
sent by the server includes an access-control-allow-headers header which includes at least one invalid header name.
... the access-control-allow-headers header is
sent by the server in response to a preflight request; it lets the client know which http headers are permitted in cors requests.
CORS errors - HTTP
setting up such a cors configuration isn't necessarily easy and may pre
sent some challenges.
... if the cors configuration isn't setup correctly, the browser console will pre
sent an error like "cross-origin request blocked: the same origin policy disallows reading the remote resource at $somesite" indicating that the request was blocked due to violating the cors security rules.
Content Security Policy (CSP) - HTTP
you can use the content-security-policy-report-only http header to specify your policy, like this: content-security-policy-report-only: policy if both a content-security-policy-report-only header and a content-security-policy header are pre
sent in the same response, both policies are honored.
... enabling reporting by default, violation reports aren't
sent.
Compression in HTTP - HTTP
as content negotiation has been used to choose a repre
sentation based on its encoding, the server must send a vary header containing at least accept-encoding alongside this header in the response; that way, caches will be able to cache the different repre
sentations of the resource.
... hop-by-hop compression hop-by-hop compression, though similar to end-to-end compression, differs by one fundamental element: the compression doesn't happen on the resource in the server, creating a specific repre
sentation that is then transmitted, but on the body of the message between any two nodes on the path between the client and the server.
Configuring servers for Ogg media - HTTP
html <audio> and <video> elements allow media pre
sentation without the need for the user to install any plug-ins or other software to do so.
...the output from oggz-info looks like this: $ oggz-info /g/media/bruce_vs_ironman.ogv content-duration: 00:01:00.046 skeleton: serialno 1976223438 4 packets in 3 pages, 1.3 packets/page, 27.508% ogg overhead pre
sentation-time: 0.000 basetime: 0.000 theora: serialno 0170995062 1790 packets in 1068 pages, 1.7 packets/page, 1.049% ogg overhead video-framerate: 29.983 fps video-width: 640 video-height: 360 vorbis: serialno 0708996688 4531 packets in 167 pages, 27.1 packets/page, 1.408% ogg overhead audio-samplerate: 44100 hz audio-channe...
Using Feature Policy - HTTP
es
sentially, you write a policy, which is an allowed list of origins for each feature.
... there are several policy-controlled features designed to repre
sent functionality that can negatively impact the user experience.
Feature Policy - HTTP
es
sentially, you write a policy, which is an allowed list of origins for each feature.
... in most cases, the policy-controlled features repre
sent functionality that when used will negatively impact the user experience.
Content-Encoding - HTTP
when pre
sent, its value indicates which encodings were applied to the entity-body.
... examples compressing with gzip on the client side, you can advertise a list of compression schemes that will be
sent along in an http request.
CSP: default-src - HTTP
for each of the following directives that are ab
sent, the user agent looks for the default-src directive and uses this value for it: child-src connect-src font-src frame-src img-src manifest-src media-src object-src prefetch-src script-src script-src-elem script-src-attr style-src style-src-elem style-src-attr worker-src csp version 1 directive type fetch directive syntax one or more sources can be allowed for the default-src policy: content-security-policy: default-src <source>; content-security-policy: default-src <source> <source>; sources <source> can be one of the following: <host-source> internet hosts by name ...
... 'strict-dynamic' the strict-dynamic source expression specifies that the trust explicitly given to a script pre
sent in the markup, by accompanying it with a nonce or a hash, shall be propagated to all the scripts loaded by that root script.
CSP: img-src - HTTP
if this directive is ab
sent, the user agent will look for the default-src directive.
... 'strict-dynamic' the strict-dynamic source expression specifies that the trust explicitly given to a script pre
sent in the markup, by accompanying it with a nonce or a hash, shall be propagated to all the scripts loaded by that root script.
CSP: navigate-to - HTTP
note: if the form-action directive is pre
sent, the navigate-to directive will not act on navigations that are form submissions.
... 'strict-dynamic' the strict-dynamic source expression specifies that the trust explicitly given to a script pre
sent in the markup, by accompanying it with a nonce or a hash, shall be propagated to all the scripts loaded by that root script.
CSP: referrer - HTTP
no referrer information is
sent along with requests.
...the origin is
sent as referrer to a-priori as-much-secure destination (https->https), but isn't
sent to a less secure destination (https->http).
CSP: report-uri - HTTP
these violation reports consist of json documents
sent via an http post request to the specified uri.
... "\n\nfurther cps violations will be logged to the following log file, but no further email notifications will be
sent until this log file is deleted:\n\n" .
Feature-Policy: fullscreen - HTTP
via the allow attribute) and the allowfullscreen attribute are pre
sent on an <iframe> element, this directive takes precedence.
... there was a bug whereby the fullscreen directive didn't work unless the allowfullscreen attribute was also pre
sent, but this has been fixed as of firefox 80 (bug 1608358).
If-Range - HTTP
if the condition is not fulfilled, the full resource is
sent back, with a 200 ok status.
... header type request header forbidden header name no syntax if-range: <day-name>, <day> <month> <year> <hour>:<minute>:<second> gmt if-range: <etag> directives <etag> an entity tag uniquely repre
senting the requested resource.
Keep-Alive - HTTP
max: indicating the maximum number of requests that can be
sent on this connection before closing it.
... unless 0, this value is ignored for non-pipelined connections as another request will be
sent in the next response.
Sec-WebSocket-Accept - HTTP
that is, this is header is
sent from server to client to inform that server is willing to initiate a websocket connection.
... header type response header forbidden header name no syntax sec-websocket-accept: <hashed key> directives <hashed key> the server takes the value of the sec-websocket-key
sent in the handshake request, appends 258eafa5-e914-47da-95ca-c5ab0dc85b11, takes sha-1 of the new value, and is then base64 encoded.
Trailer - HTTP
the trailer response header allows the sender to include additional fields at the end of chunked messages in order to supply metadata that might be dynamically generated while the message body is
sent, such as a message integrity check, digital signature, or post-processing status.
... header type response header forbidden header name yes syntax trailer: header-names directives header-names http header fields which will be pre
sent in the trailer part of chunked messages.
Link prefetching FAQ - HTTP
if a prefetched document is partially downloaded, then the partial document will still be stored in the cache provided the server
sent an "accept-ranges: bytes" response header.
...(for example, if you google amazon, the google results page will prefetch www.amazon.com, causing amazon cookies to be
sent back and forth.
HTTP request methods - HTTP
get the get method requests a repre
sentation of the specified resource.
... put the put method replaces all current repre
sentations of the target resource with the request payload.
HTTP resources and specifications - HTTP
spec hypertext transfer protocol (http) keep-alive header informational (expired) draft spec http client hints ietf draft rfc 7578 returning values from forms: multipart/form-data proposed standard rfc 6266 use of the content-disposition header field in the hypertext transfer protocol (http) proposed standard rfc 2183 communicating pre
sentation information in internet messages: the content-disposition header field only a subset of syntax of the content-disposition header can be used in the context of http messages.
... proposed standard rfc 2324 hyper text coffee pot control protocol (htcpcp/1.0) april 1st joke spec rfc 7168 the hyper text coffee pot control protocol for tea efflux appliances (htcpcp-tea) april 1st joke spec html living standard html defines extensions of http for server-
sent events living standard tracking preference expression dnt header editor's draft / candidate recommendation reporting api report-to header draft draft spec expect-ct extension for http ietf draft ...
406 Not Acceptable - HTTP
the hypertext transfer protocol (http) 406 not acceptable client error response code indicates that the server cannot produce a response matching the list of acceptable values defined in the request's proactive content negotiation headers, and that the server is unwilling to supply a default repre
sentation.
... if a server returns such an error status, the body of the message should contain the list of the available repre
sentations of the resources, allowing the user to choose among them.
503 Service Unavailable - HTTP
note: together with this response, a user-friendly page explaining the problem should be
sent.
... caching-related headers that are
sent along with this response should be taken care of, as a 503 status is often a temporary condition and responses shouldn't usually be cached.
CSS Houdini
css parser api an api exposing the css parser more directly, for parsing arbitrary css-like languages into a mildly typed repre
sentation.
... css properties and values api reference css properties and values api guide css typed om converting cssom value strings into meaningfully typed javascript repre
sentations and back can incur a significant performance overhead.
Iterators and generators - JavaScript
if value is pre
sent alongside done, it is the iterator's return value.
... for (let value of ['a', 'b', 'c']) { console.log(value); } // "a" // "b" // "c" [...'abc']; // ["a", "b", "c"] function* gen() { yield* ['a', 'b', 'c']; } gen().next(); // { value: "a", done: false } [a, b, c] = new set(['a', 'b', 'c']); a; // "a" advanced generators generators compute their yielded values on demand, which allows them to efficiently repre
sent sequences that are expensive to compute (or even infinite sequences, as demonstrated above).
Loops and iteration - JavaScript
console.log('walking east one step'); } there are many different kinds of loops, but they all es
sentially do the same thing: they repeat an action some number of times.
... if pre
sent, the update expression incrementexpression is executed.
Text formatting - JavaScript
strings javascript's string type is used to repre
sent textual data.
...for example, the following code assigns hellolength the value 13, because "hello, world!" has 13 characters, each repre
sented by one utf-16 code unit.
Working with objects - JavaScript
you can create a new function called howoldami()which logs a
sentence saying how old the person is.
...the second form probably best repre
sents the dynamic nature of javascript — but it can make the code hard to read and understand.
Inheritance and the prototype chain - JavaScript
the object.prototype property repre
sents the object prototype object.
... in conclusion it is es
sential to understand the prototypal inheritance model before writing complex code that makes use of it.
JavaScript technologies overview - JavaScript
the core of the dom the document object model (dom) is a cross-platform, language-independent convention for repre
senting and interacting with objects in html, xhtml and xml documents.
... the html specification also defines restrictions on documents; for example, it requires all children of a <ul> element, which repre
sents an unordered list, to be <li> elements, as those repre
sent list items.
RangeError: radix must be an integer - JavaScript
its value must be an integer (a number) between 2 and 36, specifying the base of the number system to be used for repre
senting numeric values.
... for example, the decimal (base 10) number 169 is repre
sented in hexadecimal (base 16) as a9.
URIError: malformed URI sequence - JavaScript
examples encoding encoding replaces each instance of certain characters by one, two, three, or four escape sequences repre
senting the utf-8 encoding of the character.
...for example: encodeuri('\ud800\udfff'); // "%f0%90%8f%bf" decoding decoding replaces each escape sequence in the encoded uri component with the character that it repre
sents.
Arrow function expressions - JavaScript
so while searching for this which is not pre
sent in the current scope, an arrow function ends up finding the this from its enclosing scope.
...another example involving object.defineproperty(): 'use strict'; var obj = { a: 10 }; object.defineproperty(obj, 'b', { get: () => { console.log(this.a, typeof this.a, this); // undefined 'undefined' window {...} (or the global object) return this.a + 10; // repre
sents global object 'window', therefore 'this.a' returns 'undefined' } }); use of the new operator arrow functions cannot be used as constructors and will throw an error when used with new.
Functions - JavaScript
rest parameters the rest parameter syntax allows repre
senting an indefinite number of arguments as an array.
... a safer way to define functions conditionally is to assign a function expression to a variable: var zero; if (shoulddefinezero) { zero = function() { console.log("this is zero."); }; } examples returning a formatted number the following function returns a string containing the formatted repre
sentation of a number padded with leading zeros.
Array.prototype.reduceRight() - JavaScript
description reduceright executes the callback function once for each element pre
sent in the array, excluding holes in the array, receiving four arguments: the initial value (or value from the previous callback call), the value of the current element, the current index, and the array over which iteration is occurring.
... polyfill reduceright was added to the ecma-262 standard in the 5th edition; as such it may not be pre
sent in all implementations of the standard.
Array.prototype.lastIndexOf() - JavaScript
the lastindexof() method returns the last index at which a given element can be found in the array, or -1 if it is not pre
sent.
... polyfill lastindexof was added to the ecma-262 standard in the 5th edition; as such it may not be pre
sent in other implementations of the standard.
Array.prototype.some() - JavaScript
description the some() method executes the callback function once for each element pre
sent in the array until it finds the one where callback returns a truthy value (a value that becomes true when converted to a boolean).
... polyfill some() was added to the ecma-262 standard in the 5th edition, and it may not be pre
sent in all implementations of the standard.
Array - JavaScript
array.prototype.tolocalestring() returns a localized string repre
senting the array and its elements.
... array.prototype.tostring() returns a string repre
senting the array and its elements.
ArrayBuffer - JavaScript
the arraybuffer object is used to repre
sent a generic, fixed-length raw binary data buffer.
... it is an array of bytes, often referred to in other languages as a "byte array".you cannot directly manipulate the contents of an arraybuffer; instead, you create one of the typed array objects or a dataview object which repre
sents the buffer in a specific format, and use that to read and write the contents of the buffer.
BigInt.prototype.toLocaleString() - JavaScript
the tolocalestring() method returns a string with a language-sensitive repre
sentation of this bigint.
... return value a string with a language-sensitive repre
sentation of the given bigint.
Boolean.prototype.toSource() - JavaScript
the tosource() method returns a string repre
senting the source code of the object.
... syntax booleanobj.tosource() boolean.tosource() return value a string repre
senting the source code of the object.
DataView() constructor - JavaScript
return value a new dataview object repre
senting the specified data buffer.
...this means handling integer and float conversion, endianness, and other details of repre
senting numbers in binary form.
Date.prototype.getTime() - JavaScript
gettime() always uses utc for time repre
sentation.
... syntax dateobj.gettime() return value a number repre
senting the milliseconds elapsed between 1 january 1970 00:00:00 utc and the given date.
Date.prototype.getYear() - JavaScript
syntax dateobj.getyear() return value a number repre
senting the year of the given date, according to local time, minus 1900.
... var xmas = new date('december 25, 1800 23:15:00'); var year = xmas.getyear(); // returns -100 setting and getting a year between 1900 and 1999 the third statement assigns the value 95 to the variable year, repre
senting the year 1995.
Date.prototype.setSeconds() - JavaScript
syntax dateobj.setseconds(secondsvalue[, msvalue]) versions prior to javascript 1.3 dateobj.setseconds(secondsvalue) parameters secondsvalue an integer between 0 and 59, repre
senting the seconds.
...a number between 0 and 999, repre
senting the milliseconds.
Date.prototype.setTime() - JavaScript
the settime() method sets the date object to the time repre
sented by a number of milliseconds since january 1, 1970, 00:00:00 utc.
... syntax dateobj.settime(timevalue) parameters timevalue an integer repre
senting the number of milliseconds since 1 january 1970, 00:00:00 utc.
Date.prototype.setUTCMonth() - JavaScript
syntax dateobj.setutcmonth(monthvalue[, dayvalue]) parameters monthvalue an integer between 0 and 11, repre
senting the months january through december.
...an integer from 1 to 31, repre
senting the day of the month.
Date.prototype.setUTCSeconds() - JavaScript
syntax dateobj.setutcseconds(secondsvalue[, msvalue]) parameters secondsvalue an integer between 0 and 59, repre
senting the seconds.
...a number between 0 and 999, repre
senting the milliseconds.
Date.prototype.toGMTString() - JavaScript
the exact format of the value returned by togmtstring() varies according to the platform and browser, in general it should repre
sent a human readable date string.
... syntax dateobj.togmtstring() return value a string repre
senting the given date following the internet greenwich mean time (gmt) convention.
Date.prototype.toLocaleDateString() - JavaScript
the tolocaledatestring() method returns a string with a language sensitive repre
sentation of the date portion of this date.
... return value a string repre
senting the date portion of the given date instance according to language-specific conventions.
Date.prototype.toLocaleString() - JavaScript
the tolocalestring() method returns a string with a language sensitive repre
sentation of this date.
... return value a string repre
senting the given date according to language-specific conventions.
Date.prototype.toLocaleTimeString() - JavaScript
the tolocaletimestring() method returns a string with a language sensitive repre
sentation of the time portion of this date.
... return value a string repre
senting the time portion of the given date instance according to language-specific conventions.
Date.prototype.toSource() - JavaScript
the tosource() method returns a string repre
senting the source code of the object.
... syntax dateobj.tosource() date.tosource() return value a string repre
senting the source code of the given date object.
Error.prototype.name - JavaScript
the name property repre
sents a name for the type of error.
...the name property, in addition to the message property, is used by the error.prototype.tostring() method to create a string repre
sentation of the error.
Error.prototype.toString() - JavaScript
the tostring() method returns a string repre
senting the specified error object.
... syntax e.tostring() return value a string repre
senting the specified error object.
FinalizationRegistry - JavaScript
(cleanup callbacks are sometimes called finalizers.) note: cleanup callbacks should not be used for es
sential program logic.
... notes on cleanup callbacks some notes on cleanup callbacks: developers shouldn't rely on cleanup callbacks for es
sential program logic.
Function.prototype.toSource() - JavaScript
the tosource() method returns a string repre
senting the source code of the object.
... syntax function.tosource(); return value a string repre
senting the source code of the object.
Intl.DateTimeFormat.prototype.formatRangeToParts() - JavaScript
the intl.datetimeformat.prototype.formatrangetoparts() method allows locale-specific tokens repre
senting each part of the formatted date range produced by datetimeformat formatters.
... syntax intl.datetimeformat.prototype.formatrangetoparts(startdate, enddate) examples basic formatrangetoparts usage this method receives two dates and returns an array of objects containing the locale-specific tokens repre
senting each part of the formatted date range.
Intl.DateTimeFormat - JavaScript
intl.datetimeformat.prototype.formattoparts() returns an array of objects repre
senting the date string in parts that can be used for custom locale-aware formatting.
... intl.datetimeformat.prototype.formatrangetoparts() this method receives two dates and returns an array of objects containing the locale-specific tokens repre
senting each part of the formatted date range.
Intl.ListFormat.prototype.format() - JavaScript
the format() method returns a string with a language-specific repre
sentation of the list.
... syntax listformat.format([list]); parameters list an iterable object, such as an array return value a language-specific formatted string repre
senting the elements of the list description the format() method returns a string that has been formatted based on parameters provided in the intl.listformat object.
Intl.ListFormat - JavaScript
instance methods intl.listformat.prototype.format() returns a language-specific formatted string repre
senting the elements of the list.
... intl.listformat.prototype.formattoparts() returns an array of objects repre
senting the different components that can be used to format a list of values in a locale-aware fashion.
Intl.Locale.prototype.baseName - JavaScript
the intl.locale.prototype.basename property returns a substring of the locale's string repre
sentation, containing core information about the locale.
... description an intl.locale object repre
sents a parsed local and options for that locale.
Intl.Locale.prototype.numeric - JavaScript
description like intl.locale.casefirst, numeric repre
sents a modification to the collation rules utilized by the locale.
... examples setting the numeric value via the locale string in the unicode locale string spec, the values that numeric repre
sents correspond to the key kn.
Intl.Locale.prototype.toString() - JavaScript
description the locale object is a javascript repre
sentation of a concept unicode locale identifier.
...the tostring method allows locale instances to be provided as an argument to existing intl constructors, serialized in json, or any other context where an exact string repre
sentation is useful.
Intl.NumberFormat() constructor - JavaScript
"engineering" return the exponent of ten when divisible by three "compact" string repre
senting exponent, defaults is using the "short" form.
...); // → '-$3,500.00' new intl.numberformat('bn', { style: 'currency', currency: 'usd', currencydisplay: 'name' }).format(amount); // → '-3,500.00 us dollars' new intl.numberformat('bn', { style: 'currency', currency: 'usd', currencysign: 'accounting' }).format(amount); // → '($3,500.00)' scientific, engineering or compact notations scientific and compact notation are repre
sented by the notation option and can be formatted like this: new intl.numberformat('en-us', { notation: "scientific" }).format(987654321); // → 9.877e8 new intl.numberformat('pt-pt', { notation: "scientific" }).format(987654321); // → 9,877e8 new intl.numberformat('en-gb', { notation: "engineering" }).format(987654321); // → 987.654e6 new intl.numberformat('de', { notation: "engineering" })...
Intl.PluralRules.prototype.resolvedOptions() - JavaScript
these properties are pre
sent only if neither minimumsignificantdigits nor maximumsignificantdigits was provided in the options argument.
...these properties are pre
sent only if at least one of them was provided in the options argument.
Intl.RelativeTimeFormat.prototype.formatToParts() - JavaScript
the intl.relativetimeformat.prototype.formattoparts() method returns an array of objects repre
senting the relative time format in parts that can be used for custom locale-aware formatting.
... description the intl.relativetimeformat.prototype.formattoparts method is a version of the format method which it returns an array of objects which repre
sent "parts" of the object, separating the formatted number into its consituent parts and separating it from other surrounding text.
Intl - JavaScript
intl.locale() constructor for objects that repre
sents a unicode locale identifier.
... a unicode bcp 47 locale identifier consists of a language code, (optionally) a script code, (optionally) a region (or country) code, (optionally) one or more variant codes, and (optionally) one or more extension sequences, with all pre
sent components separated by hyphens.
Map - JavaScript
map.prototype.foreach(callbackfn[, thisarg]) calls callbackfn once for each key-value pair pre
sent in the map object, in insertion order.
...// spread operator es
sentially converts a map to an array let merged = new map([...first, ...second]) console.log(merged.get(1)) // uno console.log(merged.get(2)) // dos console.log(merged.get(3)) // three maps can be merged with arrays, too: let first = new map([ [1, 'one'], [2, 'two'], [3, 'three'], ]) let second = new map([ [1, 'uno'], [2, 'dos'] ]) // merge maps with an array.
Math.sign() - JavaScript
return value a number repre
senting the sign of the given argument: if the argument is positive, returns 1.
... return ((x > 0) - (x < 0)) || +x; // a more aesthetic pseudo-repre
sentation: // // ( (x > 0) ?
Math.tan() - JavaScript
syntax math.tan(x) parameters x a number repre
senting an angle in radians.
... description the math.tan() method returns a numeric value that repre
sents the tangent of the angle.
Number.MAX_VALUE - JavaScript
the number.max_value property repre
sents the maximum numeric value repre
sentable in javascript.
...values larger than max_value are repre
sented as infinity.
Number.MIN_VALUE - JavaScript
the number.min_value property repre
sents the smallest positive numeric value repre
sentable in javascript.
... property attributes of number.min_value writable no enumerable no configurable no description the min_value property is the number closest to 0, not the most negative number, that javascript can repre
sent.
Number.prototype.toLocaleString() - JavaScript
the tolocalestring() method returns a string with a language-sensitive repre
sentation of this number.
... return value a string with a language-sensitive repre
sentation of the given number.
Number.prototype.toPrecision() - JavaScript
the toprecision() method returns a string repre
senting the number object to the specified precision.
... return value a string repre
senting a number object in fixed-point or exponential notation rounded to precision significant digits.
Object - JavaScript
the object class repre
sents one of javascript's data types.
... object.prototype.tostring() returns a string repre
sentation of the object.
Promise - JavaScript
the promise object repre
sents the eventual completion (or failure) of an asynchronous operation, and its resulting value.
...promises in javascript repre
sent processes that are already happening, which can be chained with callback functions.
Reflect.construct() - JavaScript
if newtarget is not pre
sent, its value defaults to target.
... return value a new instance of target (or newtarget, if pre
sent), initialized by target as a constructor with the given argumentslist.
RegExp - JavaScript
flags in constructor starting with ecmascript 6, new regexp(/ab+c/, 'i') no longer throws a typeerror ("can't supply flags when constructing one regexp from another") when the first argument is a regexp and the second flags argument is pre
sent.
... regexp.prototype.tostring() returns a string repre
senting the specified object.
Set - JavaScript
set.prototype.has(value) returns a boolean asserting whether an element is pre
sent with the given value in the set object or not.
... set.prototype.foreach(callbackfn[, thisarg]) calls callbackfn once for each value pre
sent in the set object, in insertion order.
String.raw() - JavaScript
// all kinds of escape characters will be ineffective // and backslashes will be pre
sent in the output string.
... // normally you would not call string.raw() as a function, // but to simulate `foo${2 + 3}bar${'java' + 'script'}baz` you can do: string.raw({ raw: ['foo', 'bar', 'baz'] }, 2 + 3, 'java' + 'script'); // 'foo5barjavascriptbaz' // notice the first argument is an object with a 'raw' property, // whose value is an iterable repre
senting the separated strings // in the template literal.
String.prototype.split() - JavaScript
sentence number 2.' const splits = mystring.split(/(\d)/) console.log(splits) this script displays the following: [ "hello ", "1", " word.
...
sentence number ", "2", "." ] note: \d matches the character class for digits between 0 and 9.
TypedArray.prototype.forEach() - JavaScript
description the foreach() method executes the provided callback once for each element pre
sent in the typed array in ascending order.
...however, it is executed for elements that are pre
sent and have the value undefined.
WebAssembly.Global() constructor - JavaScript
a webassembly.global() constructor creates a new global object repre
senting a global variable instance, accessible from both javascript and importable/exportable across one or more webassembly.module instances.
... syntax new webassembly.global(descriptor, value); parameters descriptor a globaldescriptor dictionary object, which contains two properties: value: a usvstring repre
senting the data type of the global.
WebAssembly.Table() constructor - JavaScript
syntax new webassembly.table(tabledescriptor); parameters tabledescriptor an object that can contain the following members: element a string repre
senting the type of value to be stored in the table.
... the table2.wasm module contains two functions (one that returns 42 and another that returns 83) and stores both into elements 0 and 1 of the imported table (see text repre
sentation).
WebAssembly.Table - JavaScript
the webassembly.table() object is a javascript wrapper object — an array-like structure repre
senting a webassembly table, which stores function references.
... the table2.wasm module contains two functions (one that returns 42 and another that returns 83) and stores both into elements 0 and 1 of the imported table (see text repre
sentation).
WebAssembly.compileStreaming() - JavaScript
syntax promise<webassembly.module> webassembly.compilestreaming(source); parameters source a response object or a promise that will fulfill with one, repre
senting the underlying source of a .wasm module you want to stream and compile.
... return value a promise that resolves to a webassembly.module object repre
senting the compiled module.
WebAssembly.instantiateStreaming() - JavaScript
syntax promise<resultobject> webassembly.instantiatestreaming(source, importobject); parameters source a response object or a promise that will fulfill with one, repre
senting the underlying source of a .wasm module you want to stream, compile, and instantiate.
... return value a promise that resolves to a resultobject which contains two fields: module: a webassembly.module object repre
senting the compiled webassembly module.
WebAssembly - JavaScript
webassembly.global() repre
sents a global variable instance, accessible from both javascript and importable/exportable across one or more webassembly.module instances.
... webassembly.table() an array-like structure repre
senting a webassembly table, which stores function references.
decodeURI() - JavaScript
return value a new string repre
senting the unencoded version of the given encoded uniform resource identifier (uri).
... description replaces each escape sequence in the encoded uri with the character that it repre
sents, but does not decode escape sequences that could not have been introduced by encodeuri.
decodeURIComponent() - JavaScript
return value a new string repre
senting the decoded version of the given encoded uniform resource identifier (uri) component.
... description replaces each escape sequence in the encoded uri component with the character that it repre
sents.
encodeURI() - JavaScript
the encodeuri() function encodes a uri by replacing each instance of certain characters by one, two, three, or four escape sequences repre
senting the utf-8 encoding of the character (will only be four escape sequences for characters composed of two "surrogate" characters).
... return value a new string repre
senting the provided string encoded as a uri.
encodeURIComponent() - JavaScript
the encodeuricomponent() function encodes a uri by replacing each instance of certain characters by one, two, three, or four escape sequences repre
senting the utf-8 encoding of the character (will only be four escape sequences for characters composed of two "surrogate" characters).
... return value a new string repre
senting the provided string encoded as a uri component.
parseInt() - JavaScript
radix optional an integer between 2 and 36 that repre
sents the radix (the base in mathematical numeral systems) of the string.
... because some numbers use the e character in their string repre
sentation (e.g.
this - JavaScript
calling super() creates a this binding within the constructor and es
sentially has the effect of evaluating the following line of code, where base is the inherited class: this = new base(); warning: referring to this before calling super() will throw an error.
...(this es
sentially makes the statement "this.a = 37;" dead code.
JavaScript
we have put together a course that includes all the es
sential information you need to work towards your goal.
... intermediate understanding client-side javascript frameworks javascript frameworks are an es
sential part of modern front-end web development, providing developers with proven tools for building scalable, interactive web applications.
<mlabeledtr> - MathML
the mathml <mlabeledtr> element is used to repre
sent a label in a row either on the left or on the right side (determined using the side attribute on the <mtable> element).
...the first child is the label whereas all other children are repre
senting row contents and are treated identically to children of <mtr> elements.
<mmultiscripts> - MathML
the degree of a tensor depends on the dimensionality of a repre
sentative array.
...vectors) is a 1st-order tensor and so 2nd-order tensors are needed to repre
sent square matrices.
<mpadded> - MathML
they repre
sent each length of the same-named dimension.
... prior to gecko 7.0 (firefox 7.0 / thunderbird 7.0 / seamonkey 2.4) the mathml2 pseudo-unit lspace was allowed, which is no longer pre
sent in the mathml3 recommendation and has been removed now.
<mstyle> - MathML
it accepts all attributes of all mathml pre
sentation elements with some exceptions and additional attributes listed below.
... the <mstyle> element accepts all attributes of all pre
sentation elements with the following exceptions: height, depth or width do not apply to <mglyph>, <mpadded> or <mtable>.
Web Performance
beginner's tutorials the mdn web performance learning area contains modern, up-to-date tutorials covering performance es
sentials.
...while hardware has reduced the negative impacts tls has had on server performance, it still repre
sents a substantial slice of the time we spend waiting for browsers to connect to servers.
Installing and uninstalling web apps - Progressive web apps (PWAs)
depending on the device and features of the operating system and browser, this can result in what is es
sentially a fully featured application (for example, using webapk on android) or as a shortcut added to their device’s screen.
...among the options should be the "add to home screen" option, unless it's been specifically removed from the list by the user editing the optons displayed: choosing "add to home screen" here pre
sents the confirmation dialog box, which not only confirms that the user wants to add the app to the home screen, but also lets the user customize its name.
How to make PWAs re-engageable using Notifications and Push - Progressive web apps (PWAs)
the server stores all the information received when the user subscribed, so the messages can be
sent later on when needed.
...there are two options passed to the pushmanager.subscribe() method — the first is uservisibleonly: true, which means all the notifications
sent to the user will be visible to them, and the second one is the applicationserverkey, which contains our successfully acquired and converted vapid key.
Mobile first - Progressive web apps (PWAs)
then at implementation stage, we pre
sent the mobile layout and functionality as the default configuration provided, before additional information is loaded on top of that, whenever appropriate.
...when they are not supported, the <html> tag looks like this: <html class=" js no-rgba no-multiplebgs"> when these are pre
sent, we can serve alternative styling rules to provide sensible fallbacks using descendant selectors — see the following in my code.
alignment-baseline - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute alignment-baseline can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following four elements: <tspan>, <tref>, <altglyph>, and <textpath> usage notes value auto | baseline | before-edge | text-before-edge | middle | central | after-edge | text-after-edge | ideographic | alphabetic | hanging | mathematical | top | center | bottom default value auto animatable yes auto the value is the dominant-baseline of the script to which the character belongs - i.e., use the dominant-baseline of the parent.
baseFrequency - SVG: Scalable Vector Graphics
the basefrequency attribute repre
sents the base frequency parameter for the noise function of the <feturbulence> filter primitive.
...ilter> <rect x="0" y="0" width="200" height="200" style="filter: url(#noise1);" /> <rect x="0" y="0" width="200" height="200" style="filter: url(#noise2); transform: translatex(220px);" /> </svg> usage notes value <number-optional-number> default value 0 animatable yes <number-optional-number> if two numbers are provided, the first one repre
sents the base frequency in the horizontal direction and the second one the base frequency in the vertical direction.
baseline-shift - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute baseline-shift can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following four elements: <altglyph>, <textpath>, <tref>, and <tspan> usage notes value <length-percentage> | sub | super default value 0 animatable yes sub the dominant-baseline is shifted to the default position for subscripts.
class - SVG: Scalable Vector Graphics
the following is a template for an ebnf grammar describing the <list-of-ts> syntax: list-of-ts ::= t | t, list-of-ts within the svg dom, values of a <list-of-ts> type are repre
sented by an interface specific for the particular type t.
... for example, a <list-of-lengths> is repre
sented in the svg dom using an svglengthlist or svganimatedlengthlist object.
clip - SVG: Scalable Vector Graphics
the clip attribute is a pre
sentation attribute defining the visible region of an element.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following six elements: <svg>, <symbol>, <image>, <foreignobject>, <pattern>, <marker> html,body,svg { height:100% } <svg viewbox="0 0 20 10" xmlns="http://www.w3.org/2000/svg"> <!-- auto clipping --> <svg x="0" width="10" height="10" clip="auto"> <circle cx="5" cy="5" r="4" stroke="green" /> </svg> <!-- rect(top, right, bottom, left) clipping --> <svg x="10" width="10" height="1...
color-interpolation-filters - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, color-interpolation can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it only has an effect on the following eighteen elements: <fespotlight>, <feblend>, <fecolormatrix>, <fecomponenttransfer>, <fecomposite>, <feconvolvematrix>, <fediffuselighting>, <fedisplacementmap>, <fedropshadow>, <feflood>, <fegaussianblur>, <feimage>, <femerge>, <femorphology>, <feoffset>, <fespecularlighting>, <fetile>, <feturbulence> usage notes value auto | srgb | linearrgb default value linearrgb animatable yes auto indicates that the user agent can choose either the srgb or linearrgb spaces for color interpolation.
color-interpolation - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, color-interpolation can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it only has an effect on the following 29 elements: <a>, <animate>, <animatecolor>, <circle>, <clippath>, <defs>, <ellipse>, <foreignobject>, <g>, <glyph>, <image>, <line>, <lineargradient>, <marker>, <mask>, <missing-glyph>, <path>, <pattern>, <polygon>, <polyline>, <radialgradient>, <rect>, <svg>, <switch>, <symbol>, <text>, <textpath>, <tspan>, and <use> usage notes value auto | srgb | linearrgb default value srgb animatable yes auto indicates that the user agent can choose either the srgb or linearrgb spaces for color interpolation.
color-profile - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, color-profile can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it only has an effect on the following element: <image> usage notes value auto | srgb | <name> | <iri> default value auto animatable yes auto all colors are presumed to be defined in the srgb color space unless a more precise embedded profile is specified within content data.
color-rendering - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, color-rendering can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it only has an effect on the following 29 elements: <a>, <animate>, <animatecolor>, <circle>, <clippath>, <defs>, <ellipse>, <foreignobject>, <g>, <glyph>, <image>, <line>, <lineargradient>, <marker>, <mask>, <missing-glyph>, <path>, <pattern>, <polygon>, <polyline>, <radialgradient>, <rect>, <svg>, <switch>, <symbol>, <text>, <textpath>, <tspan>, and <use> html, body, svg { height: 100%; } <svg viewbox="0 0 480 200" xmlns="http://www.w3.org/2000/svg"> <defs> <radialgradient id="gradient" cx="0.5" cy="0.5" r="0.5" fx="0.35" fy="0.35" fr="5%"> <stop offset="0%" stop-color="white"/> <stop offset="100%" stop-color="darkseagreen"/> </radialgradient> </defs> <circle cx="100" cy="100" r="100" fill="...
color - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, color can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element, but as noted above, it has no direct effect on svg elements.
cursor - SVG: Scalable Vector Graphics
as a pre
sentation attribute, it also can be used as a property directly inside a css stylesheet, see css cursor for further information.
... usage context categories pre
sentation attribute value [[<funciri>,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize| text | wait | help ]] | inherit animatable yes normative document svg 1.1 (2nd edition) <funciri> functional notation for a reference.
direction - SVG: Scalable Vector Graphics
for other cases, such as when using right-to-left languages, it may be sufficient to add the direction attribute to the outermost <svg> element, and allow that direction to inherit to all text elements: note: as a pre
sentation attribute, direction can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it only has effect on shapes and text context elements, including: <altglyph>, <textpath>, <text>, <tref>, and <tspan>.
dominant-baseline - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, dominant-baseline can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it only has effect on the text content elements, including: <altglyph>, <text>, <textpath>, <tref>, and <tspan> html, body, svg { height: 100%; } text { font: bold 14px verdana, helvetica, arial, sans-serif; } <svg viewbox="0 0 200 120" xmlns="http://www.w3.org/2000/svg"> <path d="m20,20 l180,20 m20,50 l180,50 m20,80 l180,80" stroke="grey" /> <text dominant-baseline="baseline" x="30" y="20">baseline</text> <text dominant-baseline="middle" x="30" y="50">middle</text> <text dominant-baseline="hanging" x="30" y="80">hanging</text> </svg> usage notes value auto | text-bottom | alphabetic | ideographic | middle | central | mathematical | ...
enable-background - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, enable-background can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following eleven elements: <a>, <defs>, <glyph>, <g>, <marker>, <mask>, <missing-glyph>, <pattern>, <svg>, <switch>, and <symbol> context notes value accumulate | new [ <x> <y> <width> <height> ]?
filter - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, filter can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it only has effect on container elements without the <defs> element, all graphics elements and the <use> element.
filterUnits - SVG: Scalable Vector Graphics
only one element is using this attribute: <filter> usage notes value userspaceonuse | objectboundingbox default value objectboundingbox animatable yes userspaceonuse x, y, width and height repre
sent values in the current coordinate system that results from taking the current user coordinate system in place at the time when the <filter> element is referenced (i.e., the user coordinate system for the element referencing the <filter> element via a filter attribute).
... objectboundingbox in that case, x, y, width and height repre
sent fractions or percentages of the bounding box on the referencing element.
flood-color - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, flood-color can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following two elements: <feflood> and <fedropshadow> html, body, svg { height: 100%; } <svg viewbox="0 0 420 200" xmlns="http://www.w3.org/2000/svg"> <filter id="flood1"> <feflood flood-color="skyblue" x="0" y="0" width="200" height="200"/> </filter> <filter id="flood2"> <feflood flood-color="seagreen" x="0" y="0" width="200" height="200"/> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#flood1);" /> <rect x="0" y="0" width="200" height="200" style="filter: url(#flood2); transform: translatex(220px);" /> </svg> usage notes value color initial value black animatable yes specifications specific...
font-family - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, font-family can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following eight elements: <altglyph>, <text>, <textpath>, <tref>, and <tspan> html, body, svg { height: 100%; } <svg viewbox="0 0 200 30" xmlns="http://www.w3.org/2000/svg"> <text y="20" font-family="arial, helvetica, sans-serif">sans serif</text> <text x="100" y="20" font-family="monospace">monospace</text> </svg> usage notes value [ <family-name> | <generic-family> ]#where <family-name> = <string> | <custom-ident>+<generic-family> = serif | sans-serif | cursive | fantasy | monospace default value depends on user agent animatable yes for a description of the values, please refer to the cs...
font-size-adjust - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, font-size-adjust can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following eight elements: <altglyph>, <text>, <textpath>, <tref>, and <tspan> html, body, svg { height: 100%; } <svg width="600" height="80" viewbox="0 0 500 80" xmlns="http://www.w3.org/2000/svg"> <text y="20" font-family="times, serif" font-size="10px"> this text uses the times font (10px), which is hard to read in small sizes.
font-size - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, font-size can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following eight elements: <altglyph>, <text>, <textpath>, <tref>, and <tspan> html, body, svg { height: 100%; } <svg viewbox="0 0 200 30" xmlns="http://www.w3.org/2000/svg"> <text y="20" font-size="smaller">smaller</text> <text x="100" y="20" font-size="2em">2em</text> </svg> usage notes value <absolute-size> | <relative-size> | <length-percentage> default value medium animatable yes for a description of the values, please refer to the css font-size property.
font-stretch - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, font-stretch can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following eight elements: <altglyph>, <text>, <textpath>, <tref>, and <tspan> usage notes value <font-stretch-absolute>where <font-stretch-absolute> = normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | <percentage> default value normal animatable yes specifications specification status comment css fonts module level 4the definition of 'font-stretch' in that specification.
font-style - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, font-style can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but only has an effect on the following five elements: <altglyph>, <text>, <textpath>, <tref>, and <tspan> html, body, svg { height: 100%; } <svg viewbox="0 0 250 30" xmlns="http://www.w3.org/2000/svg"> <text y="20" font-style="normal">normal font style</text> <text x="150" y="20" font-style="italic">italic font style</text> </svg> usage notes value normal | italic | oblique default value normal animatable yes for a description of the values, please refer to the css font-style property.
font-variant - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, font-variant can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following eight elements: <altglyph>, <text>, <textpath>, <tref>, and <tspan> html, body, svg { height: 100%; } <svg viewbox="0 0 250 30" xmlns="http://www.w3.org/2000/svg"> <text y="20" font-variant="normal">normal text</text> <text x="100" y="20" font-variant="small-caps">small-caps text</text> </svg> usage notes value normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> || stylistic( <feature-value-name> ) || historical-forms || styleset( <feature-value-name># ) || character-variant( <feature-value-name># ) || swash( <feature-value-name> ) || ...
font-weight - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, font-weight can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following eight elements: <altglyph>, <text>, <textpath>, <tref>, and <tspan> html, body, svg { height: 100%; } <svg viewbox="0 0 200 30" xmlns="http://www.w3.org/2000/svg"> <text y="20" font-weight="normal">normal text</text> <text x="100" y="20" font-weight="bold">bold text</text> </svg> usage notes value normal | bold | bolder | lighter | <number> default value normal animatable yes for a description of the values, please refer to the css font-weight property.
glyph-orientation-horizontal - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, glyph-orientation-horizontal can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following five elements: <altglyph>, <textpath>, <text>, <tref>, and <tspan> context notes value <angle> default value 0deg animatable no <angle> the value of the angle is restricted to 0, 90, 180, and 270 degrees.
glyphRef - SVG: Scalable Vector Graphics
the glyphref attribute repre
sents the glyph identifier, the format of which is dependent on the format of the given font.
... two elements are using this attribute: <altglyph> and <glyphref> usage notes value <string> default value none animatable yes <string> this value repre
sents the glyph identifier.
image-rendering - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, image-rendering can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following element: <image> usage notes value auto | optimizespeed | optimizequality default value auto animatable yes auto indicates that the user agent shall make appropriate tradeoffs to balance speed and quality, but quality shall be given more importance than speed.
kernelUnitLength - SVG: Scalable Vector Graphics
if the attribute is not specified, the x and y values repre
sent very small deltas relative to a given position, which might be implemented in some cases as one pixel in the intermediate image offscreen bitmap, which is a pixel-based coordinate system, and thus potentially not scalable.
...if the attribute is not specified, the x and y values repre
sent very small deltas relative to a given position, which might be implemented in some cases as one pixel in the intermediate image offscreen bitmap, which is a pixel-based coordinate system, and thus potentially not scalable.
kerning - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute kerning can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following four elements: <altglyph>, <textpath>, <text>, <tref>, and <tspan> html, body, svg { height: 100%; font: 36px verdana, helvetica, arial, sans-serif; } <svg viewbox="0 0 150 125" xmlns="http://www.w3.org/2000/svg"> <text x="10" y="30" kerning="auto">auto</text> <text x="10" y="70" kerning="0">number</text> <text x="10" y="110" kerning="20px">length</text> </svg> usage notes value auto | <length> default value auto animatable yes auto this value indicates that the spacing between glyphs is adjusted based on kerning tables that are included in the font that will be used.
keyTimes - SVG: Scalable Vector Graphics
the keytimes attribute repre
sents a list of time values used to control the pacing of the animation.
...each time value in the keytimes list is specified as a floating point value between 0 and 1 (inclusive), repre
senting a proportional offset into the duration of the animation element.
letter-spacing - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, letter-spacing can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following eight elements: <altglyph>, <text>, <textpath>, <tref>, and <tspan> html, body, svg { height: 100%; } <svg viewbox="0 0 400 30" xmlns="http://www.w3.org/2000/svg"> <text y="20" letter-spacing="2">bigger letter-spacing</text> <text x="200" y="20" letter-spacing="-0.5">smaller letter-spacing</text> </svg> usage notes value normal | <length> default value normal animatable yes for a description of the values, please refer to the css letter-spacing property.
marker-end - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, marker-end can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following seven elements: <circle>, <ellipse>, <line>, <path>, <polygon>, <polyline>, and <rect> html, body, svg { height: 100%; } <svg viewbox="0 0 120 120" xmlns="http://www.w3.org/2000/svg"> <defs> <marker id="triangle" viewbox="0 0 10 10" refx="1" refy="5" markerunits="strokewidth" markerwidth="10" markerheight="10" orient="auto"> <path d="m 0 0 l 10 5 l 0 10 z" fill="#f00"/> </marker> </defs> <polyline fill="none" stroke="black" points="20,100 40,60 70,80 100,20" marker-end="url(#triangle)"/> </svg> usage notes value none | <marker-ref> default value none animatable yes non...
marker-mid - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, marker-mid can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following seven elements: <circle>, <ellipse>, <line>, <path>, <polygon>, <polyline>, and <rect> html, body, svg { height: 100%; } <svg viewbox="0 0 120 120" xmlns="http://www.w3.org/2000/svg"> <defs> <marker id="circle" markerwidth="8" markerheight="8" refx="4" refy="4"> <circle cx="4" cy="4" r="4" stroke="none" fill="#f00"/> </marker> </defs> <polyline fill="none" stroke="black" points="20,100 40,60 70,80 100,20" marker-mid="url(#circle)"/> </svg> usage notes value none | <marker-ref> default value none animatable yes none indicates that no marker symbol shall be drawn at the given vertices.
marker-start - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, marker-start can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following seven elements: <circle>, <ellipse>, <line>, <path>, <polygon>, <polyline>, and <rect> html, body, svg { height: 100%; } <svg viewbox="0 0 120 120" xmlns="http://www.w3.org/2000/svg"> <defs> <marker id="triangle" viewbox="0 0 10 10" refx="1" refy="5" markerunits="strokewidth" markerwidth="10" markerheight="10" orient="auto"> <path d="m 0 0 l 10 5 l 0 10 z" fill="#f00"/> </marker> </defs> <polyline fill="none" stroke="black" points="20,100 40,60 70,80 100,20" marker-start="url(#triangle)"/> </svg> usage notes value none | <marker-ref> default value none animatable yes n...
markerUnits - SVG: Scalable Vector Graphics
usage notes value userspaceonuse | strokewidth default value strokewidth animatable yes userspaceonuse this value specifies that the markerwidth and markerunits attributes and the contents of the <marker> element repre
sent values in the current user coordinate system in place for the graphic object referencing the marker (i.e., the user coordinate system for the element referencing the <marker> element via a marker, marker-start, marker-mid, or marker-end property).
... strokewidth this value specifies that the markerwidth and markerunits attributes and the contents of the <marker> element repre
sent values in a coordinate system which has a single unit equal the size in user units of the current stroke width (see the stroke-width attribute) in place for the graphic object referencing the marker.
opacity - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, opacity can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following elements: <a>, <audio>, <canvas>, <circle>, <ellipse>, <foreignobject>, <g>, <iframe>, <image>, <line>, <marker>, <path>, <polygon>, <polyline>, <rect>, <svg>, <switch>, <symbol>, <text>, <textpath>, <tspan>, <use>, <unknown>, and <video> html, body, svg { height: 100%; } <svg viewbox="0 0 200 100" xmlns="http://www.w3.org/2000/svg"> <defs> <lineargradient id="gradient" x1="0%" y1="0%" x2="0" y2="100%"> <stop offset="0%" style="stop-color:skyblue;" /> <stop offset="100%" style="stop-color:seagreen;" /> </lineargradient> </defs> <rect x="0" y="0" width="100%" height="100%" fill="url(#gradient)" /> <circle cx...
overflow - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, overflow can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following eight elements: <foreignobject>, <iframe>, <image>, <marker>, <pattern>, <symbol>, <svg>, and <text> html, body, svg { height: 100%; } <svg viewbox="0 0 200 30" xmlns="http://www.w3.org/2000/svg" overflow="auto"> <text y="20">this text is wider than the svg, so there should be a scrollbar shown.</text> </svg> usage notes value visible | hidden | scroll | auto default value visible animatable yes for a description of the values, please see the css overflow property.
paint-order - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, paint-order can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following ten elements: <circle>, <ellipse>, <line>, <path>, <polygon>, <polyline>, <rect>, <text>, <textpath>, and <tspan> usage notes value normal | [ fill || stroke || markers ] default value normal animatable yes normal this value indicates that the fill will be painted first, then the stroke, and finally the markers.
primitiveUnits - SVG: Scalable Vector Graphics
only one element is using this attribute: <filter> usage notes value userspaceonuse | objectboundingbox default value userspaceonuse animatable yes userspaceonuse this value indicates that any length values within the filter definitions repre
sent values in the current user coordinate system in place at the time when the <filter> element is referenced (i.e., the user coordinate system for the element referencing the <filter> element via a filter attribute).
... objectboundingbox this value indicates that any length values within the filter definitions repre
sent fractions or percentages of the bounding box on the referencing element.
radius - SVG: Scalable Vector Graphics
the radius attribute repre
sents the radius (or radii) for the operation on a given <femorphology> filter primitive.
... if two numbers are provided, the first number repre
sents the x-radius and the second one the y-radius.
requiredExtensions - SVG: Scalable Vector Graphics
if the attribute is used in other situations, then it repre
sents a simple switch on the given element whether to render the element or not.
... if the attribute is not pre
sent, then it implicitly evaluates to "true".
shape-rendering - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, shape-rendering can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following seven elements: <circle>, <ellipse>, <line>, <path>, <polygon>, <polyline>, and <rect> html, body, svg { height: 100%; } <svg viewbox="0 0 420 200" xmlns="http://www.w3.org/2000/svg"> <circle cx="100" cy="100" r="100" shape-rendering="geometricprecision"/> <circle cx="320" cy="100" r="100" shape-rendering="crispedges"/> </svg> usage notes value auto | optimizespeed | crispedges | geometricprecision default value auto animatable yes auto this value indicates that the user agent shall make appropriate tradeoffs to balance speed, crisp edges and geometric precision, but with geometric precision given more importance than speed and cr...
startOffset - SVG: Scalable Vector Graphics
</textpath> </text> </svg> usage notes value <length-percentage> | <number> default value 0 animatable yes <length-percentage> a length repre
sents a distance along the path measured in the current user coordinate system for the <textpath> element.
... if a percentage is given, then the start offset repre
sents a percentage distance along the entire path.
stdDeviation - SVG: Scalable Vector Graphics
cy="100" r="50" style="filter: url(#gaussianblur2); transform: translatex(140px);" /> <circle cx="100" cy="100" r="50" style="filter: url(#gaussianblur3); transform: translatex(280px);" /> </svg> usage notes value <number-optional-number> default value 0 animatable yes <number-optional-number> if two numbers are provided, the first number repre
sents a standard deviation value along the x-axis.
... the second value repre
sents a standard deviation along the y-axis.
stop-color - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, stop-color can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following element: <stop> usage notes value currentcolor | <color> <icccolor> default value black animatable yes currentcolor this keyword denotes the current fill color and can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
stop-opacity - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, stop-opacity can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following element: <stop> usage notes value <opacity-value> default value 1 animatable yes <opacity-value> this value is either a <number> between 0 and 1 or a <percentage> value specifying the opacity of the color gradient stop.
stroke-dasharray - SVG: Scalable Vector Graphics
the stroke-dasharray attribute is a pre
sentation attribute defining the pattern of dashes and gaps used to paint the outline of the shape; note: as a pre
sentation attribute, stroke-dasharray can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element, but it only has effect on the following twelve elements: <altglyph> <circle> <ellipse> <path> <line> <polygon> <polyline> <rect> <text> <textpath> <tref> <tspan> html,body,svg { height:100% } <svg viewbox="0 0 30 10" xmlns="http://www.w3.org/2000/svg"> <!-- no dashes nor gaps --> <line x1="0" y1="1" x2="30" y2="1" stroke="black" /> <!-- dashes and gaps of the same size --> <line x1="0" y1="3" x2="30" y2="3" stroke="black" stroke-dasharray="4" /> <!-- dashes and gaps of different sizes --> <line x1="0" y1="5" x2="30" y2="5" stroke="black" stroke-dasharray="4 1" /> <!-- dashes and gaps of various sizes with an odd number of values --> <line x1="0" y1="7" x2="30" y2=...
stroke-width - SVG: Scalable Vector Graphics
the stroke-width attribute is a pre
sentation attribute defining the width of the stroke to be applied to the shape.
... as a pre
sentation attribute, it can be applied to any element but it only has effect on shapes and text context elements, including: <altglyph>, <circle>, <ellipse>, <line>, <path>, <polygon>, <polyline>, <rect>, <text>, <textpath>, <tref>, and <tspan> html,body,svg { height:100% } <svg viewbox="0 0 30 10" xmlns="http://www.w3.org/2000/svg"> <!-- default stroke width: 1 --> <circle cx="5" cy="5" r="3" stroke="green" /> <!-- stroke width as a number --> <circle cx="15" cy="5" r="3" stroke="green" stroke-width="3" /> <!-- stroke width as a percentage --> <circle cx="25" cy="5" r="3" stroke="green" stroke-width="2%" /> </svg> usage notes value <length> | <percentage> default value 1px animatable yes note: a p...
stroke - SVG: Scalable Vector Graphics
the stroke attribute is a pre
sentation attribute defining the color (or any svg paint servers like gradients or patterns) used to paint the outline of the shape; note: as a pre
sentation attribute stroke can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following twelve elements: <altglyph>, <circle>, <ellipse>, <line>, <path>, <polygon>, <polyline>, <rect>, <text>, <textpath>, <tref>, and <tspan> html,body,svg { height:100% } <svg viewbox="0 0 20 10" xmlns="http://www.w3.org/2000/svg"> <!-- simple color stroke --> <circle cx="5" cy="5" r="4" fill="none" stroke="green" /> <!-- stroke a circle with a gradient --> <defs> <lineargradient id="mygradient"> <stop offset="0%" stop-color="green" /> <stop offset="100%" stop-color="white" /> </lineargradient> </defs> <circle cx="15" cy="5" r="4" fill="none" stroke="url(#mygradient)" /> </svg> usage notes value <paint> def...
text-decoration - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, text-decoration can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following five elements: <altglyph>, <text>, <textpath>, <tref>, and <tspan> html, body, svg { height: 100%; } <svg viewbox="0 0 250 50" xmlns="http://www.w3.org/2000/svg"> <text y="20" text-decoration="underline">underlined text</text> <text x="0" y="40" text-decoration="line-through">struck-through text</text> </svg> usage notes value <'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'> default value see individual properties animatable yes for a description of the values, please refer to the css text-decoration property.
text-rendering - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, text-rendering can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following element: <text> html, body, svg { height: 100%; } <svg viewbox="0 0 140 40" xmlns="http://www.w3.org/2000/svg"> <text y="15" text-rendering="geometricprecision">geometric precision</text> <text y="35" text-rendering="optimizelegibility">optimized legibility</text> </svg> usage notes value auto | optimizespeed | optimizelegibility | geometricprecision default value auto animatable yes auto this value indicates that the user agent shall make appropriate tradeoffs to balance speed, legibility and geometric precision, but with legibility given more importance than speed and geo...
transform - SVG: Scalable Vector Graphics
:xlink="http://www.w3.org/1999/xlink"> <g fill="grey" transform="rotate(-10 50 100) translate(-36 45.5) skewx(40) scale(1 0.5)"> <path id="heart" d="m 10,30 a 20,20 0,0,1 50,30 a 20,20 0,0,1 90,30 q 90,60 50,90 q 10,60 10,30 z" /> </g> <use xlink:href="#heart" fill="none" stroke="red"/> </svg> note: as of svg2, transform is a pre
sentation attribute, meaning it can be used as a css property.
... as a pre
sentation attribute, transform can be used by any element (in svg 1.1, only these 16 elements were allowed to use it: <a>, <circle>, <clippath>, <defs>, <ellipse>, <foreignobject>, <g>, <image>, <line>, <path>, <polygon>, <polyline>, <rect>, <switch>, <text>, and <use>).
unicode-bidi - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, unicode-bidi can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following eleven elements: <altglyph>, <textpath>, <text>, <tref>, and <tspan> context notes value normal | embed | isolate | bidi-override | isolate-override | plaintext default value normal animatable no for a description of the values, please refer to the css unicode-bidi property.
vector-effect - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, vector-effect can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following ten elements: <circle>, <ellipse>, <foreignobject>, <image>, <line>, <path>, <polygon>, <polyline>, <rect>, <text>, <textpath> <tspan>, and <use> usage notes value none | non-scaling-stroke | non-scaling-size | non-rotation | fixed-position default value none animatable yes none this value specifies that no vector effect shall be applied, i.e.
visibility - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, visibility can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following nineteen elements: <a>, <altglyph>, <audio>, <canvas>, <circle>, <ellipse>, <foreignobject>, <iframe>, <image>, <line>, <path>, <polygon>, <polyline>, <rect>, <text>, <textpath>, <tref>, <tspan>, <video> html, body, svg { height: 100%; } <svg viewbox="0 0 220 120" xmlns="http://www.w3.org/2000/svg"> <rect x="10" y="10" width="200" height="100" stroke="black" stroke-width="5" fill="transparent" /> <g stroke="seagreen" stroke-width="5" fill="skyblue"> <rect x="20" y="20" width="80" height="80" visibility="visible" /> <rect x="120" y="20" width="80" height="80" visibility="hidden"/> </g> </svg> usage notes ...
word-spacing - SVG: Scalable Vector Graphics
note: as a pre
sentation attribute, word-spacing can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following five elements: <altglyph>, <text>, <textpath>, <tref>, and <tspan> html, body, svg { height: 100%; } <svg viewbox="0 0 250 50" xmlns="http://www.w3.org/2000/svg"> <text y="20" word-spacing="2">bigger spacing between words</text> <text x="0" y="40" word-spacing="-0.5">smaller spacing between words</text> </svg> usage notes value normal | <length> animatable yes default values normal for a description of the values, please refer to the css letter-spacing property.
writing-mode - SVG: Scalable Vector Graphics
(note that the inline-progression-direction can change within a <text> element due to the unicode bidirectional algorithm and properties direction and unicode-bidi.) note: as a pre
sentation attribute, writing-mode can be used as a css property.
... as a pre
sentation attribute, it can be applied to any element but it has effect only on the following five elements: <altglyph>, <text>, <textpath>, <tref>, and <tspan> usage notes default value horizontal-tb value horizontal-tb | vertical-rl | vertical-lr animatable yes horizontal-tb this value defines a top-to-bottom block flow direction.
<a> - SVG: Scalable Vector Graphics
value type: <string> ; default value: none; animatable: yes ping a space-separated list of urls to which, when the hyperlink is followed, post requests with the body ping will be
sent by the browser (in the background).
... value type: <url> ; default value: none; animatable: yes global attributes core attributes most notably: id, lang, tabindex styling attributes class, style conditional processing attributes most notably: requiredextensions, systemlanguage event attributes global event attributes, document element event attributes, graphical event attributes pre
sentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility xlink attributes most notably: ...
<feConvolveMatrix> - SVG: Scalable Vector Graphics
the basic convolution formula which is applied to each color value for a given pixel is: colorx,y = ( sum i=0 to [ordery-1] { sum j=0 to [orderx-1] { source x-targetx+j, y-targety+i * kernelmatrixorderx-j-1, ordery-i-1 } } ) / divisor + bias * alphax,y where "orderx" and "ordery" repre
sent the x and y values for the ‘order’ attribute, "targetx" repre
sents the value of the ‘targetx’ attribute, "targety" repre
sents the value of the ‘targety’ attribute, "kernelmatrix" repre
sents the value of the ‘kernelmatrix’ attribute, "divisor" repre
sents the value of the ‘divisor’ attribute, and "bias" repre
sents the value of the ‘bias’ attribute.
...default values for attributes ‘divisor’, ‘targetx’ and ‘targety’, then resulting color value will be: (9* 0 + 8* 20 + 7* 40 + 6*100 + 5*120 + 4*140 + 3*200 + 2*220 + 1*240) / (9+8+7+6+5+4+3+2+1) usage context categoriesfilter primitive elementpermitted contentany number of the following elements, in any order:<animate>, <set> attributes global attributes core attributes pre
sentation attributes filter primitive attributes class style specific attributes in order kernelmatrix divisor bias targetx targety edgemode kernelunitlength preservealpha dom interface this element implements the svgfeconvolvematrixelement interface.
<feDropShadow> - SVG: Scalable Vector Graphics
the drop shadow color and opacity can be changed by using the flood-color and flood-opacity pre
sentation attributes.
... value type: <number>; default value: 2; animatable: yes global attributes core attributes most notably: id styling attributes class, style filter primitive attributes height, in, result, x, y, width pre
sentation attributes most notably: flood-color, flood-opacity usage notes categoriesfilter primitive elementpermitted contentany number of the following elements, in any order:<animate>, <script>, <set> specifications specification status comment filter effects module level 1the definition of '<fedropshadow>' in that specification.
<g> - SVG: Scalable Vector Graphics
html,body,svg { height:100% } <svg viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <!-- using g to inherit pre
sentation attributes --> <g fill="white" stroke="green" stroke-width="5"> <circle cx="40" cy="40" r="25" /> <circle cx="60" cy="60" r="25" /> </g> </svg> attributes this element only includes global attributes global attributes core attributes most notably: id, tabindex styling attributes class, style conditional processing attributes most notably: requiredextensions, systeml...
...anguage event attributes global event attributes, graphical event attributes pre
sentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshor...
Namespaces crash course - SVG: Scalable Vector Graphics
versions of svg viewers prior to the release of firefox 1.5 unfortunately paid scant attention to namespaces, but they are es
sential to multi-xml dialect supporting user agents such as gecko-based browsers which must be very strict.
...the binding created by the xmlns:xlink parameter in the example above is absolutely es
sential for the xlink:href parameter to not cause an error.
SVG 1.1 Support in Firefox - SVG: Scalable Vector Graphics
various pre
sentation attributes don't work (alignment-baseline, baseline-shift, dominant-baseline, kerning, letter-spacing, word-spacing, writing-mode, glyph-orientation-horizontal, glyph-orientation-vertical) recently implemented pre
sentation attributes: direction, unicode-bidi, font-variant, text-decoration svgtextelement recently imlemented bindings: selectsubstring recently i...
... various pre
sentation attributes don't work (alignment-baseline, baseline-shift, dominant-baseline, kerning, letter-spacing, word-spacing, writing-mode, glyph-orientation-horizontal, glyph-orientation-vertical) recently implemented pre
sentation attributes: direction, unicode-bidi, font-variant, text-decoration svgtspanelement recently implemented bindings: selectsubstring recently implemented attributes: textlength, lengthadjust tref this feature, pre
sent in early draft of the spec, has been removed from it and is therefor not implemented (bug 273171).
SVG 2 support in Mozilla - SVG: Scalable Vector Graphics
svgexternalresourcesrequired removed never implemented svgelement.viewportelement and svgelement.ownersvgelement nullable implementation status unknown svgelement.getpre
sentationattribute() removed never implemented (prototype removed in bug 921456) svgcolor and svgicccolor removed never implemented svgelement.focus(), svgelement.blur() not implemented (bug 778654) svgelement.tabindex implemented (bug 778654) document.activeelement implementation status unknown globaleventhandlers on svgelement implementa...
...> implementation status unknown use of white-space instead of deprecated xml:space attribute in ua style sheet implementation status unknown @font-face, ::first-letter and ::first-line on <text> implementation status unknown svg and html style sheets in html document with inline svg applying to whole document content implementation status unknown pre
sentation attributes on any svg namespaced element implementation status unknown display behavior of <style> defined via ua style sheet implementation status unknown !important user agent style rules controlling never-rendered elements implementation status unknown :focus and ::selection styles implementation status unknown geometry change not...
Gradients in SVG - SVG: Scalable Vector Graphics
it es
sentially scales the gradient to the size of your object, so you only have to specify coordinates in values from zero to one, and they're scaled to the size of your object automatically for you.
... userspaceonuse es
sentially takes in absolute units.
Paths - SVG: Scalable Vector Graphics
the control points es
sentially describe the slope of the line starting at each point.
...it determines if the arc should begin moving at positive angles or negative ones, which es
sentially picks which of the two circles will be travelled around.
SVG fonts - SVG: Scalable Vector Graphics
it defines the unicode codepoint repre
sented by this glyph.
... if you also specify the lang attribute on a glyph, you can further restrict it to certain languages (repre
sented by xml:lang on the target) exclusively.
Texts - SVG: Scalable Vector Graphics
setting font properties an es
sential part of a text is the font in which it is displayed.
...a typical usecase is to paint one word of a
sentence bold red.
Certificate Transparency - Web security
this can be accomplished via a number of different mechanisms: x.509v3 certificate extension which embeds signed certificate timestamps directly into the leaf certificate a tls extension of type signed_certificate_timestamp
sent during the handshake ocsp stapling (that is, the status_request tls extension) and providing a signedcertificatetimestamplist with one or more scts with the x.509 certificate extension, the included scts are decided by the issuing ca.
...the advantage is that the server operator can customise the ct log sources providing the scts
sent via the tls extension/stapled ocsp response.
Referer header: privacy and security concerns - Web security
you can also mitigate such risks using: the referrer-policy header on your server to control what information is
sent through the referer header.
...this can for example be set to no-referrer to stop the referer header being
sent altogether.
format-number - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the format-number function evaluates a number and returns a string repre
senting the number in a given format.
... returns a string repre
senting the number in the new format.
name - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the name function returns a string repre
senting the qname of the first node in a given node-set.
... returns a string repre
senting the qname of a node.
namespace-uri - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the namespace-uri function returns a string repre
senting the namespace uri of the first node in a given node-set.
... returns a string repre
senting uri of the namespace in which the given node resides.
XPath
jxon jxon (lossless javascript xml object notation) is a generic name by which is defined the repre
sentation of javascript objects using xml.
...in these cases jxon could repre
sent the most practical way and valid alternative to xpath.
Introduction - XSLT: Extensible Stylesheet Language Transformations
javascript can enable a web application to load xml data, process it via xslt into a pre
sentable form and then add it into an existing document.
... since the xml data loaded only contains the raw information without any pre
sentation data, it can load quickly even on dialup.
WebAssembly Concepts - WebAssembly
module: repre
sents a webassembly binary that has been compiled by the browser into executable machine code.
... in the same fashion as physical assembly languages, the webassembly binary format has a text repre
sentation — the two have a 1:1 correspondence.
Index - WebAssembly
6 converting webassembly text format to wasm webassembly, assembly, conversion, text format, wabt, wasm, wast2wasm, wat2wasm webassembly has an s-expression-based textual repre
sentation, an intermediate form designed to be exposed in text editors, browser developer tools, etc.
... 7 exported webassembly functions guide, javascript, webassembly, export, exported functions, exported wasm functions, wasm exported webassembly functions are how webassembly functions are repre
sented in javascript.
WebAssembly
this is the low-level textual repre
sentation of a .wasm module shown in browser developer tools when debugging.
... webassembly.global() a webassembly.global object repre
sents a global variable instance, accessible from both javascript and importable/exportable across one or more webassembly.module instances.
Localization - Archive of obsolete content
s", where "xx-yy" is the name of the locale in question contain one entry for each string you want to localize, consisting of an identifier for the string and its translation in that locale, in the format identifier=translation need to use utf-8 without bom encoding lines starting with "#" (after optional whitespace) are comments suppose your add-on contains a single localizable string, repre
sented in english as "hello!", and you want to supply us english and french french localizations.
Cookies - Archive of obsolete content
reading existing cookies cookies for a given host, repre
sented as nsicookie2 objects, can be enumerated as such: let enum = services.cookies.getcookiesfromhost("example.com"); while (enum.hasmoreelements()) { var cookie = enum.getnext().queryinterface(ci.nsicookie2); dump(cookie.host + ";" + cookie.name + "=" + cookie.value + "\n"); } all cookies, regardless of host, can be enumerated using services.cookies.enumerator rather than getcookiesfromhost().
Downloading Files - Archive of obsolete content
downloading files to download a file, create an instance of nsiwebbrowserpersist and call its nsiwebbrowserpersist.saveuri() method, passing it a url to download and an nsifile instance repre
senting the local file name/path.
HTML to DOM - Archive of obsolete content
for that matter, we're going to load our html document first: var request = xmlhttprequest(); request.open("get", "http://example.org/file.html", false); request.send(null); our next step is to create the document object that will repre
sent the dom into which we'll insert our newly-retrieved html: var doc = document.implementation.createhtmldocument("example"); doc.documentelement.innerhtml = request.responsetext; after this any manipulation that we might want to do will be something as simple as the following: doc.body.textcontent = "this is inside the body!"; using a hidden iframe element to parse html to a window's dom s...
xml:base support in old browsers - Archive of obsolete content
// var ns = 'http://www.w3.org/xml/1998/namespace'; var att, protocolpos; var xmlbase = ''; var abs = false; // avoid loop if node is not pre
sent if (!thisitem || !thisitem.nodename) { return xmlbase; } // check pre
sent element and higher up for xml:base // now check for the next matching local name up in the hierarchy (until the document root) while (thisitem.nodename !== '#document' && thisitem.nodename !== '#document-fragment') { att = thisitem.getattribute('xml:base'); // xml: namespaces must use 'xml' prefix if (att) { ...
Common Pitfalls - Archive of obsolete content
in all other cases, one should call checkloaduriwithprincipal and pass the principal that the uri originates from as the first argument and an nsiuri object repre
senting the uri as the second argument.
Hiding browser chrome - Archive of obsolete content
there are times in which an extension may find it useful to hide browser chrome (that is, toolbars, the location bar, and so forth), in order to reduce clutter when pre
senting a particular user interface.
XUL School Tutorial - Archive of obsolete content
introduction introduction getting started with firefox extensions the es
sentials of an extension setting up a development environment javascript object management basic functionality adding menus and submenus adding toolbars and toolbar buttons adding events and commands adding windows and dialogs adding sidebars user notifications and alerts intermediate functionality intercepting page loads connecting to remote content handling preferences local storage advanced topics th...
Setting up an extension development environment - Archive of obsolete content
for example, rather than having content myextension jar:chrome/myextension.jar!/content/ use content myextension chrome/content/ preventing the first launch extension selector requires gecko 8.0(firefox 8.0 / thunderbird 8.0 / seamonkey 2.5) starting in firefox 8, on the first launch of a new version of firefox, it pre
sents user interface letting users select which third party add-ons to keep.
Tabbed browser - Archive of obsolete content
the attributes to which changes result in this event being
sent are: label crop busy image selected function exampletabattrmodified(event) { var tab = event.target; // now you can check what's changed on the tab } // during initialization var container = gbrowser.tabcontainer; container.addeventlistener("tabattrmodified", exampletabattrmodified, false); // when no longer needed container.removeeventlistener("tabattrmodified", exampletabattrmodi...
Case Sensitivity in class and id Names - Archive of obsolete content
recommendation because of the flaws which are pre
sent in some existing implementations and the restrictions defined in html 4.01, it is doubly important to ensure that your class and id names are of a consistent case throughout a document, and that you do not attempt to define names which are case-insensitive matches.
Table Layout Strategy - Archive of obsolete content
percent width of cell or col from percent colspan #define min_pro 8 // desired width due to proportional <col>s or cols attribute #define final 9 // width after the table has been balanced, considering all of the others the priority of allocations for columns is as follows: max(min_con, min_adj) max (pct, pct_adj) fix fix_adj max(des_con, des_adj), but use min_pro if pre
sent for a fixed width table, the column may get more space if the sum of the col allocations is insufficient column width info columns get their width information from style info <col width="200px"> and from the cells that belong into this column.
Tamarin Acceptance Test Template - Archive of obsolete content
addtestcase is a function that is defined * in shell.as and takes three arguments: * - a string repre
sentation of what is being tested * - the expected result * - the actual result * * for example, a test might look like this: * * var helloworld = "hello world"; * * addtestcase( * "var helloworld = 'hello world'", // description of the test * "hello world", // expected result * helloworld ); // actual result * */ // add your tests here var he...
DOM Interfaces - Archive of obsolete content
return value nodelist - the return value of getanonymousnodes is a nodelist that repre
sents the children of an element after insertion points from its own binding have been applied.
Install script template - Archive of obsolete content
if(errblock2 == success) { // now take care of writing plids to the win32 registry err = writeplidsolution(); if(err!=success) { logcomment("could not write win32 keys as specified: " + err); } else { logcomment("plid entries are pre
sent in the win32 registry"); } } reseterror(); err = performinstall(); if (err == success) refreshplugins(true); // call refreshplugins(true) if you'd like the web page which invoked the plugin to // reload.
dirCreate - Archive of obsolete content
method of file object syntax int dircreate( filespecobject dirtocreate ); parameters the dircreate method has the following parameters: dirtocreate a filespecobject repre
senting the pathname of the directory to create.
dirRemove - Archive of obsolete content
method of file object syntax int dirremove( filespecobject dirtoremove [, boolean recursive] ); parameters the dirremove method has the following parameters: dirtoremove a filespecobject repre
senting the directory to be removed.
dirRename - Archive of obsolete content
method of file object syntax int dirrename( filespecobject directory, string newname ); parameters the dirrename method has the following parameters: directory a filespecobject repre
senting the directory to be renamed.
execute - Archive of obsolete content
method of file object syntax int execute ( filespecobject executablefile, [string aparameters] ); parameters the execute method has the following parameters: executablefile a filespecobject repre
senting the local file already on disk to be executed.
exists - Archive of obsolete content
method of file object syntax boolean exists( filespecobject target ) parameters the exists method has the following parameters: target a filespecobject repre
senting the file or directory being tested for existence.
isDirectory - Archive of obsolete content
method of file object syntax boolean isdirectory ( filespecobject nativefolderpath ); parameters the isdirectory method has the following parameters: nativefolderpath a filespecobject repre
senting the queried directory.
remove - Archive of obsolete content
method of file object syntax int remove( filespecobject file ) parameters the remove method has the following parameters: file a filespecobject repre
senting the file to be removed.
rename - Archive of obsolete content
method of file object syntax int rename( filespecobject file, string newname ) parameters the rename method has the following parameters: file a filespecobject repre
senting the file to be renamed.
windowsGetShortName - Archive of obsolete content
method of file object syntax string windowsgetshortname( object localdirspec ) parameters the windowsregisterserver method has the following parameter: localdirspec a filespecobject repre
senting a directory obtained by getcomponentfolder or getfolder.
windowsRegisterServer - Archive of obsolete content
method of file object syntax int windowsregisterserver( object localdirspec ) parameters the windowsregisterserver method has the following parameters: localdirspec a filespecobject repre
senting a directory obtained by getcomponentfolder or getfolder.
Properties - Archive of obsolete content
buildid of netscape 6 is repre
sented by a time stamp of teh format:yyyymmddhh: 2001031808 means in the year 2001, in the month of march, on the 18th day of the month, at 8:00am.
confirm - Archive of obsolete content
acheckstate an object with a boolean value property repre
senting the state of the checkbox: when the dialog box is shown, its checkbox will be checked when this object's value is true.
Table Reflow Internals - Archive of obsolete content
nstableouter frame ↙ ↘ nstable frame nstablecaption frame ↙ ↘ ↓ nstablecol groupframe nstablerow groupframe nsblockframe ↓ ↓ nstablecol frame nstablerow frame ↓ nstablecell frame ↓ nsblock frame table reflow outer table reflows table and caption (if pre
sent) table reflows row groups in multiple passes pass 1 - unconstrained width, height and requests max elem width.
UUID - Archive of obsolete content
uuid: universal unique identifier a uuid can be obtained by visiting http://www.famkruithof.net/uuid/uuidgen or by typing "firebot: uuid?" on irc.mozilla.org in a channel where nickname "firebot" is pre
sent.
Theme changes in Firefox 3 - Archive of obsolete content
the rule that's needed to show and hide the go button and other location bar icons is: #urlbar[pageproxystate="invalid"] > #urlbar-icons > :not(#go-button) , #urlbar[pageproxystate="valid"] > #urlbar-icons > #go-button { visibility: collapse; } images to add add the following images: chrome://global/skin/icons/information-16.png used when pre
senting information notices.
Scratchpad - Archive of obsolete content
but even with possible limitations pre
sent, the html code can be either manually entered or copied from the source and pasted into the "about:blank" page (a new empty tab) with the use page inspector's edit as html context menu command.
Using IO Timeout And Interrupt On NT - Archive of obsolete content
due to a limitation of the pre
sent implementation of nspr io on nt, programs must follow the following guideline: if a thread calls an nspr io function on a file descriptor and the io function fails with <tt>pr_io_timeout_error</tt> or <tt>pr_pending_interrupt_error</tt>, the file descriptor must be closed before the thread exits.
Using SSH to connect to CVS - Archive of obsolete content
ms-dos command prompt cygwin for /f "tokens=1,2,3* delims=; " %%a in ('ssh-agent -c') do if "%%a"=="setenv" set %%b=%%c set home=/cygdrive/c/path/to/your/cygwin/home/directory ssh-add ~/.ssh/id_dsa start /b /wait cmd.exe ssh-agent -k exit es
sentially both sets of commands do the same thing.
Browser Feature Detection - Archive of obsolete content
true document.createtextnode() true true true document.createcomment() true true true document.createcdatasection() true false true document.createprocessinginstruction() true false true document.createattribute() true true true document.createentityreference()obsolete since gecko 7 (method pre
sent but only returns null: bug 9850) false false document.getelementsbytagname() true true true dom core level 2 support for properties/methods in document name firefox 1.5 ie 6 & 7 opera 8.54 - 9.01 document.doctype true true true document.implementation true true true document.documentelement true ...
-ms-ime-align - Archive of obsolete content
in the case of -ms-ime-align: after, an ime might adjust the candidate window and keyboard input behavior to provide a better user experience, such as using a horizontal candidate list and allowing some keys to be
sent to the app for suggestion list navigation.
:-moz-full-screen-ancestor - Archive of obsolete content
the :-moz-full-screen-ancestor css pseudo-class is a mozilla extension that repre
sents all ancestors of the full-screen element, except containing frames in parent documents, which are the full-screen element in their own documents.
::-ms-check - Archive of obsolete content
the ::-ms-check css pseudo-element is a microsoft extension that repre
sents checkboxes and radio button groups created by <input type="checkbox"> and <input type="radio">.
E4X - Archive of obsolete content
workaround: var response = xmlhttprequest.responsetext; // bug 270553 response = response.replace(/^<\?xml\s+version\s*=\s*(["'])[^\1]+\1[^?]*\?>/, ""); // bug 336551 var e4x = new xml(response); resources e4x tutorial processing xml with e4x on mdc e4x for templating see the list of e4x-related pages on mdc ecma-357 standard brendan's pre
sentation e4x at faqts.com e4x quick reference at rephrase.net ...
Media - MDN Web Docs Glossary: Definitions of Web-related terms
media (audio-visual pre
sentation) the term media (more accurately, multimedia) refers to audio, video, or combined audio-visual material such as music, recorded speech, movies, tv shows, or any other form of content that is pre
sented over a period of time.
Prefetch - MDN Web Docs Glossary: Definitions of Web-related terms
the prefetch hints are
sent in http headers: link: ; rel=dns-prefetch, ; as=script; rel=preload, ; rel=prerender, ; as=style; rel=preload prefetch attribute value browsers will prefetch content when the prefetch <link> tag directs it to, giving the developer control over what resources should be prefetched.
MDN Web Docs Glossary: Definitions of Web-related terms
viewport lazy load lgpl ligature local scope local variable locale localization long task loop lossless compression lossy compression ltr (left to right) m main axis main thread markup mathml media media (audio-visual pre
sentation) media (css) metadata method microsoft edge microsoft internet explorer middleware mime mime type minification mitm mixin mobile first modem modern web apps modularity mozilla firefox mutable mvc n namespace...
Advanced styling effects - Learn web development
here we'll pre
sent the same two <div>s, but each one is now sat on top of a simple <div> with a purple background, to show how the elements will blend together: <article> no mix blend mode <div> </div> <div> </div> </article> <article> multiply mix <div class="multiply-mix"> </div> <div> </div> </article> here's the css we'll style this with: article { width: 280px; height: 180px; ma...
Cascade and inheritance - Learn web development
es
sentially a value in points is awarded to different types of selectors, and adding these up gives you the weight of that particular selector, which can then be assessed against other potential matches.
Combinators - Learn web development
descendant combinator the descendant combinator — typically repre
sented by a single space ( ) character — combines two selectors such that elements matched by the second selector are selected if they have an ancestor (parent, parent's parent, parent's parent's parent, etc) element matching the first selector.
Floats - Learn web development
this is es
sentially the same as if you had added an html element such as a <div> below the items and set it to clear: both.
Example 5 - Learn web development
change states html content <form class="no-widget"> <select name="myfruit"> <option>cherry</option> <option>lemon</option> <option>banana</option> <option>strawberry</option> <option>apple</option> </select> <div class="select" role="listbox"> <span class="value">cherry</span> <ul class="optlist hidden" role="pre
sentation"> <li class="option" role="option" aria-selected="true">cherry</li> <li class="option" role="option">lemon</li> <li class="option" role="option">banana</li> <li class="option" role="option">strawberry</li> <li class="option" role="option">apple</li> </ul> </div> </form> css content .widget select, .no-widget .select { position : absolute; left : ...
Test your skills: Form validation - Learn web development
remove the length validation from the phone number field if it is pre
sent, and set it so that it accepts 10 digits — either 10 digits in a row, or a pattern of three digits, three digits, then four digits, separated by either spaces, dashes, or dots.
Example - Learn web development
*/ vertical-align: top; /* to give enough room to type some text */ height: 5em; /* to allow users to resize any textarea vertically it works only on chrome, firefox and safari */ resize: vertical; } .button { /* to position the buttons to the same position of the text fields */ padding-left: 90px; /* same size as the label elements */ } button { /* this extra magin repre
sent the same space as the space between the labels and their text fields */ margin-left: .5em; } result ...
Define terms with HTML - Learn web development
if you want a more formal relationship, or your definition consists of only one
sentence rather than the whole paragraph, you can use the aria-describedby attribute to associate a term more formally with its definition: <p> <span id="ff"> <dfn aria-describedby="ff">firefox</dfn> is the web browser created by the mozilla foundation.
Creating hyperlinks - Learn web development
if a title's information is truly important to the usability of page, then you should pre
sent it in a manner that will be accessible to all users, for example by putting it in the regular text.
What’s in the head? Metadata in HTML - Learn web development
the <h1> element appears on the page when loaded in the browser — generally this should be used once per page, to mark up the title of your page content (the story title, or news headline, or whatever is appropriate to your usage.) the <title> element is metadata that repre
sents the title of the overall html document (not the document's content.) active learning: inspecting a simple example to start off this active learning, we'd like you to go to our github repo and download a copy of our title-example.html page.
Mozilla splash page - Learn web development
project brief in this assessment we are pre
senting you with a mostly-finished mozilla splash page, which aims to say something nice and interesting about what mozilla stands for, and provide some links to further resources.
HTML table basics - Learn web development
tables are very commonly used in human society, and have been for a long time, as evidenced by this us census document from 1800: it is therefore no wonder that the creators of html provided a means by which to structure and pre
sent tabular data on the web.
Functions — reusable blocks of code - Learn web development
previous overview: building blocks next another es
sential concept in coding is functions, which allow you to store a piece of code that does a single task inside a defined block, and then call that code whenever you need it using a single short command — rather than having to type out the same code multiple times.
Image gallery - Learn web development
you need to: put the section of code below the "looping through images" comment inside a loop that loops through all 5 images — you just need to loop through five numbers, one repre
senting each image.
Multiprocess on Windows
interceptors are, es
sentially, wrapper objects which implement the same interfaces as the object that they are wrapping.
Index
675 creating an appealing add-on listing add-ons, beginner, guide, webextension, publishing there are two es
sential steps to getting people to use your add-on: they need to discover your add-on and open the listing page, then the listing page needs to encourage them to click the add to firefox button.
Lightweight themes
keep in mind that a reviewer may reject your theme if your description is not an accurate repre
sentation of your theme.
Adding a new CSS property
this line describes the conceptual repre
sentation (but not syntax) of the computed value of the property.
Adding phishing protection data providers
phishing protection technology lets firefox help protect users by comparing the urls the user visits to a list of known scam sites, and pre
senting a warning to the user when they visit a site on the list.
Application cache implementation overview
it synchronously returns an nsiapplicationcache object repre
senting the most recent cache version from the most recent cache group containing the entry under the url or a matching namespace.
Testopia
all params should now be
sent in a hash (struct, dict, hashmap or whatever your language of choice calls key, value pairs).
Continuous Integration
each taskcluster job is repre
sented by a colored label; green means a job has succeeded, while other colors repre
sent different kinds of problems.
Debugging OpenGL
this flushes out each call, es
sentially turning opengl into a synchronous api.
Makefile - variables
no_ variable description no_profile_guided_optimize inhibit pgo builds no_dist_install note: values will be appended to the export variable when pre
sent.
Old Thunderbird build
you should copy the header files to a windows sdk include directory so that the build process will find the files, for example to c:\program files (x86)\windows kits\8.1\include\shared and/or c:\program files (x86)\windows kits\10\include\10.0.nnnnn.0\shared respectively, where nnnnn is the highest number pre
sent on the system.
Simple Sunbird build
you can give it a try, but its likely that the build system will pre
sent you an error.
Simple Thunderbird build
you should copy 17 of the 18 header files to a windows sdk include directory so that the build process will find the files, that is c:\program files (x86)\windows kits\10\include\10.0.nnnnn.0\shared, where nnnnn is the highest number pre
sent on the system.
Windows SDK versions
(this was certainly the case for 64 bit windows 7 on a late 2008 macbook pro.) warning: due to a bug in windows 7 sdk, if you get "sdksetup encountered an error: expecting path %systemroot% to repre
sent a valid system volume" error you may require to set environmental variable %windir% to something like "c:\windows" instead of "%systemroot%".
The Firefox codebase: CSS Guidelines
theme css the following directories also contain css: browser/base/content/ toolkit/content/ these directories contain content css, that applies on all platforms, which is styling deemed to be es
sential for the browser to behave correctly.
Eclipse CDT
if you already carried out the instructions in that section, then double check that your changes to eclipse's memory limits actually took effect and are pre
sent in eclipse/help > about eclipse > installation details > configuration.
Eclipse CDT Manual Setup
before you proceed any further, check that your changes to eclipse's memory limits have taken effect and are pre
sent in eclipse/help > about eclipse > installation details > configuration.
Reviewer Checklist
the first line should be a short description (since only the first line is shown in the log), and additional description, if needed, should be pre
sent, properly wrapped, in later lines.
mach
you es
sentially have a bunch of python functions saying "i provide command x" and mach hooks up command line argument parsing, terminal interaction, and dispatching.
Limitations of chrome scripts
observers for these topics get content objects as the asubject argument to observe(), so notifications are not
sent to the chrome process.
Limitations of frame scripts
examples of apis add-on authors should avoid in frame scripts: nsifileinputstream nsifileoutputstream constructing a file from a string or nsifile (but file objects can be
sent via message manager) htmlinputelement.mozsetfilenamearray (alternative: mozsetfilearray) xul and browser ui anything that tries to touch the browser ui or anything to do with xul is likely to not work in the content process.
Limitations of frame scripts
for example: nsifileinputstream nsifileoutputstream constructing a file from a string or nsifile (but file objects can be
sent via message manager) htmlinputelement.mozsetfilenamearray (alternative: mozsetfilearray) file: uris, see bug 1187099 <...> xul and browser ui anything that tries to touch the browser ui or anything to do with xul is likely not to work in the content process.
Performance
not handling those properly can lead to duplicate or conflicting code execution, especially when messages are
sent.
Process scripts
is a child process message manager, which enables the process script to receive messages from the chrome side, and to send messages to the chrome side: // process-script.js if (services.appinfo.processtype == services.appinfo.process_type_content) { dump("welcome to the process script in a content process"); } else { dump("welcome to the process script in the main process"); } // message is
sent using contentprocessmessagemanager sendasyncmessage("hello"); in this example, the dump() statement will run once in each content process as well as in the main process.
Tracking Protection
if tracking cookies were pre
sent, you would be able to view the list by clicking on "blocking tracking cookies" in the above image to view the following popup: you can click "manage content blocking" to change the blocking settings: how does firefox choose what to block?
mozbrowsererror
detail the detail property returns an anonymous javascript object with the following properties: type a domstring repre
senting the type of error that occurred.
mozbrowserfindchange
details the details property returns an anonymous javascript object with the following properties: active a boolean indicating whether a search is currently active (true), or not (false.) searchstring a domstring repre
senting the string that is currently being searched for.
mozbrowserloadend
detail the detail property returns an anonymous javascript object with the following properties: backgroundcolor a domstring repre
senting the main background color of the browser <iframe> content, expressed as an rgb value.
mozbrowserlocationchange
detail the detail property returns an anonymous javascript object with the following properties: url a domstring repre
senting the url of the new location.
mozbrowseropentab
details the details property returns an anonymous javascript object with the following properties: url a domstring repre
senting the url of the new document loaded.
mozbrowserscrollviewchange
details the details property returns an anonymous javascript object with the following properties: state a domstring repre
senting the current state of scrolling in the viewport — available values are started and stopped.
HTMLIFrameElement.setVolume()
parameters number a floating point number repre
senting the volume you want to set — this can have a value between 0 and 1.
::-moz-tree-cell-text(hover)
the :-moz-tree-cell-text(hover) css pseudo-class will match an element if the mouse cursor is pre
sently hovering over text in a tree cell.
::-moz-tree-row(hover)
the ::-moz-tree-row(hover) css pseudo-class will match an element if the mouse cursor is pre
sently hovering over a tree row.
IPDL Best Practices
consider the following protocol: async protocol pasyncquerier { child: pasyncquery(); } async protocol pasyncquery { child: kickoffquery(nsstring query); parent: returnresult(nsstring result); __delete__(); } in this situation, there is a guaranteed sequence of messages that will be
sent.
PBackground
ipdl recap ipdl is a language used to define "protocols" — es
sentially formalized versions of how two things can communicate.
Implementing QueryInterface
thanks special thanks to heikki toivonen, chris waterson, and john bandhauer for valuable feedback that significantly improved the implementations pre
sented here.
JavaScript Tips
the properties are: align allowevents contextmenu datasources dir flex height id left maxheight maxwidth minheight minwidth observes orient pack persist ref statustext top tooltip tooltiptext width xul also maps the ordinal attribute but this defaults to "1" if it is not pre
sent.
AddonAuthor
repre
sents a creator, developer, contributor or translator of an add-on attributes attribute type description name string the name of the person.
AddonManager
startup change types these constants repre
sent the lists of types of changes that can occur to add-ons during startup; they're used with the getstartupchanges(), addstartupchange(), and removestartupchange() methods.
Download
a download object repre
sents a single download, with associated state and actions.
DownloadSummary
promise resolves to undefined when the view has been registered and the onsummarychanged notification has been
sent.
DownloadTarget
a downloadtarget object repre
sents the target of a download, for example a file in the global downloads directory, or a file in the system temporary directory.
Geometry.jsm
note: although this module is usable from mobile, and is pre
sent in firefox 4, it's currently not used in firefox 4 and attempting to use it may produce unreliable results there.
Following the Android Toasts Tutorial from a JNI Perspective
the sig's will be repre
sented as javascript strings in jni.jsm, and the sig's of the types are as follows: java type signature boolean z byte b char c class/object lclass name in slash notation here; double d float f int i long j short s void v array of type [sig here ...
NetUtil.jsm
return value returns the nsiuri object repre
senting the specified target.
OSFile.jsm
shared components os.path and os.constants.path manipulation of paths os.file.error repre
sentation of file-related errors os.file.info repre
sentation of file information (size, creation date, etc.) os.file.directoryiterator.entry file information obtained while visiting a directory ...
PerfMeasurement.jsm
note: at pre
sent, perfmeasurement.jsm is only functional on linux, but it is planned to add support for windows (bug 583322) and osx (bug 583323) as well, and we welcome patches for other operating systems.
Promise.jsm
a promise is an object repre
senting a value that may not be available yet.
Using JavaScript code modules
e modules/directory is a sibling to chrome.manifest and install.rdf), you could create an alias to that directory via the instruction: resource foo modules/ (don't forget the trailing slash!) you could then import the module into your javascript code via the statement: components.utils.import("resource://foo/bar.js"); programmatically adding aliases custom aliases to paths that can be repre
sented as an nsilocalfile can be programmatically added as well.
WebChannel.jsm
parameters message the message object that will be
sent sendercontext the sendercontext parameter passed to the .listen method.
Application Translation with Mercurial
gray parts indicate blocks of texts which can't be found in that file, dark yellow repre
sents changed lines and light yellow the parts of text in it which is different.
L10n Checks
json output in all modes you can tell l10n checks to pre
sent the output as json by setting the -j parameter to full_json, e.g.: check-l10n-completeness -j full_json suite/locales/l10n.ini ../l10n/ de json output requires simplejson to be pre
sent on the system if using python 2.5.
QA phase
: tip user: your name <email@example.com> date: mon nov 23 18:08:25 2009 +0100 summary: added search bar strings now compare the local repository on your machine with the remote hg repository by entering this command: $ hg outgoing http://hg.mozilla.org/l10n-central/x-testing the hg outgoing command compares the two repositories and lists all changesets that are pre
sent locally, but not in the remote repository.
Localization technical reviews
your review request symbolically repre
sents that you have worked on your localization, tested it successfully, and found it to repre
sent the best of your work.
Writing localizable code
try not to assume grammar in composite strings splitting
sentences into several keys often inadvertently presumes a grammar, a
sentence structure, and such composite strings are often very difficult to translate.
Basics
1',-1);" title="decrease input">-</a> right size: <a class="control" href="javascript:incrementinput('input12', 1);" title="increase input">+</a> <a class="control" href="javascript:incrementinput('input12',-1);" title="decrease input">-</a> <br/> (click these control buttons to see their effects.) </div> <p> each entry of the following matrix repre
sents <math> <msup><mrow><mo>(</mo><mi>x</mi><mo>+</mo><mi>y</mi><mo>)</mo></mrow><mi>n</mi></msup> </math> for some <i>n</i>.
MathML Torture Test
addeventlistener("change", updatemathfont, false) } window.addeventlistener("load", load, false); the following test contains sample tex formulas from knuth's tex book and equivalent mathml repre
sentations.
Various MathML Tests
overview of pre
sentation mathml elements testing tensor indices <mmultiscripts>: r i1 j2 k3 ; this with <none/>, a qp i a bit of calculus: ∫ a b f ( x ) dx ∂ ∂ x f ( x , y ) + ∂ ∂ y f ( x , y ) here is the alphabet with invisible portions wrapped by <mphantom> in between: a b c d e f g h i j k l m n o p q r s t u v w x y z .
MathML Accessibility in Mozilla
mozilla and nvda developers es
sentially do not have control on how mathematical formulas are read, please contact design science for any inquiries.
Mozilla Web Services Security Model
the allow element if no delegate elements are pre
sent or if the web service is in the same directory as the web-script-access.xml file, then the allow elements will be processed.
Measuring performance using the PerfMeasurement.jsm code module
you give the constructor a bit-mask of events you're interested in; see note: at pre
sent, perfmeasurement.jsm is only functional on linux, but it is planned to add support for windows (bug 583322) and osx (bug 583323) as well, and we welcome patches for other operating systems.
Profiling with Xperf
i'm not going to repeat it here, because i'd be using es
sentially the same screenshots, so go look there.
PRTimeParamFn
syntax #include <prtime.h> typedef prtimeparameters (pr_callback_decl *prtimeparamfn) (const prexplodedtime *gmt); description the type prtimeparamfn repre
sents a callback function that, when given a time instant in gmt, returns the time zone information (offset from gmt and dst offset) at that time instant.
PR_Available
syntax #include <prio.h> print32 pr_available(prfiledesc *fd); parameter the function has the following parameter: fd pointer to a prfiledesc object repre
senting a file or socket.
PR_Available64
syntax #include <prio.h> print64 pr_available64(prfiledesc *fd); parameter the function has the following parameter: fd pointer to a prfiledesc object repre
senting a file or socket.
PR_CancelJob
syntax #include <prtpool.h> nspr_api(prstatus) pr_canceljob(prjob *job); parameter the function has the following parameter: job a pointer to a prjob structure returned by a pr_queuejob function repre
senting the job to be cancelled.
PR_Close
description the file descriptor may repre
sent a normal file, a socket, or an end point of a pipe.
PR_CloseDir
syntax #include <prio.h> prstatus pr_closedir(prdir *dir); parameter the function has the following parameter: dir a pointer to a prdir structure repre
senting the directory to be closed.
PR_Connect
syntax #include <prio.h> prstatus pr_connect( prfiledesc *fd, const prnetaddr *addr, printervaltime timeout); parameters the function has the following parameters: fd a pointer to a prfiledesc object repre
senting a socket.
PR_ConnectContinue
syntax #include <prio.h> prstatus pr_connectcontinue( prfiledesc *fd, print16 out_flags); parameters the function has the following parameters: fd a pointer to a prfiledesc object repre
senting a socket.
PR_CreateFileMap
syntax #include <prio.h> prfilemap* pr_createfilemap( prfiledesc *fd, print64 size, prfilemapprotect prot); parameters the function has the following parameters: fd a pointer to a prfiledesc object repre
senting the file that is to be mapped to memory.
PR_ExportFileMapAsString
syntax #include <prshma.h> nspr_api( prstatus ) pr_exportfilemapasstring( prfilemap *fm, prsize bufsize, char *buf ); define pr_filemap_string_bufsize 128 parameters the function has the following parameters: fm a pointer to the prfilemap to be repre
sented as a string.
PR_FindSymbolAndLibrary
syntax #include <prlink.h> void* pr_findsymbolandlibrary ( const char *name, prlibrary **lib); parameters the function has these parameters: name the textual repre
sentation of the symbol to locate.
PR_GetLibraryName
syntax #include <prlink.h> char* pr_getlibraryname ( const char *dir, const char *lib); parameters the function has these parameters: dir a null-terminated string repre
senting the path name of the library, as returned by pr_getlibrarypath.
PR_GetOpenFileInfo
description pr_getopenfileinfo obtains the file type (normal file, directory, or other), file size (as a 32-bit integer), and the file creation and modification times of the open file repre
sented by the file descriptor.
PR_GetOpenFileInfo64
it obtains the file type (normal file, directory, or other), file size (as a 64-bit integer), and the creation and modification times of the open file repre
sented by the file descriptor.
PR_GetPeerName
syntax #include <prio.h> prstatus pr_getpeername( prfiledesc *fd, prnetaddr *addr); parameters the function has the following parameters: fd a pointer to a prfiledesc object repre
senting a socket.
PR_GetSockName
syntax #include <prio.h> prstatus pr_getsockname( prfiledesc *fd, prnetaddr *addr); parameters the function has the following parameters: fd a pointer to a prfiledesc object repre
senting the socket.
PR_JoinJob
syntax #include <prtpool.h> nspr_api(prstatus) pr_joinjob(prjob *job); parameter the function has the following parameter: job a pointer to a prjob structure returned by a pr_queuejob function repre
senting the job to be cancelled.
PR_Listen
syntax #include <prio.h> prstatus pr_listen( prfiledesc *fd, printn backlog); parameters the function has the following parameters: fd a pointer to a prfiledesc object repre
senting a socket that will be used to listen for new connections.
PR_MSEC_PER_SEC
a convenience macro to improve code readability as well as to avoid mistakes in counting the number of zeros; repre
sents the number of milliseconds in a second.
PR_NSEC_PER_MSEC
a convenience macro to improve code readability as well as to avoid mistakes in counting the number of zeros; repre
sents the number of nanoseconds in a millisecond.
PR_NSEC_PER_SEC
a convenience macro to improve code readability as well as to avoid mistakes in counting the number of zeros; repre
sents the number of nanoseconds in a second.
PR_NewUDPSocket
datagrams can be
sent with pr_sendto and received with pr_recvfrom.
PR OpenUDPSocket
datagrams can be
sent with pr_sendto and received with pr_recvfrom.
PR_PopIOLayer
syntax #include <prio.h> prfiledesc *pr_popiolayer( prfiledesc *stack, prdescidentity id); parameters the function has the following parameters: stack a pointer to a prfiledesc object repre
senting the stack from which the specified layer is to be removed.
PR_Recv
syntax #include <prio.h> print32 pr_recv( prfiledesc *fd, void *buf, print32 amount, printn flags, printervaltime timeout); parameters the function has the following parameters: fd a pointer to a prfiledesc object repre
senting a socket.
PR_RecvFrom
syntax #include <prio.h> print32 pr_recvfrom( prfiledesc *fd, void *buf, print32 amount, printn flags, prnetaddr *addr, printervaltime timeout); parameters the function has the following parameters: fd a pointer to a prfiledesc object repre
senting a socket.
PR_SetErrorText
if there is error text already pre
sent in the thread, the previous value is first deleted.
PR_SetSocketOption
syntax #include <prio.h> prstatus pr_setsocketoption( prfiledesc *fd, prsocketoptiondata *data); parameters the function has the following parameters: fd a pointer to a prfiledesc object repre
senting the socket whose options are to be set.
PR_Shutdown
syntax #include <prio.h> prstatus pr_shutdown( prfiledesc *fd, prshutdownhow how); parameters the function has the following parameters: fd a pointer to a prfiledesc object repre
senting a connected socket.
PR_StringToNetAddr
description for ipv4 addresses, the input string repre
sents numbers in the internet standard "." notation.
NSS 3.23 release notes
notable changes in nss 3.23 the copy of sqlite shipped with nss has been updated to version 3.10.2 (bug 1234698) the list of tls extensions
sent in the tls handshake has been reordered to increase compatibility of the extended master secret with servers (bug 1243641) the build time environment variable nss_enable_zlib has been renamed to nss_ssl_enable_zlib (bug 1243872).
NSS 3.25.1 release notes
notable changes in nss 3.25.1 md5 signature algorithms
sent by the server in certificaterequest messages are now properly ignored.
NSS 3.26.2 release notes
notable changes in nss 3.26.2 md5 signature algorithms
sent by the server in certificaterequest messages are now properly ignored.
NSS 3.43 release notes
note that while the mechanism is pre
sent, post-handshake authentication is currently not tls 1.3 compliant due to bug 1532312 notable changes in nss 3.43 the following ca certificates were added: cn = emsign root ca - g1 sha-256 fingerprint: 40f6af0346a99aa1cd1d555a4e9cce62c7f9634603ee406615833dc8c8d00367 cn = emsign ecc root ca - g3 sha-256 fingerprint: 86a1ecba089c4a8d3bbe2734c612ba341d813e0...
NSS 3.47 release notes
notable changes in nss 3.47 bug 1152625 - support aes hw acceleration on armv8 bug 1267894 - allow per-socket run-time ordering of the cipher suites pre
sented in clienthello bug 1570501 - add cmac to freebl and pkcs #11 libraries bugs fixed in nss 3.47 bug 1459141 - make softoken cbc padding removal constant time bug 1589120 - more cbc padding tests bug 1465613 - add ability to distrust certificates issued after a certain date for a specified root cert bug 1588557 - bad debug statement in tls13con.c bug 1579060 - mozilla::pkix tag definitio...
NSS 3.49 release notes
bugs fixed in nss 3.49 bug 1513586 - set downgrade
sentinel for client tls versions lower than 1.2.
NSS Developer Tutorial
a data buffer is usually repre
sented as: unsigned char *data; unsigned int len; the buffer pointer is unsigned char *, as opposed to void *, so we can perform pointer arithmetic without casting.
nss tech note1
it can only decode der .† it does not handle streaming input, and requires that all input be pre
sent before beginning to decode.
nss tech note2
osthreadid[nsprthreadid]: argn = 0xaaaaaaaa osthreadid[nsprthreadid]: rv = 0xyyyyyyyy for example, 1024[805ef10]: c_initialize 1024[805ef10]: pinitargs = 0x4010c938 1024[805ef10]: rv = 0x0 1024[805ef10]: c_getinfo 1024[805ef10]: pinfo = 0xbffff340 1024[805ef10]: rv = 0x0 1024[805ef10]: c_getslotlist 1024[805ef10]: tokenpre
sent = 0x0 1024[805ef10]: pslotlist = 0x0 1024[805ef10]: pulcount = 0xbffff33c 1024[805ef10]: *pulcount = 0x2 1024[805ef10]: rv = 0x0 note that when a pkcs #11 function takes a pointer argument for which it will set a value (c_getslotlist above), this mode will display the value upon return.
FC_GetSlotList
syntax ck_rv fc_getslotlist( ck_bbool tokenpre
sent, ck_slot_id_ptr pslotlist, ck_ulong_ptr pulcount ); parameters tokenpre
sent [in] if true only slots with a token pre
sent are included in the list, otherwise all slots are included.
NSPR functions
the ssl library in nss implements the ssl protocol as an nspr i/o layer, which sits on top of another nspr i/o layer that repre
sents tcp.
NSS reference
secmod_loadusermodule secmod_unloadusermodule secmod_closeuserdb secmod_openuserdb pk11_findcertfromnickname pk11_findkeybyanycert pk11_getslotname pk11_gettokenname pk11_ishw pk11_ispre
sent pk11_isreadonly pk11_setpasswordfunc ssl functions based on "ssl functions" in the ssl reference and "ssl functions" and "deprecated ssl functions" in nss public functions.
OLD SSL Reference
pk11_findcertfromnickname pk11_findkeybyanycert pk11_getslotname pk11_gettokenname pk11_ishw pk11_ispre
sent pk11_isreadonly pk11_setpasswordfunc chapter 8 nss and ssl error codes nss error codes are retrieved using the nspr function pr_geterror.
gtstd.html
the u flag indicates that the private key for the ca certificate is pre
sent in this set of databases, so the ca can issue ssl client and server certificates with these databases.
sslintro.html
at the http protocol level, nothing more is being said (that is, no http request or response is being
sent), so the server first uses ssl_rehandshake to begin a new handshake and then call ssl_forcehandshake to drive the handshake to completion.
Utility functions
and later secmod_freemodulespeclist mxr 3.4 and later secmod_getdbmodulelist mxr 3.9 and later secmod_getdeadmodulelist mxr 3.9 and later secmod_getmodulespeclist mxr 3.4 and later secmod_hasremovableslots mxr 3.9.3 and later secmod_ismodulepre
sent mxr 3.2 and later secmod_loadmodule mxr 3.4 and later secmod_loadusermodule mxr 3.4 and later secmod_lookupslot mxr 3.2 and later secmod_pubcipherflagstointernal mxr 3.4 and later secmod_pubmechflagstointernal mxr 3.4 and later sec...
Multithreading in Necko
the default implementation does not spawn a worker thread, and instead simply calls pr_getipnodebyname (es
sentially equivalent to gethostbyname).
Necko
necko is a network library that provides a platform-independent api for several layers of networking, ranging from transport to pre
sentation layers.
Pork
note: pork is not pre
sently used at mozilla.
Rhino downloads archive
(pre-java 1.5 users can use dom3 using java's endorsed standards override mechanism if they have a dom3-capable xml parser.) if neither xmlbeans nor dom3 are pre
sent, e4x is not available.
Tutorial: Embedding Rhino
this removes the association between the context and the current thread and is an es
sential cleanup action.
Rhino overview
in a typical client embedding, this object might be a string with the url of the server that supplied the script, or an object that contains a repre
sentation of the signers of a piece of code for certificate-based security policies.
Rhino shell
if it is not java.io.inputstream, it is converted to string and
sent to the process as its input.
Hacking Tips
dumping the javascript heap from the shell, you can call the dumpheap before firefox function to dump out all gc things (reachable and unreachable) that are pre
sent in the heap.
How to embed the JavaScript engine
// js_callfunctionname(cx, global, "func", 2, argv.begin(), rval.address()); js_callfunctionname(cx, global, "func", argv, &rval); example say the click event is for the top-most or focused ui element at position (x, y): jsobject *target, *event; js::autovaluearray<1> argv(cx); /* * find event target and make event object to repre
sent this click.
Property cache
throughout this article, phrases such as "own property" should be taken to refer to the low-level repre
sentation of properties in scopes and shape chains.
JIT Optimization Outcomes
singleton one of the types pre
sent in the typeset was a singleton type, preventing the optimization from being enabled.
JSAPI Cookbook
avascript var v = computesomevalue(); var isstring = typeof v === "string"; var isnumber = typeof v === "number"; var isnull = v === null; var isboolean = typeof v === "boolean"; var isobject = typeof v === "object" && v !== null; /* jsapi */ js::rootedvalue v(cx, computesomevalue()); bool isstring = v.isstring(); bool isnumber = v.isnumber(); bool isint32 = v.isint32(); // note: internal repre
sentation, not numeric value bool isnull = v.isnull(); bool isboolean = v.isboolean(); bool isobject = v.isobject(); // note: not broken like typeof === "object" is :-) to set a value use a correspondingly named member mutator function, or assign the result of the correspondingly named standalone function: // javascript var v; v = 0; v = 0.5; v = somestring; v = null; v = undefined; v = false; /* ...
JS::Add*Root
the name parameter, if pre
sent and non-null, is stored in the jsruntime's root table entry along with rp.
JS::CallArgs
bool hasdefined(unsigned i) const returns true if the i-th zero-indexed argument is pre
sent and is not undefined.
JS::Compile
on success, js::compile stores an object repre
senting the newly compiled script into script, and returns true.
JS::CompileFunction
on success, js::compilefunction stores an function object repre
senting the newly compiled function into fun and and returns true.
JS::DoubleNaNValue
syntax js::value js::doublenanvalue() description js::doublenanvalue returns a value of type js::value that repre
sents an ieee floating-point quiet not-a-number (nan).
JS::Handle
} methods here, ptr repre
sents the private member of js::handle<t>, typed with t.
JS::MutableHandle
} methods here, ptr repre
sents the private member of js::mutablehandle<t>, typed with t *.
JS::PersistentRooted
methods here, ptr repre
sents the private member of js::persistentrooted<t>, typed with t.
JS::Rooted
methods here, ptr repre
sents the private member of js::rooted<t>, typed with t.
JS::ToString
description js::tostring returns a string repre
sentation of a javascript value.
JSClass.flags
if the global object does not have this flag, then scripts may cause nonstandard behavior by replacing standard constructors or prototypes (such as function.prototype.) objects that can end up with the wrong prototype object, if this flag is not pre
sent, include: arguments objects (ecma 262-3 §10.1.8 specifies "the original object prototype"), function objects (ecma 262-3 §13.2 specifies "the original function prototype"), and objects created by many standard constructors (ecma 262-3 §15.4.2.1 and others).
JS_CompileUTF8FileHandle
on success, js_compileutf8filehandle reads file to eof and returns an object repre
senting the newly compiled script.
JS_DecompileFunctionBody
generate the source code repre
senting the body of a function, minus the function keyword, name, parameters, and braces.
JS_DestroyScript
at pre
sent, this function has no effect; the jsscript lives for as long as its script object lives.
JS_FS
(or index, if jsprop_index is pre
sent in flags) symbol a member name of js::symbolcode the javascript symbol for the function.
JS_GetNaNValue
description js_getnanvalue returns a value of type js::value that repre
sents an ieee floating-point quiet not-a-number (nan).
JS_GetParent
it may be a call, with, or block object repre
senting the function's dynamic scope, or it may be the global object.
JS_GetPropertyAttrsGetterAndSetter
when this attribute is pre
sent, the value stored in getterp (or setterp) does not really point to a c/c++ function; it is a jsobject *, pointing to a javascript function, cast to type jspropertyop.
JS_GetScopeChain
these objects repre
sent the lexical scope of the currently executing statement or expression, not the call stack, so they include: the variable objects of any enclosing functions or let statements or expressions, and any objects selected by enclosing with statements, in order from the most-nested scope outward; lastly the global object against which the function was created.
JS_GetStringLength
because some unicode characters are repre
sented using two 16-bit code units, the result is not necessarily the same as the number of unicode characters in the string.
JS_LooselyEqual
comparing jsvals directly in c++, as in v1 == v2, does not produce a meaningful result, since it is possible for two distinct jsstrings or jsdoubles to repre
sent the same string or number.
JS_MakeStringImmutable
in memory it is repre
sented as a pointer to the other string and a pair of integers for the substring's starting point and length, rather than as a separate copy of all the characters.
JS_NewDateObject
description creates and returns a new jsobject repre
senting a javascript date object, which is pre-configured using the specified values.
JS_NewDateObjectMsec
this article covers features introduced in spidermonkey 1.8.5 creates a new date object instance, configured to repre
sent the date and time indicated by the specified time in milliseconds since the unix epoch.
JS_PSGS
(or index, if jsprop_index is pre
sent in flags) getter jsnative pointer to the c/c++ implementation of the getter function.
JS_SetDefaultLocale
syntax bool js_setdefaultlocale(jsruntime *rt, const char *locale); void js_resetdefaultlocale(jsruntime *rt); name type description rt jsruntime * pointer to a js runtime locale const char * string repre
sents locale.
JS_ShutDown
failure to call this method, at pre
sent, has no adverse effects other than leaking memory.
JS_StrictlyEqual
comparing jsvals directly in c++, as in v1 == v2, does not produce a meaningful result, since it is possible for two distinct jsstrings or jsdoubles to repre
sent the same string or number.
JS_SuspendRequest
in spidermonkey 1.8 and later, these functions will be pre
sent, but will do nothing, in non-js_threadsafe builds.
JS_ValueToFunction
a jsfunction repre
sents only the compiled code and not the environment of the function.
JS_ValueToNumber
for objects of standard classes, this is js_convertstub, which simply calls v.valueof() if pre
sent.
JS_YieldRequest
in spidermonkey 1.8 and later, this function will be pre
sent, but will do nothing, in non-js_threadsafe builds.
Property attributes
mxr id search for jsprop_shared jsprop_index the property's id is repre
sented internally as an integer, not a string.
SpiderMonkey 38
many jsapi types, functions, and callback signatures have changed, though most functions that have changed still have the same names and implement es
sentially unchanged functionality.
Split object
it repre
sents the window or tab itself and survives as the user navigates in that window or tab.
TPS Formdata Lists
date: the date the form data was used, expressed in hours from the pre
sent, so 0 means now, and -24 means 24 hours ago.
TPS Password Lists
a password asset list is an array of objects, each repre
senting a stored password.
TPS Pref Lists
a prefs asset list is an array of objects with name and value keys, repre
senting browser preferences.
Zest
the core language does not define any graphical repre
sentation - that is expected to be defined by the tools that integrate zest.
Mozinfo
mozinfo also exports: choices: a dictionary of possible values for os, bits, and processor main: the console_script entry point for mozinfo unknown: a singleton denoting a value that cannot be determined unknown has the string repre
sentation "unknown".
XPCOM array guide
for example: // handlelist cannot modify the array because of const void handlelist(const nstarray<t>&); in-place enumeration most of the arrays pre
sented here provide callback-style means to enumerate members of an array.
Packaging WebLock
once triggered (see the weblock trigger script), the installation script: downloads the weblock component and places it in the components directory copies the weblock subdirectory in the mozilla chrome application subdirectory registers both the component and the ui the xpinstall api provides such es
sential methods[es
sential-methods] as initinstall, registerchrome, addfile, and others.
Creating XPCOM components
rs starting weblock getting called at startup registering for notifications getting access to the category manager providing access to weblock creating the weblock programming interface defining the weblock interface in xpidl the xpidl syntax scriptable interfaces subclassing nsisupports the web locking interface implementing weblock declaration macros repre
senting return values in xpcom xpidl code generation getting the weblock service from a client implementing the iweblock interface the directory service modifying paths with nsifile manipulating files with nsifile using nsilocalfile for reading data processing the white list data iweblock method by method lock and unlock addsite removesite setsites getnext getsites ...
XPCOM guide
hashtables may seem like arrays, but there are important differences:xpcom stream guidein mozilla code, a stream is an object which repre
sents access to a sequence of characters.
Introduction to XPCOM for the DOM
interface to a set of methods that manipulate an object (often repre
sented by a class), without worrying about the details of the implementation.
Components.interfaces
each object repre
sents one of the xpcom interfaces -- that some component or another might or might not implement.
Components.interfacesByID
each object repre
sents one of the xpcom interfaces -- that some component or another might or might not implement.
Components.stack
components.stack is a read only property of type nsistackframe (idl definition) that repre
sents a snapshot of the current javascript callstack.
Language bindings
ectly on this object.components.resultscomponents.results is a read-only object whose properties are the names listed as the first parameters of the macros in js/xpconnect/src/xpc.msg (also at table of errors), with the value of each corresponding to that constant's value.components.returncodecomponents.stackcomponents.stack is a read only property of type nsistackframe (idl definition) that repre
sents a snapshot of the current javascript callstack.
NS_InitXPCOM3
passing null causes the default (built-in) static modules to be registered, if pre
sent.
NS_NewLocalFile
« xpcom api reference summary the ns_newlocalfile function creates an instance of nsilocalfile that provides a platform independent repre
sentation of a file path.
NS_NewNativeLocalFile
« xpcom api reference summary the ns_newnativelocalfile function creates an instance of nsilocalfile that provides a platform independent repre
sentation of a file path.
nsresult
« xpcom api reference the nsresult data type is a strongly-typed enum used to repre
sent a value returned by an xpcom function; these are typically error or status codes.
nsIMsgCompFields
(bug 68784) messageid char * needtocheckcharset prbool indicates whether we need to check if the current documentcharset can repre
sent all the characters in the message body.
nsIMsgFolder
for example, in the
sent folder, recipients are more relevant than the sender.
nsIMsgSearchCustomTerm
array of operators */ void getavailableoperators(in nsmsgsearchscopevalue scope, out unsigned long length, [retval, array, size_is(length)] out nsmsgsearchopvalue operators); match /** * apply the custom search term to a message * * @param msghdr header database reference repre
senting the message * @param searchvalue user-set value to use in the search * @param searchop search operator (contains, ishigherthan, etc.) * * @return true if the term matches the message, else false */ boolean match(in nsimsgdbhdr msghdr, in autf8string searchvalue, in nsmsgsearchopvalue searchop); ...
nsIMsgThread
getfirstunreadchild() nsimsgdbhdr getfirstunreadchild(); enumeratemessages() nsisimpleenumerator enumeratemessages(in nsmsgkey parent); parameters parent a key repre
senting the message to start enumerating with.
nsINavHistoryObserver
this notification is
sent to indicate that a specific visit has expired, and includes the time of that visit.
nsINavHistoryQueryOptions
toolkit/components/places/nsinavhistoryservice.idlscriptable repre
sents the global options for executing a query.
nsIPipe
xpcom/io/nsipipe.idlscriptable this interface repre
sents an in-process buffer that can be read using nsiinputstream and written using nsioutputstream.
nsIProcess2
xpcom/threads/nsiprocess.idlscriptable this interface repre
sents an executable process.
nsIProfile
shutdowncurrentprofile() shuts down the current profile; this es
sentially "logs out" the current profile.
nsIProfileLock
localdirectory nsilocalfile a directory corresponding to the main profile directory, which exists for the purpose of storing data on the local filesystem, including cache files or other data files that may not repre
sent critical user data.
nsIProtocolHandler
(many servers do not support utf-8 iris at the pre
sent time, so we must be careful about tracking the native charset of the origin server.) nsiuri newuri( in autf8string aspec, in string aorigincharset, in nsiuri abaseuri ); parameters aspec the uri string in utf-8 encoding.
nsIProtocolProxyService
when this flag is passed to resolve, resolve may throw the exception ns_base_stream_would_block to indicate that it failed due to this flag being pre
sent.
nsIPushMessage
dom/interfaces/push/nsipushnotifier.idlscriptable a push message
sent to a system subscription.
nsIRunnable
nsirunnable is generated from nsirunnable.idl here is the prototype of nsirunnable.idl /** * repre
sents a task which can be dispatched to a thread for execution.
nsIScriptError2
js/src/xpconnect/idl/nsiscripterror.idlscriptable repre
sents javascript errors and warnings for use by the console service; augments nsiscripterror by adding a way to initialize the error with the window id of the outer window with which the error is associated.
nsIServerSocketListener
the address of the client can be found by calling the nsisockettransport.getaddress() method or by inspecting nsisockettransport.gethost(), which returns a string repre
sentation of the client's ip address, which may be either an ipv4 or an ipv6 address.
nsISimpleEnumerator
xpcom/ds/nsisimpleenumerator.idlscriptable this interface repre
sents an enumeration of xpcom objects and provides methods to access elements sequentially.
nsISocketProvider
netwerk/socket/nsisocketprovider.idlscriptable this interface repre
sents a socket provider.
nsISocketProviderService
66 introduced gecko 1.0 inherits from: nsisupports last changed in gecko 1.7 method overview nsisocketprovider getsocketprovider(in string sockettype); methods getsocketprovider() given a string repre
senting a socket type, this method returns an nsisocketprovider repre
senting that socket type.
nsISound
typically, it will be more useful to request that appropriate sounds be played based on which event you wish to repre
sent by the sound effect.
nsIStreamConverter
nsiinputstream convert( in nsiinputstream afromstream, in string afromtype, in string atotype, in nsisupports actxt ); parameters afromstream the stream repre
senting the original/raw data.
nsIStreamListener
aoffset number of bytes that were
sent in previous ondataavailable() calls for this request.
nsISupports
remarks the method descriptions above were taken from es
sential com by don box.
nsISupportsPrimitive
inherits from: nsisupports last changed in gecko 1.7 attributes attribute type description type unsigned short this attribute provides access to the type repre
sented by the nsisupportsprimitive instance.
nsISupports proxies
nsisupports *object, print32 proxytype, void * *result); ns_imethod getproxy(nsieventqueue *destqueue, const nsiid & cid, nsisupports *aouter, const nsiid & iid, print32 proxytype, void * *result); the two apis are es
sentially the same.
nsISyncMessageSender
idl file: mozilla-central/source/dom/base/nsimessagemanager.idl inherits from: nsimessagelistenermanager message "senders" have a single "other side" to which messages are
sent.
nsITaskbarPreviewButton
instead, you use the nsitaskbarwindowpreview.getbutton() to get the objects repre
senting the buttons.
nsIZipEntry
a synthesized entry repre
sents a directory within the zip file which has no corresponding entry within the zip file.
nsMsgSearchAttrib
msgsearchattribvalue messagekey = 11; /* message result elems */ const nsmsgsearchattribvalue ageindays = 12; const nsmsgsearchattribvalue folderinfo = 13; /* for "view thread context" from result */ const nsmsgsearchattribvalue size = 14; const nsmsgsearchattribvalue anytext = 15; const nsmsgsearchattribvalue keywords = 16; // keywords are the internal repre
sentation of tags.
XPCOM Interface Reference by grouping
preferences nsiiniparser nsiiniparserfactory nsiprefbranch nsiprefbranch2 nsipreflocalizedstring nsiprefservice nsistringbundle nsistringbundleservice security cookies nsicookie nsicookie2 nsicookieacceptdialog nsicookiecon
sent nsicookiemanager nsicookiemanager2 nsicookiepermission nsicookiepromptservice nsicookieservice nsicookiestorage nsisessionstore crypto nsicryptohash filter nsiparentalcontrolsservice nsipermission nsiper...
nsMsgMessageFlags
mdnreport
sent 0x00800000 indicates whether or not a delivery receipt was
sent.
XPCOM reference
this macro is meant for critical errors; like assertions, ns_errors should not be reachable.ns_if_addrefmacrons_if_releasemacrons_releasemacrons_warningmacronsgetmoduleprocthis function prototype provides the xpcom entry-point into a module.nsiabcard/thunderbird3the nsiabcard interface is used to repre
sent and manipulate cards in the address book.
Setting HTTP request headers
the good practice is not to have this specific http header (for example "x-site.net-extension")
sent all the time but only when doing requests with this specific web sites.
Performance
the vacuum command is es
sentially the same as the command line sqlite3 olddb .dump | sqlite3 newdb; mv newdb olddb.
XPCOM ABI
abi naming each abi is named with a string [target_xpcom_abi] of the following format: {cpu_arch}-{target_compiler_abi} {cpu_arch} [platforms] repre
sents the cpu architecture and may be either: x86 - i386 and higher series (including x86-64 cpus in 32-bit mode) ppc - powerpc series alpha - alpha series x86_64 - amd64/emt64 series in 64-bit mode (32-bit mode is still considered x86) sparc - sparc series ia64 - itanium series {target_compiler_abi}[platforms] repre
sents the compiler abi and may be either: msvc - microsoft visual c++ n3...
nsCOMPtr versus RefPtr
for other cases, there is do_queryobject, which is es
sentially a more powerful form of do_queryinterface.
xptcall FAQ
the core invoke function has the declaration: xptc_public_api(nsresult) xptc_invokebyindex(nsisupports* that, pruint32 methodindex, pruint32 paramcount, nsxptcvariant* params); nsxptcvariant is a discriminated union of the types that can be passed as parameters to the target function (including void* to repre
sent arbitrary pointer types).
XPCOM
however, such decoders relied on servers sending correct mime types; images
sent with incorrect mime types would not be correctly displayed.xpcom gluethe xpcom glue is a static library which component developers and embedders can link against.
XTF
extending gecko with xbl and xtf a pre
sentation given at xtech 2005 comparing xbl and xtf, as well as discussing xtf basics.
Events
compose-send-message a message gets
sent compose-window-close a compose window gets closed compose-window-init a compose window has been opened compose-window-reopen a cached compose window has been reopened.
Gloda examples
acollection) { }, /* called when our database query completes */ onquerycompleted: function _onquerycompleted(acollection) { var items = acollection.items; for (msg of items) { alert(msg.subject); }; } }; collection = id_q.getcollection(mylistener); show all messages where the from, to and cc values include a specified email address at pre
sent there doesn't appear to be any way of going directly from an email address to email addresses that it involves.
MailNews Protocols
imap,pop3, and nntp are "incoming" protocols, i.e., we retrieve messages from a server, and repre
sent them as folders to the user.
Mail event system
the folder calls notifyintpropertychanged on itself with the atom that repre
sents "totalmessages": this->notifyintpropertychanged(ktotalmessagesatom, 4, 5);.
The libmime module
one of the methods provided by this parser is the ability to emit an html repre
sentation of the data stream.
Thunderbird Configuration Files
locate your profile folder before the configuration files are pre
sented, you should know how to find your profile folder, which is where thunderbird saves all your settings on your hard drive.
Creating a Custom Column
from nsitreeview: getcellproperties(row, col, props): optionally modify the props array getrowproperties(row, props): optionally modify the props array getimagesrc(row, col): return a string (or null) getcelltext(row, col): return a string repre
senting the actual text to display in the column from nsimsgcustomcolumnhandler: getsortstringforrow(hdr): return the string value that the column will be sorted by getsortlongforrow(hdr): return the long value that the column will be sorted by isstring(): return true / false warning!
Demo Addon
overview this demo add-on has been created by jonathan protzenko for his pre
sentation at mozcamp 2011.
Activity Manager examples
if activity developers would like to extend the default ui repre
sentation of the activity types, they can provide their own xbl elements for their own activity types.
Access Window
the window object repre
sents the window of the thunderbird application as well as the currently opened tabs.
Styling the Folder Pane
isserver-true afolder.isserver indicates that the folder is a root folder (one that repre
sents a server).
Constants - Plugins
result codes constant value description npres_done 0 (most common): completed normally; all data was
sent to the instance.
Scripting plugins - Plugins
calling npn_getvalue() with either of those new enumerations will return an npobject repre
senting the browser object, and from there, the functions in this api can be used to get and set properties, and to call methods on those browser objects.
Debugging service workers - Firefox Developer Tools
testing a service worker cache if you are using your service worker to store your site assets in cache storage (using the cache api), which is es
sential for creating offline apps, it can be annoying to test the cache.
Browser Toolbox - Firefox Developer Tools
you will be pre
sented with a dialog like this (it can be removed by setting the devtools.debugger.prompt-connection property to false): click ok, and the browser toolbox will open in its own window: you'll be able to inspect the browser's chrome windows and see, and be able to debug, all the javascript files loaded by the browser itself and by any add-ons that are running.
Use a source map - Firefox Developer Tools
a source map is a file that maps from the transformed source to the original source, enabling the browser to reconstruct the original source and pre
sent the reconstructed original in the debugger.
Aggregate view - Firefox Developer Tools
after firefox 48, the default view is the tree map view, and you can switch to the aggregate view using the dropdown labeled "view:": the aggregate view looks something like this: it pre
sents a breakdown of the heap's contents, as a table.
DOM allocation example - Firefox Developer Tools
i = 0; i < toolbarbuttoncount; i++) { var toolbarbutton = createtoolbarbutton(); toolbar.appendchild(toolbarbutton); } return toolbar; } function createtoolbars() { var container = document.getelementbyid("container"); for (var i = 0; i < toolbarcount; i++) { var toolbar = createtoolbar(); container.appendchild(toolbar); } } createtoolbars(); a simple pseudocode repre
sentation of how this code operates looks like this: createtoolbars() -> createtoolbar() // called 200 times, creates 1 div element each time -> createtoolbarbutton() // called 20 times per toolbar, creates 1 span element each time in total, then, it creates 200 htmldivelement objects, and 4000 htmlspanelement objects.
Edit fonts - Firefox Developer Tools
that means you no longer have to apply several different web fonts to a single page to repre
sent a complete typeface for which a variable font is available, provided it includes the desired values for the different characteristics you want to vary.
Inspect and select colors - Firefox Developer Tools
in the css pane's rules view, if a rule contains a color value, you'll see a sample of the color next to the value: a color sample is also shown for css custom properties (variables) that repre
sent colors.
Web Audio Editor - Firefox Developer Tools
within that context they then construct a number of audio nodes, including: nodes providing the audio source, such as an oscillator or a data buffer source nodes performing transformations such as delay and gain nodes repre
senting the destination of the audio stream, such as the speakers each node has zero or more audioparam properties that configure its operation.
Working with iframes - Firefox Developer Tools
if you select an entry in the list, all the tools in the toolbox - the inspector, the console, the debugger and so on - will now target only that iframe, and will es
sentially behave as if the rest of the page does not exist.
Firefox Developer Tools
storage inspector inspect cookies, local storage, indexeddb, and session storage pre
sent in a page.
AbortController - Web APIs
the abortcontroller interface repre
sents a controller object that allows you to abort one or more web requests as and when desired.
AbortSignal - Web APIs
the abortsignal interface repre
sents a signal object that allows you to communicate with a dom request (such as a fetch) and abort it if required via an abortcontroller object.
AbstractWorker.onerror - Web APIs
the abstractworker.onerror property of the abstractworker interface repre
sents an eventhandler, that is a function to be called when the error event occurs and bubbles through the worker.
AbstractWorker - Web APIs
this code assumes that there's an <input> element repre
sented by first; an event handler for the change event is established so that when the user changes the value of first, a message is posted to the worker to let it know.
AesCbcParams - Web APIs
the aescbcparams dictionary of the web crypto api repre
sents the object that should be passed as the algorithm parameter into subtlecrypto.encrypt(), subtlecrypto.decrypt(), subtlecrypto.wrapkey(), or subtlecrypto.unwrapkey(), when using the aes-cbc algorithm.
AesGcmParams - Web APIs
the aesgcmparams dictionary of the web crypto api repre
sents the object that should be passed as the algorithm parameter into subtlecrypto.encrypt(), subtlecrypto.decrypt(), subtlecrypto.wrapkey(), or subtlecrypto.unwrapkey(), when using the aes-gcm algorithm.
AesKeyGenParams - Web APIs
the aeskeygenparams dictionary of the web crypto api repre
sents the object that should be passed as the algorithm parameter into subtlecrypto.generatekey(), when generating an aes key: that is, when the algorithm is identified as any of aes-cbc, aes-ctr, aes-gcm, or aes-kw.
Animation.currentTime - Web APIs
syntax var currenttime = animation.currenttime; animation.currenttime = newtime; value a number repre
senting the current time in milliseconds, or null to deactivate the animation.
Animation.startTime - Web APIs
syntax var animationstartedwhen = animation.starttime; animation.starttime = newstarttime; value a floating-point number repre
senting the current time in milliseconds, or null if no time is set.
Animation - Web APIs
the animation interface of the web animations api repre
sents a single animation player and provides playback controls and a timeline for an animation node or source.
AnimationTimeline.currentTime - Web APIs
syntax var currenttime = animationtimeline.currenttime; value a number repre
senting the timeline's current time in milliseconds, or null if the timeline is inactive.
ArrayBufferView - Web APIs
arraybufferview is a helper type repre
senting any of the following javascript typedarray types: int8array, uint8array, uint8clampedarray, int16array, uint16array, int32array, uint32array, float32array, float64array or dataview.
Attr.localName - Web APIs
syntax name = attribute.localname return value a domstring repre
senting the local part of the attribute's qualified name.
AudioBuffer.duration - Web APIs
the duration property of the audiobuffer interface returns a double repre
senting the duration, in seconds, of the pcm data stored in the buffer.
AudioBuffer.length - Web APIs
the length property of the audiobuffer interface returns an integer repre
senting the length, in sample-frames, of the pcm data stored in the buffer.
AudioBuffer.numberOfChannels - Web APIs
the numberofchannels property of the audiobuffer interface returns an integer repre
senting the number of discrete audio channels described by the pcm data stored in the buffer.
AudioBuffer.sampleRate - Web APIs
the samplerate property of the audiobuffer interface returns a float repre
senting the sample rate, in samples per second, of the pcm data stored in the buffer.
AudioContext() - Web APIs
the audiocontext() constructor creates a new audiocontext object which repre
sents an audio-processing graph, built from audio modules linked together, each repre
sented by an audionode.
AudioContextOptions - Web APIs
the audiocontextoptions dictionary is used to specify configuration options when constructing a new audiocontext object to repre
sent a graph of web audio nodes.
AudioListener.dopplerFactor - Web APIs
the deprecated dopplerfactor property of the audiolistener interface is a double value repre
senting the amount of pitch shift to use when rendering a doppler effect.
AudioListener.forwardX - Web APIs
the forwardx read-only property of the audiolistener interface is an audioparam repre
senting the x value of the direction vector defining the forward direction the listener is pointing in.
AudioListener.forwardY - Web APIs
the forwardy read-only property of the audiolistener interface is an audioparam repre
senting the y value of the direction vector defining the forward direction the listener is pointing in.
AudioListener.forwardZ - Web APIs
the forwardz read-only property of the audiolistener interface is an audioparam repre
senting the z value of the direction vector defining the forward direction the listener is pointing in.
AudioListener.positionX - Web APIs
the positionx read-only property of the audiolistener interface is an audioparam repre
senting the x position of the listener in 3d cartesian space.
AudioListener.positionY - Web APIs
the positiony read-only property of the audiolistener interface is an audioparam repre
senting the y position of the listener in 3d cartesian space.
AudioListener.positionZ - Web APIs
the positionz read-only property of the audiolistener interface is an audioparam repre
senting the z position of the listener in 3d cartesian space.
AudioListener.upX - Web APIs
the upx read-only property of the audiolistener interface is an audioparam repre
senting the x value of the direction vector defining the up direction the listener is pointing in.
AudioListener.upY - Web APIs
the upy read-only property of the audiolistener interface is an audioparam repre
senting the y value of the direction vector defining the up direction the listener is pointing in.
AudioListener.upZ - Web APIs
the upz read-only property of the audiolistener interface is an audioparam repre
senting the z value of the direction vector defining the up direction the listener is pointing in.
AudioNode.channelCount - Web APIs
the channelcount property of the audionode interface repre
sents an integer used to determine how many channels are used when up-mixing and down-mixing connections to any inputs to the node.
AudioNode.context - Web APIs
the read-only context property of the audionode interface returns the associated baseaudiocontext, that is the object repre
senting the processing graph the node is participating in.
AudioParam.cancelAndHoldAtTime() - Web APIs
syntax var audioparam = audioparam.cancelandholdattime(canceltime) parameters canceltime a double repre
senting the time (in seconds) after the audiocontext was first created after which all scheduled changes will be cancelled.
AudioParam.cancelScheduledValues() - Web APIs
syntax var audioparam = audioparam.cancelscheduledvalues(starttime) parameters starttime a double repre
senting the time (in seconds) after the audiocontext was first created after which all scheduled changes will be cancelled.
AudioParam.defaultValue - Web APIs
the defaultvalue read-only property of the audioparam interface repre
sents the initial value of the attributes as defined by the specific audionode creating the audioparam.
AudioParam.maxValue - Web APIs
the maxvalue read-only property of the audioparam interface repre
sents the maximum possible value for the parameter's nominal (effective) range.
AudioParam.minValue - Web APIs
the minvalue read-only property of the audioparam interface repre
sents the minimum possible value for the parameter's nominal (effective) range.
AudioParamMap - Web APIs
the web audio api interface audioparammap repre
sents a set of multiple audio parameters, each described as a mapping of a domstring identifying the parameter to the audioparam object repre
senting its value.
AudioProcessingEvent - Web APIs
the web audio api audioprocessingevent repre
sents events that occur when a scriptprocessornode input buffer is ready to be processed.
AudioTrack.id - Web APIs
the id property contains a string which uniquely identifies the track repre
sented by the audiotrack.
AudioTrack.kind - Web APIs
syntax var trackkind = audiotrack.kind; value a domstring specifying the type of content the media repre
sents.
AudioTrack - Web APIs
the audiotrack interface repre
sents a single audio track from one of the html media elements, <audio> or <video>.
AudioTrackList.length - Web APIs
the read-only audiotracklist property length returns the number of entries in the audiotracklist, each of which is an audiotrack repre
senting one audio track in the media element.
AudioWorkletNode - Web APIs
the audioworkletnode interface of the web audio api repre
sents a base class for a user-defined audionode, which can be connected to an audio routing graph along with other nodes.
AudioWorkletProcessor() - Web APIs
the audioworkletprocessor() constructor creates a new audioworkletprocessor object, which repre
sents an underlying audio processing mechanism of an audioworkletnode.
AuthenticatorAssertionResponse - Web APIs
examples var options = { challenge: new uint8array([/* bytes
sent from the server */]) }; navigator.credentials.get({ "publickey": options }) .then(function (credentialinfoassertion) { var assertionresponse = credentialinfoassertion.response; // do something specific with the response // send assertion response back to the server // to proceed with the control of the credential }).catch(function (err) { console.error(err); }); spec...
BaseAudioContext.createIIRFilter() - Web APIs
the createiirfilter() method of the baseaudiocontext interface creates an iirfilternode, which repre
sents a general infinite impulse response (iir) filter which can be configured to serve as various types of filter.
BaseAudioContext.createPanner() - Web APIs
the panner node is spatialized in relation to the audiocontext's audiolistener (defined by the audiocontext.listener attribute), which repre
sents the position and orientation of the person listening to the audio.
BaseAudioContext.currentTime - Web APIs
the currenttime read-only property of the baseaudiocontext interface returns a double repre
senting an ever-increasing hardware timestamp in seconds that can be used for scheduling audio playback, visualizing timelines, etc.
BaseAudioContext.sampleRate - Web APIs
the samplerate property of the baseaudiocontext interface returns a floating point number repre
senting the sample rate, in samples per second, used by all nodes in this audio context.
BasicCardRequest.supportedTypes - Web APIs
the obsolete supportedtypes property of the basiccardrequest dictionary can optionally be provided to specify an array of domstrings repre
senting the card types that the retailer supports (e.g.
BatteryManager.level - Web APIs
syntax var level = battery.level on return, level is a number repre
senting the system's battery charge level scaled to a value between 0.0 and 1.0.
Battery Status API - Web APIs
the battery status api, more often referred to as the battery api, provides information about the system's battery charge level and lets you be notified by events that are
sent when the battery level or charging status change.
BeforeInstallPromptEvent - Web APIs
this is provided for user agents that want to pre
sent a choice of versions to the user such as, for example, "web" or "play" which would allow the user to chose between a web version or an android version.
BiquadFilterNode() - Web APIs
the biquadfilternode() constructor of the web audio api creates a new biquadfilternode object, which repre
sents a simple low-order filter, and is created using the audiocontext.createbiquadfilter() method.
BiquadFilterNode.type - Web APIs
syntax var audioctx = new audiocontext(); var biquadfilter = audioctx.createbiquadfilter(); biquadfilter.type = 'lowpass'; value a string (enum) repre
senting a biquadfiltertype.
BlobBuilder - Web APIs
when you're done building your blob, call getblob() to retrieve a blob containing the data you
sent into the blob builder.
Bluetooth.requestDevice() - Web APIs
for example, options.filters is pre
sent and options.acceptalldevices is true, or if options.filters is not pre
sent and options.acceptalldevices is false.
Bluetooth - Web APIs
a bluetoothdevice repre
senting the beacon would be available through navigator.bluetooth.referringdevice.
CSSKeywordValue - Web APIs
the csskeywordvalue interface of the the css typed object model api creates an object to repre
sent css keywords and other identifiers.
CSSMathProduct - Web APIs
the cssmathproduct interface of the css typed object model api repre
sents the result obtained by calling add(), sub(), or tosum() on cssnumericvalue.
CSSMathSum.CSSMathSum() - Web APIs
the cssmathsum() constructor creates a new cssmathsum object which creates a new csskeywordvalue object which repre
sents the result obtained by calling add(), sub(), or tosum() on cssnumericvalue.
CSSMathSum - Web APIs
the cssmathsum interface of the css typed object model api repre
sents the result obtained by calling add(), sub(), or tosum() on cssnumericvalue.
CSSMathValue.operator - Web APIs
the cssmathvalue.operator read-only property of the cssmathvalue interface indicates the operator that the current subtype repre
sents.
CSSNumericValue - Web APIs
the cssnumericvalue interface of the css typed object model api repre
sents operations that all numeric values can perform.
CSSOMString - Web APIs
while browser implementations that use utf-8 internally to repre
sent strings in memory can use usvstring when the specification says cssomstring, implementations that already repre
sent strings as 16-bit sequences might choose to use domstring instead.
CSSPositionValue - Web APIs
the csspositionvalue interface of the the css typed object model api repre
sents values for properties that take a position, for example object-position.
CSSPrimitiveValue.getFloatValue() - Web APIs
syntax var floatvalue = cssprimitivevalue.getfloatvalue(unit); parameters unittype an unsigned short repre
senting the code for the unit type, in which the value should be returned.
Using images - Web APIs
using frames from a video you can also use frames from a video being pre
sented by a <video> element (even if the video is not visible).
ChannelMergerNode() - Web APIs
syntax var mynode = new channelmergernode(context, options); parameters context a baseaudiocontext repre
senting the audio context you want the node to be associated with.
ChannelMergerNode - Web APIs
in that case, when the signal is
sent to the audiocontext.listener object, supernumerary channels will be ignored.
Clients.get() - Web APIs
syntax self.clients.get(id).then(function(client) { // do something with your returned client }); parameters id a domstring repre
senting the id of the client you want to get.
Clients.openWindow() - Web APIs
syntax self.clients.openwindow(url).then(function(windowclient) { // do something with your windowclient }); parameters url a usvstring repre
senting the url of the client you want to open in the window.
Clipboard.readText() - Web APIs
returns an empty string if the clipboard is empty, does not contain text, or does not include a textual repre
sentation among the datatransfer objects repre
senting the clipboard's contents.
ClipboardEvent - Web APIs
the clipboardevent interface repre
sents events providing information related to modification of the clipboard, that is cut, copy, and paste events.
ClipboardItem() - Web APIs
the clipboarditem() constructor of the clipboard api creates a new clipboarditem object which repre
sents data to be stored or retrieved via the clipboard api, that is clipboard.write() and clipboard.read() respectively.
CompositionEvent.data - Web APIs
syntax mydata = compositionevent.data value a domstring repre
senting the event data: for compositionstart events, this is the currently selected text that will be replaced by the string being composed.
console.debug() - Web APIs
the string repre
sentations of each of these objects are appended together in the order listed and output to the console.
Console.dir() - Web APIs
the output is pre
sented as a hierarchical listing with disclosure triangles that let you see the contents of child objects.
Console.dirxml() - Web APIs
the output is pre
sented as a hierarchical listing of expandable nodes that let you see the contents of child nodes.
Console.error() - Web APIs
the string repre
sentations of each of these objects are appended together in the order listed and output.
Console.info() - Web APIs
the string repre
sentations of each of these objects are appended together in the order listed and output.
Console.warn() - Web APIs
the string repre
sentations of each of these objects are appended together in the order listed and output.
ConstantSourceNode - Web APIs
the constantsourcenode interface—part of the web audio api—repre
sents an audio source (based upon audioscheduledsourcenode) whose output is single unchanging value.
ConstrainBoolean - Web APIs
however, for the sake of documentation clarity, the intermediate type (pre
sent only because of quirks in webidl syntax) is ignored here.
ConstrainDOMString - Web APIs
however, for the sake of documentation clarity, the intermediate type (pre
sent only because of quirks in webidl syntax) is ignored here.
ConstrainDouble - Web APIs
however, for the sake of documentation clarity, the intermediate type (pre
sent only because of quirks in webidl syntax) is ignored here.
ConstrainULong - Web APIs
however, for the sake of documentation clarity, the intermediate type (pre
sent only because of quirks in webidl syntax) is ignored here.
ContentIndex - Web APIs
); // create a containing element const readinglistelem = document.createelement('div'); // test for entries if (!array.length) { // if there are no entries, display a message const message = document.createelement('p'); message.innertext = 'you currently have no articles saved for offline reading.' readinglistelem.append(message); } else { // if entries are pre
sent, display in a list of links to the content const listelem = document.createelement('ul'); for (const entry of entries) { const listitem = document.createelement('li'); const anchorelem = document.createelement('a'); anchorelem.innertext = entry.title; anchorelem.setattribute('href', entry.url); listelem.append(listitem); } readinglistelem.append(...
ConvolverNode.buffer - Web APIs
the buffer property of the convolvernode interface repre
sents a mono, stereo, or 4-channel audiobuffer containing the (possibly multichannel) impulse response used by the convolvernode to create the reverb effect.
CryptoKey - Web APIs
the cryptokey interface of the web crypto api repre
sents a cryptographic key obtained from one of the subtlecrypto methods generatekey(), derivekey(), importkey(), or unwrapkey().
CustomEvent() - Web APIs
syntax event = new customevent(typearg, customeventinit); parameters typearg a domstring repre
senting the name of the event.
DOMException.message - Web APIs
the message read-only property of the domexception interface returns a domstring repre
senting a message or description associated with the given error name.
DOMHighResTimeStamp - Web APIs
however, if the browser is unable to provide a time value accurate to 5 µs (due, for example, to hardware or software constraints), the browser can repre
sent the value as a time in milliseconds accurate to a millisecond.
DOMImplementation - Web APIs
the domimplementation interface repre
sents an object providing methods which are not dependent on any particular document.
DOMMatrix() - Web APIs
the dommatrix constructor creates a new dommatrix object which repre
sents 4x4 matrices, suitable for 2d and 3d operations..
DOMMatrixReadOnly() - Web APIs
the dommatrixreadonly constructor creates a new dommatrixreadonly object which repre
sents 4x4 matrices, suitable for 2d and 3d operations.
DOMPoint.DOMPoint() - Web APIs
examples this example creates a dompoint repre
senting the top-left corner of the current window, then creates a second point based on the first, which is then offset by 100 pixels both vertically and horizontally.
DOMPointInit - Web APIs
example this example creates a new dompoint repre
senting the top-left corner of the current window, with a z component added to move the point closer to the user.
DOMPointReadOnly.toJSON() - Web APIs
example this example creates a dompoint object repre
senting the top-left corner of the current window, in screen coordinates, then converts that to json.
DOMStringMap - Web APIs
the domstringmap interface is used for the htmlelement.dataset attribute, to repre
sent data for custom attributes added to elements.
DOMTimeStamp - Web APIs
the domtimestamp type repre
sents an absolute or relative number of milliseconds, depending on the specification in which it appears.
DOMTokenList.add() - Web APIs
syntax tokenlist.add(token1[, token2[, ...tokenn]]); parameters tokenn a domstring repre
senting the token (or tokens) to add to the tokenlist.
DOMTokenList.contains() - Web APIs
syntax tokenlist.contains(token); parameters token a domstring repre
senting the token you want to check for the existance of in the list.
DOMTokenList.length - Web APIs
the length read-only property of the domtokenlist interface is an integer repre
senting the number of objects stored in the object.
DOMTokenList.remove() - Web APIs
syntax tokenlist.remove(token1[, token2[, ...tokenn]]); parameters tokenn a domstring repre
senting the token you want to remove from the list.
DOMUserData - Web APIs
domuserdata is not persisted nor serialized and will not be pre
sent after the application has restarted or after a crash.
DataTransfer.items - Web APIs
syntax itemlist = datatransfer.items; return value a datatransferitemlist object containing datatransferitem objects repre
senting the items being dragged in a drag operation, one list item for each object being dragged.
DataTransferItemList.add() - Web APIs
syntax datatransferitem = datatransferitemlist.add(data, type); datatransferitem = datatransferitemlist.add(file); parameters data a string repre
senting the drag item's data.
DedicatedWorkerGlobalScope.close() - Web APIs
syntax self.close(); example if you want to close your worker instance from inside the worker itself, you can call the following: close(); close() and self.close() are effectively equivalent — both repre
sent close() being called from inside the worker's inner scope.
DeviceMotionEvent.accelerationIncludingGravity - Web APIs
each axis is repre
sented with its own property: x repre
sents the acceleration upon the x axis which is the west to east axis y repre
sents the acceleration upon the y axis which is the south to north axis z repre
sents the acceleration upon the z axis which is the down to up axis specifications specification status comment deviceorientation event specification editor's draft i...
DeviceMotionEvent - Web APIs
devicemotionevent.intervalread only a number repre
senting the interval of time, in milliseconds, at which data is obtained from the device.
DeviceProximityEvent.value - Web APIs
syntax var distance = instanceofdeviceproximityevent.value; value a positive number repre
senting a distance in centimeters (cm) between the device's proximity sensor and the detected object.
Document.bgColor - Web APIs
syntax color = document.bgcolor document.bgcolor =color parameters color is a string repre
senting the color as a word (e.g., "red") or hexadecimal value (e.g., "#ff0000").
Document.body - Web APIs
the document.body property repre
sents the <body> or <frameset> node of the current document, or null if no such element exists.
Document.dir - Web APIs
the document.dir property is a domstring repre
senting the directionality of the text of the document, whether left to right (default) or right to left.
Document.fgColor - Web APIs
syntax var color = document.fgcolor; document.fgcolor = color; parameters color is a string repre
senting the color as a word (e.g., "red") or hexadecimal value (e.g., "#ff0000").
Document: fullscreenchange event - Web APIs
bubbles yes cancelable no interface event event handler property onfullscreenchange the event is
sent to the element that is transitioning into or out of full-screen mode, and this event then bubbles up to the document.
Document: fullscreenerror event - Web APIs
bubbles yes cancelable no interface event event handler property onfullscreenerror as with the fullscreenchange event, two fullscreenerror events are fired; the first is
sent to the element which failed to change modes, and the second is
sent to the document which owns that element.
Document.getAnimations() - Web APIs
return value an array of animation objects, each repre
senting one animation currently associated with elements which are descendants of the document on which it's called.
Document.getElementsByClassName() - Web APIs
names is a string repre
senting the class name(s) to match; multiple class names are separated by whitespace getelementsbyclassname can be called on any element, not only on the document.
Document.linkColor - Web APIs
syntax color = document.linkcolor document.linkcolor = color parameters color is a string repre
senting the color as a word (e.g., red) or hexadecimal value (e.g., #ff0000).
Document.mozSyntheticDocument - Web APIs
the document.mozsyntheticdocument property indicates whether or not the document is a synthetic one; that is, a document repre
senting a standalone image, video, audio, or the like.
Document.plugins - Web APIs
the plugins read-only property of the document interface returns an htmlcollection object containing one or more htmlembedelements repre
senting the <embed> elements in the current document.
Document.querySelector() - Web APIs
return value an htmlelement object repre
senting the first element in the document that matches the specified set of css selectors, or null is returned if there are no matches.
Document.querySelectorAll() - Web APIs
the document method queryselectorall() returns a static (not live) nodelist repre
senting a list of the document's elements that match the specified group of selectors.
Document.timeline - Web APIs
the timeline readonly property of the document interface repre
sents the default timeline of the current document.
Document.vlinkColor - Web APIs
syntax color = document.vlinkcolor document.vlinkcolor = color parameters color is a string repre
senting the color as a word (e.g., "red") or hexadecimal value (e.g., "#ff0000").
Document.xmlVersion - Web APIs
returns the version number as specified in the xml declaration (e.g., <?xml version="1.0"?>) or "1.0" if the declaration is ab
sent.
DocumentOrShadowRoot.nodesFromPoint() - Web APIs
t.nodesfrompoint(30, 20); for(var i = 0; i < nodes.length; i++) { output.textcontent += nodes[i].localname; if (i < nodes.length - 1) { output.textcontent += " < "; } } } else { output.innerhtml = "<span style=\"color: red;\">" + "browser does not support <code>document.nodesfrompoint()</code>" + "</span>"; } specifications not part of any specification at pre
sent.
DocumentOrShadowRoot - Web APIs
documentorshadowroot.getselection() returns a selection object repre
senting the range of text selected by the user, or the current position of the caret.
DocumentTimeline - Web APIs
the documenttimeline interface of the the web animations api repre
sents animation timelines, including the default document timeline (accessed via document.timeline).
DragEvent() - Web APIs
syntax event = new dragevent(type, drageventinit); arguments type is a domstring repre
senting the name of the event (see dragevent event types).
DragEvent - Web APIs
the dragevent interface is a dom event that repre
sents a drag and drop interaction.
DynamicsCompressorNode.reduction - Web APIs
the reduction read-only property of the dynamicscompressornode interface is a float repre
senting the amount of gain reduction currently applied by the compressor to the signal.
EcdsaParams - Web APIs
the ecdsaparams dictionary of the web crypto api repre
sents the object that should be passed as the algorithm parameter into subtlecrypto.sign() or subtlecrypto.verify() when using the ecdsa algorithm.
EffectTiming.delay - Web APIs
the effecttiming dictionary's delay property in the web animations api repre
sents the number of milliseconds to delay the start of the animation.
EffectTiming.easing - Web APIs
examples in the red queen's race example, we animate alice and the red queen by passing an easing of steps(7, end) to animate(): // define the key frames var spriteframes = [ { transform: 'translatey(0)' }, { transform: 'translatey(-100%)' } ]; // get the element that repre
sents alice and the red queen var redqueen_alice_sprite = document.getelementbyid('red-queen_and_alice_sprite'); // animate alice and the red queen using steps() var redqueen_alice = redqueen_alice_sprite.animate( spriteframes, { easing: 'steps(7, end)', direction: "reverse", duration: 600, playbackrate: 1, iterations: infinity }); specifications specification status commen...
EffectTiming.fill - Web APIs
, [ { transform: 'translatey(0%)' }, { transform: 'translatey(100%)' } ], { duration: 3000, fill: 'forwards' } ); // set up the rabbit's animation to play on command by calling rabbitdownanimation.play() later var rabbitdownanimation = new animation(rabbitdownkeyframes, document.timeline); alternatives to fill modes fill modes are primarily provided as a means of repre
senting the animation-fill-mode feature of css animations.
Element.accessKey - Web APIs
the element.accesskey property is seldom used because of its multiple conflicts with already pre
sent key bindings in browsers.
Element.animate() - Web APIs
options either an integer repre
senting the animation's duration (in milliseconds), or an object containing one or more timing properties: id optional a property unique to animate(): a domstring with which to reference the animation.
Element.attributes - Web APIs
to be more specific, attributes is a key/value pair of strings that repre
sents any information regarding that attribute.
Element.classList - Web APIs
syntax const elementclasses = elementnodereference.classlist; returns a domtokenlist repre
senting the contents of the element's class attribute.
Element.className - Web APIs
syntax var cname = elementnodereference.classname; elementnodereference.classname = cname; cname is a string variable repre
senting the class or space-separated classes of the current element.
Element.computedStyleMap() - Web APIs
the computedstylemap() method of the element interface returns a stylepropertymapreadonly interface which provides a read-only repre
sentation of a css declaration block that is an alternative to cssstyledeclaration.
Element: fullscreenchange event - Web APIs
bubbles yes cancelable no interface event event handler property onfullscreenchange this event is
sent to the element which is transitioning into or out of full-screen mode.
Element: fullscreenerror event - Web APIs
bubbles yes cancelable no interface event event handler property onfullscreenerror as with the fullscreenchange event, two fullscreenerror events are fired; the first is
sent to the element which failed to change modes, and the second is
sent to the document which contains that element.
Element.getAnimations() - Web APIs
return value an array of animation objects, each repre
senting an animation currently targetting the element on which this method is called, or one of its descendant elements if { subtree: true } is specified.
Element.getAttribute() - Web APIs
non-existing attributes es
sentially all web browsers (firefox, internet explorer, recent versions of opera, safari, konqueror, and icab, as a non-exhaustive list) return null when the specified attribute does not exist on the specified element; this is what the current dom specification draft specifies.
Element.getBoundingClientRect() - Web APIs
t : document.body).scrolltop examples this simple example retrieves the domrect object repre
senting the bounding client rect of a simple <div> element, and prints out its properties below it.
Element.id - Web APIs
the id property of the element interface repre
sents the element's identifier, reflecting the id global attribute.
Element.insertAdjacentElement() - Web APIs
syntax targetelement.insertadjacentelement(position, element); parameters position a domstring repre
senting the position relative to the targetelement; must match (case-insensitively) one of the following strings: 'beforebegin': before the targetelement itself.
Element.insertAdjacentHTML() - Web APIs
syntax element.insertadjacenthtml(position, text); parameters position a domstring repre
senting the position relative to the element; must be one of the following strings: 'beforebegin': before the element itself.
Element.localName - Web APIs
syntax name = element.localname return value a domstring repre
senting the local part of the element's qualified name.
Element.matches() - Web APIs
syntax var result = element.matches(selectorstring); parameters selectorstring is a string repre
senting the selector to test.
Element.onfullscreenchange - Web APIs
this gives us a value, isfullscreen, which we pass into a function called adjustmycontrols(), which we imagine to be a function that makes adjustments to the app's user interface to pre
sent itself optimally when it's in full-screen mode versus being displayed in a window.
Element.onfullscreenerror - Web APIs
the element interface's onfullscreenerror property is an event handler for the fullscreenerror event which is
sent to the element when an error occurs while attempting to transition into or out of full-screen mode.
Element.outerHTML - Web APIs
to only obtain the html repre
sentation of the contents of an element, or to replace the contents of an element, use the innerhtml property instead.
Element.part - Web APIs
the part property of the element interface repre
sents the part identifier(s) of the element (i.e.
Element.querySelectorAll() - Web APIs
the element method queryselectorall() returns a static (not live) nodelist repre
senting a list of elements matching the specified group of selectors which are descendants of the element on which the method was called.
Element.requestFullscreen() - Web APIs
we don't need to do anything special if successful, but if the request fails, our promise's catch() handler pre
sents an alert with an appropriate error message.
Element.scrollLeft - Web APIs
syntax getting the value // get the number of pixels scrolled var sleft = element.scrollleft; sleft is an integer repre
senting the number of pixels that element has been scrolled from the left edge.
Element.scrollLeftMax - Web APIs
the element.scrollleftmax read-only property returns a number repre
senting the maximum left scroll offset possible for the element.
Element.scrollTopMax - Web APIs
the element.scrolltopmax read-only property returns a number repre
senting the maximum top scroll offset possible for the element.
Element.scrollWidth - Web APIs
the width is measured in the same way as clientwidth: it includes the element's padding, but not its border, margin or vertical scrollbar (if pre
sent).
Element.tagName - Web APIs
this string's capitalization depends on the document type: for dom trees which repre
sent html documents, the returned tag name is always in the canonical upper-case form.
ElementCSSInlineStyle.style - Web APIs
styles in a single statement elt.style.csstext = "color: blue; border: 1px solid black"; // or elt.setattribute("style", "color:red; border: 1px solid blue;"); // set specific style while leaving other inline style values untouched elt.style.color = "blue"; getting style information the style property is not useful for completely learning about the styles applied on the element, since it repre
sents only the css declarations set in the element's inline style attribute, not those that come from style rules elsewhere, such as style rules in the <head> section, or external style sheets.
ErrorEvent - Web APIs
the errorevent interface repre
sents events providing information related to errors in scripts or in files.
Event() - Web APIs
syntax new event(typearg[, eventinit]); values typearg this is a domstring repre
senting the name of the event.
Event.preventDefault() - Web APIs
() function, which looks at the pressed key and decides whether to allow it: function checkname(evt) { var charcode = evt.charcode; if (charcode != 0) { if (charcode < 97 || charcode > 122) { evt.preventdefault(); displaywarning( "please use lowercase letters only." + "\n" + "charcode: " + charcode + "\n" ); } } } the displaywarning() function pre
sents a notification of a problem.
Event.returnValue - Web APIs
note: while returnvalue has been adopted into the dom standard, it is pre
sent primarily to support existing code.
EventListener.handleEvent() - Web APIs
the eventlistener method handleevent() method is called by the user agent when an event is
sent to the eventlistener, in order to handle events that occur on an observed eventtarget.
EventListener - Web APIs
the eventlistener interface repre
sents an object that can handle an event dispatched by an eventtarget object.
ExtendableMessageEvent.ports - Web APIs
the ports read-only property of the extendablemessageevent interface returns the array containing the messageport objects repre
senting the ports of the associated message channel (the channel the message is being
sent through.) syntax var myports = extendablemessageevent.ports; value an array of messageport objects.
FeaturePolicy - Web APIs
the featurepolicy interface of the feature policy api repre
sents the set of policies applied to the current execution context.
Using Fetch - Web APIs
ch(myrequest) .then(response => { const contenttype = response.headers.get('content-type'); if (!contenttype || !contenttype.includes('application/json')) { throw new typeerror("oops, we haven't got json!"); } return response.json(); }) .then(data => { /* process your data further */ }) .catch(error => console.error(error)); guard since headers can be
sent in requests and received in responses, and have various limitations about what information can and should be mutable, headers objects have a guard property.
File.getAsDataURL() - Web APIs
syntax var url = instanceoffile.getasdataurl(); returns a string repre
senting a data: url example // fileinput is a htmlinputelement: <input type="file" id="myfileinput" multiple> var fileinput = document.getelementbyid("myfileinput"); // files is a filelist object (similar to nodelist) var files = fileinput.files; // array with acceptable file types var accept = ["image/png"]; // img is a htmlimgelement: <img id="myimg"> var img = document.getelementbyid("myimg"); // if we accept the first selected file type if (accept.indexof(files[0].mediatype) > -1) { // display the image // ...
File.lastModified - Web APIs
syntax const time = instanceoffile.lastmodified; value a number that repre
sents the number of milliseconds since the unix epoch.
File.lastModifiedDate - Web APIs
specifications though pre
sent in early draft of the file api spec, this property has been removed from it and is now non-standard.
File.mozFullPath - Web APIs
a privileged exension to the file interface, the mozfullpath property contains the full pathname of the repre
sented file.
FileException - Web APIs
in the file system api, a fileexception object repre
sents error conditions that you might encounter while accessing the file system using the synchronous api.
FileRequest - Web APIs
filerequest.onprogress a callback handler called repeatedly while the operation repre
sented by the filerequest is in progress.
FileSystemDirectoryReader - Web APIs
the filesystemdirectoryreader interface of the file and directory entries api lets you access the fileentry-based objects (generally filesystemfileentry or filesystemdirectoryentry) repre
senting each entry in a directory.
FileSystemEntry.fullPath - Web APIs
the read-only fullpath property of the filesystementry interface returns a usvstring specifying the full, absolute path from the file system's root to the file repre
sented by the entry.
FileSystemEntry.isDirectory - Web APIs
the read-only isdirectory property of the filesystementry interface is true if the entry repre
sents a directory (meaning it's a filesystemdirectoryentry) and false if it's not.
FileSystemEntry.isFile - Web APIs
the read-only isfile property of the filesystementry interface is true if the entry repre
sents a file (meaning it's a filesystemfileentry) and false if it's not.
FileSystemFileEntry.file() - Web APIs
the filesystemfileentry interface's method file() returns a file object which can be used to read data from the file repre
sented by the directory entry.
FontFaceSetLoadEvent - Web APIs
properties fontfacesetloadevent.fontfacesread only returns an array of fontface instances each of which repre
sents a single usable font.
FormData.append() - Web APIs
if the
sent value is different than string or blob it will be automatically converted to string: formdata.append('name', true); formdata.append('name', 74); formdata.append('name', 'john'); formdata.getall('name'); // ["true", "74", "john"] specifications specification status comment xmlhttprequestthe definition of 'append()' in that specification.
FormData.get() - Web APIs
syntax formdata.get(name); parameters name a usvstring repre
senting the name of the key you want to retrieve.
FormData.getAll() - Web APIs
syntax formdata.getall(name); parameters name a usvstring repre
senting the name of the key you want to retrieve.
FormData.has() - Web APIs
syntax formdata.has(name); parameters name a usvstring repre
senting the name of the key you want to test for.
FormData.set() - Web APIs
example the following line creates an empty formdata object: var formdata = new formdata(); // currently empty you can set key/value pairs on this using formdata.set: formdata.set('username', 'chris'); formdata.set('userpic', myfileinput.files[0], 'chris.jpg'); if the
sent value is different than string or blob it will be automatically converted to string: formdata.set('name', 72); formdata.get('name'); // "72" specifications specification status comment xmlhttprequestthe definition of 'set()' in that specification.
FormData - Web APIs
the formdata interface provides a way to easily construct a set of key/value pairs repre
senting form fields and their values, which can then be easily
sent using the xmlhttprequest.send() method.
FormDataEvent() - Web APIs
syntax new formdataevent(type[, formeventinit]); values type a domstring repre
senting the name of the event.
FormDataEvent.formData - Web APIs
the formdata read only property of the formdataevent interface contains the formdata object repre
senting the data contained in the form when the event was fired.
Using the Frame Timing API - Web APIs
a frame repre
sents the amount of work a browser does in one event loop iteration such as processing dom events, resizing, scrolling, rendering, css animations, etc.
Frame Timing API - Web APIs
a frame repre
sents the amount of work a browser does in one event loop iteration such as processing dom events, resizing, scrolling, rendering, css animations, etc.
GainNode() - Web APIs
the gainnode() constructor of the web audio api creates a new gainnode object which an audionode that repre
sents a change in volume.
Gamepad.hapticActuators - Web APIs
the hapticactuators read-only property of the gamepad interface returns an array containing gamepadhapticactuator objects, each of which repre
sents haptic feedback hardware available on the controller.
Gamepad.timestamp - Web APIs
the gamepad.timestamp property of the gamepad interface returns a domhighrestimestamp repre
senting the last time the data for this gamepad was updated.
GeolocationPosition.timestamp - Web APIs
the geolocationposition.timestamp read-only property returns a domtimestamp object, repre
sents the date and the time of the creation of the geolocationposition object it belongs to.
Using the Geolocation API - Web APIs
the geolocationposition instance contains only two things, a coords property that contains the geolocationcoordinates instance, and a timestamp property that contains a domtimestamp instance repre
senting the time at which the position data was retrieved.
GeometryUtils - Web APIs
methods geometryutils.getboxquads() returns a list of domquad objects repre
senting the css fragments of the node.
HTMLAnchorElement.rel - Web APIs
it is a domstring containing a space-separated list of link types indicating the relationship between the resource repre
sented by the <a> element and the current document.
HTMLAnchorElement.relList - Web APIs
it is a live domtokenlist containing the set of link types indicating the relationship between the resource repre
sented by the <a> element and the current document.
HTMLAreaElement.rel - Web APIs
it is a domstring containing a space-separated list of link types indicating the relationship between the resource repre
sented by the <area> element and the current document.
HTMLAreaElement.relList - Web APIs
it is a live domtokenlist containing the set of link types indicating the relationship between the resource repre
sented by the <area> element and the current document.
HTMLCanvasElement.toDataURL() - Web APIs
the htmlcanvaselement.todataurl() method returns a data uri containing a repre
sentation of the image in the format specified by the type parameter (defaults to png).
HTMLCollection - Web APIs
the htmlcollection interface repre
sents a generic collection (array-like object similar to arguments) of elements (in document order) and offers methods and properties for selecting from the list.
HTMLDataListElement - Web APIs
h="2px" /><text x="396" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmldatalistelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement htmldatalistelement.options read only is a htmlcollection repre
senting a collection of the contained option elements.
HTMLDialogElement.close() - Web APIs
syntax dialoginstance.close(returnvalue); parameters returnvalue optional a domstring repre
senting an updated value for the htmldialogelement.returnvalue of the dialog.
HTMLDialogElement.open - Web APIs
syntax dialoginstance.open = true; var myopenvalue = dialoginstance.open; value a boolean repre
senting the state of the open html attribute.
HTMLDialogElement.returnValue - Web APIs
syntax dialoginstance.returnvalue = 'myreturnvalue'; var myreturnvalue = dialoginstance.returnvalue; value a domstring repre
senting the returnvalue of the dialog.
HTMLDialogElement - Web APIs
htmldialogelement.showmodal() displays the dialog as a modal, over the top of any other dialogs that might be pre
sent.
HTMLDivElement - Web APIs
htmldivelement.align is a domstring repre
senting an enumerated property indicating alignment of the element's contents with respect to the surrounding context.
accessKeyLabel - Web APIs
the htmlelement.accesskeylabel read-only property returns a string that repre
sents the element's assigned access key (if any); otherwise it returns an empty string.
HTMLElement.title - Web APIs
the htmlelement.title property repre
sents the title of the element: the text usually displayed in a 'tooltip' popup when the mouse is over the node.
HTMLFontElement.face - Web APIs
the format of the string must follow one of the following html microsyntax: microsyntax description examples list of one or more valid font family names a list of font names, that have to be pre
sent on the local system courier,verdana syntax facestring = fontobj.face; fontobj.face = facestring; examples // assumes there is <font id="f"> element in the html var f = document.getelementbyid("f"); f.face = "arial"; specifications the <font> tag is not supported in html5 and as a result neither is <font>.face .
HTMLFormControlsCollection.namedItem() - Web APIs
example html <form> <input id="my-form-control" type="textarea"> </form> javascript // returns the htmlinputelement repre
senting #my-form-control elem1 = document.forms[0]['my-form-control']; specifications specification status comment html living standardthe definition of 'htmlformcontrolscollection.nameditem()' in that specification.
HTMLFormElement.target - Web APIs
the target property of the htmlformelement interface repre
sents the target of the form's action (i.e., the frame in which to render its output).
HTMLHeadElement - Web APIs
htmlheadelement.profile is a domstring repre
senting the uris of one or more metadata profiles (white space separated).
HTMLHtmlElement - Web APIs
htmlhtmlelement.version is a domstring repre
senting the version of the html document type definition (dtd) that governs this document.
HTMLHyperlinkElementUtils.origin - Web APIs
the htmlhyperlinkelementutils.origin read-only property is a usvstring containing the unicode serialization of the origin of the repre
sented url; that is: for url using the http or https, the scheme followed by '://', followed by the domain, followed by ':', followed by the port (the default port, 80 and 443 respectively, if explicitely specified); for url using file: scheme, the value is browser dependant; for url using the blob: scheme, the origin of the url following blob:.
HTMLIFrameElement.src - Web APIs
the htmliframeelement.src property reflects the html referrerpolicy attribute of the <iframe> element defining which referrer is
sent when fetching the resource.
HTMLImageElement.decode() - Web APIs
usage notes one potential use case for decode(): when loading very large images (for example, in an online photo album), you can pre
sent a low resolution thumbnail image initially and then replace that image with the full-resolution image by instantiating a new htmlimageelement, setting its source to the full-resolution image's url, then using decode() to get a promise which is resolved once the full-resolution image is ready for use.
HTMLImageElement.height - Web APIs
otherwise, the image's height is repre
sented using its natural (intrinsic) height, adjusted for the display density as indicated by naturalheight.
HTMLImageElement.loading - Web APIs
to prevent this reflow from occurring, you should explicitly specify the size of the image's pre
sentation using the image element's width and height attributes.
HTMLImageElement.srcset - Web APIs
syntax htmlimageelement.srcset = imagecandidatestrings; let srcset = htmlimageelement.srcset; value a usvstring containing a comma-separated list of one or more image candidate strings to be used when determining which image resource to pre
sent inside the <img> element repre
sented by the htmlimageelement.
HTMLImageElement.width - Web APIs
otherwise, the image's width is repre
sented using its natural (intrinsic) width, adjusted for the display density as indicated by naturalwidth.
HTMLImageElement.x - Web APIs
from there, we can get the <img> element itself from the cell by calling queryselector() on the htmltablecellelement repre
senting that cell.
HTMLImageElement.y - Web APIs
from there, we can get the <img> element itself from the cell by calling queryselector() on the htmltablecellelement repre
senting that cell.
HTMLInputElement: search event - Web APIs
bubbles yes cancelable no interface event event handler property onsearch there are several ways a search can be initiated, such as by pressing enter while the <input> is focused, or, if the incremental attribute is pre
sent, after a ua-defined timeout elapses since the most recent keystroke (with new keystrokes resetting the timeout so the firing of the event is debounced).
HTMLLIElement - Web APIs
htmllielement.type is a domstring repre
senting the type of the bullets, "disc", "square" or "circle".
HTMLLabelElement.control - Web APIs
syntax control = htmllabelelement.control value an htmlelement derived object repre
senting the control with which the <label> is associated, or null if the label stands alone.
HTMLLinkElement.as - Web APIs
the as property of the htmllinkelement interface returns a domstring repre
senting the type of content being loaded by the html link, one of "script", "style", "image", "video", "audio", "track", "font", "fetch".
HTMLLinkElement.referrerPolicy - Web APIs
the htmllinkelement.referrerpolicy property reflect the html referrerpolicy attribute of the <link> element defining which referrer is
sent when fetching the resource.
HTMLLinkElement.rel - Web APIs
it is a domstring containing a space-separated list of link types indicating the relationship between the resource repre
sented by the <link> element and the current document.
HTMLLinkElement.relList - Web APIs
it is a live domtokenlist containing the set of link types indicating the relationship between the resource repre
sented by the <link> element and the current document.
HTMLMediaElement: emptied event - Web APIs
the emptied event is fired when the media has become empty; for example, this event is
sent if the media has already been loaded (or partially loaded), and the load() method is called to reload it.
HTMLMediaElement.src - Web APIs
note: the best way to know the url of the media resource currently in active use in this element is to look at the value of the currentsrc attribute, which also takes into account selection of a best or preferred media resource from a list provided in an htmlsourceelement (which repre
sents a <source> element).
HTMLModElement - Web APIs
htmlmodelement.datetime is a domstring reflecting the datetime html attribute, containing a date-and-time string repre
senting a timestamp for the change.
HTMLObjectElement.contentDocument - Web APIs
the contentdocument read-only property of the htmlobjectelement interface returns a document repre
senting the active document of the object element's nested browsing context, if any; otherwise null.
HTMLObjectElement.contentWindow - Web APIs
the contentwindow read-only property of the htmlobjectelement interface returns a windowproxy repre
senting the window proxy of the object element's nested browsing context, if any; otherwise null.
HTMLObjectElement.form - Web APIs
the form read-only property of the htmlobjectelement interface retuns a htmlformelement repre
senting the object element's form owner, or null if there isn't one.
HTMLObjectElement.validationMessage - Web APIs
the validationmessage read-only property of the htmlobjectelement interface returns a domstring repre
senting a localized message that describes the validation constraints that the control does not satisfy (if any).
HTMLOptionsCollection - Web APIs
the htmloptionscollection interface repre
sents a collection of <option> html elements (in document order) and offers methods and properties for selecting from the list as well as optionally altering its items.
HTMLOrForeignElement - Web APIs
mlorforeignelement interface provides read/write access to all the custom data attributes (data-*) set on the element.nonce the nonce property of the htmlorforeignelement interface returns the cryptographic number used once that is used by content security policy to determine whether a given fetch will be allowed to proceed.tabindexthe tabindex property of the htmlorforeignelement interface repre
sents the tab order of the current element.methodsblur()the htmlelement.blur() method removes keyboard focus from the current element.focus()the htmlelement.focus() method sets focus on the specified element, if it can be focused.
HTMLParagraphElement - Web APIs
htmlparagraphelement.align a domstring repre
senting an enumerated property indicating alignment of the element's contents with respect to the surrounding context.
HTMLProgressElement - Web APIs
the htmlprogresselement interface provides special properties and methods (beyond the regular htmlelement interface it also has available to it by inheritance) for manipulating the layout and pre
sentation of <progress> elements.
HTMLSelectElement.add() - Web APIs
syntax collection.add(item[, before]); parameters item is an htmloptionelement or htmloptgroupelement before is optional and an element of the collection, or an index of type long, repre
senting the item item should be inserted before.
HTMLSelectElement.form - Web APIs
the htmlselectelement.form read-only property returns a htmlformelement repre
senting the form that this element is associated with.
HTMLSelectElement.item() - Web APIs
examples html <form> <select id="myformcontrol" type="textarea"> <option id="o1">opt 1</option> <option id="o2">opt 2</option> </select> </form> javascript // returns the htmloptionelement repre
senting #o2 elem1 = document.forms[0]['myformcontrol'][1]; specifications specification status comment html living standardthe definition of 'htmlselectelement.item()' in that specification.
HTMLSelectElement.namedItem() - Web APIs
example html <form> <select id="myformcontrol"> <option id="o1">opt 1</option> <option id="o2">opt 2</option> </select> </form> javascript elem1 = document.forms[0]['myformcontrol']['o1']; // returns the htmloptionelement repre
senting #o1 specifications specification status comment html living standardthe definition of 'htmlselectelement.nameditem()' in that specification.
HTMLSelectElement.selectedOptions - Web APIs
html the html that creates the selection box and the <option> elements repre
senting each of the food choices looks like this: <label for="foods">what do you want to eat?</label><br> <select id="foods" name="foods" size="7" multiple> <option value="1">burrito</option> <option value="2">cheeseburger</option> <option value="3">double bacon burger supreme</option> <option value="4">pepperoni pizza</option> <option value="5">taco</option> </select> <br> <button name="or...
HTMLSourceElement - Web APIs
htmlsourceelement.sizes is a domstring repre
senting image sizes between breakpoints htmlsourceelement.src is a domstring reflecting the src html attribute, containing the url for the media resource.
HTMLSpanElement - Web APIs
the htmlspanelement interface repre
sents a <span> element and derives from the htmlelement interface, but without implementing any additional properties or methods.
HTMLTableCaptionElement - Web APIs
htmltablecaptionelement.align is a domstring which repre
sents an enumerated attribute indicating alignment of the caption with respect to the table.
HTMLTableElement.cellSpacing - Web APIs
while you should instead use the css border-spacing property, the obsolete htmltableelement interface's cellspacing property repre
sents the spacing around the individual <th> and <td> elements repre
senting a table's cells.
HTMLTableElement.rows - Web APIs
syntax htmlcollectionobject = table.rows; value an htmlcollection providing a live-updating list of the htmltablerowelement objects repre
senting all of the <tr> elements contained in the table.
InstallEvent - Web APIs
the parameter passed into the oninstall handler, the installevent interface repre
sents an install action that is dispatched on the serviceworkerglobalscope of a serviceworker.
InstallTrigger - Web APIs
getversion returns an object repre
senting the version number from the client version registry for the specified component.
IntersectionObserver.IntersectionObserver() - Web APIs
the callback receives as input two parameters: entries an array of intersectionobserverentry objects, each repre
senting one threshold which was crossed, either becoming more or less visible than the percentage specified by that threshold.
IntersectionObserver.observe() - Web APIs
when the visibility of the specified element crosses over one of the observer's visibility thresholds (as listed in intersectionobserver.thresholds), the observer's callback is executed with an array of intersectionobserverentry objects repre
senting the intersection changes which occurred.
Keyboard.lock() - Web APIs
assuming a standard us qwerty layout, registering "keyw" ensures that "w", shift+"w", control+"w", control+shift+"w", and all other key modifier combinations with "w" are
sent to the app.
KeyboardEvent() - Web APIs
syntax event = new keyboardevent(typearg, keyboardeventinit); values typearg is a domstring repre
senting the name of the event.
KeyboardEvent: code values - Web APIs
code values code values on windows this table shows the windows scan codes repre
senting keys and the keyboardevent.code values which correspond to those hardware keys.
KeyboardEvent.keyCode - Web APIs
the deprecated keyboardevent.keycode read-only property repre
sents a system and implementation dependent numerical code identifying the unmodified value of the pressed key.
KeyboardEvent.location - Web APIs
the keyboardevent.location read-only property returns an unsigned long repre
senting the location of the key on the keyboard or other input device.
KeyframeEffect.KeyframeEffect() - Web APIs
keyframeoptions optional either an integer repre
senting the animation's duration (in milliseconds), or an object containing one or more of the following: delay optional the number of milliseconds to delay the start of the animation.
LayoutShift - Web APIs
note that in this example data is only
sent to the server when the user leaves the tab.
LocalMediaStream - Web APIs
the localmediastream interface was part of the media capture and streams api, repre
senting a stream of data being generated locally (such as by getusermedia().
Location: origin - Web APIs
the origin read-only property of the location interface is a usvstring containing the unicode serialization of the origin of the repre
sented url; that is: for url using the http or https, the scheme followed by '://', followed by the domain, followed by ':', followed by the port (the default port, 80 and 443 respectively, if explicitely specified); for url using file: scheme, the value is browser dependant; for url using the blob: scheme, the origin of the url following blob:.
Location: protocol - Web APIs
the protocol property of the location interface is a usvstring repre
senting the protocol scheme of the url, including the final ':'.
Location - Web APIs
the location interface repre
sents the location (url) of the object it is linked to.
Locks.name - Web APIs
the name is selected by the developer to repre
sent an abstract resource for which use is being coordinated across multiple tabs, workers, or other code within the origin.
LockedFile.location - Web APIs
summary the location property is a zero-based index repre
senting the position of the read/write pointer within the file.
LockedFile.truncate() - Web APIs
syntax var request = instanceoflockedfile.truncate(start); parameters start optional a number repre
senting the index where to start the operation.
MSGestureEvent - Web APIs
the msgestureevent is a proprietary interface specific to internet explorer and microsoft edge which repre
sents events that occur due to touch gestures.
MediaDeviceInfo.deviceId - Web APIs
the deviceid readonly property of the mediadeviceinfo interface returns a domstring that is an identifier for the repre
sented device and is persisted across sessions.
MediaDeviceInfo.groupId - Web APIs
this might be used to produce a user interface that gathers associated devices together for pre
sentation purposes, or to make it easy for the user to choose to use the built-in camera and microphone on the same display at the same time.
MediaDeviceInfo - Web APIs
properties mediadeviceinfo.deviceidread only returns a domstring that is an identifier for the repre
sented device that is persisted across sessions.
MediaDevices.getUserMedia() - Web APIs
if (navigator.mediadevices.getusermedia === undefined) { navigator.mediadevices.getusermedia = function(constraints) { // first get ahold of the legacy getusermedia, if pre
sent var getusermedia = navigator.webkitgetusermedia || navigator.mozgetusermedia; // some browsers just don't implement it - return a rejected promise with an error // to keep a consistent interface if (!getusermedia) { return promise.reject(new error('getusermedia is not implemented in this browser')); } // otherwise, wrap the call to the old navigator.getusermedia wi...
MediaError.message - Web APIs
wser."; break; default: s += "an unknown error occurred."; break; } let message = err.message; if (message && message.length) { s += " " + message; } displayerrormessage("<strong>error " + err.code + ":</strong> " + s + "<br>"); }; this gets the mediaerror object describing the error from the error property on the htmlaudioelement repre
senting the audio player.
MediaKeySession - Web APIs
the mediakeysession interface of the encryptedmediaextensions api repre
sents a context for message exchange with a content decryption module (cdm).
createSession() - Web APIs
the mediakeys.createsession() method returns a new mediakeysession object, which repre
sents a context for message exchange with a content decryption module (cdm).
MediaMetadata.artwork - Web APIs
the artwork property of the mediametadata interface returns or sets an array of mediaimage objects repre
senting images associated with playing media.
MediaStream() - Web APIs
the mediastream() constructor returns a newly-created mediastream, which serves as a collection of media tracks, each repre
sented by a mediastreamtrack object.
MediaStream.getAudioTracks() - Web APIs
the getaudiotracks() method of the mediastream interface returns a sequence that repre
sents all the mediastreamtrack objects in this stream's track set where mediastreamtrack.kind is audio.
MediaStream.getTracks() - Web APIs
the gettracks() method of the mediastream interface returns a sequence that repre
sents all the mediastreamtrack objects in this stream's track set, regardless of mediastreamtrack.kind.
MediaStreamAudioDestinationNode - Web APIs
the mediastreamaudiodestinationnode interface repre
sents an audio destination consisting of a webrtc mediastream with a single audiomediastreamtrack, which can be used in a similar way to a mediastream obtained from navigator.getusermedia.
MediaStreamAudioSourceNode - Web APIs
track ordering for the purposes of the mediastreamtrackaudiosourcenode interface, the order of the audio tracks on the stream is determined by taking the tracks whose kind is audio, then sorting the tracks by their id property's values, in unicode code point order (es
sentially, in alphabetical or lexicographical order, for ids which are simple alphanumeric strings).
MediaStreamAudioSourceOptions.mediaStream - Web APIs
syntax mediastreamaudiosourceoptions = { mediastream: audiosourcestream; } mediastreamaudiosourceoptions.mediastream = audiosourcestream; value a mediastream repre
senting the stream from which to use a mediastreamtrack as the source of audio for the node.
MediaStreamEvent() - Web APIs
mediastreameventinit is a mediastreameventinit dictionary, having the following fields: "stream" of type mediastream repre
senting the stream being concerned by the event.
MessageChannel.port1 - Web APIs
the handlemessage handler then responds to a message being
sent back from the <iframe> (using messageport.onmessage), putting it into a paragraph.
MessageEvent.ports - Web APIs
the ports read-only property of the messageevent interface is an array of messageport objects repre
senting the ports associated with the channel the message is being
sent through (where appropriate, e.g.
MessagePort.onmessage - Web APIs
the handlemessage handler then responds to a message being
sent back from the iframe using onmessage, putting it into a paragraph — messagechannel.port1 is listened to, to check when the message arrives.
MessagePort.start() - Web APIs
example in the following code block, you can see a handlemessage handler function, run when a message is
sent back to this document using onmessage: channel.port1.onmessage = handlemessage; function handlemessage(e) { para.innerhtml = e.data; } another option would be to do this using eventtarget.addeventlistener, however, when this method is used, you need to explicitly call start() to begin the flow of messages to this document: channel.port1.addeventlistener('message', handlemessage, false); f...
MessagePort - Web APIs
the messageport interface of the channel messaging api repre
sents one of the two ports of a messagechannel, allowing messages to be
sent from one port and listening out for them arriving at the other.
MouseEvent.button - Web APIs
syntax var buttonpressed = instanceofmouseevent.button return value a number repre
senting a given button: 0: main button pressed, usually the left button or the un-initialized state 1: auxiliary button pressed, usually the wheel button or the middle button (if pre
sent) 2: secondary button pressed, usually the right button 3: fourth button, typically the browser back button 4: fifth button, typically the browser forward button as noted above, buttons may be configured diffe...
MouseEvent.region - Web APIs
syntax var hitregion = instanceofmouseevent.region return value a domstring repre
senting the id of the hit region.
MouseEvent.webkitForce - Web APIs
mouseevent.webkitforce is a proprietary, webkit-specific numeric property whose value repre
sents the amount of pressure that is being applied on the touchpad or touchscreen.
MouseEvent.which - Web APIs
syntax var buttonpressed = instanceofmouseevent.which return value a number repre
senting a given button: 0: no button 1: left button 2: middle button (if pre
sent) 3: right button for a mouse configured for left-handed use, the button actions are reversed.
MouseEvent - Web APIs
the mouseevent interface repre
sents events that occur due to the user interacting with a pointing device (such as a mouse).
MouseScrollEvent - Web APIs
the mousescrollevent interface repre
sents events that occur due to the user moving a mouse wheel or similar input device.
MutationObserver.observe() - Web APIs
(for example, if mutationobserverinit.childlist, mutationobserverinit.attributes, and mutationobserverinit.characterdata are all false.) the value of options.attributes is false (indicating that attribute changes are not to be monitored), but attributeoldvalue is true and/or attributefilter is pre
sent.
MutationObserverInit.attributeFilter - Web APIs
for any items repre
senting an attribute change (which can be detected by the value of mutationrecord.type being "attributes"), we use the attribute's name, obtained using mutationrecord.attributename, to identify the type of change that occurred and then dispatch to the appropriate handler function.
MutationObserverInit.attributeOldValue - Web APIs
for any items repre
senting an attribute change (which can be detected by the value of mutationrecord.type being "attributes"), a function called notifyuser() is used to tell the user the name of the attribute that changed as well as the attribute's new value (mutation.target[mutation.attributename]) and its old value (mutation.oldvalue).
MutationObserverInit.attributes - Web APIs
for any items repre
senting an attribute change (which can be detected by the value of mutationrecord.type being "attributes"), a function called notifyuser() is used to tell the user the name of the attribute that changed as well as the attribute's new value (mutation.target[mutation.attributename]) and its old value (mutation.oldvalue).
MutationObserverInit.characterDataOldValue - Web APIs
syntax var options = { characterdataoldvalue: true | false } value a boolean value indicating whether or not to set the mutationrecord's oldvalue property to be a string containing the value of the character node's contents prior to the change repre
sented by the mutation record.
NDEFRecord() - Web APIs
the ndefrecord() constructor of the web nfc api returns a newly constructed ndefrecord object that repre
sents data that can be read from or written to compatible nfc devices, e.g.
Navigation Timing API - Web APIs
the navigation timing api can be used to gather performance data on the client side to be
sent to a server via xhr as well as measure data that was very difficult to measure by other means such as time to unload a previous page, domain look up time, window.onload total time, etc.
Navigator.mozIsLocallyAvailable() - Web APIs
example var available = navigator.mozislocallyavailable("my-image-file.png", true); if (available) { /* the offline resource is pre
sent */ } else { console.log("certain needed resources are not available offline"); } specifications not part of any specifications.
Web-based protocol handlers - Web APIs
the data
sent:</p> <textarea> <?php echo(htmlspecialchars($value, ent_quotes, 'utf-8')); ?> </textarea> </body> </html> references http://www.w3.org/tr/2011/wd-html5-20110525/timers.html#custom-handlers see also window.navigator.registercontenthandler nsiprotocolhandler (xul only) registerprotocolhandler enhancing the federated web at mozilla webdev register a custom protocolhandler at google ...
Navigator.requestMediaKeySystemAccess() - Web APIs
the fulfillment handler receives as input just one parameter: mediakeysystemaccess a mediakeysystemaccess object repre
senting the media key system configuration described by keysystem and supportedconfigurations exceptions in case of an error, the returned promise is rejected with a domexception whose name indicates what kind of error occurred.
navigator.hardwareConcurrency - Web APIs
the browser may, however, choose to report a lower number of logical cores in order to repre
sent more accurately the number of workers that can run at once, so don't treat this as an absolute measurement of the number of cores in the user's system.
NavigatorConcurrentHardware - Web APIs
the browser may, however, choose to reduce the number in order to repre
sent more accurately the number of workers that can run at once properties navigatorconcurrenthardware.hardwareconcurrency read only returns the number of logical processors which may be available to the user agent.
NavigatorID.userAgent - Web APIs
some firefox extensions do that; however, this only changes the http header that gets
sent, and doesn't affect browser detection performed by javascript code.
NavigatorPlugins.plugins - Web APIs
function getflashversion() { var flash = navigator.plugins.nameditem('shockwave flash'); if (typeof flash != 'object') { // flash is not pre
sent return undefined; } if(flash.version){ return flash.version; } else { //no version property (e.g.
NetworkInformation.downlinkMax - Web APIs
syntax var max = networkinformation.downlinkmax return value an unrestricted double repre
senting the maximum downlink speed, in megabits per second (mb/s), for the underlying connection technology.
Node.baseURI - Web APIs
syntax var nodebaseuri = node.baseuri; value a domstring repre
senting the base url of the specified node.
Node.baseURIObject - Web APIs
the node.baseuriobject property returns the nsiuri repre
senting the node's (typically a document or an element) base url.
Node.getRootNode() - Web APIs
this will differ in exact form depending on where you called getrootnode(); for example: calling it on an element inside a standard web page will return an htmldocument object repre
senting the entire page.
Node.isDefaultNamespace() - Web APIs
syntax result = node.isdefaultnamespace(namespaceuri); parameters namespaceuri is a string repre
senting the namespace against which the element will be checked.
Node.lookupPrefix() - Web APIs
the node.lookupprefix() method returns a domstring containing the prefix for a given namespace uri, if pre
sent, and null if not.
Node.nextSibling - Web APIs
syntax nextnode = node.nextsibling notes gecko-based browsers insert text nodes into a document to repre
sent whitespace in the source markup.
Node.previousSibling - Web APIs
syntax previousnode = node.previoussibling; example <img id="b0"> <img id="b1"> <img id="b2"> console.log(document.getelementbyid("b1").previoussibling); // <img id="b0"> console.log(document.getelementbyid("b2").previoussibling.id); // "b1" notes gecko-based browsers insert text nodes into a document to repre
sent whitespace in the source markup.
Node.textContent - Web APIs
the textcontent property of the node interface repre
sents the text content of the node and its descendants.
NodeFilter - Web APIs
a nodefilter interface repre
sents an object used to filter the nodes in a nodeiterator or treewalker.
NodeIterator.nextNode() - Web APIs
the nodeiterator.nextnode() method returns the next node in the set repre
sented by the nodeiterator and advances the position of the iterator within the set.
NodeIterator.previousNode() - Web APIs
the nodeiterator.previousnode() method returns the previous node in the set repre
sented by the nodeiterator and moves the position of the iterator backwards within the set.
NodeIterator.root - Web APIs
the nodeiterator.root read-only property repre
sents the node that is the root of what the nodeiterator traverses.
NodeIterator.whatToShow - Web APIs
the nodeiterator.whattoshow read-only property repre
sents an unsigned integer repre
senting a bitmask signifying what types of nodes should be returned by the nodeiterator.
NodeList.length - Web APIs
syntax numitems = nodelist.length numitems is an integer value repre
senting the number of items in a nodelist.
Notification.badge - Web APIs
the badge property of the notification interface returns the url of the image used to repre
sent the notification when there is not enough space to display the notification itself.
Notification.maxActions - Web APIs
syntax notification.maxactions value an integer number which indicates the largest number of notification actions that can be pre
sented to the user by the user agent and the device.
Notification.requestPermission() - Web APIs
possible values for this string are: granted denied default examples assume this basic html: <button onclick="notifyme()">notify me!</button> it's possible to send a notification as follows — here we pre
sent a fairly verbose and complete set of code you could use if you wanted to first check whether notifications are supported, then check if permission has been granted for the current origin to send notifications, then request permission if required, before then sending a notification.
Notification.timestamp - Web APIs
the notification's timestamp can repre
sent the time, in milliseconds since 00:00:00 utc on 1 january 1970, of the event for which the notification was created, or it can be an arbitrary timestamp that you want associated with the notification.
Notifications API - Web APIs
notificationevent a specific type of event object, based on extendableevent, which repre
sents a notification that has fired.
OrientationSensor - Web APIs
absoluteorientationsensor relativeorientationsensor properties orientationsensor.quaternion returns a four element array whose elements contain the components of the unit quaternion repre
senting the device's orientation.
OscillatorNode.OscillatorNode() - Web APIs
the oscillatornode() constructor of the web audio api creates a new oscillatornode object which is an audionode that repre
sents a periodic waveform, like a sine wave, optionally setting the node's properties' values to match values in a specified object.
OscillatorNode.start() - Web APIs
syntax oscillator.start(when); // start playing oscillator at the point in time specified by when parameters when optional an optional double repre
senting the time (in seconds) when the oscillator should start, in the same coordinate system as audiocontext's currenttime attribute.
OscillatorNode.stop() - Web APIs
syntax oscillator.stop(when); // stop playing oscillator at when parameters when optional an optional double repre
senting the audio context time when the oscillator should stop.
OscillatorNode.type - Web APIs
you never set type to custom manually; instead, use the setperiodicwave() method to provide the data repre
senting the waveform.
PannerNode.maxDistance - Web APIs
the maxdistance property of the pannernode interface is a double value repre
senting the maximum distance between the audio source and the listener, after which the volume is not reduced any further.
PannerNode.refDistance - Web APIs
the refdistance property of the pannernode interface is a double value repre
senting the reference distance for reducing volume as the audio source moves further from the listener – i.e.
PannerNode.setPosition() - Web APIs
the setposition() method of the pannernode interface defines the position of the audio source relative to the listener (repre
sented by an audiolistener object stored in the audiocontext.listener attribute.) the three parameters x, y and z are unitless and describe the source's position in 3d space using the right-hand cartesian coordinate system.
ParentNode.querySelector() - Web APIs
the parentnode mixin defines the queryselector() method as returning an element repre
senting the first element matching the specified group of selectors which are descendants of the object on which the method was called.
ParentNode.querySelectorAll() - Web APIs
the parentnode mixin defines the queryselectorall() method as returning a nodelist repre
senting a list of elements matching the specified group of selectors which are descendants of the object on which the method was called.
ParentNode - Web APIs
parentnode.queryselectorall() returns a nodelist repre
senting a list of elements with the current element as root that matches the specified group of selectors.
PasswordCredential.passwordName - Web APIs
syntax var passwordname = passwordcredential.passwordname passwordcredential.passwordname = "passcode" value a usvstring repre
senting the password field name, used when submitting the current object to a remote endpoint via fetch.
Path2D - Web APIs
the path methods of the canvasrenderingcontext2d interface are also pre
sent on this interface, which gives you the convenience of being able to retain and replay your path whenever desired.
PayerErrors.name - Web APIs
syntax payername = payererrors.name; value if this property is pre
sent in the payererrors object, the payer's name couldn't be successfully validated, and the name property's value is a domstring explaining the error.
PayerErrors.phone - Web APIs
syntax payerphone = payererrors.phone; value if this property is pre
sent in the payererrors object, the payer's phone number couldn't be successfully validated, and the phone property's value is a domstring explaining the error.
PaymentAddress.addressLine - Web APIs
he addressline array for the mozilla space in london would have the following entries: example showing addressline entries for an address in london index addressline[] value 0 metal box factory 1 suite 441, 4th floor 2 30 great guildford street these, combined with additional values for other properties of the paymentaddress, would repre
sent the full address, which is: mozilla metal box factory suite 441, 4th floor 30 great guildford street london se1 0hs united kingdom specifications specification status comment payment request apithe definition of 'paymentaddress.addressline' in that specification.
PaymentAddress.toJSON() - Web APIs
the tojson() property of the paymentaddress interface is a standard serializer that returns a json repre
sentation of the paymentaddress object's properties.
PaymentCurrencyAmount.currencySystem - Web APIs
syntax currencysystem = paymentcurrencyamount.currencysystem; value a domstring which specifies the currency standard used to specify the currency in which the payment value is repre
sented.
PaymentDetailsUpdate.shippingAddressErrors - Web APIs
the paymentdetailsupdate dictionary's shippingaddresserrors property, if pre
sent, contains an addresserrors object whose contents provide error messages for one or more of the values in the paymentaddress specified as paymentrequest.shippingaddress.
PaymentRequest: shippingoptionchange event - Web APIs
for payment requests that request shipping information, and for which shipping options are offered, the shippingoptionchange event is
sent to the paymentrequest whenever the user chooses a shipping option from the list of available options.
PaymentRequestUpdateEvent - Web APIs
the paymentrequestupdateevent interface is used for events
sent to a paymentrequest instance when changes are made to shipping-related information for a pending paymentrequest.
PerformanceTiming.domComplete - Web APIs
the legacy performancetiming.domcomplete read-only property returns an unsigned long long repre
senting the moment, in miliseconds since the unix epoch, when the parser finished its work on the main document, that is when its document.readystate changes to 'complete' and the corresponding readystatechange event is thrown.
PerformanceTiming.domContentLoadedEventEnd - Web APIs
the legacy performancetiming.domcontentloadedeventend read-only property returns an unsigned long long repre
senting the moment, in milliseconds since the unix epoch, right after all the scripts that need to be executed as soon as possible, in order or not, has been executed.
PerformanceTiming.domContentLoadedEventStart - Web APIs
the legacy performancetiming.domcontentloadedeventstart read-only property returns an unsigned long long repre
senting the moment, in miliseconds since the unix epoch, right before the parser
sent the domcontentloaded event, that is right after all the scripts that need to be executed right after parsing has been executed.
PerformanceTiming.domInteractive - Web APIs
the legacy performancetiming.dominteractive read-only property returns an unsigned long long repre
senting the moment, in miliseconds since the unix epoch, when the parser finished its work on the main document, that is when its document.readystate changes to 'interactive' and the corresponding readystatechange event is thrown.
PerformanceTiming.domLoading - Web APIs
the legacy performancetiming.domloading read-only property returns an unsigned long long repre
senting the moment, in miliseconds since the unix epoch, when the parser started its work, that is when its document.readystate changes to 'loading' and the corresponding readystatechange event is thrown.
PerformanceTiming.domainLookupEnd - Web APIs
the legacy performancetiming.domainlookupend read-only property returns an unsigned long long repre
senting the moment, in miliseconds since the unix epoch, where the domain lookup is finished.
PerformanceTiming.domainLookupStart - Web APIs
the legacy performancetiming.domainlookupstart read-only property returns an unsigned long long repre
senting the moment, in miliseconds since the unix epoch, where the domain lookup starts.
PerformanceTiming.fetchStart - Web APIs
the legacy performancetiming.fetchstart read-only property returns an unsigned long long repre
senting the moment, in miliseconds since the unix epoch, the browser is ready to fetch the document using an http request.
PerformanceTiming.navigationStart - Web APIs
the legacy performancetiming.navigationstart read-only property returns an unsigned long long repre
senting the moment, in milliseconds since the unix epoch, right after the prompt for unload terminates on the previous document in the same browsing context.
PerformanceTiming.redirectEnd - Web APIs
the legacy performancetiming.redirectend read-only property returns an unsigned long long repre
senting the moment, in miliseconds since the unix epoch, the last http redirect is completed, that is when the last byte of the http response has been received.
PerformanceTiming.redirectStart - Web APIs
the legacy performancetiming.redirectstart read-only property returns an unsigned long long repre
senting the moment, in miliseconds since the unix epoch, the first http redirect starts.
PerformanceTiming.requestStart - Web APIs
the legacy performancetiming.requeststart read-only property returns an unsigned long long repre
senting the moment, in miliseconds since the unix epoch, when the browser
sent the request to obtain the actual document, from the server or from a cache.
PerformanceTiming.responseEnd - Web APIs
the legacy performancetiming.responseend read-only property returns an unsigned long long repre
senting the moment, in miliseconds since the unix epoch, when the browser received the last byte of the response, or when the connection is closed if this happened first, from the server from a cache or from a local resource.
PerformanceTiming.responseStart - Web APIs
the legacy performancetiming.responsestart read-only property returns an unsigned long long repre
senting the moment in time (in milliseconds since the unix epoch) when the browser received the first byte of the response from the server, cache, or local resource.
PerformanceTiming.secureConnectionStart - Web APIs
the legacy performancetiming.secureconnectionstart read-only property returns an unsigned long long repre
senting the moment, in miliseconds since the unix epoch, where the secure connection handshake starts.
PerformanceTiming.unloadEventEnd - Web APIs
the legacy performancetiming.unloadeventend read-only property returns an unsigned long long repre
senting the moment, in miliseconds since the unix epoch, the unload event handler finishes.
PerformanceTiming.unloadEventStart - Web APIs
the legacy performancetiming.unloadeventstart read-only property returns an unsigned long long repre
senting the moment, in miliseconds since the unix epoch, the unload event has been thrown.
Using the Performance API - Web APIs
however, if the browser is unable to provide a time value accurate to 5 microseconds (because of hardware or software constraints, for example), the browser can repre
sent the value as a time in milliseconds accurate to a millisecond.
PointerEvent.PointerEvent() - Web APIs
syntax event = new pointerevent(type, pointereventinit); arguments type is a domstring repre
senting the name of the event (see pointerevent event types).
PointerEvent.height - Web APIs
the height read-only property of the pointerevent interface repre
sents the height of the pointer's contact geometry, along the y-axis (in css pixels).
PointerEvent.pressure - Web APIs
syntax var pressure = pointerevent.pressure; return value pressure the normalized pressure of the pointer input in the range of 0 to 1, inclusive, where 0 and 1 repre
sent the minimum and maximum pressure the hardware is capable of detecting, respectively.
PointerEvent.width - Web APIs
the width read-only property of the pointerevent interface repre
sents the width of the pointer's contact geometry along the x-axis, measured in css pixels.
Multi-touch interaction - Web APIs
in this application, a pointer move is repre
sented by the target's border being set to dashed to provide a clear visual indication that the element has received this event.
PositionOptions.timeout - Web APIs
the positionoptions.timeout property is a positive long value repre
senting the maximum length of time (in milliseconds) the device is allowed to take in order to return a position.
PositionOptions - Web APIs
positionoptions.timeout secure context is a positive long value repre
senting the maximum length of time (in milliseconds) the device is allowed to take in order to return a position.
ProcessingInstruction - Web APIs
the processinginstruction interface repre
sents a processing instruction; that is, a node which embeds an instruction targeting a specific application but that can be ignored by any other applications which don't recognize the instruction.
PromiseRejectionEvent - Web APIs
the promiserejectionevent interface repre
sents events which are
sent to the global script context when javascript promises are rejected.
PublicKeyCredential.id - Web APIs
the id read-only property of the publickeycredential interface is a domstring, inherited from credential, which repre
sents the identifier of the current publickeycredential instance.
PublicKeyCredential - Web APIs
var options = { challenge: new uint8array([/* bytes
sent from the server */]) }; navigator.credentials.get({ "publickey": options }) .then(function (credentialinfoassertion) { // send assertion response back to the server // to proceed with the control of the credential }).catch(function (err) { console.error(err); }); specifications specification status comment web authentication: an api for accessing ...
PublicKeyCredentialRequestOptions.allowCredentials - Web APIs
examples var options = { allowcredentials: [ { transports: ["usb"], type: "public-key", id: new uint8array(26) // actually provided by the server }, { transports: ["internal"], type: "public-key", id: new uint8array(26) // actually provided by the server } ], challenge: new uint8array([/* bytes
sent from the server */]) }; navigator.credentials.get({ "publickey": options }) .then(function (credentialinfoassertion) { // send assertion response back to the server // to proceed with the control of the credential }).catch(function (err) { console.error(err); }); specifications specification status comment web authentication: an api for accessing p...
PublicKeyCredentialRequestOptions.rpId - Web APIs
examples var options = { challenge: new uint8array([/* bytes
sent from the server */]), rpid: "example.com" // will only work if the current domain // is something like foo.example.com }; navigator.credentials.get({ "publickey": options }) .then(function (credentialinfoassertion) { // send assertion response back to the server // to proceed with the control of the credential }).catch(function (err) { console.error(err);...
PublicKeyCredentialRequestOptions.userVerification - Web APIs
examples var options = { userverification: "preferred", challenge: new uint8array([/* bytes
sent from the server */]), }; navigator.credentials.get({ "publickey": options }) .then(function (credentialinfoassertion) { // send assertion response back to the server // to proceed with the control of the credential }).catch(function (err) { console.error(err); }); specifications specification status comment web authentication: an api for accessing ...
PushEvent.data - Web APIs
the data read-only property of the pushevent interface returns a reference to a pushmessagedata object containing data
sent to the pushsubscription.
PushManager.registrations() - Web APIs
pushregistration those objects are anonymous javascript objects with the following properties: pushendpoint a string repre
senting the url of the endpoint.
PushManager.subscribe() - Web APIs
(serviceworkerregistration) { var options = { uservisibleonly: true, applicationserverkey: applicationserverkey }; serviceworkerregistration.pushmanager.subscribe(options).then( function(pushsubscription) { console.log(pushsubscription.endpoint); // the push subscription details needed by the application // server are now available, and can be
sent to it using, // for example, an xmlhttprequest.
PushManager - Web APIs
} navigator.serviceworker.register('serviceworker.js').then( function(serviceworkerregistration) { serviceworkerregistration.pushmanager.subscribe().then( function(pushsubscription) { console.log(pushsubscription.endpoint); // the push subscription details needed by the application // server are now available, and can be
sent to it using, // for example, an xmlhttprequest.
PushSubscription.toJSON() - Web APIs
the tojson() method of the pushsubscription interface is a standard serializer: it returns a json repre
sentation of the subscription properties, providing a useful shortcut.
RTCCertificate - Web APIs
the interface of the the webrtc api provides an object repre
sents a certificate that an rtcpeerconnection uses to authenticate.
RTCDTMFSender: tonechange event - Web APIs
the tonechange event is
sent to an rtcdtmfsender by the webrtc api to indicate when dtmf tones previously queued for sending (by calling rtcdtmfsender.insertdtmf()) begin and end.
RTCDTMFSender - Web APIs
tonechange the tonechange event is
sent to the rtcdtmfsender instance's event handler to indicate that a tone has either started or stopped playing.
RTCDataChannel.onopen - Web APIs
the rtcdatachannel.onopen property is an eventhandler which specifies a function to be called when the open event is fired; this is a simple event which is
sent when the data channel's underlying data transport—the link over which the rtcdatachannel's messages flow—is established or re-established.
RTCDataChannel: open event - Web APIs
the webrtc open event is
sent to an rtcdatachannel object's onopen event handler when the underlying transport used to send and receive the data channel's messages is opened or re-opened.
RTCDataChannel.readyState - Web APIs
it is no longer possible to queue new messages to be
sent, but previously queued messages may still be send or received before entering the "closed" state.
RTCDataChannelEvent.channel - Web APIs
syntax var channel = rtcdatachannelevent.channel; value a rtcdatachannel object repre
senting the data channel linking the receiving rtcpeerconnection to its remote peer.
RTCDtlsTransport.state - Web APIs
examples this example pre
sents a function, tallysenders(), which iterates over an rtcpeerconnection's rtcrtpsenders, tallying up how many of them are in various states.
RTCIceCandidate.candidate - Web APIs
function handlenewicecandidate(candidatesdp) { var candidateobj = new rtcicecandidate(candidatesdp); mypeerconnection.addicecandidate(candidateobj).catch({ /* handle the error thrown by addicecandidate() */ }); } the handlenewicecandidate() function shown here passes the received candidate's sdp text into rtcicecandidate() to receive an rtcicecanddiate object in return, which repre
sents the candidate.
RTCIceCandidate.foundation - Web APIs
as such, the foundation can be used to correlate candidates that are pre
sent on multiple rtcicetransport objects syntax var foundation = rtcicecandidate.foundation; value a domstring which uniquely identifies the candidate across all rtcicetransports on which it is available.
RTCRtpSender.transport - Web APIs
syntax let transport = rtcrtpsender.transport; value an rtcdtlstransport object repre
senting the underlying transport being used by the sender to exchange packets with the remote peer, or null if the sender isn't yet connected to a transport.
RTCRtpStreamStats.firCount - Web APIs
the fircount property of the rtcrtpstreamstats dictionary indicates the number of full intra request (fir) packets have been
sent by the receiver to the sender.
RTCRtpTransceiver.direction - Web APIs
if the new value of direction is in fact different from the existing value, renegotiation of the connection is required, so a negotiationneeded event is
sent to the rtcpeerconnection.
RTCRtpTransceiver.stop() - Web APIs
note: stopping the transceiver causes a negotiationneeded event to be
sent to the transceiver's rtcpeerconnection, so the connection can adapt to the change.
RTCSessionDescriptionCallback - Web APIs
the rtcsessiondescriptioncallback type is used to repre
sent the callback function passed into the deprecated callback-based version of createoffer() or createanswer() when using them to create offers or answers.
RTCStatsType - Web APIs
outbound-rtp the report is an rtcoutboundrtpstreamstats object providing statistics based on the local peer's outgoing data being
sent to its peers.
RTCTrackEvent() - Web APIs
streams optional an array of mediastream objects repre
senting each of the streams that comprise the event's corresponding track.
RTCTrackEventInit.track - Web APIs
syntax var trackeventinit = { receiver: rtpreceiver, track: mediastreamtrack, streams: [videostream], transceiver: rtptransceiver }; var track = trackeventinit.track; value a mediastreamtrack repre
senting the track with which the event is associated.
RTCTrackEventInit - Web APIs
streams optional an array of mediastream objects repre
senting each of the streams that comprise the event's corresponding track.
RadioNodeList.value - Web APIs
if the underlying element collection contains radio buttons, the radionodelist.value property repre
sents the checked radio button.
Range.endOffset - Web APIs
the range.endoffset read-only property returns a number repre
senting where in the range.endcontainer the range ends.
Range.setEnd() - Web APIs
endoffset an integer greater than or equal to zero repre
senting the offset for the end of the range from the start of endnode.
Range.setStart() - Web APIs
startoffset an integer greater than or equal to zero repre
senting the offset for the start of the range from the start of startnode.
Range.startOffset - Web APIs
the range.startoffset read-only property returns a number repre
senting where in the startcontainer the range starts.
ReadableStreamBYOBReader - Web APIs
the readablestreambyobreader interface of the streams api repre
sents a byob ("bring your own buffer") reader that can be used to read stream data supplied by the developer (e.g.
ReadableStreamBYOBRequest.view - Web APIs
syntax var view = readablestreambyobrequestinstance.view; value a typed array repre
senting the destination region to which the controller can write generated data.
ReadableStreamDefaultReader - Web APIs
the readablestreamdefaultreader interface of the streams api repre
sents a default reader that can be used to read stream data supplied from a network (e.g.
RenderingContext - Web APIs
renderingcontext is a webidl typedef which can refer to any one of the interfaces that repre
sent a graphics rendering context within a <canvas> element: canvasrenderingcontext2d, webglrenderingcontext, or webgl2renderingcontext.
Report.type - Web APIs
syntax let reporttype = reportinstance.type returns a string repre
senting the type of the report.
Report.url - Web APIs
syntax let reporturl = reportinstance.url returns a string repre
senting the url of the document that generated the report.
Report - Web APIs
the report interface of the reporting api repre
sents a single report.
Request.mode - Web APIs
however, for requests created other than by the request.request constructor, no-cors is typically used as the mode; for example, for embedded resources where the request is initiated from markup, unless the crossorigin attribute is pre
sent, the request is in most cases made using the no-cors mode — that is, for the <link> or <script> elements (except when used with modules), or <img>, <audio>, <video>, <object>, <embed>, or <iframe> elements.
ResizeObserverEntry.target - Web APIs
syntax var element = resizeobserverentry.target; var svgelement = resizeobserverentry.target; value an element or svgelement repre
senting the element being observed.
ResizeObserverEntry - Web APIs
the resizeobserverentry interface repre
sents the object passed to the resizeobserver() constructor's callback function, which allows you to access the new dimensions of the element or svgelement being observed.
Response - Web APIs
the response interface of the fetch api repre
sents the response to a request.
RsaOaepParams - Web APIs
the rsaoaepparams dictionary of the web crypto api repre
sents the object that should be passed as the algorithm parameter into subtlecrypto.encrypt(), subtlecrypto.decrypt(), subtlecrypto.wrapkey(), or subtlecrypto.unwrapkey(), when using the rsa_oaep algorithm.
SVGAElement - Web APIs
svgaelement.ping is a domstring that reflects the ping attribute, containing a space-separated list of urls to which, when the hyperlink is followed, post requests with the body ping will be
sent by the browser (in the background).
SVGAngle - Web APIs
the svgangle interface is used to repre
sent a value that can be an <angle> or <number> value.
cx - Web APIs
syntax var xcoordinate = element.cx; value an svganimatedlength repre
senting the x-coordinate of the circleʼs center.
cy - Web APIs
syntax var ycoordinate = element.cy; value an svganimatedlength repre
senting the y-coordinate of the circleʼs center.
r - Web APIs
syntax var radius = element.r; value an svganimatedlength repre
senting the radius of the circle.
SVGElement - Web APIs
svgelement.classname read only an svganimatedstring that reflects the value of the class attribute on the given element, or the empty string if class is not pre
sent.
SVGEvent - Web APIs
the svgevent interface repre
sents the event object for most svg-related events.
SVGGeometryElement - Web APIs
the svggeometryelement interface repre
sents svg elements whose rendering is defined by geometry with an equivalent path, and which can be filled and stroked.
SVGImageElement - Web APIs
svgimageelement.decoding returns a domstring repre
senting a hint given to the browser on how it should decode the image.
SVGURIReference - Web APIs
" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="76" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgurireference</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties svgurireference.href read only an svganimatedstring that repre
sents the value of the href attribute, and, on elements that are defined to support it, the deprecated xlink:href attribute.
SVGZoomAndPan - Web APIs
properties svgzoomandpan.zoomandpan an unsigned short repre
senting the value of the zoomandpan attribute.
Screen.orientation - Web APIs
syntax var orientation = window.screen.orientation; return value an instance of screenorientation repre
senting the orientation of the screen.
Screen - Web APIs
the screen interface repre
sents a screen, usually the one on which the current window is being rendered, and is obtained using window.screen.
Screen Capture API - Web APIs
mediatrackconstraints.logicalsurface indicates whether or not the video in the stream repre
sents a logical display surface (that is, one which may not be entirely visible onscreen, or may be completely offscreen).
ScriptProcessorNode.onaudioprocess - Web APIs
the onaudioprocess event handler of the scriptprocessornode interface repre
sents the eventhandler to be called for the audioprocess event that is dispatched to scriptprocessornode node types.
ScrollToOptions.behavior - Web APIs
examples in our scrolltooptions example (see it live) we include a form that allows the user to enter three values — two numbers repre
senting the left and top properties (i.e.
ScrollToOptions.left - Web APIs
examples in our scrolltooptions example (see it live) we include a form that allows the user to enter three values — two numbers repre
senting the left and top properties (i.e.
ScrollToOptions.top - Web APIs
examples in our scrolltooptions example (see it live) we include a form that allows the user to enter three values — two numbers repre
senting the left and top properties (i.e.
ScrollToOptions - Web APIs
examples in our scrolltooptions example (see it live) we include a form that allows the user to enter three values — two numbers repre
senting the left and top properties (i.e.
ServiceWorker.state - Web APIs
the state read-only property of the serviceworker interface returns a string repre
senting the current state of the service worker.
ServiceWorkerContainer.register() - Web APIs
currently available options are: scope: a usvstring repre
senting a url that defines a service worker's registration scope; that is, what range of urls a service worker can control.
ServiceWorkerGlobalScope: message event - Web APIs
// in the page being controlled if (navigator.serviceworker) { navigator.serviceworker.register('service-worker.js'); navigator.serviceworker.addeventlistener('message', event => { // event is a messageevent object console.log(`the service worker
sent me a message: ${event.data}`); }); navigator.serviceworker.ready.then( registration => { registration.active.postmessage("hi service worker"); }); } the service worker can receive the message by listening to the message event: // in the service worker addeventlistener('message', event => { // event is an extendablemessageevent object console.log(`the client
sent me a message: ${...
ServiceWorkerMessageEvent.ports - Web APIs
the ports read-only property of the serviceworkermessageevent interface returns an array of messageport objects connected with the message channel the message is being
sent through.
ServiceWorkerRegistration.pushManager - Web APIs
erviceworker.register('serviceworker.js').then( function(serviceworkerregistration) { serviceworkerregistration.pushmanager.subscribe().then( function(pushsubscription) { console.log(pushsubscription.subscriptionid); console.log(pushsubscription.endpoint); // the push subscription details needed by the application // server are now available, and can be
sent to it using, // for example, an xmlhttprequest.
ShadowRoot - Web APIs
documentorshadowroot.getselection() returns a selection object repre
senting the range of text selected by the user, or the current position of the caret.
SharedWorkerGlobalScope.close() - Web APIs
syntax self.close(); example if you want to close your worker instance from inside the worker itself, you can call the following: close(); close() and self.close() are effectively equivalent — both repre
sent close() being called from inside the worker's inner scope.
SharedWorkerGlobalScope.onconnect - Web APIs
the onconnect property of the sharedworkerglobalscope interface is an event handler repre
senting the code to be called when the connect event is raised — that is, when a messageport connection is opened between the associated sharedworker and the main thread.
SharedWorkerGlobalScope - Web APIs
sharedworkerglobalscope.onconnect is an eventhandler repre
senting the code to be called when the connect event is raised — that is, when a messageport connection is opened between the associated sharedworker and the main thread.
Slottable: assignedSlot - Web APIs
the assignedslot read-only property of the slottable interface returns an htmlslotelement repre
senting the <slot> element the node is inserted in.
SourceBuffer.changeType() - Web APIs
notsupportederror the specified mime type is not supported, or is not supported with the types of sourcebuffer objects pre
sent in the mediasource.sourcebuffers list.
SourceBuffer - Web APIs
the sourcebuffer interface repre
sents a chunk of media to be passed into an htmlmediaelement and played, via a mediasource object.
SpeechGrammar.weight - Web APIs
syntax var mygrammarweight = speechgrammarinstance.weight; value a float repre
senting the weight of the grammar, in the range 0.0–1.0.
SpeechGrammar - Web APIs
the speechgrammar interface of the web speech api repre
sents a set of words or patterns of words that we want the recognition service to recognize.
SpeechRecognition.continuous - Web APIs
it defaults to single results (false.) syntax var mycontinuous = myspeechrecognition.continuous; myspeechrecognition.continuous = true; value a boolean repre
senting the current speechrecognition's continuous status.
SpeechRecognition.interimResults - Web APIs
syntax var myinterimresult = myspeechrecognition.interimresults; myspeechrecognition.interimresults = false; value a boolean repre
senting the state of the current speechrecognition's interim results.
SpeechRecognition.lang - Web APIs
syntax var mylang = myspeechrecognition.lang; myspeechrecognition.lang = 'en-us'; value a domstring repre
senting the bcp 47 language tag for the current speechrecognition.
SpeechRecognition.maxAlternatives - Web APIs
syntax var mymaxalternativenumber = myspeechrecognition.maxalternatives; myspeechrecognition.maxalternatives = 2; value a number repre
senting the maximum returned alternatives for each result.
SpeechRecognition.onaudioend - Web APIs
the onaudioend property of the speechrecognition interface repre
sents an event handler that will run when the user agent has finished capturing audio (when the audioend event fires.) syntax myspeechrecognition.onaudioend = function() { ...
SpeechRecognition.onaudiostart - Web APIs
the onaudiostart property of the speechrecognition interface repre
sents an event handler that will run when the user agent has started to capture audio (when the audiostart event fires.) syntax myspeechrecognition.onaudiostart = function() { ...
SpeechRecognition.onend - Web APIs
the onend property of the speechrecognition interface repre
sents an event handler that will run when the speech recognition service has disconnected (when the end event fires.) syntax myspeechrecognition.onend = function() { ...
SpeechRecognition.onerror - Web APIs
the onerror property of the speechrecognition interface repre
sents an event handler that will run when a speech recognition error occurs (when the error event fires.) syntax myspeechrecognition.onerror = function() { ...
SpeechRecognition.onnomatch - Web APIs
the onnomatch property of the speechrecognition interface repre
sents an event handler that will run when the speech recognition service returns a final result with no significant recognition (when the nomatch event fires.) this may involve some degree of recognition, which doesn't meet or exceed the confidence threshold.
SpeechRecognition.onresult - Web APIs
the onresult property of the speechrecognition interface repre
sents an event handler that will run when the speech recognition service returns a result — a word or phrase has been positively recognized and this has been communicated back to the app (when the result event fires.) syntax myspeechrecognition.onresult = function() { ...
SpeechRecognition.onsoundend - Web APIs
the onsoundend property of the speechrecognition interface repre
sents an event handler that will run when any sound — recognisable speech or not — has stopped being detected (when the soundend event fires.) syntax myspeechrecognition.onsoundend = function() { ...
SpeechRecognition.onsoundstart - Web APIs
the onsoundstart property of the speechrecognition interface repre
sents an event handler that will run when any sound — recognisable speech or not — has been detected (when the soundstart event fires.) syntax myspeechrecognition.onsoundstart = function() { ...
SpeechRecognition.onspeechend - Web APIs
the onspeechend property of the speechrecognition interface repre
sents an event handler that will run when speech recognised by the speech recognition service has stopped being detected (when the speechend event fires.) syntax myspeechrecognition.onspeechend = function() { ...
SpeechRecognition.onspeechstart - Web APIs
the onspeechstart property of the speechrecognition interface repre
sents an event handler that will run when sound recognised by the speech recognition service as speech has been detected (when the speechstart event fires.) syntax myspeechrecognition.onspeechstart = function() { ...
SpeechRecognition.onstart - Web APIs
the onstart property of the speechrecognition interface repre
sents an event handler that will run when the speech recognition service has begun listening to incoming audio with intent to recognize grammars associated with the current speechrecognition (when the start event fires.) syntax myspeechrecognition.onstart = function() { ...
SpeechRecognition.serviceURI - Web APIs
syntax var myserviceuri = myspeechrecognition.serviceuri; myspeechrecognition.serviceuri = 'path/to/my/service/'; value a domstring repre
senting the uri of the speech recognition service.
SpeechRecognitionEvent.emma - Web APIs
the emma read-only property of the speechrecognitionevent interface returns an extensible multimodal annotation markup language (emma) — xml — repre
sentation of the result.
SpeechRecognitionEvent.results - Web APIs
the results read-only property of the speechrecognitionevent interface returns a speechrecognitionresultlist object repre
senting all the speech recognition results for the current session.
SpeechRecognitionResult - Web APIs
the speechrecognitionresult interface of the web speech api repre
sents a single recognition match, which may contain multiple speechrecognitionalternative objects.
SpeechRecognitionResultList - Web APIs
the speechrecognitionresultlist interface of the web speech api repre
sents a list of speechrecognitionresult objects, or a single one if results are being captured in continuous mode.
SpeechSynthesis.cancel() - Web APIs
this is quite a long
sentence to say.'); var utterance2 = new speechsynthesisutterance('we should say another
sentence too, just to be on the safe side.'); synth.speak(utterance1); synth.speak(utterance2); synth.cancel(); // utterance1 stops being spoken immediately, and both are removed from the queue specifications specification status comment web speech apithe definition of 'cancel()' in tha...
SpeechSynthesis.getVoices() - Web APIs
the getvoices() method of the speechsynthesis interface returns a list of speechsynthesisvoice objects repre
senting all the available voices on the current device.
SpeechSynthesis.pause() - Web APIs
this is quite a long
sentence to say.'); var utterance2 = new speechsynthesisutterance('we should say another
sentence too, just to be on the safe side.'); synth.speak(utterance1); synth.speak(utterance2); synth.pause(); // pauses utterances being spoken specifications specification status comment web speech apithe definition of 'pause()' in that specification.
SpeechSynthesis.pending - Web APIs
this is quite a long
sentence to say.'); var utterance2 = new speechsynthesisutterance('we should say another
sentence too, just to be on the safe side.'); synth.speak(utterance1); synth.speak(utterance2); var amipending = synth.pending; // will return true if utterance 1 is still being spoken and utterance 2 is in the queue specifications specification status comment web speech apithe definition of 'pend...
SpeechSynthesis.resume() - Web APIs
this is quite a long
sentence to say.'); var utterance2 = new speechsynthesisutterance('we should say another
sentence too, just to be on the safe side.'); synth.speak(utterance1); synth.speak(utterance2); synth.pause(); // pauses utterances being spoken synth.resume() // resumes speaking specifications specification status comment web speech apithe definition of 'resume()' in that specification.
SpeechSynthesis.speaking - Web APIs
this is quite a long
sentence to say.'); var utterance2 = new speechsynthesisutterance('we should say another
sentence too, just to be on the safe side.'); synth.speak(utterance1); synth.speak(utterance2); var amispeaking = synth.speaking; // will return true if utterance 1 or utterance 2 are currently being spoken specifications specification status comment web speech apithe definition of 'sp...
SpeechSynthesis - Web APIs
speechsynthesis.getvoices() returns a list of speechsynthesisvoice objects repre
senting all the available voices on the current device.
SpeechSynthesisUtterance.lang - Web APIs
syntax var mylang = speechsynthesisutteranceinstance.lang; speechsynthesisutteranceinstance.lang = 'en-us'; value a domstring repre
senting a bcp 47 language tag.
SpeechSynthesisUtterance.onboundary - Web APIs
the onboundary property of the speechsynthesisutterance interface repre
sents an event handler that will run when the spoken utterance reaches a word or
sentence boundary (when the boundary event fires.) syntax speechsynthesisutteranceinstance.onboundary = function() { ...
SpeechSynthesisUtterance.onend - Web APIs
the onend property of the speechsynthesisutterance interface repre
sents an event handler that will run when the utterance has finished being spoken (when the end event fires.) syntax speechsynthesisutteranceinstance.onend = function() { ...
SpeechSynthesisUtterance.onerror - Web APIs
the onerror property of the speechsynthesisutterance interface repre
sents an event handler that will run when an error occurs that prevents the utterance from being succesfully spoken (when the error event fires.) syntax speechsynthesisutteranceinstance.onerror = function() { ...
SpeechSynthesisUtterance.onmark - Web APIs
the onmark property of the speechsynthesisutterance interface repre
sents an event handler that will run when the spoken utterance reaches a named ssml mark tag (when the mark event fires.) syntax speechsynthesisutteranceinstance.onmark = function() { ...
SpeechSynthesisUtterance.onpause - Web APIs
the onpause property of the speechsynthesisutterance interface repre
sents an event handler that will run when the utterance is paused part way through (when the pause event fires.) this occurs when the speechsynthesis.pause() method is invoked.
SpeechSynthesisUtterance.onresume - Web APIs
the onresume property of the speechsynthesisutterance interface repre
sents an event handler that will run when a paused utterance is resumed (when the resume event fires.) this occurs when the speechsynthesis.resume() method is invoked on a paused speech synthesis instance.
SpeechSynthesisUtterance.onstart - Web APIs
the onstart property of the speechsynthesisutterance interface repre
sents an event handler that will run when the utterance has begun to be spoken (when the start event fires.) this occurs when the speechsynthesis.speak() method is invoked.
SpeechSynthesisUtterance.text - Web APIs
syntax var mytext = speechsynthesisutteranceinstance.text; speechsynthesisutteranceinstance.text = 'hello i am speaking'; value a domstring repre
senting the text to the synthesised.
SpeechSynthesisUtterance.volume - Web APIs
syntax var myvolume = speechsynthesisutteranceinstance.volume; speechsynthesisutteranceinstance.volume = 0.5; value a float that repre
sents the volume value, between 0 (lowest) and 1 (highest.) if ssml is used, this value will be overridden by prosody tags in the markup.
StaticRange - Web APIs
unlike a range, a staticrange repre
sents a range which is fixed in time; it does not change to try to keep the same content within it as the document changes.
Storage.key() - Web APIs
syntax var akeyname = storage.key(index); parameters index an integer repre
senting the number of the key you want to get the name of.
Storage - Web APIs
properties storage.length read only returns an integer repre
senting the number of data items stored in the storage object.
StorageEstimate.quota - Web APIs
example in this example, we obtain the usage estimates and pre
sent the percentage of storage capacity currently used to the user.
StorageEstimate.usage - Web APIs
example in this example, we obtain the usage estimates and pre
sent the percentage of storage capacity currently used to the user.
StorageManager.estimate() - Web APIs
this variance is based on factors such as: how often the user visits public site popularity data user engagement signals like bookmarking, adding to homescreen, or accepting push notifications example in this example, we obtain the usage estimates and pre
sent the percentage of storage capacity currently used to the user.
StylePropertyMap - Web APIs
the stylepropertymap interface of the the css typed object model api provides a repre
sentation of a css declaration block that is an alternative to cssstyledeclaration.
StylePropertyMapReadOnly - Web APIs
the stylepropertymapreadonly interface of the the css typed object model api provides a read-only repre
sentation of a css declaration block that is an alternative to cssstyledeclaration.
SubmitEvent - Web APIs
the submitevent interface defines the object used to repre
sent an html form's submit event.
SubtleCrypto.digest() - Web APIs
igestmessage(message) { const encoder = new textencoder(); const data = encoder.encode(message); const hash = await crypto.subtle.digest('sha-256', data); return hash; } const digestbuffer = await digestmessage(text); console.log(digestbuffer.bytelength); converting a digest to a hex string the digest is returned as an arraybuffer, but for comparison and display digests are often repre
sented as hex strings.
SyncEvent - Web APIs
the syncevent interface repre
sents a sync action that is dispatched on the serviceworkerglobalscope of a serviceworker.
TextMetrics - Web APIs
the textmetrics interface repre
sents the dimensions of a piece of text in the canvas; a textmetrics() instance can be retrieved using the canvasrenderingcontext2d.measuretext() method.
TextTrackList.length - Web APIs
the read-only texttracklist property length returns the number of entries in the texttracklist, each of which is a texttrack repre
senting one track in the media element.
Touch() - Web APIs
in environments where force is known, the absolute pressure repre
sented by the force attribute, and the sensitivity in levels of pressure, may vary.
Touch.clientX - Web APIs
syntax touchitem.clientx; return value a long repre
senting the x coordinate of the touch point relative to the viewport, not including any scroll offset.
Touch.clientY - Web APIs
syntax touchitem.clienty; return value a long value repre
senting the y coordinate of the touch point relative to the viewport, not including any scroll offset.
Touch.pageX - Web APIs
syntax touchitem.pagex; return value a long repre
senting the x coordinate of the touch point relative to the viewport, including any scroll offset.
Touch.pageY - Web APIs
syntax touchitem.pagey; return value a long value that repre
sentes the y coordinate of the touch point relative to the viewport, including any scroll offset.
Touch.radiusX - Web APIs
this may be a relatively large ellipse repre
senting the contact between a fingertip and the screen or a small area repre
senting the tip of a stylus, for example.
Touch.radiusY - Web APIs
this may be a large ellipse repre
senting the contact between a fingertip and the screen or a small one repre
senting the tip of a stylus, for example.
Touch.rotationAngle - Web APIs
this may be a relatively large ellipse repre
senting the contact between a fingertip and the screen or a small area repre
senting the tip of a stylus, for example.
Touch - Web APIs
the touch interface repre
sents a single contact point on a touch-sensitive device.
TouchEvent() - Web APIs
syntax event = new touchevent(typearg, toucheventinit); values typearg is a domstring repre
senting the name of the event.
Lifetime of a WebRTC session - Web APIs
the signaling process there's a sequence of things that have to happen in order to make it possible to begin a webrtc session: each peer creates an rtcpeerconnection object repre
senting their end of the webrtc session.
Improving compatibility using WebRTC adapter.js - Web APIs
for example, on firefox versions older than 38, the adapter adds the rtcpeerconnection.urls property; firefox doesn't natively support this property until firefox 38, while on chrome, the adapter adds support for the promise based api is added if it's not pre
sent.
WebSocket: error event - Web APIs
the error event is fired when a connection with a websocket has been closed due to an error (some data couldn't be
sent for example).
WebSocket - Web APIs
also available via the onclose property error fired when a connection with a websocket has been closed because of an error, such as when some data couldn't be
sent.
WebXR application life cycle - Web APIs
life cycle outline most applications using webxr will follow a similar overall design pattern: check to see if the user's device and browser are both capable of pre
senting the xr experience you want to provide.
Web Animations API Concepts - Web APIs
each animation is anchored to a point in the timeline by its starttime, repre
senting the moment along the document’s timeline when the animation starts playing.
Web Locks API - Web APIs
web locks concepts and usage a lock is an abstract concept repre
senting some potentially shared resource, identified by a name chosen by the web app.
Using the Web Storage API - Web APIs
storage = window[type]; var x = '__storage_test__'; storage.setitem(x, x); storage.removeitem(x); return true; } catch(e) { return e instanceof domexception && ( // everything except firefox e.code === 22 || // firefox e.code === 1014 || // test name field too, because code might not be pre
sent // everything except firefox e.name === 'quotaexceedederror' || // firefox e.name === 'ns_error_dom_quota_reached') && // acknowledge quotaexceedederror only if there's something already stored (storage && storage.length !== 0); } } and here is how you would use it: if (storageavailable('localstorage')) { // yippee!
WheelEvent.deltaMode - Web APIs
the wheelevent.deltamode read-only property returns an unsigned long repre
senting the unit of the delta values scroll amount.
WheelEvent.deltaX - Web APIs
the wheelevent.deltax read-only property is a double repre
senting the horizontal scroll amount in the wheelevent.deltamode unit.
Worker.prototype.postMessage() - Web APIs
if the ownership of an object is transferred, it becomes unusable (neutered) in the context it was
sent from and becomes available only to the worker it was
sent to.
WorkerGlobalScope.close() - Web APIs
syntax self.close(); example if you wanted to close your worker instance from inside the worker itself, you could call the following: close(); close() and self.close() are effectively equivalent — both repre
sent close() being called from inside the worker's inner scope.
WorkerGlobalScope.onclose - Web APIs
summary the onclose property of the workerglobalscope interface repre
sents an eventhandler to be called when the close event occurs and bubbles through the worker.
WorkerGlobalScope.onerror - Web APIs
the onerror property of the workerglobalscope interface repre
sents an eventhandler to be called when the error event occurs and bubbles through the worker.
WorkerGlobalScope.onoffline - Web APIs
the onoffline property of the workerglobalscope interface repre
sents an eventhandler to be called when the offline event occurs and bubbles through the worker.
WorkerGlobalScope.ononline - Web APIs
the ononline property of the workerglobalscope interface repre
sents an eventhandler to be called when the online event occurs and bubbles through the worker.
WritableStream - Web APIs
in this example, it's the maximum amount of data that can be
sent to defaultwriter.write() (line 11).
XDomainRequest - Web APIs
out = function () { //timeout }; xdr.onerror = function () { //error occurred }; xdr.onload = function() { //success(xdr.responsetext); } settimeout(function () { xdr.send(); }, 0); } note: the xdr.send() call is wrapped in a timeout (see window.settimeout() to prevent an issue with the interface where some requests are lost if multiple xdomainrequests are being
sent at the same time.
XRRigidTransform.inverse - Web APIs
*/ } this outline of a renderer's core code shows how the pose's view gets repre
sented by taking its transform's inverse's matrix as the model view matrix used to transform objects based on the viewer's position and orientation.
XRRigidTransform.orientation - Web APIs
the read-only xrrigidtransform property orientation is a dompointreadonly containing a normalized quaternion (also called a unit quaternion or versor) specifying the rotational component of the transform repre
sented by the object.
XRSessionEvent - Web APIs
session event types the following events are repre
sented using the xrsessionevent interface, and are permitted values for its type property.
XRSystem: devicechange event - Web APIs
vigator.xr.issessionsupported("immersive-vr") .then(immersiveok) => { if (immersiveok) { enablexrbutton.disabled = false; } else { enablexrbutton.disabled = true; } }); }); } when devicechange is received, the handler set up in this code calls the xr method issessionsupported() to find out if there's a device available that can handle immersive vr pre
sentations.
XRSystem: isSessionSupported() - Web APIs
this string must be one of inline (to pre
sent the webxr content inline within the context of an html document) or immersive-vr for a fully-immersive virtual experience.
XRViewerPose.views - Web APIs
the read-only xrviewerpose property views returns an array which contains every xrview which must be rendered in order to fully repre
sent the scene from the viewpoint defined by the viewer pose.
XRWebGLLayer() - Web APIs
framebufferscalefactor optional a floating-point value which is used to scale the image during compositing, with a value of 1.0 repre
sents the default pixel size for the frame buffer.
XRWebGLLayerInit.alpha - Web APIs
the alpha property is a boolean value which, if pre
sent and set to true in the xrwebgllayerinit dictionary passed into the xrwebgllayer() constructor, specifies that the new layer's color buffer is to include an alpha channel.
XRWebGLLayerInit.antialias - Web APIs
the boolean antialias property, if pre
sent and set to true in the xrwebgllayerinit object provided as the xrwebgllayer() constructor's layerinit parameter, requests that the new webgl rendering layer support anti-aliasing.
XRWebGLLayerInit - Web APIs
framebufferscalefactor optional a floating-point value which is used to scale the image during compositing, with a value of 1.0 repre
sents the default pixel size for the frame buffer.
XSLT Basic Example - Web APIs
the example will take an xml document that contains information (title, list of authors and body text) about an article and pre
sent it in an human readable form.
ARIA guides - Accessibility
non virtual mode in at products using drag & drop notifying users of non-aria screen readers fixing structure with pre
sentation role hiding layout tables managing modal and non modal dialogs using aria with html5 how to test aria aria on mobile devices ...
Using the aria-valuemax attribute - Accessibility
value string repre
sentation of a number possible effects on user agents and assistive technology if the aria-valuemax is indeterminate, or if aria-valuemin is not less than or equal to the value of aria-valuemax, this creates an error condition that will be handled by the assistive technology.
Using the aria-valuemin attribute - Accessibility
value string repre
sentation of a number possible effects on user agents and assistive technology if aria-valuemin is not less than or equal to the value of aria-valuemax, this creates an error condition that will be handled by the assistive technology.
Using the article role - Accessibility
articles can be nested; for example, a web log entry on a site that accepts user-submitted comments could repre
sent the comments as articles nested within the article for the web log entry.
Using the radio role - Accessibility
<h3 id="rg1_label">lunch options</h3> <ul class="radiogroup" id="rg1" role="radiogroup" aria-labelledby="rg1_label"> <li id="r1" tabindex="-1" role="radio" aria-checked="false"> <img role="pre
sentation" src="radio-unchecked.gif" /> thai </li> <li id="r2" tabindex="-1" role="radio" aria-checked="false"> <img role="pre
sentation" src="radio-unchecked.gif" /> subway </li> <li id="r3" tabindex="0" role="radio" aria-checked="true"> <img role="pre
sentation" src="radio-checked.gif" /> radio maria </li> </ul> working examples: notes aria attributes used related aria techni...
Using ARIA: Roles, states, and properties - Accessibility
combobox grid (including row, gridcell, rowheader, columnheader roles) listbox (including option role) menu menubar radiogroup (see radio role) tablist (including tab and tabpanel roles) tree treegrid document structure roles application article cell columnheader definition directory document feed figure group heading img list listitem math none note pre
sentation row rowgroup rowheader separator table term textbox toolbar tooltip landmark roles banner complementary contentinfo form main navigation region search live region roles alert log marquee status timer window roles alertdialog dialog states and properties widget attributes aria-autocomplete aria-checked aria-current aria-disabled aria-error...
ARIA annotations - Accessibility
role="insertion" and role="deletion" — semantically denote html elements whose contents repre
sent an insertion to or deletion from the overall document.
ARIA: cell role - Accessibility
index="16">h6</span> </div> <div role="row"> <span role="cell" aria-rowindex="18">rowgroup</span> <span role="cell" aria-rowindex="18">thead</span> </div> <div role="row"> <span role="cell" aria-rowindex="24">term</span> <span role="cell" aria-rowindex="24">dt</span> </div> </div> </div> the above is a non-semantic aria table with five of 81 rows pre
sent in the dom: one within a table header and four rows within the table body.
ARIA: feed role - Accessibility
each article element has aria-posinset set to a value that repre
sents its position in the feed and an aria-setsize set to a value that repre
sents either the total number of articles that have been loaded or the total number in the feed, depending on which value is more helpful to users.
ARIA: form role - Accessibility
added benefits certain technologies such as browser extensions can generate lists of all landmark roles pre
sent on a page, allowing non-screen reader users to also quickly identify and navigate to large sections of the document.
ARIA: List role - Accessibility
as an aside, note that if you are using the semantic html elements of ol or ul and apply a role of pre
sentation, each child li element inherits the pre
sentation role because aria requires the listitem elements to have the parent list element.
ARIA: img role - Accessibility
for example, if you use emojis in your text, the meaning might be obvious to a sighted user, but someone using a screenreader might get confused because the emojis might have either no text repre
sentation at all, or the alternative text might be confusing and not match the context it is being used in.
ARIA: rowgroup role - Accessibility
ole="cell">h6</span> </div> <div role="row" aria-rowindex="18"> <span role="cell">rowgroup</span> <span role="cell">thead</span> </div> <div role="row" aria-rowindex="24"> <span role="cell">term</span> <span role="cell">dt</span> </div> </div> </div> the above is a non-semantic aria table with a table header and table body, with five of 81 rows pre
sent in the dom: one within a table header and four rows within the table body.
ARIA: search role - Accessibility
added benefits certain technologies such as browser extensions can generate lists of all landmark roles pre
sent on a page, allowing non-screen reader users to also quickly identify and navigate to large sections of the document.
ARIA: button role - Accessibility
in some cases, for example buttons repre
sented by icons, the accessible name may be provided from the aria-label or aria-labelledby attributes.
Keyboard-navigable JavaScript widgets - Accessibility
the following table describes tabindex behavior in modern browsers: tabindex attribute focusable with mouse or javascript via element.focus() tab navigable not pre
sent follows the platform convention of the element (yes for form controls, links, etc.).
Text labels and names - Accessibility
see also w3c aria toolbar example related wcag success criteria 1.1.1 non-text content (a) all non-text content that is pre
sented to the user has a text alternative that serves the equivalent purpose, except for the situations listed in the above link.
Accessibility
when the web meets this goal, it is accessible to people with a diverse range of hearing, movement, sight, and cognitive ability." (w3c - accessibility) key tutorials the mdn accessibility learning area contains modern, up-to-date tutorials covering accessibility es
sentials: what is accessibility?
:-moz-suppressed - CSS: Cascading Style Sheets
the :-moz-suppressed css pseudo-class is a mozilla extension that matches elements repre
senting images that were suppressed because loading images from the specified site has been blocked.
:-moz-user-disabled - CSS: Cascading Style Sheets
the :-moz-user-disabled css pseudo-class is a mozilla extension that matches elements repre
senting images that were not loaded because images have been entirely disabled by the user's preferences.
::-moz-focus-inner - CSS: Cascading Style Sheets
the ::-moz-focus-inner css pseudo-element is a mozilla extension that repre
sents an inner focus ring of the <button> element as well as the button, submit, reset, and color types of the <input> element.
:checked - CSS: Cascading Style Sheets
the :checked css pseudo-class selector repre
sents any radio (<input type="radio">), checkbox (<input type="checkbox">), or option (<option> in a <select>) element that is checked or toggled to an on state.
:fullscreen - CSS: Cascading Style Sheets
syntax :fullscreen usage notes the :fullscreen pseudo-class lets you configure your stylesheets to automatically adjust the size, style, or layout of content when elements switch back and forth between full-screen and traditional pre
sentations.
:has() - CSS: Cascading Style Sheets
the :has() css pseudo-class repre
sents an element if any of the selectors passed as parameters (relative to the :scope of the given element) match at least one element.
:indeterminate - CSS: Cascading Style Sheets
the :indeterminate css pseudo-class repre
sents any form element whose state is indeterminate, such as checkboxes which have their html indeterminate attribute set to true, radio buttons which are members of a group in which all radio buttons are unchecked, and indeterminate <progress> elements.
font-style - CSS: Cascading Style Sheets
elated at-rule@font-faceinitial valuenormalcomputed valueas specified formal syntax normal | italic | oblique <angle>{0,2} examples specifying an italic font style as an example, consider the garamond font family, in its normal form, we get the following result: @font-face { font-family: garamond; src: url('garamond.ttf'); } the italicized version of this text uses the same glyphs pre
sent in the unstyled version, but they are artificially sloped by a few degrees.
@import - CSS: Cascading Style Sheets
syntax @import url; @import url list-of-media-queries; @import url supports( supports-query ); @import url supports( supports-query ) list-of-media-queries; where: url is a <string> or a <url> repre
senting the location of the resource to import.
aural - CSS: Cascading Style Sheets
syntax the aural css media type—which has been deprecated in favor of the speech media type—was used to specify a block of css that applied only when the content is being pre
sented using a speech synthesis device.
attr() - CSS: Cascading Style Sheets
<type-or-unit> is a keyword repre
senting either the type of the attribute's value, or its unit, as in html some attributes have implicit units.
background-repeat - CSS: Cascading Style Sheets
ue syntax is a shorthand for the full two-value syntax: single value two-value equivalent repeat-x repeat no-repeat repeat-y no-repeat repeat repeat repeat repeat space space space round round round no-repeat no-repeat no-repeat in the two-value syntax, the first value repre
sents the horizontal repetition behavior and the second value repre
sents the vertical behavior.
background-size - CSS: Cascading Style Sheets
rendering of <gradient>s in such cases changed in firefox 8, and at pre
sent is generally inconsistent across browsers, which do not all implement rendering in full accordance with the css3 background-size specification and with the css3 image values gradient specification.
background - CSS: Cascading Style Sheets
ackground positioning area minus size of background image; size refers to the width for horizontal offsets and to the height for vertical offsetsbackground-size: relative to the background positioning areacomputed valueas each of the properties of the shorthand:background-image: as specified, but with <url> values made absolutebackground-position: a list, each item consisting of two keywords repre
senting the origin and two offsets from that origin, each given as an absolute length (if given a <length>), otherwise as a percentagebackground-size: as specified, but with relative lengths converted into absolute lengthsbackground-repeat: a list, each item consisting of two keywords, one per dimensionbackground-origin: as specifiedbackground-clip: as specifiedbackground-attachment: as specifiedbackg...
bottom - CSS: Cascading Style Sheets
syntax /* <length> values */ bottom: 3px; bottom: 2.4em; /* <percentage>s of the height of the containing block */ bottom: 10%; /* keyword value */ bottom: auto; /* global values */ bottom: inherit; bottom: initial; bottom: unset; values <length> a negative, null, or positive <length> that repre
sents: for absolutely positioned elements, the distance to the bottom edge of the containing block.
break-inside - CSS: Cascading Style Sheets
fusce iaculis urna id neque dapibus, eu lacinia lectus dictum.</p> <figure> <img src="https://udn.realityripple.com/samples/fe/4508d88f78.png"> <figcaption>the firefox logo — fox wrapped around the world</figcaption> </figure> <p>prae
sent condimentum dui dui, sit amet rutrum diam tincidunt eu.
conic-gradient() - CSS: Cascading Style Sheets
while it is possible to create pie charts, checkerboards, and other effects with conic gradients, css images provide no native way to assign alternative text, and therefore the image repre
sented by the conic gradient will not be accessible to screen reader users.
hanging-punctuation - CSS: Cascading Style Sheets
prae
sent laoreet tortor massa, sit amet vulputate nulla pharetra ut.”</p> css p { hanging-punctuation: first last; margin: .5rem; } result specifications specification status comment css text module level 3the definition of 'hanging-punctuation' in that specification.
ident - CSS: Cascading Style Sheets
it consists of one or more characters, where characters can be any of the following: any alphabetical character (a to z, or a to z), any decimal digit (0 to 9), a hyphen (-), an underscore (_), an escaped character (preceded by a backslash, \), a unicode character (in the format of a backslash, \, followed by one to six hexadecimal digits, repre
senting its unicode code point) note that id1, id1, id1 and id1 are all different identifiers as they are case-sensitive.
image-rendering - CSS: Cascading Style Sheets
note: the values optimizequality and optimizespeed pre
sent in an early draft (and coming from its svg counterpart image-rendering) are defined as synonyms for the smooth and pixelated values respectively.
justify-items - CSS: Cascading Style Sheets
values auto the value used is the value of the justify-items property of the parents box, unless the box has no parent, or is absolutely positioned, in these cases, auto repre
sents normal.
justify-self - CSS: Cascading Style Sheets
values auto the value used is the value of the justify-items property of the parents box, unless the box has no parent, or is absolutely positioned, in these cases, auto repre
sents normal.
left - CSS: Cascading Style Sheets
syntax /* <length> values */ left: 3px; left: 2.4em; /* <percentage>s of the width of the containing block */ left: 10%; /* keyword value */ left: auto; /* global values */ left: inherit; left: initial; left: unset; values <length> a negative, null, or positive <length> that repre
sents: for absolutely positioned elements, the distance to the left edge of the containing block.
mask-repeat - CSS: Cascading Style Sheets
ue syntax is a shorthand for the full two-value syntax: single value two-value equivalent repeat-x repeat no-repeat repeat-y no-repeat repeat repeat repeat repeat space space space round round round no-repeat no-repeat no-repeat in the two-value syntax, the first value repre
sents the horizontal repetition behavior and the second value repre
sents the vertical behavior.
opacity - CSS: Cascading Style Sheets
syntax values <alpha-value> a <number> in the range 0.0 to 1.0, inclusive, or a <percentage> in the range 0% to 100%, inclusive, repre
senting the opacity of the channel (that is, the value of its alpha channel).
overscroll-behavior - CSS: Cascading Style Sheets
formal definition initial valueautoapplies tonon-replaced block-level elements and non-replaced inline-block elementsinheritednocomputed valueas specifiedanimation typediscrete formal syntax [ contain | none | auto ]{1,2} examples preventing an underlying element from scrolling in our overscroll-behavior example (see the source code also), we pre
sent a full-page list of fake contacts, and a dialog box containing a chat window.
place-items - CSS: Cascading Style Sheets
ment */ place-items: baseline normal; place-items: first baseline auto; place-items: last baseline normal; place-items: stretch auto; /* global values */ place-items: inherit; place-items: initial; place-items: unset; values auto the value used is the value of the justify-items property of the parents box, unless the box has no parent, or is absolutely positioned, in these cases, auto repre
sents normal.
position - CSS: Cascading Style Sheets
mdn understanding wcag, guideline 1.4 explanations visual pre
sentation: understanding sc 1.4.8 | understanding wcag 2.0 performance & accessibility scrolling elements containing fixed or sticky content can cause performance and accessibility issues.
repeating-conic-gradient() - CSS: Cascading Style Sheets
while it is possible to create pie charts, checkerboards, and other effects with conic gradients, css images provide no native way to assign alternative text, and therefore the image repre
sented by the conic gradient will not be accessible to screen reader users.
resize - CSS: Cascading Style Sheets
resize does not apply to the following: inline elements block elements for which the overflow property is set to visible formal definition initial valuenoneapplies toelements with overflow other than visible, and optionally replaced elements repre
senting images or videos, and iframesinheritednocomputed valueas specifiedanimation typediscrete formal syntax none | both | horizontal | vertical | block | inline examples disabling resizability of textareas in many browsers, <textarea> elements are resizable by default.
right - CSS: Cascading Style Sheets
syntax /* <length> values */ right: 3px; right: 2.4em; /* <percentage>s of the width of the containing block */ right: 10%; /* keyword value */ right: auto; /* global values */ right: inherit; right: initial; right: unset; values <length> a negative, null, or positive <length> that repre
sents: for absolutely positioned elements, the distance to the right edge of the containing block.
rotate - CSS: Cascading Style Sheets
vector plus angle value three <number>s repre
senting an origin-centered vector that defines a line around which you want to rotate the element, plus an <angle> specifying the angle to rotate the element through.
text-decoration - CSS: Cascading Style Sheets
constituent properties this property is a shorthand for the following css properties: text-decoration-color text-decoration-line text-decoration-style text-decoration-thickness syntax the text-decoration property is specified as one or more space-separated values repre
senting the various longhand text-decoration properties.
top - CSS: Cascading Style Sheets
syntax /* <length> values */ top: 3px; top: 2.4em; /* <percentage>s of the height of the containing block */ top: 10%; /* keyword value */ top: auto; /* global values */ top: inherit; top: initial; top: unset; values <length> a negative, null, or positive <length> that repre
sents: for absolutely positioned elements, the distance to the top edge of the containing block.
touch-action - CSS: Cascading Style Sheets
multiple directions may be combined except when there is a simpler repre
sentation (for example, "pan-left pan-right" is invalid since "pan-x" is simpler, but "pan-left pan-down" is valid).
matrix() - CSS: Cascading Style Sheets
cartesian coordinates on ℝ2 homogeneous coordinates on ℝℙ2 cartesian coordinates on ℝ3 homogeneous coordinates on ℝℙ3 ac bd actxbdty001 actxbdty001 ac0txbd0ty00100001 [a b c d tx ty] the values repre
sent the following functions: matrix( scalex(), skewy(), skewx(), scaley(), translatex(), translatey() ) examples html <div>normal</div> <div class="changed">changed</div> css div { width: 80px; height: 80px; background-color: skyblue; } .changed { transform: matrix(1, 2, -1, 1, 80, 80); background-color: pink; } result specifications specification status comment ...
scaleY() - CSS: Cascading Style Sheets
transform: rotatex(180deg); === transform: scaley(-1); syntax scaley(s) values s is a <number> repre
senting the scaling factor to apply on the ordinate of each point of the element.
will-change - CSS: Cascading Style Sheets
via stylesheet it may be appropriate to include will-change in your style sheet for an application that does page flips on key presses like an album or a slide deck pre
sentation where the pages are large and complex.
Demos of open web technologies
impress.js (source code) games ioquake3 (source code) kai 'opua (source code) web apis notifications api html5 notifications (source code) web audio api web audio fireworks oscope.js - javascript oscilloscope html5 web audio showcase (source code) html5 audio visualizer (source code) graphical filter editor and visualizer (source code) file api slide my text - pre
sentation from plain text files web workers web worker fractals photo editor coral generator raytracer hotcold touch typing ...
math:max() - EXSLT
returns a result tree fragment repre
senting the highest valued node's numeric value as a string.
math:min() - EXSLT
returns a result tree fragment repre
senting the lowest valued node's numeric value as a string.
Guide to Web APIs - Developer guides
eddbintersection observer apillong tasks api mmedia capabilities api media capture and streamsmedia session apimedia source extensions mediastream recordingnnavigation timingnetwork information api ppage visibility apipayment request apiperformance apiperformance timeline apipermissions apipointer eventspointer lock apiproximity events push api rresize observer apiresource timing apisserver
sent eventsservice workers apistoragestorage access apistreams ttouch eventsuurl apivvibration apivisual viewport wweb animationsweb audio apiweb authentication apiweb crypto apiweb notificationsweb storage apiweb workers apiwebglwebrtcwebvttwebxr device apiwebsockets api ...
Web Audio playbackRate explained - Developer guides
next we set playbackrate to 0.5, which repre
sents half normal speed (the playbackrate is a multiplier applied to the original rate.) a complete example let's create a <video> element first, and set up video and playback rate controls in html: <video id="myvideo" controls> <source src="https://udn.realityripple.com/samples/6f/08625b424a.m4v" type='video/mp4' /> <source src="https://udn.realityripple.com/samples/5b/8cd6da9c65.webm" type='v...
Creating and triggering events - Developer guides
form = document.queryselector('form'); const textarea = document.queryselector('textarea'); form.addeventlistener('awesome', e => console.log(e.detail.text())); textarea.addeventlistener('input', function() { // create and dispatch/trigger an event on the fly // note: optionally, we've also leveraged the "function expression" (instead of the "arrow function expression") so "this" will repre
sent the element this.dispatchevent(new customevent('awesome', { bubbles: true, detail: { text: () => textarea.value } })) }); triggering built-in events this example demonstrates simulating a click (that is programmatically generating a click event) on a checkbox using dom methods.
DOM onevent handlers - Developer guides
when the element is built from the html, the value of its onevent attributes are copied to the dom object that repre
sents the element, so that accessing the attributes' values using javascript will get the value set in the html.
Event developer guide - Developer guides
two common styles are: the generalized addeventlistener() and a set of specific on-event handlers.media eventsvarious events are
sent when handling media that are embedded in html documents using the <audio> and <video> elements; this section lists them and provides some helpful information about using them.mouse gesture eventsgecko 1.9.1 added support for several mozilla-specific dom events used to handle mouse gestures.
Introduction to Web development - Developer guides
eloquent javascript — a comprehensive guide to intermediate and advanced javascript methodologies intermediate a re-introduction to javascript — a recap on the javascript programming language aimed at intermediate-level developers es
sential javascript design patterns — an introduction to es
sential javascript design patterns introduction to object-oriented javascript — learn about the javascript object model.
HTML attribute: accept - HTML: Hypertext Markup Language
for example, a file picker that needs content that can be pre
sented as an image, including both standard image formats and pdf files, might look like this: <input type="file" accept="image/*,.pdf"> using file inputs a basic example <form method="post" enctype="multipart/form-data"> <div> <label for="file">choose file to upload</label> <input type="file" id="file" name="file" multiple> </div> <div> <button>submit</button> </div> </form> div { ...
HTML attribute: capture - HTML: Hypertext Markup Language
environment the outward-facing camera and/or microphone should be used note: capture was previously a boolean attribute which, if pre
sent, requested that the device's media capture device(s) such as camera or microphone be used instead of requesting a file input.
HTML attribute: step - HTML: Hypertext Markup Language
the number spinner, if pre
sent, will only show valid float values of 1.2 and greater note: when the data entered by the user doesn't adhere to the stepping configuration, the value is considered invalid in contraint validation and will match the :invalid and :out-of-range pseudoclasses see client-side validation and stepmismatch for more information.
<a>: The Anchor element - HTML: Hypertext Markup Language
implicit aria role link when href attribute is pre
sent, otherwise no corresponding role permitted aria roles when href attribute is pre
sent: button checkbox menuitem menuitemcheckbox menuitemradio option radio switch tab treeitem when href attribute is not pre
sent: any dom interface htmlanchorelement examples linking to an absolu...
<slot> - HTML: Hypertext Markup Language
the html <slot> element—part of the web components technology suite—is a placeholder inside a web component that you can fill with your own markup, which lets you create separate dom trees and pre
sent them together.
<style>: The Style Information element - HTML: Hypertext Markup Language
color: white; background-color: blue; padding: 5px; border: 1px solid black; } </style> <style media="all and (max-width: 500px)"> p { color: blue; background-color: yellow; } </style> </head> <body> <p>this is my paragraph.</p> </body> </html> technical summary content categories metadata content, and if the scoped attribute is pre
sent: flow content.
From - HTTP
a crawler), the from header should be
sent, so you can be contacted if problems occur on servers, such as if the robot is sending excessive, unwanted, or invalid requests.
Large-Allocation - HTTP
header type response header forbidden header name no syntax large-allocation: 0 large-allocation: <megabytes> directives 0 0 is a special value which repre
sents uncertainty as to what the size of the allocation is.
Origin - HTTP
it is
sent with cors requests, as well as with post requests.
Pragma - HTTP
it is used for backwards compatibility with http/1.0 caches where the cache-control http/1.1 header is not yet pre
sent.
Referer - HTTP
a referer header is not
sent by browsers if: the referring resource is a local "file" or "data" uri.
Save-Data - HTTP
examples the vary header ensures that the content is cached properly (for instance ensuring that the user is not served a lower-quality image from the cache when save-data header is no longer pre
sent [e.g.
SourceMap - HTTP
the sourcemap http response header links generated code to a source map, enabling the browser to reconstruct the original source and pre
sent the reconstructed original in the debugger.
Strict-Transport-Security - HTTP
information regarding the hsts preload list in chrome : https://www.chromium.org/hsts consultation of the firefox hsts preload list : nsstspreloadlist.inc examples all pre
sent and future subdomains will be https for a max-age of 1 year.
Vary - HTTP
it is used by the server to indicate which headers it used when selecting a repre
sentation of a resource in a content negotiation algorithm.
Want-Digest - HTTP
der, listing the algorithms that it does support: request: get /item want-digest: sha;q=1 response: http/1.1 400 bad request want-digest: sha-256, sha-512 specifications specification title draft-ietf-httpbis-digest-headers-latest resource digests for http this header was originally defined in rfc 3230, but the definition of "selected repre
sentation" in rfc 7231 made the original definition inconsistent with current http specifications.
X-DNS-Prefetch-Control - HTTP
this is what browsers do, if they support the feature, when this header is not pre
sent off disables dns prefetching.
DELETE - HTTP
a 200 (ok) status code if the action has been enacted and the response message includes a repre
sentation describing the status.
GET - HTTP
the http get method requests a repre
sentation of the specified resource.
431 Request Header Fields Too Large - HTTP
servers will often produce this status if: the referer url is too long there are too many cookies
sent in the request status 431 request header fields too large specifications specification title rfc 6585, section 5: 431 request header fields too large additional http status codes ...
507 Insufficient Storage - HTTP
it indicates that a method could not be performed because the server cannot store the repre
sentation needed to successfully complete the request.
510 Not Extended - HTTP
the hypertext transfer protocol (http) 510 not extended response status code is
sent in the context of the http extension framework, defined in rfc 2774.
About JavaScript - JavaScript
a javascript web server would expose host objects repre
senting a http request and response objects, which could then be manipulated by a javascript program to dynamically generate web pages.
Introduction - JavaScript
in contrast to java's compile-time system of classes built by declarations, javascript supports a runtime system based on a small number of data types repre
senting numeric, boolean, and string values.
Assertions - JavaScript
// in this example, two meanings of '^' control symbol are repre
sented: // 1) matching begining of the input // 2) a negated or complemented character set: [^a] // that is, it matches anything that is not enclosed in the brackets.
Quantifiers - JavaScript
"<foo> <bar> new </bar> </foo>" /<.*?>/ will match "<foo>" examples repeated pattern var wordendingwithas = /\w+a+\b/; var delicatemessage = "this is spartaaaaaaa"; console.table(delicatemessage.match(wordendingwithas)); // [ "spartaaaaaaa" ] counting characters var singleletterword = /\b\w\b/g; var notsolongword = /\b\w{1,6}\b/g; var loooongword = /\b\w{13,}\b/g; var
sentence = "why do i have to learn multiplication table?"; console.table(
sentence.match(singleletterword)); // ["i"] console.table(
sentence.match(notsolongword)); // [ "why", "do", "i", "have", "to", "learn", "table" ] console.table(
sentence.match(loooongword)); // ["multiplication"] optional character var britishtext = "he asked his neighbour a favour."; var americantext = "he asked his n...
Warning: String.x is deprecated; use String.prototype.x instead - JavaScript
examples deprecated syntax var num = 15; string.replace(num, /5/, '2'); standard syntax var num = 15; string(num).replace(/5/, '2'); shim the following is a shim to provide support to non-supporting browsers: /*globals define*/ // assumes all supplied string instance methods already pre
sent // (one may use shims for these if not available) (function() { 'use strict'; var i, // we could also build the array of methods with the following, but the // getownpropertynames() method is non-shimable: // object.getownpropertynames(string).filter(function(methodname) { // return typeof string[methodname] === 'function'; // }); methods = [ 'contains', 'su...
Intl.Locale.prototype.minimize() - JavaScript
description this method carries out the reverse of maximize(), removing any language, script, or region subtags from the locale language identifier (es
sentially the contents of basename).
Intl.NumberFormat - JavaScript
intl.numberformat.prototype.formattoparts() returns an array of objects repre
senting the number string in parts that can be used for custom locale-aware formatting.
Intl.RelativeTimeFormat - JavaScript
intl.relativetimeformat.prototype.formattoparts() returns an array of objects repre
senting the relative time format in parts that can be used for custom locale-aware formatting.
JSON - JavaScript
or \f or \n or \r or \t or \u hexdigit hexdigit hexdigit hexdigit hexdigit = 0 through 9 or a through f or a through f jsonobject = { } or { members } members = jsonstring : json or members , jsonstring : json jsonarray = [ ] or [ arrayelements ] arrayelements = json or arrayelements , json insignificant whitespace may be pre
sent anywhere except within a jsonnumber (numbers must contain no whitespace) or jsonstring (where it is interpreted as the corresponding character in the string, or would cause an error).
Math.E - JavaScript
the math.e property repre
sents the base of natural logarithms, e, approximately 2.718.
Math.LN10 - JavaScript
the math.ln10 property repre
sents the natural logarithm of 10, approximately 2.302: math.ln10=ln(10)≈2.302\mathtt{\mi{math.ln10}} = \ln(10) \approx 2.302 the source for this interactive example is stored in a github repository.
Math.LN2 - JavaScript
the math.ln2 property repre
sents the natural logarithm of 2, approximately 0.693: math.ln2=ln(2)≈0.693\mathtt{\mi{math.ln2}} = \ln(2) \approx 0.693 the source for this interactive example is stored in a github repository.
Math.LOG10E - JavaScript
the math.log10e property repre
sents the base 10 logarithm of e, approximately 0.434: math.log10e=log10(e)≈0.434\mathtt{\mi{math.log10e}} = \log_10(e) \approx 0.434 the source for this interactive example is stored in a github repository.
Math.LOG2E - JavaScript
the math.log2e property repre
sents the base 2 logarithm of e, approximately 1.442: math.log2e=log2(e)≈1.442\mathtt{\mi{math.log2e}} = \log_2(e) \approx 1.442 the source for this interactive example is stored in a github repository.
Math.PI - JavaScript
the math.pi property repre
sents the ratio of the circumference of a circle to its diameter, approximately 3.14159: math.pi=π≈3.14159\mathtt{\mi{math.pi}} = \pi \approx 3.14159 the source for this interactive example is stored in a github repository.
Math.SQRT1_2 - JavaScript
the math.sqrt1_2 property repre
sents the square root of 1/2 which is approximately 0.707: math.sqrt1_2=12=12≈0.707\mathtt{\mi{math.sqrt1_2}} = \sqrt{\frac{1}{2}} = \frac{1}{\sqrt{2}} \approx 0.707 the source for this interactive example is stored in a github repository.
Math.SQRT2 - JavaScript
the math.sqrt2 property repre
sents the square root of 2, approximately 1.414: math.sqrt2=2≈1.414\mathtt{\mi{math.sqrt2}} = \sqrt{2} \approx 1.414 the source for this interactive example is stored in a github repository.
Math.atan2() - JavaScript
description the math.atan2() method returns a numeric value between -π and π repre
senting the angle theta of an (x, y) point.
Math.cos() - JavaScript
description the math.cos() method returns a numeric value between -1 and 1, which repre
sents the cosine of the angle.
Math.pow() - JavaScript
return value a number repre
senting the given base taken to the power of the given exponent.
Math.sin() - JavaScript
description the math.sin() method returns a numeric value between -1 and 1, which repre
sents the sine of the angle given in radians.
Math - JavaScript
math.fround(x) returns the nearest single precision float repre
sentation of x.
String length - JavaScript
utf-16, the string format used by javascript, uses a single 16-bit code unit to repre
sent the most common characters, but needs to use two code units for less commonly-used characters, so it's possible for the value returned by length to not match the actual number of characters in the string.
String.prototype.substring() - JavaScript
the arguments of substring() repre
sent the starting and ending indexes, while the arguments of substr() repre
sent the starting index and the number of characters to include in the returned string.
Symbol.asyncIterator - JavaScript
ble = { async* [symbol.asynciterator]() { yield "hello"; yield "async"; yield "iteration!"; } }; (async () => { for await (const x of myasynciterable) { console.log(x); // expected output: // "hello" // "async" // "iteration!" } })(); when creating an api, remember that async iterables are designed to repre
sent something iterable — like a stream of data or a list —, not to completely replace callbacks and events in most situations.
TypedArray.prototype.reduce() - JavaScript
description the reduce method executes the callback function once for each element pre
sent in the typed array, excluding holes in the typed array, receiving four arguments: the initial value (or value from the previous callback call), the value of the current element, the current index, and the typed array over which iteration is occurring.
TypedArray.prototype.reduceRight() - JavaScript
description the reduceright method executes the callback function once for each element pre
sent in the typed array, excluding holes in the typed array, receiving four arguments: the initial value (or value from the previous callback call), the value of the current element, the current index, and the typed array over which iteration is occurring.
TypedArray.prototype.some() - JavaScript
description the some method executes the callback function once for each element pre
sent in the typed array until it finds one where callback returns a true value.
URIError - JavaScript
the urierror object repre
sents an error when a global uri handling function was used in a wrong way.
WeakSet - JavaScript
weakset.prototype.has(value) returns a boolean asserting whether value is pre
sent in the weakset object or not.
WebAssembly.Global - JavaScript
a webassembly.global object repre
sents a global variable instance, accessible from both javascript and importable/exportable across one or more webassembly.module instances.
WebAssembly.Table.prototype.set() - JavaScript
(tbl.get(0)); console.log(tbl.get(1)); we then create an import object that contains a reference to the table: var importobj = { js: { tbl:tbl } }; finally, we load and instantiate a wasm module (table2.wasm) using the webassembly.instantiatestreaming(), log the table length, and invoke the two referenced functions that are now stored in the table (the table2.wasm module (see text repre
sentation) adds two function references to the table, both of which print out a simple value): webassembly.instantiatestreaming(fetch('table2.wasm'), importobject) .then(function(obj) { console.log(tbl.length); console.log(tbl.get(0)()); console.log(tbl.get(1)()); }); note how you've got to include a second function invocation operator at the end of the accessor to actually invoke the referenc...
iarc_rating_id - Web app manifests
type string mandatory no the iarc_rating_id member is a string that repre
sents the international age rating coalition (iarc) certification code of the web application.
name - Web app manifests
type string mandatory yes the name member is a string that repre
sents the name of the web application as it is usually displayed to the user (e.g., amongst a list of other applications, or as a label for an icon).
serviceworker - Web app manifests
scope a string repre
senting a url that defines a service worker's registration scope; that is, what range of urls a service worker can control.
short_name - Web app manifests
type string mandatory no the short_name member is a string that repre
sents the name of the web application displayed to the user if there is not enough space to display name (e.g., as a label for an icon on the phone home screen).
start_url - Web app manifests
type string mandatory no the start_url member is a string that repre
sents the start url of the web application — the prefered url that should be loaded when the user launches the web application (e.g., when the user taps on the web application's icon from a device's application menu or homescreen).
Web app manifests
the web app manifest provides information about a web application in a json text file, necessary for the web app to be downloaded and be pre
sented to the user similarly to a native app (e.g., be installed on the homescreen of a device, providing users with quicker access and a richer experience).
Values - MathML
lengths several mathml pre
sentation elements have attributes that accept length values used for size or spacing.
<maction> - MathML
possible values are: statusline: if there is a click on the expression or the reader moves the pointer over it, the message is
sent to the browser's status line.
<menclose> - MathML
the symbols are each drawn as if the others are not pre
sent, and therefore may overlap.
<mn> - MathML
the mathml <mn> element repre
sents a numeric literal which is normally a sequence of digits with a possible separator (a dot or a comma).
<mo> - MathML
the mathml <mo> element repre
sents an operator in a broad sense.
<ms> - MathML
the mathml <ms> element repre
sents a string literal meant to be interpreted by programming languages and computer algebra systems.
<mtd> - MathML
the mathml <mtd> element repre
sents a cell in a table or a matrix.
<mtr> - MathML
the mathml <mtr> element repre
sents a row in a table or a matrix.
Progressive web app structure - Progressive web apps (PWAs)
r] fetching resource: '+e.request.url); return r || fetch(e.request).then(function(response) { return caches.open(cachename).then(function(cache) { console.log('[service worker] caching new resource: '+e.request.url); cache.put(e.request, response.clone()); return response; }); }); }) ); }); the javascript data the games data is pre
sent in the data folder in a form of a javascript object (games.js): var games = [ { slug: 'lost-in-cyberspace', name: 'lost in cyberspace', author: 'zosia and bartek', twitter: 'bartaz', website: '', github: 'github.com/bartaz/lost-in-cyberspace' }, { slug: 'vernissage', name: 'vernissage', author: 'platane', ...
begin - SVG: Scalable Vector Graphics
each value can be one of the following: <offset-value> this value defines a clock-value that repre
sents a point in time relative to the beginning of the svg document (usually the load or domcontentloaded event).
clip-rule - SVG: Scalable Vector Graphics
/> </g> as a pre
sentation attribute, it also can be used as a property directly inside a css stylesheet usage context categories pre
sentation attribute value nonzero | evenodd | inherit animatable yes normative document svg 1.1 (2nd edition) nonzero see description of fill-rule property.
end - SVG: Scalable Vector Graphics
each value can be one of the following: <offset-value> this value defines a clock-value that repre
sents a point in time relative to the beginning of the svg document (usually the load or domcontentloaded event).
fx - SVG: Scalable Vector Graphics
="5%"> <stop offset="0%" stop-color="white"/> <stop offset="100%" stop-color="darkseagreen"/> </radialgradient> </defs> <circle cx="100" cy="100" r="100" fill="url(#gradient1)" /> <circle cx="100" cy="100" r="100" fill="url(#gradient2)" style="transform: translatex(240px);" /> </svg> usage notes value <length> default value coincides with the pre
sentational value of cx for the element whether the value for cx was inherited or not.
fy - SVG: Scalable Vector Graphics
="5%"> <stop offset="0%" stop-color="white"/> <stop offset="100%" stop-color="darkseagreen"/> </radialgradient> </defs> <circle cx="100" cy="100" r="100" fill="url(#gradient1)" /> <circle cx="100" cy="100" r="100" fill="url(#gradient2)" style="transform: translatex(240px);" /> </svg> usage notes value <length> default value coincides with the pre
sentational value of cy for the element whether the value for cy was inherited or not.
markerHeight - SVG: Scalable Vector Graphics
the markerheight attribute repre
sents the height of the viewport into which the <marker> is to be fitted when it is rendered according to the viewbox and preserveaspectratio attributes.
markerWidth - SVG: Scalable Vector Graphics
the markerwidth attribute repre
sents the width of the viewport into which the <marker> is to be fitted when it is rendered according to the viewbox and preserveaspectratio attributes.
maskUnits - SVG: Scalable Vector Graphics
objectboundingbox this value indicates that all coordinates for the geometry attributes repre
sent fractions or percentages of the bounding box of the element to which the mask is applied.
patternUnits - SVG: Scalable Vector Graphics
objectboundingbox this value indicates that all coordinates for the geometry properties repre
sent fractions or percentages of the bounding box of the element to which the mask is applied.
pointsAtX - SVG: Scalable Vector Graphics
the pointsatx attribute repre
sents the x location in the coordinate system established by attribute primitiveunits on the <filter> element of the point at which the light source is pointing.
pointsAtY - SVG: Scalable Vector Graphics
the pointsaty attribute repre
sents the y location in the coordinate system established by attribute primitiveunits on the <filter> element of the point at which the light source is pointing.
pointsAtZ - SVG: Scalable Vector Graphics
the pointsatz attribute repre
sents the y location in the coordinate system established by attribute primitiveunits on the <filter> element of the point at which the light source is pointing, assuming that, in the initial local coordinate system, the positive z-axis comes out towards the person viewing the content and assuming that one unit along the z-axis equals one unit in x and y.
repeatDur - SVG: Scalable Vector Graphics
dur="1s" repeatdur="5s"/> </rect> <rect x="120" y="0" width="100" height="100"> <animate attributetype="xml" attributename="y" from="0" to="50" dur="1s" repeatdur="indefinite"/> </rect> </svg> usage notes value <clock-value> | indefinite default values none animatable no <clock-value> this value specifies the duration in pre
sentation time to repeat the animation.
type - SVG: Scalable Vector Graphics
the other keywords repre
sent convenience shortcuts to allow commonly used color operations to be performed without specifying a complete matrix.
xlink:arcrole - SVG: Scalable Vector Graphics
for example, a resource might generically repre
sent a "person," but in the context of a particular arc it might have the role of "mother" and in the context of a different arc it might have the role of "daughter." twentytwo elements are using this attribute: <a>, <altglyph>, <animate>, <animatecolor>, <animatemotion>, <animatetransform>, <color-profile>, <cursor>, <feimage>, <filter>, <font-face-uri>, <glyphref>, <image>, <lineargradient>, <mpath>, <pattern>, <radialgradient>, <script>, <set>, <textpath>, <tref>, <use> usage notes valu...
xlink:title - SVG: Scalable Vector Graphics
it may be used, for example, to make titles available to applications used by visually impaired users, or to create a table of links, or to pre
sent help text that appears when a user lets a mouse pointer hover over a starting resource.
<altGlyph> - SVG: Scalable Vector Graphics
value type: <iri> ; default value: none; animatable: no global attributes core attributes most notably: id lang styling attributes class, style conditional processing attributes most notably: requiredextensions, systemlanguage event attributes global event attributes, document element event attributes, graphical event attributes pre
sentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, dominant-baseline, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, text-anchor, transform, vector-effect, visibility ...
<circle> - SVG: Scalable Vector Graphics
global attributes core attributes most notably: id, tabindex styling attributes class, style conditional processing attributes most notably: requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes pre
sentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedesc...
<clipPath> - SVG: Scalable Vector Graphics
value type: userspaceonuse|objectboundingbox ; default value: userspaceonuse; animatable: yes global attributes core attributes most notably: id styling attributes class, style conditional processing attributes most notably: requiredextensions, systemlanguage pre
sentation attributes most notably: clip-path, clip-rule, color, display, fill, fill-opacity, fill-rule, filter, mask, opacity, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility usage notes categoriesnonepermitted contentany number of the following elements, in any orde...
<defs> - SVG: Scalable Vector Graphics
set="90%" stop-color="red" /> </lineargradient> </defs> <!-- using my graphical objects --> <use x="5" y="5" xlink:href="#mycircle" fill="url('#mygradient')" /> </svg> attributes global attributes core attributes most notably: id lang styling attributes class, style event attributes global event attributes, document element event attributes, graphical event attributes pre
sentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility usage notes categoriescontaine...
<ellipse> - SVG: Scalable Vector Graphics
global attributes core attributes most notably: id, tabindex styling attributes class, style conditional processing attributes most notably: requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes pre
sentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedesc...
<feBlend> - SVG: Scalable Vector Graphics
usage context categoriesfilter primitive elementpermitted contentany number of the following elements, in any order:<animate>, <set> attributes global attributes core attributes pre
sentation attributes filter primitive attributes class style specific attributes in in2 mode dom interface this element implements the svgfeblendelement interface.
<feColorMatrix> - SVG: Scalable Vector Graphics
usage context categoriesfilter primitive elementpermitted contentany number of the following elements, in any order:<animate>, <set> attributes global attributes core attributes pre
sentation attributes filter primitive attributes class style specific attributes in type values dom interface this element implements the svgfecolormatrixelement interface.
<feComponentTransfer> - SVG: Scalable Vector Graphics
usage context categoriesfilter primitive elementpermitted contentany number of the following elements, in any order:<fefunca>, <fefuncr>, <fefuncb>, <fefuncg> attributes global attributes core attributes pre
sentation attributes filter primitive attributes class style specific attributes in dom interface this element implements the svgfecomponenttransferelement interface.
<feComposite> - SVG: Scalable Vector Graphics
k4 where: i1 and i2 indicate the corresponding pixel channel values of the input image, which map to in and in2 respectively k1, k2, k3 and k4 indicate the values of the attributes with the same name usage context categoriesfilter primitive elementpermitted contentany number of the following elements, in any order:<animate>, <set> attributes global attributes core attributes » pre
sentation attributes » filter primitive attributes » class style specific attributes in in2 operator k1 k2 k3 k4 dom interface this element implements the svgfecompositeelement interface.
<feDiffuseLighting> - SVG: Scalable Vector Graphics
attributes global attributes core attributes pre
sentation attributes filter primitive attributes class style specific attributes in surfacescale diffuseconstant kernelunitlength dom interface this element implements the svgfediffuselightingelement interface.
<feDisplacementMap> - SVG: Scalable Vector Graphics
usage context categoriesfilter primitive elementpermitted contentany number of the following elements, in any order:<animate>, <set> attributes global attributes core attributes pre
sentation attributes filter primitive attributes class style specific attributes in in2 scale xchannelselector ychannelselector dom interface this element implements the svgfedisplacementmapelement interface.
<feFlood> - SVG: Scalable Vector Graphics
usage context categoriesfilter primitive elementpermitted contentany number of the following elements, in any order:<animate>, <animatecolor>, <set> attributes global attributes core attributes pre
sentation attributes filter primitive attributes class style specific attributes flood-color flood-opacity dom interface this element implements the svgfefloodelement interface.
<feGaussianBlur> - SVG: Scalable Vector Graphics
usage context categoriesfilter primitive elementpermitted contentany number of the following elements, in any order:<animate>, <set> attributes global attributes core attributes pre
sentation attributes filter primitive attributes class style specific attributes in stddeviation edgemode dom interface this element implements the svgfegaussianblurelement interface.
<feImage> - SVG: Scalable Vector Graphics
the <feimage> svg filter primitive fetches image data from an external source and provides the pixel data as output (meaning if the external source is an svg image, it is rasterized.) usage context categoriesfilter primitive elementpermitted contentany number of the following elements, in any order:<animate>, <animatetransform>, <set> attributes global attributes core attributes pre
sentation attributes filter primitive attributes xlink attributes class style externalresourcesrequired specific attributes preserveaspectratio xlink:href dom interface this element implements the svgfeimageelement interface.
<feMerge> - SVG: Scalable Vector Graphics
t in="sourcegraphic" dx="60" dy="60" /> <fegaussianblur stddeviation="5" result="blur2" /> <femerge> <femergenode in="blur2" /> <femergenode in="sourcegraphic" /> </femerge> </filter> <rect x="40" y="40" width="100" height="100" style="stroke: #000000; fill: green; filter: url(#feoffset);" /> </svg> result attributes global attributes core attributes pre
sentation attributes filter primitive attributes class style specific attributes none dom interface this element implements the svgfemergeelement interface.
<feMorphology> - SVG: Scalable Vector Graphics
usage context categoriesfilter primitive elementpermitted contentany number of the following elements, in any order:<animate>, <set> attributes global attributes core attributes pre
sentation attributes filter primitive attributes class style specific attributes in operator radius dom interface this element implements the svgfemorphologyelement interface.
<feOffset> - SVG: Scalable Vector Graphics
usage context categoriesfilter primitive elementpermitted contentany number of the following elements, in any order:<animate>, <set> attributes global attributes core attributes pre
sentation attributes filter primitive attributes class style specific attributes in dx dy dom interface this element implements the svgfeoffsetelement interface.
<feSpecularLighting> - SVG: Scalable Vector Graphics
attributes global attributes core attributes pre
sentation attributes filter primitive attributes class style specific attributes in surfacescale specularconstant specularexponent kernelunitlength dom interface this element implements the svgfespecularlightingelement interface.
<feTile> - SVG: Scalable Vector Graphics
usage context categoriesfilter primitive elementpermitted contentany number of the following elements, in any order:<animate>, <set> attributes global attributes core attributes pre
sentation attributes filter primitive attributes class style specific attributes in dom interface this element implements the svgfetileelement interface.
<feTurbulence> - SVG: Scalable Vector Graphics
usage context categoriesfilter primitive elementpermitted contentany number of the following elements, in any order:<animate>, <set> attributes global attributes core attributes pre
sentation attributes filter primitive attributes class style specific attributes basefrequency numoctaves seed stitchtiles type dom interface this element implements the svgfeturbulenceelement interface.
<filter> - SVG: Scalable Vector Graphics
usage context categoriesnonepermitted contentany number of the following elements, in any order:descriptive elementsfilter primitive elements<animate>, <set> attributes global attributes core attributes pre
sentation attributes xlink attributes class style externalresourcesrequired specific attributes x y width height filterres filterunits primitiveunits xlink:href dom interface this element implements the svgfilterelement interface.
<font> - SVG: Scalable Vector Graphics
usage context categoriesfont elementpermitted contentany number of the following elements, in any order:descriptive elements<font-face>, <glyph>, <hkern>, <missing-glyph>, <vkern> attributes global attributes core attributes pre
sentation attributes class style externalresourcesrequired specific attributes horiz-origin-x horiz-origin-y horiz-adv-x vert-origin-x vert-origin-y vert-adv-y dom interface this element implements the svgfontelement interface.
<foreignObject> - SVG: Scalable Vector Graphics
global attributes core attributes most notably: id, tabindex styling attributes class, style conditional processing attributes most notably: requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes, document event attributes, document element event attributes pre
sentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedesc...
<glyph> - SVG: Scalable Vector Graphics
tpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elementsstructural elementsgradient elements<a>, <altglyphdef>, <clippath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> attributes global attributes core attributes pre
sentation attributes class style specific attributes d horiz-adv-x vert-origin-x vert-origin-y vert-adv-y unicode glyph-name orientation arabic-form lang dom interface this element implements the svgglyphelement interface.
<glyphRef> - SVG: Scalable Vector Graphics
usage context categoriestext content elementpermitted contentempty attributes global attributes core attributes » pre
sentation attributes » xlink attributes » class style specific attributes x y dx dy glyphref format xlink:href dom interface this element implements the svgglyphrefelement interface.
<hatch> - SVG: Scalable Vector Graphics
usage context categoriesnever-rendered element, paint server elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elements<hatchpath>, <script>, <style> attributes global attributes core attributes global event attributes pre
sentation attributes style attributes specific attributes x y pitch rotate hatchunits hatchcontentunits transform href dom interface this element implements the svghatchelement interface.
<hatchpath> - SVG: Scalable Vector Graphics
usage context categoriesnonepermitted contentany number of the following elements, in any order:animation elementsdescriptive elements<script>, <style> attributes global attributes core attributes global event attributes pre
sentation attributes style attributes specific attributes d offset dom interface this element implements the svghatchpathelement interface.
<image> - SVG: Scalable Vector Graphics
usage context categoriesgraphics element, graphics referencing elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elements attributes global attributes conditional processing attributes core attributes graphical event attributes pre
sentation attributes xlink attributes class style externalresourcesrequired transform specific attributes x: positions the image horizontally from the origin.
<line> - SVG: Scalable Vector Graphics
value type: <number> ; default value: none; animatable: yes global attributes core attributes most notably: id, tabindex styling attributes class, style conditional processing attributes most notably: requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes pre
sentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedesc...
<linearGradient> - SVG: Scalable Vector Graphics
value type: <length> ; default value: 0%; animatable: yes global attributes core attributes most notably: id styling attributes class, style event attributes global event attributes, document element event attributes pre
sentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility xlink attributes xlink:href, xl...
<marker> - SVG: Scalable Vector Graphics
value type: <list-of-numbers> ; default value: none; animatable: yes global attributes core attributes most notably: id, tabindex styling attributes class, style conditional processing attributes most notably: requiredextensions, systemlanguage pre
sentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedesc...
<mask> - SVG: Scalable Vector Graphics
value type: <length> ; default value: 120%; animatable: yes global attributes core attributes most notably: id styling attributes class, style conditional processing attributes most notably: requiredextensions, systemlanguage pre
sentation attributes most notably: clip-path, clip-rule, color, display, fill, fill-opacity, fill-rule, filter, mask, opacity, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility usage notes categoriescontainer elementpermitted contentany number of the following elements...
<missing-glyph> - SVG: Scalable Vector Graphics
epermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elementsstructural elementsgradient elements<a>, <altglyphdef>, <clippath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> attributes global attributes core attributes pre
sentation attributes class style specific attributes d horiz-adv-x vert-origin-x vert-origin-y vert-adv-y dom interface this element implements the svgmissingglyphelement interface.
<path> - SVG: Scalable Vector Graphics
value type: <number> ; default value: none; animatable: yes global attributes core attributes most notably: id, tabindex styling attributes class, style conditional processing attributes most notably: requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes pre
sentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedesc...
<pattern> - SVG: Scalable Vector Graphics
value type: <length>|<percentage> ; default value: 0; animatable: yes global attributes core attributes most notably: id, tabindex styling attributes class, style conditional processing attributes most notably: requiredextensions, systemlanguage pre
sentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility xlink attributes most notably: ...
<polygon> - SVG: Scalable Vector Graphics
value type: <number> ; default value: none; animatable: yes global attributes core attributes most notably: id, tabindex styling attributes class, style conditional processing attributes most notably: requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes pre
sentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedesc...
<polyline> - SVG: Scalable Vector Graphics
value type: <number> ; default value: none; animatable: yes global attributes core attributes most notably: id, tabindex styling attributes class, style conditional processing attributes most notably: requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes pre
sentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedesc...
<radialGradient> - SVG: Scalable Vector Graphics
value type: <iri> ; default value: none; animatable: yes global attributes core attributes most notably: id styling attributes class, style event attributes global event attributes, document element event attributes pre
sentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility xlink attributes xlink:href, xl...
<rect> - SVG: Scalable Vector Graphics
global attributes core attributes most notably: id, tabindex styling attributes class, style conditional processing attributes most notably: requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes pre
sentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedesc...
<stop> - SVG: Scalable Vector Graphics
value type: <opacity>; default value: 1; animatable: yes global attributes core attributes most notably: id styling attributes class, style event attributes global event attributes, document element event attributes pre
sentation attributes most notably: color, display, stop-color, stop-opacity, visibility usage notes categoriesgradient elementpermitted contentany number of the following elements, in any order:<animate>, <animatecolor>, <set> specifications specification status comment scalable vector graphics (svg) 2the definition of '<stop>' in that specification.
<svg> - SVG: Scalable Vector Graphics
global attributes core attributes most notably: id, tabindex styling attributes class, style conditional processing attributes most notably: requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes, document event attributes, document element event attributes pre
sentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedesc...
<switch> - SVG: Scalable Vector Graphics
usage context categoriescontainer elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elements<a>, <foreignobject>, <g>, <image>, <svg>, <switch>, <text>, <use> attributes global attributes conditional processing attributes core attributes graphical event attributes pre
sentation attributes class style externalresourcesrequired transform dom interface this element implements the svgswitchelement interface.
<symbol> - SVG: Scalable Vector Graphics
value type: <length>|<percentage> ; default value: 0; animatable: yes global attributes core attributes most notably: id styling attributes class, style event attributes global event attributes, document element event attributes, graphical event attributes pre
sentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedesc...
<text> - SVG: Scalable Vector Graphics
age> ; default value: none; animatable: yes global attributes core attributes most notably: id, tabindex styling attributes class, style, font-family, font-size, font-size-adjust, font-stretch, font-style, font-variant, font-weight conditional processing attributes most notably: requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes pre
sentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, dominant-baseline, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, text-anchor, transform, vector-effect, visibility ...
<textPath> - SVG: Scalable Vector Graphics
value type: <length>|<percentage>|<number> ; default value: auto; animatable: yes global attributes core attributes most notably: id, tabindex styling attributes class, style conditional processing attributes most notably: requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes pre
sentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedesc...
<tref> - SVG: Scalable Vector Graphics
usage context categoriestext content element, text content child elementpermitted contentany number of the following elements, in any order:descriptive elements<animate>, <animatecolor>, <set> attributes global attributes conditional processing attributes core attributes graphical event attributes pre
sentation attributes xlink attributes class style externalresourcesrequired specific attributes xlink:href dom interface this element implements the svgtrefelement interface.
<tspan> - SVG: Scalable Vector Graphics
value type: <length>|<percentage> ; default value: none; animatable: yes global attributes core attributes most notably: id, tabindex styling attributes class, style conditional processing attributes most notably: requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes pre
sentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, dominant-baseline, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, text-anchor, transform, vector-effect, visibility ...
<use> - SVG: Scalable Vector Graphics
global attributes core attributes most notably: id, tabindex styling attributes class, style conditional processing attributes most notably: requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes pre
sentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedesc...
Positions - SVG: Scalable Vector Graphics
« previousnext » in this article, we examine how scalable vector graphics (svg) repre
sents the positions and sizes of objects within a drawing context, including coordinate system and what a "pixel" measurement means in a scalable context.
Using shadow DOM - Web Components
high-level view this article assumes you are already familiar with the concept of the dom (document object model) — a tree-like structure of connected nodes that repre
sents the different elements and strings of text appearing in a markup document (usually an html document in the case of web documents).
Axes - XPath
an axis repre
sents a relationship to the context node, and is used to locate nodes relative to that node on the tree.
count - XPath
returns an integer repre
senting the number of nodes in a node-set.
document - XPath
if the uri argument is a node-set, and the second argument is pre
sent, each node in the node-set will be evaluated as a separate uri, and the returned node-set will be as if the document function has been called multiple times (each time with the same second argument just as given in the function call) and the resulting node-sets had been concatenated into a single node-set.
local-name - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the local-name function returns a string repre
senting the local name of the first node in a given node-set.
translate - XPath
however, this is the closest we have at pre
sent to a function that can convert a string to uppercase or lowercase.
Functions - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the following is an annotated list of core xpath functions and xslt-specific additions to xpath, including a description, syntax, a list of arguments, result-type, source in the appropriate w3c recommendation, and degree of pre
sent gecko support.
XSLT elements reference - XSLT: Extensible Stylesheet Language Transformations
on to be evaluated is placed inside curly brackets: <img src="{$image-dir}/mygraphic.jpg"/> this would result in the following: <img src="/images/mygraphic.jpg"/> the element annotations that follow include a description, a syntax listing, a list of required and optional attributes, a description of type and position, its source in the w3c recommendation and an explanation of the degree of pre
sent gecko support.
Resources - XSLT: Extensible Stylesheet Language Transformations
xsl results firefox extension (pre
sently awaiting review) - allows one to experiment with xsl, by applying xsl stylesheets (which are manually entered, found via a url or on the file-system) to an xml document (the currently-loaded document or a manually entered/pasted one).
Caching compiled WebAssembly modules - WebAssembly
base with a key of url, for next time we want to use it: errmsg => { console.log(errmsg); return webassembly.instantiatestreaming(fetch(url)).then(results => { storeindatabase(db, results.module); return results.instance; }); }) }, note: it is for this kind of usage that webassembly.instantiate() returns both a module and an instance: the module repre
sents the compiled code and can be stored/retrieved in idb or shared between workers via postmessage(); the instance is stateful and contains the callable javascript functions, therefore it cannot be stored/shared.