Search completed in 1.28 seconds.
1724 results for "Details":
Your results are loading. Please wait...
<details>: The Details disclosure element - HTML: Hypertext Markup Language
WebHTMLElementdetails
the html details element (<details>) creates a disclosure widget in which information is visible only when the widget is toggled into an "open" state.
...if the first child of the <details> element is a <summary>, the contents of the <summary> element are used as the label for the disclosure widget.
... note: the common use of a triangle which rotates or twists around to represent opening or closing the widget is why these are sometimes called "twisties." a <details> widget can be in one of two states.
...And 20 more matches
Network request details - Firefox Developer Tools
the request details pane appears when you click on a network request in the request list.
... network request details clicking on a row displays a new pane in the right-hand side of the network monitor, which provides more detailed information about the request.
... clicking the icon at the right-hand end of the toolbar closes the details pane and returns you to the list view.
...And 7 more matches
PaymentMethodChangeEvent.methodDetails - Web APIs
the read-only methoddetails property of the paymentmethodchangeevent interface is an object containing any data the payment handler may provide to describe the change the user has made to their payment method.
... the value is null if no details are available.
... syntax details = paymentmethodchangeevent.methodname; value an object containing any data needed to describe the changes made to the payment method.
...And 6 more matches
PaymentDetailsBase - Web APIs
the paymentdetailsbase dictionary is a mixin used by the paymentdetailsinit and paymentdetailsupdate dictionaries.
... modifiersoptional an array of paymentdetailsmodifier objects, each describing a modifier for particular payment method identifiers.
... derived dictionaries the following dictionaries include paymentdetailsbase.
...And 4 more matches
HTMLDetailsElement: toggle event - Web APIs
the toggle event fires when the open/closed state of a <details> element is toggled.
... bubbles no cancelable no interface event event handler property none default action toggles the open state of the <details> element.
... html <aside id="log"> <b>open chapters:</b> <div data-id="ch1" hidden>i</div> <div data-id="ch2" hidden>ii</div> <div data-id="ch3" hidden>iii</div> </aside> <section id="summaries"> <b>chapter summaries:</b> <details id="ch1"> <summary>chapter i</summary> philosophy reproves boethius for the foolishness of his complaints against fortune.
...And 3 more matches
MediaSessionActionDetails - Web APIs
the media session api's mediasessionactiondetails dictionary is the type used by the sole input parameter into the callback which is executed when a media session action occurs.
...the mediasessionactiondetails property seekoffset specifies the amount of time to seek backward.
...the mediasessionactiondetails property seekoffset specifies the amount of time to seek forward.
...And 3 more matches
HTMLDetailsElement - Web APIs
the htmldetailselement interface provides special properties (beyond the regular htmlelement interface it also has available to it by inheritance) for manipulating <details> elements.
... <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/htmldetailselement" target="_top"><rect x="1" y="1" width="180" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="91" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmldetailselement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
... htmldetailselement.open is a boolean reflecting the open html attribute, indicating whether or not the element’s contents (not counting the <summary>) is to be shown to the user.
...And 2 more matches
MediaSessionActionDetails.seekTime - Web APIs
the mediasessionactiondetails dictionary's seektime property is always included when a seekto action is sent to the action handler callback.
... syntax let mediasessionactiondetails = { seektime: abstimeinseconds }; let abstime = mediasessionactiondetails.seektime; value a floating-point value indicating the absolute time in seconds into the media to which to move the current play position.
... usage notes to perform a "fast" seek (such as when issuing multiple seekto actions in sequence while handling a scrubbing operation, the details object's fastseek property's value is set to true, indicating that you should minimize or eliminate anything you do while handling the action that is only necessary at the final step.
...And 2 more matches
PaymentDetailsUpdate - Web APIs
the paymentdetailsupdate dictionary is used to provide updated information to the payment user interface after it has been instantiated.
... this can be done either by calling the paymentrequestupdateevent.updatewith() method or by using the paymentrequest.show() method's detailspromise parameter to provide a promise that returns a paymentdetailsupdate that updates the payment information before the user interface is even enabled for the first time.
... properties the paymentdetailsupdate dictionary is based on the paymentdetailsbase dictionary, and inherits its properties, which are included in the list below.
...And 2 more matches
PaymentDetailsUpdate.error - Web APIs
the paymentdetailsupdate dictionary's error property is a human-readable domstring which provides an error message to be displayed if the specified information doesn't offer any valid shipping options.
... syntax errorstring = paymentdetailsupdate.error; paymentdetailsupdate.error = errorstring; value a domstring specifying the string to display to the user if the information specified in the paymentdetailsupdate doesn't provide any valid shipping options.
... the paymentdetailsupdate object specifies no valid shipping options in its shippingoptions list.
... specifications specification status comment payment request apithe definition of 'paymentdetailsupdate.error' in that specification.
PaymentResponse.details - Web APIs
the details read-only property of the paymentresponse interface returns a json-serializable object that provides a payment method specific message used by the merchant to process the transaction and determine a successful funds transfer.
... syntax var detailsobject = paymentresponse.details; example the following example extracts the details from the paymentresponse object to the promise returned from paymentrequest.show().
... payment.show().then(paymentresponse => { var paymentdata = { // payment method string method: paymentresponse.methodname, // payment details as you requested details: paymentresponse.details, // shipping address information address: todict(paymentresponse.shippingaddress) }; // send information to the server }); specifications specification status comment payment request api candidate recommendation initial definition.
... desktopmobilechromeedgefirefoxinternet exploreroperasafariandroid webviewchrome for androidfirefox for androidopera for androidsafari on iossamsung internetdetailschrome full support 61edge full support 15firefox full support 56notes disabled full support 56notes disabled notes available only in nightly builds.disabled from version 56: this feature is behind the dom.payments.request.enable...
MediaSessionActionDetails.action - Web APIs
the action property is the only required property mediasessionactiondetails dictionary, specifying the type of media session action which the action handler callback is being executed for.
... syntax let mediasessionactiondetails = { action: actiontype }; let actiontype = mediasessionactiondetails.action; value a domstring specifying which of the action types the callback is being invoked for: nexttrack advances playback to the next track.
... specifications specification status comment media session standardthe definition of 'mediasessionactiondetails.action' in that specification.
MediaSessionActionDetails.fastSeek - Web APIs
the boolean property fastseek in the mediasessionactiondetails dictionary is an optional value which, when specified and true, indicates that the requested seekto operation is part of an ongoing series of seekto operations.
... syntax let mediasessionactiondetails = { fastseek: shouldfastseek }; let shouldfastseek = mediasessionactiondetails.fastseek; value a boolean which is true if the action is part of an ongoing series of seek actions which should be treated as part of an overall seek operation.
... specifications specification status comment media session standardthe definition of 'mediasessionactiondetails.fastseek' in that specification.
MediaSessionActionDetails.seekOffset - Web APIs
the mediasessionactiondetails dictionary's seekoffset property is an optional value passed into the action handler callback to provide the number of seconds the seekforward and seekbackward actions should move the playback time by.
... syntax let mediasessionactiondetails = { seekoffset: deltatimeinseconds }; let deltatime = mediasessionactiondetails.seekoffset; value a floating-point value indicating the time delta in seconds by which to move the playback position relative to its current timestamp.
... specifications specification status comment media session standardthe definition of 'mediasessionactiondetails.seekoffset' in that specification.
PaymentDetailsUpdate.shippingAddressErrors - Web APIs
the paymentdetailsupdate dictionary's shippingaddresserrors property, if present, contains an addresserrors object whose contents provide error messages for one or more of the values in the paymentaddress specified as paymentrequest.shippingaddress.
... syntax var addresserrors = paymentdetailsupdate.shippingaddresserrors; value an addresserrors object, which contains domstrings describing errors in the properties of a paymentaddress.
... specifications specification status comment payment request apithe definition of 'paymentdetailsupdate.shippingaddresserrors' in that specification.
Box Model Details - Archive of obsolete content
here, we'll find out some more details with some examples.
... more layout details the style properties such as min-width and max-height can be applied to any element.
JS_SET_TRACING_DETAILS
syntax js_set_tracing_details(trc, printer, arg, index) name type description trc jstracer * the tracer whose debugging hooks are to be set.
...mxr id search for js_set_tracing_details ...
Details of the object model - JavaScript
the rest of this chapter describes the details of using javascript constructors and prototypes to create an object hierarchy and compares this to how you would do it in java.
...see bug 634150 if you want the nitty-gritty details.
Accessibility API Implementation Details
these pages contain documentation on mozilla specific implementation details of assistive technology apis.
Index - Web APIs
WebAPIIndex
126 audiocontext.createjavascriptnode() api, audio, method, obsolete, reference, web, createjavascriptnode the following script illustrates the use of createjavascriptnode(): 127 audiocontext.createmediaelementsource() api, audiocontext, method, reference, référence(2), web audio api, createmediaelementsource for more details about media element audio source nodes, check out the mediaelementaudiosourcenode reference page.
... 129 audiocontext.createmediastreamsource() api, audio, audiocontext, audionode, media, mediastream, mediastreamtrack, method, reference, web, web audio, web audio api, createmediastreamsource for more details about media stream audio source nodes, check out the mediastreamaudiosourcenode reference page.
... 256 basiccardresponse api, basic card payment, basiccardresponse, experimental, interface, payment request, payment request api, reference the basiccardresponse dictionary (related to the payment request api, although defined in the basic card payment spec) defines an object structure for payment response details such as the number/expiry date of the card used to make the payment, and the billing address.
...And 42 more matches
Experimental features in Firefox
see bug 840640 for more details.
...see also bug 1205133 for details.
...read preloading content with rel="preload" for more details.
...And 28 more matches
Index
MozillaTechXPCOMIndex
you can get details on what this method does in js_setgczeal.
... 82 reference manual xpcom this section will help you if you're already familiar with nscomptr but you need details.
...this article details those changes, and provides suggestions for how to update your code.
...And 21 more matches
Using templates and slots - Web Components
the following set of code snippets show how to use <slot> together with <template> and some javascript to: create a <element-details> element with named slots in its shadow root design the <element-details> element in such a way that, when used in documents, it is rendered from composing the element’s content together with content from its shadow root—that is, pieces of the element’s content are used to fill in named slots in its shadow root note that it is technically possible to use <slot> element without a <templat...
... note: you can find this complete example at element-details (see it running live also).
... creating a template with some slots first of all, we use the <slot> element within a <template> element to create a new "element-details-template" document fragment containing some named slots: <template id="element-details-template"> <style> details {font-family: "open sans light",helvetica,arial} .name {font-weight: bold; color: #217ac0; font-size: 120%} h4 { margin: 10px 0 -8px 0; } h4 span { background: #217ac0; padding: 2px 6px 2px 6px } h4 span { border: 1px solid #cee9f9; border-radius: 4px } h4 span { color: white } .attributes { margin-left: 22px; font-size: 90% } .attributes p { margin-left: 16px; font-style: italic } </style> <details> <summary> <span> <code class="name">&lt;<slot name="element-name">need name</slot>&gt;</code> <i cl...
...And 17 more matches
Index - Archive of obsolete content
these details apply to firefox, thunderbird, and seamonkey (version 2.0 and above).
...see the dehydra object reference for details on the available object properties.
...further details on smaller tasks being done are available at user:dria:todo page.
...And 13 more matches
Using the Payment Request API - Web APIs
the basics of making a payment this section details the basics of using the payment request api to make a payment.
... details — an object containing information concerning the specific payment, such as the total payment amount, tax, shipping cost, etc.
... so for example, you could create a new paymentrequest instance like so: var request = new paymentrequest(buildsupportedpaymentmethoddata(), buildshoppingcartdetails()); the functions invoked inside the constructor simply return the required object parameters: function buildsupportedpaymentmethoddata() { // example supported payment methods: return [{ supportedmethods: 'basic-card', data: { supportednetworks: ['visa', 'mastercard'], supportedtypes: ['debit', 'credit'] } }]; } function buildshoppingcartdetails() { // hardcoded for demo purposes: return { id: 'order-123', displayitems: [ { label: 'example item', ...
...And 9 more matches
Search Extension Tutorial (Draft) - Archive of obsolete content
while the technical details below are important to understand, a library which encapsulates the appropriate logic is provided along with the example add-on at the end, and should be used where possible.
...cu.import("resource://gre/modules/services.jsm"); // the details of the engine to add const engine_details = { name: "example engine", iconurl: "data:image/png;base64,...", alias: "example-engine", description: "an example search engine", method: "get", // the http request method url: "https://www.example.com/?q=_searchterms_" }; // keep track of whether this is the first run.
... if (!services.search.getenginebyname(engine_details.name)) { services.search.addenginewithdetails.apply(services.search, ["name", "iconurl", "alias", "description", "method", "url"].map( function (k) engine_details[k])) } let engine = services.search.getenginebyname(engine_details.name); // if the engine is not hidden and this is the first run, move // it to the first position in the engine lis...
...And 8 more matches
Setting up your own test automation environment - Learn web development
see setting up a selenium-webdriver project for more details of selenium setups for different languages.
...you can find details of where to get them from on the selenium-webdriver page (see the table in the first section.) obviously, some of the browsers are os-specific, but we're going to stick with firefox and chrome, as they are available across all the main oses.
...for more complete details, you should consult the selenium-webdriver javascript api reference for a detailed reference, and the selenium main documentation's selenium webdriver and webdriver: advanced usage pages, which contain multiple examples to learn from written in different languages.
...And 8 more matches
Console messages - Firefox Developer Tools
if more information is available, a disclosure triangle lets you display it, in an embedded panel that is identical to the network monitor request details.
... the context menu for network messages includes a few extra items in addition the globally-available ones: copy link location acts as you would expect, copying the url into the clipboard open in network panel switches context to the network tab, selects the request and shows you the details resend request sends the network request again.
... the complete list of security messages is as follows: message details blocked loading mixed active content the page contained mixed active content: that is, the main page was served over https, but asked the browser to load "active content", such as scripts, over http.
...And 8 more matches
PaymentRequest.show() - Web APIs
if your architecture doesn't necessarily have all of the data ready to go at the moment it instantiates the payment interface by calling show(), specify the detailspromise parameter, providing a promise that is fulfilled once the data is ready.
... syntax paymentpromise = paymentrequest.show(detailspromise); parameters detailspromise optional an optional promise that you can provide if your architecture requires that the payment request's details need to be updated between instantiating the payment interface and the user beginning to interact with it.
... the promise should resolve with a paymentdetailsupdate object containing the updated information.
...And 8 more matches
ARIA annotations - Accessibility
to provide a semantic association between the document content being annotated and the annotation, an aria-details attribute can be set on the annotated content that contains the id of the annotated element.
... aria-details has been updated so that it can support multiple ids — this makes sense, for example you can easily envisage having multiple comments relating to the same bit of text.
... associating annotated elements with their details there are a number of different ways in which you can associate ui features with text labels or descriptions for accessibility purposes.
...And 8 more matches
JavaScript modules - JavaScript
see node's ecmascript modules documentation for more details.
...see node's ecmascript modules documentation for more details.disabled from version 12.0.0: this feature is behind the --experimental-modules runtime flag.
...see node's ecmascript modules documentation for more details.disabled from version 8.5.0: this feature is behind the --experimental-modules runtime flag.dynamic importchrome full support 63edge full support 79firefox full support 67 full support 67 no support 66 — 67disabled disabled from version 66 until version 67 (exclusive): this feature is behind the javascript.options.dynamicimport preference (needs to be set to true).
...And 8 more matches
source-editor.jsm
see the editor configuration object for details on configuring the editor.
...see find options for details.
...see the editor configuration object for details.
...And 7 more matches
<summary>: The Disclosure Summary element - HTML: Hypertext Markup Language
WebHTMLElementsummary
the html disclosure summary element (<summary>) element specifies a summary, caption, or legend for a <details> element's disclosure box.
... clicking the <summary> element toggles the state of the parent <details> element open and closed.
... permitted parents the <details> element.
...And 7 more matches
Introduction to automated testing - Learn web development
see getting started with grunt for more details.
...the dashboard will provide you details related to how many minutes you have consumed, how many concurrent sessions are running, your total number of tests to date, and more.
... advanced: the sauce labs api sauce labs has a restful api that allows you to programmatically retrieve details of your account and existing tests, and annotate tests with further details, such as their pass/fail state which isn't recordable by manual testing alone.
...And 6 more matches
AddressErrors - Web APIs
addresserrors is the type of the object returned by shippingaddresserrors in the paymentdetailsupdate passed into paymentrequestupdateevent.updatewith() by the shippingaddresschange event handler if a change to the address resulted in a validation error occurring.
...please check for any errors."; const invalidcountryerror = "at this time, we only ship to the united states, canada, great britain, japan, china, and germany."; let shippingaddress = ev.target.shippingaddress; let shippingaddresserrors = {}; let updatedetails = {}; if (!validcountries.includes(shippingaddress.country)) { ev.target.shippingoptions = []; shippingaddresserrors.country = invalidcountryerror; updatedetails = { error: genericaddresserror, shippingaddresserrors, ...defaultpaymentdetails }; } ev.updatewith(updatedetails); } see handling address changes for a description of how this code works.
... javascript payment request data first, we declare the variables supportedhandlers, which is compatible with paymentmethoddata, and defaultpaymentdetails, which is a paymentdetailsupdate object.
...And 6 more matches
PaymentRequest.PaymentRequest() - Web APIs
syntax var paymentrequest = new paymentrequest(methoddata, details, [options]); parameters methoddata contains an array of identifiers for the payment methods the merchant web site accepts and any associated payment method specific data.
... details provides information about the requested transaction.
... displayitems an array of optional line items for the payment request that the user agent may display, such as product details, tax, and shipping.
...And 6 more matches
Web video codec guide - Web media technologies
some details may be lost; the amount of loss depends on the codec and how it's configured, but as a general rule, the more compression you achieve, the more loss of detail and fidelity will occur.
...each codec provides a link to a section below which offers additional details about the codec, including specific capabilities and compatibility issues you may need to be aware of.
...see frame rate below for details.
...And 6 more matches
Release notes - Archive of obsolete content
details github commits made between firefox 34 and firefox 35.
... details github commits made between firefox 33 and firefox 34.
... details github commits made between firefox 32 and firefox 33.
...And 5 more matches
Index - Archive of obsolete content
ArchiveMozillaXULIndex
(this one has no post data parameter, see loaduriwithflags for a version that does) 531 loaduriwithflags xul methods, xul reference (see nsiwebnavigation.loaduri() for details on the referrer and postdata parameters.) 532 makeeditable xul methods, xul reference no summary!
...this is a useful means of providing additional details about a user interface without cluttering up the main interface.
...the following articles provide details about implementing and working with toolbars.
...And 5 more matches
sslfnc.html
the ssl_cipherprefsetdefault function cannot override cipher suite policy settings that are not permitted; see ssl export policy functions for details.
...for more details on policy settings, see ssl_cipherpolicyset.
...for more details on policy settings, see ssl_cipherpolicyset.
...And 5 more matches
Payment Request API - Web APIs
it aims to make the checkout process easier, by remembering a user's details, which are then passed along to a merchant hopefully without requiring a html form.
... advantages of using the payment request api with "basic-card" (card-based payments): fast purchase experience: users enter their details once into the browser and are then ready to pay for goods and services on the web.
... they no longer have to fill out the same details repeatedly across different sites.
...And 5 more matches
The "codecs" parameter in common media types - Web media technologies
this guide briefly examines the syntax of the media type codecs parameter and how it's used with the mime type string to provide details about the contents of audio or video media beyond simply indicating the container type.
... av1 codec parameter string components component details p the one-digit profile number: av1 profile numbers profile number description 0 "main" profile; supports yuv 4:2:0 or monochrome bitstreams with bit depth of 8 or 10 bits per component.
...see appendix a, section 3 in the av1 specification for details.
...And 5 more matches
Introduction to XUL - Archive of obsolete content
having said that, the details of a particular application of xml; say, the syntax for specifying a toolbar, are left to separate documents describing those particular applications.
... most of the details of writing a xul document are identical to those for writing an xml document, a description of which we will leave to other excellent xml documentation which we assume must exist but have never seen.
...mozilla's xul content models also support nifty features like local/remote merging; see the xul and rdf document for details.
...And 4 more matches
Inputs and input sources - Web APIs
for details on the primary action, see primary action.
... managing input sources when multiple input sources are available, you need to be able to obtain information about each one, including its position and orientation, its targeting ray (if applicable to your needs), and details that can help you decide how to present the input source visually, if at all.
... see input profiles for more specific details on working with input profiles.
...And 4 more matches
Functions - JavaScript
defining functions there are several ways to define functions: the function declaration (function statement) there is a special syntax for declaring functions (see function statement for details): function name([param[, param[, ...
... the function expression (function expression) a function expression is similar to and has the same syntax as a function declaration (see function expression for details).
... the generator function declaration (function* statement) there is a special syntax for generator function declarations (see function* statement for details): function* name([param[, param[, ...
...And 4 more matches
Web audio codec guide - Web media technologies
see codecs used by webrtc for details.
... factors affecting the encoded audio there are two general categories of factors that affect the encoded audio which is output by an audio codec's encoder: details about the source audio's format and contents, and the codec and its configuration during the encoding process.
... noise / hiss unwanted background noise or hiss tends to reduce audio quality both directly (by masking details of the foreground audio) and indirectly (by making the audio waveform more complicated and therefore difficult to reduce in size while maintaining precision).
...And 4 more matches
Codecs used by WebRTC - Web media technologies
see this article on sumo for details.
... for details on webrtc-related considerations for each codec, see the sub-sections below by following the links on each codec's name.
... complete details of what video codecs and configurations webrtc is required to support can be found in rfc 7742: webrtc video processing and codec requirements.
...And 4 more matches
Index - Learn web development
8 mobile accessibility accessibility, article, beginner, codingscripting, learn, mobile, responsive, screenreader, touch in this article, we have provided you with some details about common mobile accessibility-specific issues and how to overcome them.
...you should now also have a thirst to learn about the implementation details that can make sites accessible, and we'll start on that in the next section, looking at why html is a good basis for accessibility.
...along the way, we'll also explain some useful details of dealing with functions.
...And 3 more matches
Website security - Learn web development
in other high-profile cases, millions of passwords, email addresses, and credit card details have been leaked into the public domain, exposing website users to both personal embarrassment and financial risk.
... the rest of this article gives you more details about a few common threats and some of the simple steps you can take to protect your site.
...when the attacker has the cookie, they can log into a site as though they were the user and do anything the user can, such as access their credit card details, see contact details, or change passwords.
...And 3 more matches
Communicating with frame scripts
the example below sends a message named "my-e10s-extension-message", with a data payload containing details and tag properties, and exposes the event.target object as a cpow: // frame script addeventlistener("click", function (event) { sendasyncmessage("my-addon@me.org:my-e10s-extension-message", { details : "they clicked", tag : event.target.tagname }, { target : event.target }); }, false); to receive messages from content, a chrome script needs to add a message listener using t...
... objects an object whose properties are any cpows exposed by the sender as the third argument to sendasyncmessage() in the example below the listener just logs all the messages details: // chrome script messagemanager.addmessagelistener("my-addon@me.org:my-e10s-extension-message", listener); function listener(message) { console.log(message.name); console.log(message.sync); console.log(message.data); console.log(message.target); console.log(message.objects); } so combining this message listener with the message above will give console output somewhat like this, whe...
...n the user clicks a <div>: "my-addon@me.org:my-e10s-extension-message" false object { details: "they clicked", tag: "div" } <xul:browser anonid="initialbrowser" ...
...And 3 more matches
Observer Notifications
see xpcom changes in gecko 2.0 for details.
...see xpcom changes in gecko 2.0 for details.
...see working with bfcache for information about the bfcache, and inner and outer windows for details about how the window hierarchy works.
...And 3 more matches
mozIStorageStatement
see bug 388048 for details.
...see bug 528166 for details.
... see the overview document on storage for more details.
...And 3 more matches
WebIDL bindings
here's a table, see the specific sections below for more details and explanations.
... see https://bugzilla.mozilla.org/show_bug.cgi?id=1333117 for details.
... [securecontext] we implement the standard extended attribute with a few details specific to gecko: system principals are considered secure.
...And 3 more matches
JavaScript data types and data structures - JavaScript
see boolean and boolean for more details.
...see null and null for more details.
...see undefined and undefined for more details.
...And 3 more matches
delete operator - JavaScript
see the memory management page for more details.
...var empcount = 43; employeedetails = { name: 'xyz', age: 5, designation: 'developer' }; // adminname is a property of the global scope.
...delete employeedetails.name; // returns true // even when the property does not exist, delete returns "true".
...And 3 more matches
Media - Progressive web apps (PWAs)
this css (below) removes the navigation area when printing the document: @media print { #nav-area {display: none;} } some common media types are: screen color device display print printed paged media projection projected display all all media (the default) more details there are other ways to specify the media type for a set of rules.
... for full details of media types, see media in the css specification.
... example this rule sets the page margins to one inch on all four sides: @page {margin: 1in;} this rule ensures that every h1 element starts on a new page: h1 {page-break-before: always;} more details for full details of css support for paged media, see paged media in the css specification.
...And 3 more matches
Signing an XPI - Archive of obsolete content
after completing the application process where i entered my details into the online application, i received an automated email requesting documentary evidence of my id in the form of a photo-id or similar.
... i have hi-resolution scanned images of my passport and drivers license for these situations so i placed them on my web-server temporarily in a hidden location and emailed unizeto certum with the details and location of the files.
...you can view the details of your certificate in mozilla firefox and get this information from the issued by common name (unizeto certum's free certificate ca is certum level iii ca).
...And 2 more matches
Introduction to SSL - Archive of obsolete content
the details of the protocol are available in request for comments (rfc): 2246,the tls protocol version 1.0.
... the exact programmatic details of the messages exchanged during the ssl handshake are beyond the scope of this document.
... the client uses some of the information sent by the server to authenticate the server (for details, see "server authentication").
...And 2 more matches
What went wrong? Troubleshooting JavaScript - Learn web development
note: see our typeerror: "x" is not a function reference page for more details about this error.
... note: see our typeerror: "x" is (not) "y" reference page for more details about this error.
... note: see our syntaxerror: missing ; before statement reference page for more details about this error.
...And 2 more matches
HTTP delegation
more details can be found in bug 152426.
...to learn about all the details, please read the documentation contained in the nss c header files.
...(when issueing get requests, the "?query-string=data" portion should already be appended to the request path) after creation, nss might call functions to provide additional details of the http request (e.g.
...And 2 more matches
HTTP delegation
more details can be found in bug 152426.
...to learn about all the details, please read the documentation contained in the nss c header files.
...(when issuing get requests, the "?query-string=data" portion should already be appended to the request path) after creation, nss might call functions to provide additional details of the http request (e.g.
...And 2 more matches
Index
a certificate contains lots of other details; for example, it contains a signature by a third party that expresses trust in the ownership relationship for the certificate.
...you can find more details in the nspr reference documents.
...this is covered in the jar installation file section in the man page, which details the special script needed to perform an installation through a server or with modutil.
...And 2 more matches
Index
see those functions for more details.
... 328 js_getpropertyattrsgetterandsetter jsapi reference, obsolete, spidermonkey see js_getpropertyattributes for details about these functions.
...for more details about contexts, see jscontext.
...And 2 more matches
nsICache
see nsicachesession and nsicacheentrydescriptor for more details.
...see nsicachesession and nsicacheentrydescriptor for more details.
...see nsicachesession and nsicacheentrydescriptor for more details.
...And 2 more matches
Getting Started Guide
don box gets into more of the details, traps, and pitfalls of com in effective com.
...there are a few other details you will want to know as you use nscomptr in more complicated situations, but what you've just learned will cover 90% of your uses.
... a few details there are a couple more things that will help you get the most out of nscomptr.
...And 2 more matches
Index - Firefox Developer Tools
46 network monitor debugging, dev tools, firefox, guide, networking, tools, l10n:priority the network monitor shows you all the network requests firefox makes (for example, when it loads a page, or due to xmlhttprequests), how long each request takes, and details of each request.
... 50 network request details 110n:priority, debugging, dev tools, firefox, guide, networking, tools the request details pane appears when you click on a network request in the request list.
...when selecting an extension id in the storage tree of the storage inspector, a table lists the details of all the extension storage present for the extension.
...And 2 more matches
UI Tour - Firefox Developer Tools
it links to various how to guides for the details of how to work with the inspector.
... see examine and edit css for more details.
...the "browser compatibility" section of the article gives details of browser support for the property.
...And 2 more matches
BasicCardResponse - Web APIs
the basiccardresponse dictionary (related to the payment request api, although defined in the basic card payment spec) defines an object structure for payment response details such as the number/expiry date of the card used to make the payment, and the billing address.
... examples in the following example, the paymentrequest() constructor is used to create a new payment request, which takes three objects as parameters — one containing details of the payment methods that can be used for the payment, one containing details of the actual order (such as items bought and shipping options), and an optional object containing further options.
... var supportedinstruments = [{ supportedmethods: 'basic-card', data: { supportednetworks: ['visa', 'mastercard', 'amex', 'jcb', 'diners', 'discover', 'mir', 'unionpay'], supportedtypes: ['credit', 'debit'] } }]; var details = { total: {label: 'donation', amount: {currency: 'usd', value: '65.00'}}, displayitems: [ { label: 'original donation amount', amount: {currency: 'usd', value: '65.00'} } ], shippingoptions: [ { id: 'standard', label: 'standard shipping', amount: {currency: 'usd', value: '0.00'}, selected: true } ] }; var options = {requestshipping: ...
...And 2 more matches
HTMLImageElement - Web APIs
see cors settings attributes for further details.
...read the decoding page for details on the implications of this property's values.
...the image must be contained within an <a> element; see the ismap page for details.
...And 2 more matches
Media Session action types - Web APIs
the mediasessionactiondetails property seekoffset specifies the amount of time to seek backward.
...the mediasessionactiondetails property seekoffset specifies the amount of time to seek forward.
...the time to which to seek is specified in the mediasessionactiondetails property seektime.
...And 2 more matches
PaymentResponse.shippingAddress - Web APIs
syntax var shippingaddress = paymentrequest.shippingaddress; value a paymentaddress object providing details comprising the shipping address provided by the user.
...when the paymentrequest.onshippingaddresschange is called, updatedetails() is called to update the details of the paymentrequest, using shippingaddress to set the correct shipping cost.
... var payment = new paymentrequest(supportedinstruments, details, options); request.addeventlistener('shippingaddresschange', function(evt) { evt.updatewith(new promise(function(resolve) { updatedetails(details, request.shippingaddress, resolve); })); }); payment.show().then(function(paymentresponse) { // processing of paymentresponse exerpted for the same of brevity.
...And 2 more matches
Using Web Workers - Web APIs
see functions and classes available to workers for more details.
...more advanced details are covered later on in the article.
...read transferring data to and from workers: further details for a much more thorough explanation.
...And 2 more matches
Media container formats (file types) - Web media technologies
index of media container formats (file types) to learn more about a specific container format, find it in this list and click through to the details, which include information about what the container is typically useful for, what codecs it supports, and which browsers support it, among other specifics.
... video/3gpp audio/3gpp2 video/3gpp2 audio/3gp2 video/3gp2 these mime types are the fundamental types for the 3gp media container; other types may be used depending on the specific codec or codecs in use; in addition, you can add the codecs parameter to the mime type string to indicate which codecs are used for the audio and/or video tracks, and to optionally provide details about the profile, level, and/or other codec configuration specifics.
... when specifying the mpeg-4 media type (audio/mp4 or video/mp4), you can add the codecs parameter to the mime type string to indicate which codecs are used for the audio and/or video tracks, and to optionally provide details about the profile, level, and/or other codec configuration specifics.
...And 2 more matches
Preferences - Archive of obsolete content
for more details on preferences in mozilla, see preferences system.
... nsipreflocalizedstring almost the same as nsisupportsstring, but it is handled differently in getcomplexvalue() when there's no user value for the given preference; see below for details.
...etting nsisupportsstring: var pls = components.classes["@mozilla.org/pref-localizedstring;1"] .createinstance(components.interfaces.nsipreflocalizedstring); pls.data = val; prefs.setcomplexvalue("preference.with.non.ascii.value", components.interfaces.nsipreflocalizedstring, pls); nsilocalfile and nsirelativefilepref please see the file io article for details on nsilocalfile and nsirelativefilepref.
...see below for details.
XPCOM Objects - Archive of obsolete content
clicking on the link for the getbranch method takes you to the nsiprefservice documentation page, where you can see more details on the interface and the method.
... at mdc, you'll see stuff like this: void setcharpref(in string aprefname, in string avalue); one of the most important details to notice is that both paratemers have the in keyword.
... there are more details about xpidl in the xpdil syntax definition.
...they specify the details of the component, such as a unique uuid (you have to generate it too and it must be different from the idl uuid), a descriptive name (this isn't used anywhere that we know of), and the contract id, which is the string you use to get a reference to the component.
2006-09-29 - Archive of obsolete content
details can be located at layout confusion refactoring the nshtmlreflowstate(computeblockboxdata, initconstraints) and nsimageframe::getdesiredsize which uses ns_inrinsicsize, into the following method: /** * compute the size that a frame will occupy.
... */ virtual nssize computesize(nscoord aavailwidth, nscoord amargin, nscoord aborder, nscoord apadding, prbool ashrinkwrap) = 0; details can be located at refactoring some of nshtmlreflowstate.
...details can be located at frame reflow issues related to the ongoing implementation of mathml-in-html into mozilla, which include: exposing the mathml implementation to tag soup.
... details can be located at mathml-in-html5 meetings no meetings for this week.
What is accessibility? - Learn web development
see our cross-browser testing screen readers guide for more details on using them.
...you can find more details about keyboard controls in our cross browser testing using native keyboard accessibility section.
... to show that you care and have thought about accessibility, publish an accessibility statement on your site that details what your policy is toward accessibility, and what steps you have taken toward making the site accessible.
...you should now also have a thirst to learn about the implementation details that can make sites accessible, and we'll start on that in the next section, looking at why html is a good basis for accessibility.
JavaScript basics - Learn web development
it's outside the scope of this article—as a light introduction to javascript—to present the details of how the core javascript language is different from the tools listed above.
...for more details on javascript consoles, see discover browser developer tools.
...for more details, see your guide to semicolons in javascript.
... note: for more details about the difference between var and let, see the difference between var and let.
Handling common accessibility problems - Learn web development
here we've given our fake <div> buttons the ability to be focused (including via tab) by giving each one the attribute tabindex="0" (see webaim's tabindex article for more really useful details).
... note: webaim's accessible javascript provides some useful further details about considerations for accessible javascript.
...we got the following results: axe is also installable using npm, and can be integrated with task runners like grunt and gulp, automation frameworks like selenium and cucumber, unit testing frameworks like jasmin, and more besides (again, see the main axe page for details).
...screenreaders tend to act in slightly different ways and have different controls, so you'll have to consult the documentation for your chosen screen reader to get all of the details — saying that, they all work in basically the same sort of way.
Handling common HTML and CSS problems - Learn web development
achieved easily using conditional comments, for example you could put something like this in your ie stylesheet: aside, main, article, section, nav, figure, figcaption { display: block; } it isn't that simple, however — you also need to create a copy of each element you want to style in the dom via javascript, for them to be styleable; this is a strange quirk, and we won't bore you with the details here.
... this sounds like a pain to deal with, but fortunately there is a polyfill available that does the necessary fixes for you, and more besides — see html5shiv for all the details (see manual installation for the simplest usage).
...it is really easy and convenient to use, although it does have some downsides (see the link above for details), and it is arguable that parsing every stylesheet in your site and add prefixes at run time can be a drain on the computer's processing power for a large site.
...see debug your css with outline visualizations for more details.
Theme concepts
for example, we could use this image combined with a complementary background color, to create this effect in the header see details about this theme in the themes example weta_fade.
...age if, for example, you wanted to tile a centrally justified image, such as to create this effect here you specify the weta image like this: "images": { "theme_frame": "empty.png", "additional_backgrounds": [ "weta_for_tiling.png"] }, and the images tiling with: "properties": { "additional_backgrounds_alignment": [ "top" ], "additional_backgrounds_tiling": [ "repeat" ] }, full details of how to setup this theme can be found in the themes example weta_tiled.
...can use multiple images, say combining the original weta image with this one anchored to the left of the header to create this effect where the images are specified with: "images": { "theme_frame": "empty.png", "additional_backgrounds": [ "weta.png", "weta-left.png"] }, and their alignment by: "properties": { "additional_backgrounds_alignment": [ "right top" , "left top" ] }, full details of how to setup this theme can be found in the themes example weta_mirror.
... full details of the alignment options can be found in the "theme" key description.
Android-specific test suites
see https://developer.android.com/training/testing/unit-testing/local-unit-tests.html for more details.
... see http://checkstyle.sourceforge.net/index.html and https://docs.gradle.org/2.14/userguide/checkstyle_plugin.html for more details.
... see http://findbugs.sourceforge.net/index.html and https://docs.gradle.org/2.14/userguide/findbugs_plugin.html for more details.
... see https://developer.android.com/studio/write/lint.html and http://tools.android.com/tips/lint for more details.
Debugging on Windows
see the blog post how to not step into functions using the visual c++ debugger for details.
...this is how you would normally set it: set xpcom_debug_break=warn the environment variable takes also other values besides warn, see xpcom_debug_break for more details.
... debugging tinderbox builds see running windows debug builds problems loading debug symbols if both your application and visual c++ hang shortly after launching the application under the debugger, you may be hitting a known deadlock in the way visual studio downloads debug symbols for the system libraries; see https://connect.microsoft.com/visualstudio/feedback/details/422970/hang-loading-rasapi32-pdb-when-using-symbol-server.
... for more details, including a work-around see this blog post or this social.msdn thread.
mozbrowsercontextmenu
details read only object a custom object.
... details the details property returns an anonymous javascript object with the following properties: clientx the x value of the coordinate that was clicked inside the browser <iframe>'s viewport.
... systemtargets an array containing one or more menusystem objects (see the menusystem object, below), containing details of the standard menu(s) that will be shown.
... example var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowsercontextmenu", function(event) { console.log("asking for menu:" + json.stringify(event.details)); }); related events mozbrowserasyncscroll mozbrowserclose mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowseropenwindow mozbrowsersecuritychange mozbrowsershowmodalprompt mozbrowsertitlechange mozbrowserusernameandpasswordrequired ...
mozbrowsermetachange
details read only object a custom object.
... details the details property returns an anonymous javascript object with the following properties: name a domstring representing the <meta> name attribute value.
... example var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowsermetachange", function(event) { console.log("a meta tag has been " + event.details.type + ".
... its name is " + event.details.name + ", and its content is " + event.details.content + "."); }); related events mozbrowserasyncscroll mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowseropenwindow mozbrowsersecuritychange mozbrowsershowmodalprompt mozbrowsertitlechange mozbrowserusernameandpasswordrequired ...
mozbrowseropenwindow
the embedder must use the <iframe> passed in the event.details.frameelement property as the new window content.
... details read only object a custom object.
... details the details property returns an anonymous javascript object with the following properties: url a domstring representing the url of the document loaded within the frameelement property.
... example var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowseropenwindow", function( event ) { console.log("a new window has opened containing the content at " + event.details.url + "."); }); related events mozbrowserasyncscroll mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowsersecuritychange mozbrowsertitlechange mozbrowserusernameandpasswordrequired ...
WebRequest.jsm
there are some differences between this api and chrome's, though: see chrome incompatibilities for the details.
... it's passed an object whose structure will vary depending on the event you're listening to: see the event-specific documentation for details.
... the instructions you can pass here vary depending on the event you're listening to: see the event-specific documentation for details.
...gre/modules/matchpattern.jsm"); let pattern = new matchpattern("https:/developer.mozilla.org/*"); cu.import("resource://gre/modules/matchpattern.jsm"); let pattern = new matchpattern(["https://mozorg.cdn.mozilla.net/*", "https://mdn.mozillademos.org/*", "https://developer.cdn.mozilla.net/*"]); see the match patterns article for details on the syntax of the strings you supply.
Index
17 localization sign-off reviews guide, localization, mozilla this article presents 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.
... 18 localization technical reviews guide, localization, mozilla this guide provides details on what a localization technical review is, what criteria are used for the technical reviews, and the process for requesting one and following its progress.
... 21 localizing extension descriptions add-ons, extensions, guide, internationalization, localization this article provides details on how to go about localizing the descriptions of mozilla add-ons, as well as for other metadata about your add-on.
... 38 localization formats there are 4 main approaches to web l10n with regards to the choice of technology used for localization logic: 39 setting up the infrastructure apache, infrastructure, localization, php, svn, unix first, make your project's file type decision (see localization formats for details): 40 what every mozilla translator should know internationalization, localization l10n stands for localization = l + another 10 letters + n 41 writing localizable code internationalization, localization this page tells you about best practices and guidelines when dealing with ui code with respect to localization.
NSS 3.48 release notes
see bug 1573118 for details.
... see bug 1575411 for details.
...see bug 1562671 for details.
...see bug 1594933 for details.
mozIStorageConnection
see the sqlite documentation on transactions for more details.
...see mozistorageaggregatefunction for sample code and more details.
...see mozistoragefunction for sample code and more details.
...see file_control for more details.
nsIDOMWindowUtils
see css2 specification for details.
...see css2 specification for details.
...see css2 specification for details.
... this includes the text of the script and details about its internal representation in spidermonkey, and counts for how often and in what ways each operation in the script executed.
nsINavHistoryContainerResultNode
1.0 66 introduced gecko 1.9 inherits from: nsinavhistoryresultnode last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) method overview nsinavhistoryresultnode findnodebydetails(in autf8string auristring, in prtime atime, in long long aitemid, in boolean arecursive); nsinavhistoryresultnode getchild(in unsigned long aindex); unsigned long getchildindex(in nsinavhistoryresultnode anode); attributes attribute type description childcount unsigned long the number of child nodes; accessing this throws an ns_error_not_available exception of containeropen is false.
... methods findnodebydetails() returns a node matching specified details.
... nsinavhistoryresultnode findnodebydetails( in autf8string auristring, in prtime atime, in long long aitemid, in boolean recursive ); parameters auristring the uri attribute value to match on.
... return value an nsinavhistoryresultnode of a node matching the specified details or null if no match is found.
nsISecurityCheckedComponent
see capability strings for details.
...see capability strings for details.
...see capability strings for details.
...see capability strings for details.
ctypes
see 64-bit integers for details.
...instead, these convert into ctypes.int64 or ctypes.uint64 javascript objects; see 64-bit integers for details.
...see type casting for details.
...see library search paths for more details.
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 present for that origin.
... databases have the following details: database name — the name of the database.
... when an indexeddb database is selected in the storage tree, details about all the object stores are listed in the table.
... any object store has the following details: object store name — the name of the object store.
BasicCardRequest - Web APIs
those are: amex cartebancaire diners discover jcb mastercard mir unionpay visa examples in the following example, the paymentrequest() constructor is used to create a new payment request, which takes three objects as parameters — one containing details of the payment methods that can be used for the payment, one containing details of the actual order (such as items bought and shipping options), and an optional object that describes what data is needed to fullfil the payment (e.g., a shipping address).
... var supportedinstruments = [{ supportedmethods: 'basic-card', data: { supportednetworks: ['visa', 'mastercard', 'amex', 'jcb', 'diners', 'discover', 'mir', 'unionpay'] } }]; var details = { total: {label: 'donation', amount: {currency: 'usd', value: '65.00'}}, displayitems: [ { label: 'original donation amount', amount: {currency: 'usd', value: '65.00'} } ], shippingoptions: [ { id: 'standard', label: 'standard shipping', amount: {currency: 'usd', value: '0.00'}, selected: true } ] }; var options = {requestshipping: true}; ...
...try { var request = new paymentrequest(supportedinstruments, details, options); // add event listeners here.
...} once the payment flow has been triggered using paymentrequest.show() and the promise resolves successfully, the paymentresponse object available inside the fulfilled promise (instrumentresponse above) will have a paymentresponse.details property that will contain response details.
PaymentMethodChangeEvent - Web APIs
the paymentmethodchangeevent() constructor creates a new paymentmethodchangeevent object providing details about a paymentmethodchange event.
... methoddetails optional an object providing payment method-specific information describing the changes made to the payment, or null if there is no additional information available or required.
... the type of the methoddetails property depends on the payment method.
... for example, if methodname is basic-card, indicating that the basic card payment method is being used for validation, the methoddetails field must be a basiccardchangedetails object.
PaymentRequest.shippingAddress - Web APIs
when the paymentrequest.onshippingaddresschange is called, updatedetails() is called to update the details of the paymentrequest, using shippingaddress to set the correct shipping cost.
...var payment = new paymentrequest(supportedinstruments, details, options); payment.addeventlistener('shippingaddresschange', function(evt) { evt.updatewith(new promise(function(resolve) { updatedetails(details, request.shippingaddress, resolve); })); }); payment.show().then(function(paymentresponse) { // processing of paymentresponse exerpted for brevity.
... }).catch(function(err) { console.error("uh oh, something bad happened", err.message); }); function updatedetails(details, shippingaddress, resolve) { if (shippingaddress.country === 'us') { var shippingoption = { id: '', label: '', amount: {currency: 'usd', value: '0.00'}, selected: true }; if (shippingaddress.region === 'mo') { shippingoption.id = 'mo'; shippingoption.label = 'free shipping in missouri'; details.total.amount.value = '55.00'; } else { shippingoption.id = 'us'; shippingoption.label = 'standard shipping in us'; shippingoption.amount.value = '5.00'; details.total.amount.value = '60.00'; } details.displayitems.splice(2, 1, shippingoption); details.shippingoptions = [shippingoption]; ...
... } else { delete details.shippingoptions; } resolve(details); } specifications specification status comment payment request apithe definition of 'shippingaddress' in that specification.
PaymentResponse.shippingOption - Web APIs
it calls updatedetails() to toggle the shipping method between "standard" and "express".
...var payment = new paymentrequest(supportedinstruments, details, options); request.addeventlistener('shippingoptionchange', function(evt) { evt.updatewith(new promise(function(resolve, reject) { updatedetails(details, request.shippingoption, resolve, reject); })); }); payment.show().then(function(paymentresponse) { // processing of paymentresponse exerpted for the same of brevity.
... }).catch(function(err) { console.error("uh oh, something bad happened", err.message); }); function updatedetails(details, shippingoption, resolve, reject) { var selectedshippingoption; var othershippingoption; if (shippingoption === 'standard') { selectedshippingoption = details.shippingoptions[0]; othershippingoption = details.shippingoptions[1]; details.total.amount.value = '55.00'; } else if (shippingoption === 'express') { selectedshippingoption = details.shippingoptions[1]; othershippingoption = details.shippingoptions[0]; details.total.amount.value = '67.00'; } else { reject('unknown shipping option \'' + shippingoption + '\''); return; } selectedshippingoption.selected = true; othershippingoption.selected = false; details.displayitems.s...
...plice(2, 1, selectedshippingoption); resolve(details); } specifications specification status comment payment request api candidate recommendation initial definition.
Writing WebSocket servers - Web APIs
in the handshake, details of the connection are negotiated, and either party can back out before completion if the terms are unfavorable.
...the client will send a pretty standard http request with headers that looks like this (the http version must be 1.1 or greater, and the method must be get): get /chat http/1.1 host: example.com:8000 upgrade: websocket connection: upgrade sec-websocket-key: dghlihnhbxbszsbub25jzq== sec-websocket-version: 13 the client can solicit extensions and/or subprotocols here; see miscellaneous for details.
...that header looks something like the following (remember each header line ends with \r\n and put an extra \r\n after the last one to indicate the end of the header): http/1.1 101 switching protocols upgrade: websocket connection: upgrade sec-websocket-accept: s3pplmbitxaq9kygzzhzrbk+xoo= additionally, the server can decide on extension/subprotocol requests here; see miscellaneous for details.
...fin and opcode details are shown only for the client: client: fin=1, opcode=0x1, msg="hello" server: (process complete message immediately) hi.
CSS Box Alignment - CSS: Cascading Style Sheets
this document details the general concepts found in the specification.
... key concepts and terminology the specification details some alignment terminology to make it easier to discuss these alignment properties outside of their implementation within a particular layout method.
... types of alignment there are three different types of alignment that the specification details; these use keyword values.
... pages detailing individual alignment properties as the css box alignment properties are implemented differently depending on the specification they interact with, refer to the following pages for each layout type for details of how to use the alignment properties with it: box alignment in flexbox box alignment in css grid layout box alignment in multiple-column layout box alignment for block, absolutely positioned and table layout reference css properties justify-content align-content place-content justify-items align-items place-items justify-self align-self place-self row-gap column-gap gap ...
<input type="email"> - HTML: Hypertext Markup Language
WebHTMLElementinputemail
see validation for details on how e-mail addresses are validated to ensure that they're formatted properly.
...see allowing multiple e-mail addresses for an example, or html attribute: multiple for more details.
... see the section pattern validation for details and an example.
...see w3c bug 15489 for details.
HTML documentation index - HTML: Hypertext Markup Language
WebHTMLIndex
20 is global attributes, html, reference, is the is global attribute allows you to specify that a standard html element should behave like a defined custom built-in element (see using custom elements for more details).
... 87 <dd>: the description details element definition, description details, element, html, html grouping content, reference, web, dd, description list, details the html <dd> element provides the description, definition, or value for the preceding term (<dt>) in a description list (<dl>).
... 89 <details>: the details disclosure element disclosure box, disclosure widget, element, html, html interactive elements, reference, web, details the html details element (<details>) creates a disclosure widget in which information is visible only when the widget is toggled into an "open" state.
... 200 <summary>: the disclosure summary element disclosure box, disclosure control, disclosure summary, element, html, html interactive elements, reference, summary, web the html disclosure summary element (<summary>) element specifies a summary, caption, or legend for a <details> element's disclosure box.
Grammar and types - JavaScript
see hashbang comments for more details.
...(for more details, see this blog post.) you can also use the unicode escape sequences as characters in identifiers.
...see array and indexed collections for details on array objects.
...see string for details on string objects.
Digital audio concepts - Web media technologies
for details about the most important and useful ones for web developers to be familiar with, see the article guide to audio codecs used on the web.
... use cases for lossless audio include scenarios such as: any situation in which the listener expects precise audio reproduction and may have an ear for sound that's good enough to make out the intricate details of unaltered audio audio loops and samples used in music and sound effects production work situations in which audio clips or samples may be remixed and then compressed; using lossless audio for the mastering process avoids compressing previously compressed data, resulting in additional quality loss factors that may recommend the use of lossy compression include: very large source audio c...
...onstrained storage (either because the storage space is small, or because there's a large amount of sound to store into it) a need to constrain the network bandwidth required to broadcast the audio; this is especially important for live streams and teleconferencing psychoacoustics 101 diving into the details of psychoacoustics and how audio compression works is far beyond the scope of this article, but it is useful to have a general idea of how audio gets compressed by common algorithms can help understand and make better decisions about audio codec selection.
... the large differences among these ranges gives us room to lose details in audio data without significantly impacting the ability of the human ear to notice any real change in audio quality.
CSS and JavaScript animation performance - Web Performance
see using css transitions for more details.
...see using css animations for more details.
... for more details read animating with javascript from setinterval to requestanimationframe.
...find out more details in offmainthreadcompositing.
jpm - Archive of obsolete content
jpm test see the tutorial on unit testing and the reference documentation for the assert module for more details on this.
...see the documentation on logging levels for the details on this.
... for some more details on this, see automatic add-on update checking.
Install Manifests - Archive of obsolete content
icon64url a chrome:// url to a 64x64 pixel icon to display in the add-on's details view .
...see extension dependencies for more details.
...currently, the ($appdir)/extensions folder and the registry install location under hkey_local_machine (see adding extensions using the windows registry for details) are restricted.
Appendix: What you should know about open-source software licenses - Archive of obsolete content
types of oss licenses and their characteristics the details of oss licenses vary from one license to the next.
... applying an oss license in this section, i will explain practical details of applying a license when you are using oss source code, and participating in open-source projects.
...see the gnu general public license for more details.
Creating a status bar extension - Archive of obsolete content
for details on the format of an install manifest, read the install manifests section.
...see xul overlays for details on how overlays work.
... you can also find more details about format of chrome manifests in the chrome manifest section.
Layout System Overview - Archive of obsolete content
for more details on the reflow mechanism, see the reflow overview document...
...of course this is a small percentage of the total classes in layout (see the detailed design documents for the details on all of the classes, in the context of their actual role).
...more details of the document viewer are needed here...).
Modularization techniques - Archive of obsolete content
a factory allows an implementor to hide both the class declaration and creation details of an object, an extremely important step for allowing maximum flexibility in the implementation of a class and reducing compile time dependencies.
...for those who like gory details, their structure is this: struct nsid { pruint32 m0; pruint16 m1, m2; pruint8 m3[8]; }; frequently you see them represented as strings, like this: {221ffe10-ae3c-11d1-b66c-00805f8a2676} to initialize an id struct you declare them like this: id = {0x221ffe10, 0xae3c, 0x11d1, {0xb6, 0x6c, 0x00, 0x80, 0x5f, 0x8a, 0x26, 0x76}}; why the b66c couplet gets broken up and grouped wit...
... history feb 25, 1998, created oct 19, 1998, dusted off momentarily oct 10, 1999, added comments about xpidl, language-independentness original document information author(s): will scullin last updated date: september 13, 2004 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details ...
Supporting private browsing mode - Archive of obsolete content
this interface is deprecated since firefox 20, and will probably be completely removed in firefox 21.see supporting per-window private browsing for details.
... see supporting private browsing in plugins for details.
...see this blog post by ehsan akhgari for details on the transition period.
Elements - Archive of obsolete content
see bug 398404 for details.
...see bug 407314 for more details.
...see bug 372769 for details.
IO - Archive of obsolete content
ArchiveMozillaXULFileGuideIO
see getting file information for more details.
...for details, see copying a file and moving a file.
...for details about this, see open and save dialogs.
Menus - Archive of obsolete content
for details about adding shortcut keys to menus, see adding shortcut keys to menu items.
... for details about adding icons to menus, see adding icons to menu items.
... for details about creating checkbox menu items or radio menu items see checkbox menu items or radio menu items.
Panels - Archive of obsolete content
<?xml-stylesheet href="chrome://global/skin" type="text/css"?> <window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <button label="details" type="panel"> <panel id="search-panel"> <label control="name" value="name:"/> <textbox id="name"/> </panel> </button> </window> many panels will be associated with a button, as in this example.
...see context menus for more details on this.
...for more details about both methods, see opening and closing popups.
Complete - Archive of obsolete content
you can see the registration details in chrome.manifest (firefox, etc.) or in installed-chrome.txt and chrome.rdf (seamonkey).
...this is how it happens: this extension does not support modern in firefox etc., but you can see the registration details for classic in chrome.manifest.
...you can see the registration details in installed-chrome.txt and chrome.rdf.
SeaMonkey - making custom toolbar (SM ver. 1.x) - Archive of obsolete content
explanation: this file contains details of your extension, and specifies how it modifies seamonkey.
...="4" label="custom" accesskey="c"> <menupopup> <menuitem id="custom-item-1" label="custom item 1" accesskey="1" tooltiptext="my custom menu item" oncommand="custombutton[1]()" /> </menupopup> </menu> </menubar> <!-- calendar --> <toolbar id="calendar-bar"> <toolbarbutton id="custom-button-1" position="10"/> </toolbar> <!-- button details --> <toolbarbutton id="custom-button-1" label="custom" tooltiptext="my custom toolbar button" oncommand="custombutton[1]()" class="toolbarbutton-1 custombutton" /> </overlay> optionally customize the file by changing the label, accesskey and tooltiptext attributes.
...the last section specifies details of the button.
Mozilla release FAQ - Archive of obsolete content
take a look at mozilla.org's npl area for details.
...check out section 3 for details.
...for the second case, go to the mozilla community section to unsubscribe original document information author(s): pat gunn last updated date: may 28, 2005 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
2006-09-29 - Archive of obsolete content
details are available for calendar only and for calendar and core.
... sept 20 brief status meeting the meeting consisted entirely of the status and details of sunbird 0.3.
... the details of subird 0.3 rc1 are available here.
Sunbird Theme Tutorial - Archive of obsolete content
you might be able to apply the same method to other mozilla applications by changing some of the details.
...to discover details of the interface, you can also use the dom inspector tool in firefox.
...the details are mostly the same as in sunbird.
HTML: A good basis for accessibility - Learn web development
see our screen readers guide for more details.
...see using native keyboard accessibility for more details.
... note: see our html table advanced features and accessibility article for more details about accessible data tables.
HTML: A good basis for accessibility - Learn web development
see our screen readers guide for more details.
...see using native keyboard accessibility for more details.
... note: see our html table advanced features and accessibility article for more details about accessible data tables.
Mobile accessibility - Learn web development
for details on all the options available under the global and local context menus, see use global and local context menus.
...svg has a small file size and will stay sharp regardless of whatever size is being displayed (see adding vector graphics to the web for more details).
... summary in this article, we have provided you with some details about common mobile accessibility-specific issues and how to overcome them.
WAI-ARIA basics - Learn web development
in this article, we won't attempt to cover every wai-aria feature, and its exact support details.
... instead, we will cover the most critical wai-aria features for you to know about; if we don't mention any support details, you can assume that the feature is well-supported.
...see webaim's advanced form labeling article for more details.
Cascade and inheritance - Learn web development
it can sometimes seem a little bit complicated, but you will start to remember them as you get more experienced with css, and you can always look up the details if you forget!
... even experienced developers don't remember all the details.
...we've not covered selectors in detail yet, but you can find details of each selector on the mdn selectors reference.
How do you upload your files to a web server? - Learn web development
you'd need to get such details from your hosting provider.
...in the case of rsync, you specify ssh details to make the connection over ssh, using the -e option.
... for example: rsync [-options] -e "ssh [ssh details go here]" source user@x.x.x.x:destination you can find more details of what is needed at how to copy files with rsync over ssh.
Third-party APIs - Learn web development
for example: let map = l.mapquest.map('map', { center: [53.480759, -2.242631], layers: l.mapquest.tilelayer('map'), zoom: 12 }); here we are creating a variable to store the map information in, then creating a new map using the mapquest.map() method, which takes as its parameters the id of a <div> element you want to display the map in ('map'), and an options object containing the details of the particular map we want to display.
... so, a complete url would end up looking something like this: https://api.nytimes.com/svc/search/v2/articlesearch.json?api-key=your-api-key-here&page=0&q=cats &fq=document_type:("article")&begin_date=20170301&end_date=20170312 note: you can find more details of what url parameters can be included at the nytimes developer docs.
...see form data validation for more details on how these work.
Aprender y obtener ayuda - Learn web development
this is why it is usually good to read some introductory material first to get a high-level understanding of an area before you leap into the specific details.
...some of the articles will be tutorials, to teach you a certain technique or important concept (such as "learn how to create a video player" or "learn the css box model"), and some of the articles will be reference material, to allow you to look up details you may have forgotten (such as "what is the syntax of the css background property"?) mdn web docs is very good for both types — the area you are currently in is great for learning techniques and concepts, and we also have several giant reference sections allowing you to look up any syntax you can't remember.
... getting practice the more you practice solving a problem, the stronger your brain's neural pathways are in that area, and the easier it becomes to recall the details and the logic of that particular problem.
Advanced Svelte: Reactivity, lifecycle, accessibility - Learn web development
don't forget to pass the prop into moreactions from inside todos.svelte, where the component is called: <moreactions {todos} on:checkall={e => checkalltodos(e.detail)} on:removecompleted={removecompletedtodos} /> working with the dom: focusing on the details now that we have completed all of the app's required functionality, we'll concentrate on some accessibility features that will improve the usability of our app for both keyboard-only and screenreader users.
...with what we know so far we can create a new component file and adjust the code to emit an addtodo event, passing the name of the new todo in with the additional details.
... waiting for the dom to be updated with the tick() function now we will take care of the todo component's focus management details.
Handling common JavaScript problems - Learn web development
the right-hand panel shows useful details pertaining to the current environment — breakpoints, callstack and currently active scopes.
... under breakpoints, you'll see the details of the break-point you have set.
...see using bad browser sniffing code, later on, for more details.
mozbrowseractivitydone
details read only object a custom object.
... details the details property returns an anonymous javascript object with the following properties: success a boolean that indicates whether the activity has completed successfully (true) or not (false).
... examples var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowseractivitydone", function(event) { if(event.details.success) { console.log('activity completed successfully'); } else { console.log('activity not completed successfully'); } }); related events mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowseropenwindow mozbrowsersecuritychange mozbrowsertitlechange mozbrowserusernameandpasswordrequired ...
mozbrowserasyncscroll
details read only object a custom object.
... details the details property returns an anonymous javascript object with the following properties: top the scroll top position in css pixels of the document within the browser <iframe>.
... examples var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowserasyncscroll", function( event ) { console.log("the scroll top position of the document is:" + event.details.top + "px"); }); related events mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowseropenwindow mozbrowsersecuritychange mozbrowsertitlechange mozbrowserusernameandpasswordrequired ...
mozbrowsercaretstatechanged
details read only object a custom object.
... details the details property returns an anonymous javascript object with the following properties: rect an object that defines information about the bounding rectangle of the current selection.
... examples var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowsercaretstatechanged", function( event ) { // do stuff with event.details }); related events mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowseropenwindow mozbrowsersecuritychange mozbrowsertitlechange mozbrowserusernameandpasswordrequired ...
mozbrowserfindchange
details read only object a custom object.
... 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 representing the string that is currently being searched for.
... example var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowserfindchange", function(event) { console.log("currently highlighted: " + event.details.activematchordinal + " out of " + event.details.numberofmatches); }); related events mozbrowserasyncscroll mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowseropenwindow mozbrowsersecuritychange mozbrowsershowmodalprompt mozbrowsertitlechange mozbrowserusernameandpasswordrequired ...
mozbrowsericonchange
details read only object a custom object.
... details the details property returns an anonymous javascript object with the following properties: href a domstring representing the path to the new icon.
... example var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowsericonchange", function( event ) { console.log("the url of the new favicon is:" + event.details.href); }); related events mozbrowserasyncscroll mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowseropenwindow mozbrowsersecuritychange mozbrowsershowmodalprompt mozbrowsertitlechange mozbrowserusernameandpasswordrequired ...
mozbrowsermanifestchange
details read only object a custom object.
... details the details property returns an anonymous javascript object with the following properties: href the url of the new app manifest.
... example var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowsermanifestchange", function(event) { console.log("new manifest url: " + event.details.href); }); related events mozbrowserasyncscroll mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowseropenwindow mozbrowsersecuritychange mozbrowsershowmodalprompt mozbrowsertitlechange mozbrowserusernameandpasswordrequired ...
mozbrowseropensearch
details read only object a custom object.
... details the details property returns an anonymous javascript object with the following properties: title a domstring representing the title of the search engine.
... example var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowseropensearch", function( event ) { console.log("new search engine encountered: " + event.details.title); }); related events mozbrowserasyncscroll mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowseropenwindow mozbrowsersecuritychange mozbrowsertitlechange ...
mozbrowseropentab
details read only object a custom object.
... details the details property returns an anonymous javascript object with the following properties: url a domstring representing the url of the new document loaded.
... example var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowseropentab", function( event ) { console.log("a new document has opened containing the content at " + event.details.url + "."); }); related events mozbrowserasyncscroll mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowsersecuritychange mozbrowsertitlechange mozbrowserusernameandpasswordrequired ...
mozbrowserresize
details read only object a custom object.
... details the details property returns an anonymous javascript object with the following properties: width a number representing the new width of the <iframe> viewport, in device pixels.
... example var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowserresize", function( event ) { console.log("the new window size is " + event.details.width + " x " + event.details.height + "."); }); related events mozbrowserasyncscroll mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowsersecuritychange mozbrowsertitlechange mozbrowserusernameandpasswordrequired ...
mozbrowserscroll
details read only object a custom object.
... details the details property returns an anonymous javascript object with the following properties: top a number representing the new vertical scroll position of the <iframe> viewport — in css pixels — from the top of the viewport.
... example var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowserscroll", function( event ) { console.log("the new scroll position is " + event.details.left + " across and " + event.details.top + "down."); }); related events mozbrowserasyncscroll mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowsersecuritychange mozbrowsertitlechange mozbrowserusernameandpasswordrequired ...
mozbrowserscrollareachanged
details read only object a custom object.
... details the details property returns an anonymous javascript object with the following properties: width a number representing the new scroll area width of the <iframe> viewport, in css pixels.
... example var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowserscrollareachanged", function( event ) { console.log("the new scroll area is " + event.details.width + " x " + event.details.height + "."); }); related events mozbrowserasyncscroll mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowsersecuritychange mozbrowsertitlechange mozbrowserusernameandpasswordrequired ...
mozbrowserscrollviewchange
details read only object a custom object.
... details the details property returns an anonymous javascript object with the following properties: state a domstring representing the current state of scrolling in the viewport — available values are started and stopped.
... example var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowserscrollviewchange", function( event ) { console.log("scrolling has " + event.details.state + "."); }); related events mozbrowserasyncscroll mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowsersecuritychange mozbrowsertitlechange mozbrowserusernameandpasswordrequired ...
mozbrowsersecuritychange
details read only object a custom object.
... details the details property returns an anonymous javascript object with the following properties: state a domstring representing the current state of ssl security.
... example var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowsersecuritychange", function( event ) { console.log("the ssl state is:" + event.details.state); }); related events mozbrowserasyncscroll mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowseropenwindow mozbrowsertitlechange mozbrowserusernameandpasswordrequired ...
mozbrowserselectionstatechanged
details read only object a custom object.
... details the details property returns an anonymous javascript object with the following properties: rect an object that represents the bounding rectangle of the selection.
... example var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowserselectionstatechanged", function( event ) { if(event.details.visible) { console.log("the current selection is visible."); } else { console.log("the current selection is not visible."); } }); related events mozbrowserasyncscroll mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowseropenwindow mozbrowsertitlechange mozbrowserusernameandpass...
mozbrowsershowmodalprompt
details read only object a custom object.
... details the details property is an anonymous javascript object with the following properties: prompttype a domstring defining the type of the prompt.
... obsolete properties of details msg_name a string representing the type of message.
mozbrowservisibilitychange
details read only object a custom object.
... details the details property returns an anonymous javascript object with the following properties: visible a boolean that indicates whether the browser iframe is visible (true) or not (false).
... example var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowservisibilitychange", function( event ) { if(event.details.visible) { console.log("the browser is visible."); } else { console.log("the browser is hidden."); } }); related events mozbrowserasyncscroll mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowseropenwindow mozbrowsersecuritychange mozbrowsertitlechange ...
CustomizableUI.jsm
custom which are widgets that are custom-created by some js supplied by the consumer for more details, see api-provided widgets.
...perty(awidget, aprop, aformatargs, adef); void hidepanelfornode(anode); bool isspecialwidget(awidgetid); void addpanelcloselisteners(apanel); void removepanelcloselisteners(apanel); void onwidgetdrag(awidgetid, aarea); void notifystartcustomizing(awindow); void notifyendcustomizing(awindow); void dispatchtoolboxevent(aevent, adetails, awindow); bool isareaoverflowable(aareaid); void settoolbarvisibility(atoolbarid, aisvisible); string getplaceforitem(aelement); bool isbuiltintoolbar(atoolbarid); methods addlistener() add a listener object that will get fired for various events regarding customization.
... adetails optional, the details of the event.
Localizing with Mercurial
more details for more details on installing hg on linux systems, refer to the instructions on mercurial's download page.
... more details for more details on installing hg on windows, refer to the instructions on mercurial's download page.
... more details for more details on installing hg on mac osx, refer to the instructions on mercurial's download page.
Localization sign-off reviews
this article presents 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.
...once attached, open the attachment details.
... in the attachment details, select the ?
Localization technical reviews
this guide provides details on what a localization technical review is, what criteria are used for the technical reviews, and the process for requesting one and following its progress.
...once attached, open the attachment details.
... in the attachment details, select the ?
Power profiling overview
the exact relationship is confusing, and chapter 13 of the intel optimization manual has more details.
...see section 14.9 of volume 3 of the intel software developer's manual for more details about rapl.
... further reading chapter 13 of the intel optimization manual has many details about optimizing for power consumption.
A guide to searching crash reports
the first link in each "signature" column cell links to a signature report, which contains additional details about crash reports with that signature.
...one way to learn about them is to read lots of individual crash reports; note that all fields shown in the details tab of an individual crash report have a tool-tip that indicates its key for search.
...see the api documentation for full details; note that it uses the term "aggregation" for grouping/faceting.
Optimizing Applications For NSPR
the casual client may not encounter a need to know the details of the shortcomings to the level described here, but if and when clients become more sophisticated, these issues will certainly surface.
...for more details, see the memo on automatic addresses.
...read the fine print in the windows sdk for the grizzly details.
Introduction to NSPR
in general, it's preferable to create local user threads with normal priority and let nspr take care of the details as appropriate for each host os.
...for details, see controlling per-thread private data.
...it's usually preferable to create local user threads with normal priority and let nspr and the host take care of the details.
NSS 3.50 release notes
see bug 1609569 for details.
...see bug 1599514 for details.
...see bug 1599603 for details.
SpiderMonkey Internals
for details on implementing self-hosted built-ins, see self-hosting.
... the details of a native object's map (scope) are mostly hidden in jsscope.[ch].
...for now, a debugger will use it and its dependents such as jsopcode.h directly, but over time we intend to extend jsdbgapi.h to hide uninteresting details and provide conveniences.
JS_DumpHeap
jstrace_object = 0x00, jstrace_string = 0x01, jstrace_symbol = 0x02, jstrace_script = 0x03, // shape details are exposed through js_traceshapecyclecollectorchildren.
... although this map is public, the details are completely hidden.
... see js::value::gckind() and jstracecallback in <codde>tracer.h</codde> for more details.
JSAPI reference
added in spidermonkey 1.8 obsolete since jsapi 31 jsval_to_traceable added in spidermonkey 1.8 obsolete since jsapi 31 jsval_trace_kind added in spidermonkey 1.8 obsolete since jsapi 31 js_tracer_init added in spidermonkey 1.8 obsolete since jsapi 12 js_tracerinit added in spidermonkey 12 obsolete since jsapi 31 js_calltracer added in spidermonkey 1.8 obsolete since jsapi 22 js_set_tracing_details added in spidermonkey 1.8 obsolete since jsapi 26 js_set_tracing_index added in spidermonkey 1.8 obsolete since jsapi 26 js_set_tracing_name added in spidermonkey 1.8 obsolete since jsapi 26 js_call_tracer added in spidermonkey 1.8 obsolete since jsapi 23 js_call_value_tracer added in spidermonkey 1.8 obsolete since jsapi 23 js_call_object_tracer added in spidermonkey 1.8 obsolete since jsap...
...sownproperty added in jsapi 45 js_hasownpropertybyid added in jsapi 45 js_deleteproperty js_deletepropertybyid added in spidermonkey 1.8.1 js_deleteproperty2 obsolete since jsapi 39 js_deleteucproperty2 obsolete since jsapi 39 js_deletepropertybyid2 added in spidermonkey 1.8.1 obsolete since jsapi 39 the following functions are lower-level, allowing the jsapi application more access to details of how properties are implemented.
...inder obsolete since javascript 1.8 jsprincipalstranscoder - used by js_setprincipalstranscoder obsolete since javascript 1.8 jsstringfinalizeop - used by js_addexternalstringfinalizer obsolete since jsapi 13 jstracecallback - used by js_tracer_init obsolete since jsapi 12 jstracedataop - used by js_setextragcroots obsolete since jsapi 25 jstracenameprinter - used by js_set_tracing_details obsolete since jsapi 26 see also classes, above.
Using the Places history service
nsibrowserhistory.addpagewithdetails: called by history importing code.
... new code should use nsinavhistoryservice.setpagedetails.
... nsinavhistoryservice.setpagedetails: used to set all of the global bits associated with a url.
XPCOM changes in Gecko 2.0
this article details those changes, and provides suggestions for how to update your code.
...see nssamplemodule.cpp for more details.
...see receiving startup notifications for details.
Introduction to XPCOM for the DOM
you do not, however, need to know all the hairy details, if you just intend to read the code or to work with the existing framework.
...in this chapter i will attempt to cover the most widespread use of xpcom in the dom, avoiding the details as much as possible.
...interface to a set of methods that manipulate an object (often represented by a class), without worrying about the details of the implementation.
RefPtr
xxx it's not clear that the details in the following paragraph are correct.
...it's unclear to me when the compiler will reject an attempt to use nscomptr to hold a concrete class pointer and when it will not (will it only rejecte it if a qi is involved in the construction or or assignment to the nscomptr (common in implementation details of nscomptr) but not when an instance of the concrete class is assigned directly?).
...} see this post for more details.
IAccessible2
refer to @ref _arrayconsideration "special consideration when using arrays" for more details.
...refer to @ref _arrayconsideration "special consideration when using arrays" for more details.
...refer to @ref _arrayconsideration "special consideration when using arrays" for more details.
IAccessibleTable
refer to @ref _arrayconsideration "special consideration when using arrays" for more details.
...refer to @ref _arrayconsideration "special consideration when using arrays" for more details.
...refer to @ref _arrayconsideration "special consideration when using arrays" for more details.
nsIBrowserHistory
to use this service, use: var browserhistory = components.classes["@mozilla.org/browser/nav-history-service;1"] .getservice(components.interfaces.nsibrowserhistory); method overview void addpagewithdetails(in nsiuri auri, in wstring atitle, in long long alastvisited); obsolete since gecko 15.0 void markpageasfollowedlink(in nsiuri auri); obsolete since gecko 22.0 void markpageastyped(in nsiuri auri); obsolete since gecko 22.0 void registeropenpage(in nsiuri auri); obsolete since gecko 9.0 void removeallpages(); void removepage(in nsiuri auri); ...
... methods addpagewithdetails() obsolete since gecko 15.0 (firefox 15.0 / thunderbird 15.0 / seamonkey 2.12) note: this method was removed in gecko 15.0.
... void addpagewithdetails( in nsiuri auri, in wstring atitle, in long long alastvisited ); parameters auri the page that will be added to the history.
nsIBrowserSearchService
method overview void addengine(in astring engineurl, in long datatype, in astring iconurl, in boolean confirm, [optional] in nsisearchinstallcallback callback); void addenginewithdetails(in astring name, in astring iconurl, in astring alias, in astring description, in astring method, in astring url); void getdefaultengines([optional] out unsigned long enginecount, [retval, array, size_is(enginecount)] out nsisearchengine engines); nsisearchengine getenginebyalias(in astring alias); nsisearchengine getenginebyname(in astring aenginen...
... addenginewithdetails() adds a new search engine, without asking the user for confirmation and without starting to use it right away.
... void addenginewithdetails( in astring name, in astring iconurl, in astring alias, in astring description, in astring method, in astring url ); parameters name the search engine's name.
nsIJSON
this method accepts slightly more than the exact json syntax; details of extra accepted syntax are deliberately not described.
...this method accepts slightly more than the exact json syntax; details of extra accepted syntax are deliberately not described.
...this method accepts slightly more than the exact json syntax; details of extra accepted syntax are deliberately not described.
nsINavHistoryResultObserver
tainerstatechanged(in nsinavhistorycontainerresultnode acontainernode, in unsigned long aoldstate, in unsigned long anewstate); void invalidatecontainer(in nsinavhistorycontainerresultnode acontainernode); void nodeannotationchanged(in nsinavhistoryresultnode anode, in autf8string aannoname); void nodedateaddedchanged(in nsinavhistoryresultnode anode, in prtime anewvalue); void nodehistorydetailschanged(in nsinavhistoryresultnode anode, in prtime anewvisitdate, in unsigned long anewaccesscount); void nodeiconchanged(in nsinavhistoryresultnode anode); void nodeinserted(in nsinavhistorycontainerresultnode aparent, in nsinavhistoryresultnode anode, in unsigned long anewindex); void nodekeywordchanged(in nsinavhistoryresultnode anode, in autf8string anewkeyword); void nodelastmodified...
... nodehistorydetailschanged() called right after a node's time property or accesscount property, or both, have changed.
... void nodehistorydetailschanged( in nsinavhistoryresultnode anode, in prtime anewvisitdate, in unsigned long anewaccesscount ); parameters anode the node whose details have changed.
nsINavHistoryResultViewer
ode); void invalidatecontainer(in nsinavhistorycontainerresultnode acontainernode); void nodeannotationchanged(in nsinavhistoryresultnode anode, in autf8string aannoname); void nodedateaddedchanged(in nsinavhistoryresultnode anode, in prtime anewvalue); void nodelastaddedchanged(in nsinavhistoryresultnode anode, in prtime anewvalue); void nodehistorydetailschanged(in nsinavhistoryresultnode anode, in prtime anewvisitdate, in unsigned long anewaccesscount); void nodeiconchanged(in nsinavhistoryresultnode anode); void nodekeywordchanged(in nsinavhistoryresultnode anode, in autf8string anewkeyword); void nodemoved(in nsinavhistoryresultnode anode, in nsinavhistorycontainerresultnode aoldparent, in unsigned long aoldindex, ...
... nodehistorydetailschanged() called right after a node's last access time or access count has changed.
... void nodehistorydetailschanged( in nsinavhistoryresultnode anode, in prtime anewvisitdate, in unsigned long anewaccesscount ); parameters anode the node whose details have changed.
Troubleshooting XPCOM components registration
please refer to msdn for details.
...(the -r switch from gnu ldd lists function relocations; adjust as suitable for your version) trace shared library loading by setting the environment variable ld_debug=all while launching firefox (see `man ld.so` for details).
... use dyld environment variables to trace binary component loading: dyld_print_apis=1 dyld_print_libraries=1 (see `man dyld` for details).
Reference Manual
this section will help you if you're already familiar with nscomptr but you need details.
...implementation details and debugging machinery although it is a class, nscomptr has no virtual methods, and therefore, no vtable or vptr.
...see code bloat [long, summary at top] for details, though the recommendations from that document are re-iterated here.
Deprecated tools - Firefox Developer Tools
more details on the mailing-list thread.
... more details about the web audio editor alternatives alternatives include audion and https://github.com/spite/webaudioextension web extensions.
... more details about the shader editor alternatives an alternative to this panel is this extension: https://github.com/spite/shadereditorextension, or spector.js also supports a shader editor that requires a library to use a shader reloader hook.
DevTools API - Firefox Developer Tools
see tooldefinition for details.
...see hosttype for details.
...see hosttype for details.
Network request list - Firefox Developer Tools
for more details on the color-coding used here, see the section on the timings page.
...clicking an item in the search results highlights that item in the monitor list, and displays the corresponding information in the request details pane.
... network monitor features the following articles cover different aspects of using the network monitor: toolbar network request details network traffic recording performance analysis throttling ...
UI Tour - Firefox Developer Tools
the performance tool's ui consists of 4 main pieces: toolbar recordings pane recording overview details pane, which may contain any one of: waterfall call tree flame chart toolbar the toolbar contains buttons to: start and stop a recording import a recording you previously saved clear the recordings pane.
... filter the markers that are displayed in the waterfall view switch the active tool in the details pane.
...in the screenshot below we've selected that drop in the frame rate, and can see the long-running paint operation in more detail: details pane the details pane shows whichever tool is currently selected.
Rich output - Firefox Developer Tools
the right-arrow key opens the details of an object and the left-arrow key closes open objects.
... examining request details similar to examining object details, you can see the details about a network request directly in the console.
... click on the arrow next to the request and a details panel will open that is equivalent to the headers panel in the network monitor tool.
BasicCardResponse.billingAddress - Web APIs
example let's look at a sample payment request: var request = new paymentrequest(supportedinstruments, details, options); // call show() to trigger the browser's payment flow.
... console.log(instrumentresponse.details); }) .catch(function(err) { // do something with the error from request.show().
... }); once the payment flow has been triggered using paymentrequest.show() and the promise resolves successfully, the paymentresponse object available inside the fulfilled promise (instrumentresponse above) will have a paymentresponse.details property that will contain response details.
BasicCardResponse.cardNumber - Web APIs
example let's look at a sample payment request: var request = new paymentrequest(supportedinstruments, details, options); // call show() to trigger the browser's payment flow.
... console.log(instrumentresponse.details); }) .catch(function(err) { // do something with the error from request.show().
... }); once the payment flow has been triggered using paymentrequest.show() and the promise resolves successfully, the paymentresponse object available inside the fulfilled promise (instrumentresponse above) will have a paymentresponse.details property that will contain response details.
BasicCardResponse.cardSecurityCode - Web APIs
example let's look at a sample payment request: var request = new paymentrequest(supportedinstruments, details, options); // call show() to trigger the browser's payment flow.
... console.log(instrumentresponse.details); }) .catch(function(err) { // do something with the error from request.show().
... }); once the payment flow has been triggered using paymentrequest.show() and the promise resolves successfully, the paymentresponse object available inside the fulfilled promise (instrumentresponse above) will have a paymentresponse.details property that will contain response details.
BasicCardResponse.cardholderName - Web APIs
example let's look at a sample payment request: var request = new paymentrequest(supportedinstruments, details, options); // call show() to trigger the browser's payment flow.
... console.log(instrumentresponse.details); }) .catch(function(err) { // do something with the error from request.show().
... }); once the payment flow has been triggered using paymentrequest.show() and the promise resolves successfully, the paymentresponse object available inside the fulfilled promise (instrumentresponse above) will have a paymentresponse.details property that will contain response details.
BasicCardResponse.expiryMonth - Web APIs
example let's look at a sample payment request: var request = new paymentrequest(supportedinstruments, details, options); // call show() to trigger the browser's payment flow.
... console.log(instrumentresponse.details); }) .catch(function(err) { // do something with the error from request.show().
... }); once the payment flow has been triggered using paymentrequest.show() and the promise resolves successfully, the paymentresponse object available inside the fulfilled promise (instrumentresponse above) will have a paymentresponse.details property that will contain response details.
BasicCardResponse.expiryYear - Web APIs
example let's look at a sample payment request: var request = new paymentrequest(supportedinstruments, details, options); // call show() to trigger the browser's payment flow.
... console.log(instrumentresponse.details); }) .catch(function(err) { // do something with the error from request.show().
... }); once the payment flow has been triggered using paymentrequest.show() and the promise resolves successfully, the paymentresponse object available inside the fulfilled promise (instrumentresponse above) will have a paymentresponse.details property that will contain response details.
EventTarget.addEventListener() - Web APIs
see the event listener callback for details on the callback itself.
...see safely detecting option support for details.
...it is used to register event listeners dynamically when very old browsers (like ie <=8) must be supported; see the table below for details on browser support for addeventlistener.
HTMLMediaElement.error - Web APIs
when an error event is received by the element, you can determine details about what happened by examining this object.
... example this example establishes a video element and adds an error handler to it; the error handler simply logs the details to console.
... var videoelement = document.createelement('video'); videoelement.onerror = function() { console.log("error " + videoelement.error.code + "; details: " + videoelement.error.message); } videoelement.src = "https://example.com/bogusvideo.mp4"; specifications specification status comment html living standardthe definition of 'htmlmediaelement.error' in that specification.
MediaDevices.getDisplayMedia() - Web APIs
see using the screen capture api for more details and an example.
...check the compatibility table for details for each browser.
...for that reason, the specification details measures browsers are required to take in order to fully support getdisplaymedia().
MediaError.message - Web APIs
the read-only property mediaerror.message returns a domstring which contains a human-readable string offering specific diagnostic details related to the error described by the mediaerror object, or an empty string ("") if no diagnostic information can be determined or provided.
...if no specific details are available, this string is empty.
... the error's code attribute is checked to determine a generic error message to display, and, if message is not empty, it's appended to provide additional details.
MediaSession.setActionHandler() - Web APIs
further details on the action types can be found below under media session actions.
... the action handler receives as input a single parameter: an object conforming to the mediasessionactiondetails dictionary, which provides both the action type (so the same function can handle multiple action types), as well as data needed in order to perform the action.
... audio.currenttime = math.max(audio.currenttime - skiptime, 0); }); supporting multiple actions in one handler function you can also, if you prefer, use a single function to handle multiple action types, by checking the value of the mediasessionactiondetails object's action property: let skiptime = 7; navigator.mediasession.setactionhandler("seekforward", handleseek); navigator.mediasession.setactionhandler("seekbackward", handleseek); function handleseek(details) { switch(details.action) { case "seekforward": audio.currenttime = math.min(audio.currenttime + skiptime, audio.duration); break; case "seekbackward":...
PaymentAddress - Web APIs
examples in the following example, the paymentrequest() constructor is used to create a new payment request, which takes three objects as parameters — one containing details of the payment methods that can be used for the payment, one containing details of the actual order (such as items bought and shipping options), and an optional object containing further options.
... const supportedinstruments = [ { supportedmethods: "basic-card", }, ]; const details = { total: { label: "donation", amount: { currency: "usd", value: "65.00" } }, displayitems: [ { label: "original donation amount", amount: { currency: "usd", value: "65.00" }, }, ], shippingoptions: [ { id: "standard", label: "standard shipping", amount: { currency: "usd", value: "0.00" }, selected: true, }, ], }; const options = { requestshipping: true }; async function dopaymentrequest() { const request = new paymentrequest(supportedinstruments, details, options...
..."success" : "failure"; await response.complete(result); } dopaymentrequest(); once the payment flow has been triggered using paymentrequest.show() and the promise resolves successfully, the paymentresponse object available inside the fulfilled promise (instrumentresponse above) will have a paymentresponse.details property that will contain response details.
PaymentRequest.onshippingoptionchange - Web APIs
var request = new paymentrequest(supportedinstruments, details, options); // when user selects a shipping address request.addeventlistener('shippingaddresschange', e => { e.updatewith(((details, addr) => { var shippingoption = { id: '', label: '', amount: { currency: 'usd', value: '0.00' }, selected: true }; // shipping to us is supported if (addr.country === 'us') { shippingoption.id = 'us'; shippingopt...
...ion.label = 'standard shipping in us'; shippingoption.amount.value = '0.00'; details.total.amount.value = '55.00'; // shipping to jp is supported } else if (addr.country === 'jp') { shippingoption.id = 'jp'; shippingoption.label = 'international shipping'; shippingoption.amount.value = '10.00'; details.total.amount.value = '65.00'; // shipping to elsewhere is unsupported } else { // empty array indicates rejection of the address details.shippingoptions = []; return promise.resolve(details); console.log(details.error); } // hardcode for simplicity if (details.displayitems.length === 2) { details.displayitems[2] = shippingoption; } else { details.displayitems.push(shippingoption); } detai...
...ls.shippingoptions = [shippingoption]; return promise.resolve(details); })(details, request.shippingaddress)); }); specifications specification status comment payment request apithe definition of 'onshippingoptionchange' in that specification.
PaymentRequest: paymentmethodchange event - Web APIs
the code assumes the existence of a method detailsforshipping(), which returns a paymentdetailsupdate object containing the shipping options for the ground shipping method, in the form found in the paymentshippingoption dictionary.
... const options = { requestshipping: true }; const paymentrequest = new paymentrequest(paymentmethods, detailsforshipping("ground"), options); paymentrequest.addeventlistener("paymentmethodchange", handlepaymentchange, false); paymentrequest.show() .then(response => response.complete("success")) .catch(err => console.log("error handling payment request: " + err)); the event handler function itself, handlepaymentchange(), looks like this: handlepaymentchange = event => { const detailsupdate = {}; if (event.methodname === "https://apple.com/apple-pay") { const servicefeeinfo = calculateservicefee(event.methoddetails); object.assign(detailsupdate, servicefeeinfo); } event.updatewith(detailsupdate); ...
...}, false); this begins by looking at the event's methodname property; if that indicates that the user is trying to use apple pay, we pass the methoddetails into a function called calculateservicefee(), which we might create to take the information about the transaction, such as the underlying credit card being used to service the apple pay request, and compute and return an paymentdetailsupdate object that specifies changes to be applied to the paymentrequest in order to add any service fees that the payment method might require.
PaymentRequest.shippingOption - Web APIs
in each calls to updatedetails() are made, one using a promise, and the other with a plain js object.
... const request = new paymentrequest(methoddata, details, options); // async update to details request.onshippingaddresschange = ev => { ev.updatewith(checkshipping(request)); }; // sync update to the total request.onshippingoptionchange = ev => { const shippingoption = shippingoptions.find( option => option.id === request.id ); const newtotal = { currency: "usd", label: "total due", value: calculatenewtotal(shippingoption), }; ev.updatewith({ ...details, total: newtotal }); }; async function checkshipping(request) { try { const json = request.shippingaddress.tojson(); await ensurecanshipto(json); const { shippingoptions, total } = await calculateshipping(json); return { ...d...
...etails, shippingoptions, total }; } catch (err) { return { ...details, error: `sorry!
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.
... const paymentrequest = new paymentrequest(methoddata, details, options); paymentrequest.addeventlistener("shippingaddresschange", event => { let detailsupdate = checkaddress(paymentrequest.shippingaddress); event.updatewith(detailsupate); }, false); const checkaddress = theaddress => { let detailsupdate = {}; // check the address, return a paymentdetailsupdate object // with any changes or errors.
... return detailsupdate; }; you can also establish a handler for shippingaddresschange using the onshippingaddresschange event handler property: paymentrequest.onshippingaddresschange = event => { let detailsupdate = checkaddress(paymentrequest.shippingaddress); event.updatewith(detailsupdate); }; specifications specification status comment payment request apithe definition of 'shippingaddresschange' in that specification.
PaymentRequestUpdateEvent.updateWith() - Web APIs
the updatewith() method of the paymentrequestupdateevent interface updates the details of an existing paymentrequest.
... syntax paymentrequestupdateevent.updatewith(details); parameters details a paymentdetailsupdate object specifying the changes applied to the payment request: displayitems optional an array of paymentitem objects, each describing one line item for the payment request.
... modifiers optional an array of paymentdetailsmodifier objects, each describing a modifier for particular payment method identifiers.
PaymentResponse.retry() - Web APIs
see the list of exceptions for show() for further details.
... async function handlepayment() { const payrequest = new paymentrequest(methoddata, details, options); try { let payresponse = await payrequest.show(); while (payresponse has errors) { /* let the user edit the payment information, wait until they submit */ await response.retry(); } await payresponse.complete("success"); } catch(err) { /* handle the exception */ } } examples try { await paymentrequest.retry(errorfields); } catch (domexception err) { ...
... } async function dopaymentrequest() { const request = new paymentrequest(methoddata, details, options); const response = await request.show(); await recursivevalidate(request, response); await response.complete("success"); } // keep validating until the data looks good!
Payment processing concepts - Web APIs
terminology before getting into the details of how the api operates, there are tems you'll need to know.
...see basiccardrequest for details.
...see merchant validation for details.
PushManager - Web APIs
it returns a promise that resolves to a pushsubscription object containing details of an existing subscription.
...it returns a promise that resolves to a pushsubscription object containing details of a push subscription.
...} 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.
RTCIceCandidate - Web APIs
webrtc then uses that candidate's details to initiate the connection.
... for details on how the ice process works, see lifetime of a webrtc session.
... the article webrtc connectivity provides additional useful details.
RTCPeerConnection - Web APIs
for details on the difference, see pending and current descriptions in webrtc connectivity.pendingremotedescription read only the read-only property rtcpeerconnection.pendingremotedescription returns an rtcsessiondescription object describing a pending configuration change for the remote end of the connection.
...for details on the difference, see pending and current descriptions in webrtc connectivity.remotedescription read only the read-only property rtcpeerconnection.remotedescription returns a rtcsessiondescription describing the session (which includes configuration and media information) for the remote end of the connection.
...see signaling in lifetime of a webrtc session for more details about the signaling process.event handlersalso inherits event handlers from: eventtargetonaddstream the rtcpeerconnection.onaddstream event handler is a property containing the code to execute when the addstream event, of type mediastreamevent, is received by this rtcpeerconnection.
Lighting a WebXR setting - Web APIs
however, there are issues and details to keep in mind while creating your lighting code, especially for augmented reality (ar) applications.
...once the api has stabilized, we'll update this documentation with the details.
... wwhen the browser provides details about a very bright, directional light source, that source probably represents the sun.
Rendering and the WebXR frame animation callback - Web APIs
we also make use of perspective, size differences, and even simply our understanding of how things usually look to figure out the details of that third dimension.
...it receives as input the time at which the frame being drawn and an xrframe object providing details about the state of the scene for the frame you need to render.
...see the article movement, orientation, and motion for details and a thorough example of how this works.
Web Workers API - Web APIs
see functions and classes available to workers for more details.
...see sharedworker for more details.
...see chromeworker for more details.
How to check the security state of an XMLHTTPRequest over SSL - Web APIs
here is a an example javascript function that prints the security details of an xmlhttprequest sent over ssl.
... was the used ssl certificate valid and what are its details (owner, expiration, certificate authority, etc.)?
...esslistener.state_is_broken) == ci.nsiwebprogresslistener.state_is_broken) { dump("unknown\n"); dump("\tsecurity description: " + secinfo.shortsecuritydescription + "\n"); dump("\tsecurity error message: " + secinfo.errormessage + "\n"); } } else { dump("\tno security info available for this channel\n"); } // print ssl certificate details if (secinfo instanceof ci.nsisslstatusprovider) { var cert = secinfo.queryinterface(ci.nsisslstatusprovider) .sslstatus.queryinterface(ci.nsisslstatus).servercert; dump("\tcommon name (cn) = " + cert.commonname + "\n"); dump("\tissuer = " + cert.issuerorganization + "\n"); dump("\torganisation = " + cert.organization + "\n"); ...
Web APIs
WebAPI
uator geolocation geolocationcoordinates geolocationposition geolocationpositionerror geometryutils gestureevent globaleventhandlers gyroscope h htmlanchorelement htmlareaelement htmlaudioelement htmlbrelement htmlbaseelement htmlbasefontelement htmlbodyelement htmlbuttonelement htmlcanvaselement htmlcollection htmlcontentelement htmldlistelement htmldataelement htmldatalistelement htmldetailselement htmldialogelement htmldivelement htmldocument htmlelement htmlembedelement htmlfieldsetelement htmlfontelement htmlformcontrolscollection htmlformelement htmlframesetelement htmlhrelement htmlheadelement htmlheadingelement htmlhtmlelement htmlhyperlinkelementutils htmliframeelement htmlimageelement htmlinputelement htmlisindexelement htmlkeygenelement htmllielement htmllabeleleme...
...ation mediadeviceinfo mediadevices mediaelementaudiosourcenode mediaencodingconfiguration mediaerror mediaimage mediakeymessageevent mediakeysession mediakeystatusmap mediakeysystemaccess mediakeysystemconfiguration mediakeys medialist mediametadata mediapositionstate mediaquerylist mediaquerylistevent mediaquerylistlistener mediarecorder mediarecordererrorevent mediasession mediasessionactiondetails mediasettingsrange mediasource mediastream mediastreamaudiodestinationnode mediastreamaudiosourcenode mediastreamaudiosourceoptions mediastreamconstraints mediastreamevent mediastreamtrack mediastreamtrackaudiosourcenode mediastreamtrackaudiosourceoptions mediastreamtrackevent mediatrackconstraints mediatracksettings mediatracksupportedconstraints merchantvalidationevent messagechannel mess...
...ives oes_texture_float oes_texture_float_linear oes_texture_half_float oes_texture_half_float_linear oes_vertex_array_object ovr_multiview2 offlineaudiocompletionevent offlineaudiocontext offscreencanvas orientationsensor oscillatornode overconstrainederror p pagetransitionevent paintworklet pannernode parentnode passwordcredential path2d payererrors paymentaddress paymentcurrencyamount paymentdetailsbase paymentdetailsupdate paymentitem paymentmethodchangeevent paymentrequest paymentrequestevent paymentrequestupdateevent paymentresponse paymentvalidationerrors pbkdf2params performance performanceentry performanceeventtiming performanceframetiming performancelongtasktiming performancemark performancemeasure performancenavigation performancenavigationtiming performanceobserver perform...
ARIA: Comment role - Accessibility
<p>the last half of the song is a slow-rising crescendo that peaks at the <span role="mark" aria-details="thread-1">end of the guitar solo</span>, before fading away sharply.</p> <div role="comment" id="thread-1" data-author="chris"> <h3>chris said</h3> <p class="comment-text">i really think this moment could use more cowbell.</p> <p><time datetime="2019-03-30t19:29">march 30 2019, 19:29</time></p> </div> to associate the comment with the text being commented, we need to wrap the commented t...
...ext with an element containing the aria-details attribute, the value of which should be the id of the comment.
... multiple comments since aria-details can now accept multiple ids, we can associate multiple comments with the same annotation, like so: <p>the last half of the song is a slow-rising crescendo that peaks at the <mark aria-details="thread-1 thread-2">end of the guitar solo</mark>, before fading away sharply.</p> <div role="comment" id="thread-1" data-author="chris"> <h3>chris said</h3> <p class="comment-text">i really think this moment could use more cowbell.</p> <p><time datetime="2019-03-30t19:29">march 30 2019, 19:29</time></p> </div> <div role="comment" id="thread-2" data-author="chris"> <h3>marcus said</h3> <p class="comment-text">the guitar solo could do with a touch more chorus, and a slightly lower volume.</p> <p><time datetime="2019-03-29t15:35">march 29 2019, 15:35</...
Text labels and names - Accessibility
<div role="dialog" aria-labelledby="dialog1title" aria-describedby="dialog1desc"> <h2 id="dialog1title">your personal details were successfully updated</h2> <p id="dialog1desc">you can change your details at any time in the user account section.</p> <button>close</button> </div> if the dialog box doesn't have a heading, you can instead use aria-label to contain the label text: <div role="dialog" aria-label="personal details updated confirmation"> <p>your personal details were successfully updated.
... you can change your details at any time in the user account section.</p> <button>close</button> </div> see also role="dialog" role="alertdialog" aria-label aria-labelledby wai-aria: dialog role dialog authoring practices documents must have a title it is important on each html document to include a <title> that describes the page's purpose.
... examples the title for the reference article about the <title> element is as follows: <title>&lt;title&gt;: the document title element - html: hypertext markup language</title> another example might look like so: <title>fill in your details to register — mygov services</title> to help the user, you can update the page title value to reflect significant page state changes (such as form validation problems): <title>2 errors — fill in your details to register — mygov services</title> see also <title> embedded content must be labeled make sure that elements that embed content have a title attribute that describes the embe...
::slotted() - CSS: Cascading Style Sheets
WebCSS::slotted
in this demo we use a simple template with three slots: <template id="person-template"> <div> <h2>personal id card</h2> <slot name="person-name">name missing</slot> <ul> <li><slot name="person-age">age missing</slot></li> <li><slot name="person-occupation">occupation missing</slot></li> </ul> </div> </template> a custom element — <person-details> — is defined like so: customelements.define('person-details', class extends htmlelement { constructor() { super(); let template = document.getelementbyid('person-template'); let templatecontent = template.content; const shadowroot = this.attachshadow({mode: 'open'}); let style = document.createelement('style'); style.textcontent = 'div { padding: 10...
... the element looks like this when inserted into the page: <person-details> <p slot="person-name">dr.
... shazaam</p> <span slot="person-age">immortal</span> <span slot="person-occupation">superhero</span> </person-details> specifications specification status comment css scoping module level 1the definition of '::slotted' in that specification.
Using CSS animations - CSS: Cascading Style Sheets
this lets you configure the timing, duration, and other details of how the animation sequence should progress.
...as an example, the rule we’ve been using through this article: p { animation-duration: 3s; animation-name: slidein; animation-iteration-count: infinite; animation-direction: alternate; } could be replaced by p { animation: 3s infinite alternate slidein; } note: you can find more details out at the animation reference page: setting multiple animation property values the css animation longhand values can accept multiple values, separated by commas — this feature can be used when you want to apply multiple animations in a single rule, and set separate durations, iteration counts, etc.
... var element = document.getelementbyid("watchme"); element.addeventlistener("animationstart", listener, false); element.addeventlistener("animationend", listener, false); element.addeventlistener("animationiteration", listener, false); element.classname = "slidein"; this is pretty standard code; you can get details on how it works in the documentation for eventtarget.addeventlistener().
Box alignment for block, absolutely positioned and table layout - CSS: Cascading Style Sheets
the box alignment specification details how alignment works in various layout methods.
...as this page aims to detail things which are specific to block layout and box alignment, it should be read in conjunction with the main box alignment page, which details the common features of box alignment across layout methods.
...this document details how the specification expects these properties to be implemented for completeness, and is likely to change as the specification and browser implementations develop.
Relationship of flexbox to other layout methods - CSS: Cascading Style Sheets
this specification details how alignment works in all layout — not just flexbox.
...writing modes are fully detailed in the css writing modes specification, which details how css supports the various different writing modes that exist internationally.
...this article details many of the ways that grid layout differs from flex layout, and demonstrates some of the extra functionality you get when using grid layout such as layering of items on the grid.
Box alignment in CSS Grid Layout - CSS: Cascading Style Sheets
this specification details how alignment should work in all the different layout methods.
...while the specification currently specifies alignment details for all layout methods, browsers have not fully implemented all of the specification; however, the css grid layout method has been widely adopted.
...} .item1 { grid-area: a; } .item2 { grid-area: b; align-self: start; } .item3 { grid-area: c; align-self: end; } .item4 { grid-area: d; align-self: center; } <div class="wrapper"> <div class="item1">item 1</div> <div class="item2">item 2</div> <div class="item3">item 3</div> <div class="item4">item 4</div> </div> items with an intrinsic aspect ratio the specification details that the default behavior in align-self is to stretch, except for items which have an intrinsic aspect ratio, in this case they behave as start.
display - CSS: Cascading Style Sheets
WebCSSdisplay
see appendix b: effects of display: contents on unusual elements for more details.
...see the accessibility concerns section below for more details.
... the level 3 specification details two values for the display property — enabling the specification of the outer and inner display type explicitly — but this is not yet well-supported by browsers.
Setting up adaptive streaming media sources - Developer guides
the mpd file tells the browser where the various pieces of media are located, it also includes meta data such as mimetype and codecs and there are other details such as byte-ranges in there too - it is an xml document and in many cases will be generated for you.
... </adaptationset> </period> </mpd> the mpd file tells the browser where the various pieces of media are located, it also includes meta data such as mimetype and codecs and there are other details such as byte-ranges in there too.
... note: you can find more details about these tools at using http live streaming.
Audio and Video Delivery - Developer guides
throw e.error || new error(e.name); // e.name is ff non-spec } recorder.onstop = function(e) { var audio = document.createelement('audio'); audio.src = window.url.createobjecturl(new blob(data)); } settimeout(function() { rec.stop(); }, 5000); }) .catch(function onerror(error) { console.log(error.message); }); see mediarecorder api for more details.
...this is done by setting the value of the currenttime property on the element; see htmlmediaelement for further details on the element's properties.
...this article explains how, looking at two of the most common formats: mpeg-dash and hls (http live streaming.) dash adaptive streaming for html 5 video details how to set up adaptive streaming using dash and webm.
Content categories - Developer guides
this is a loose grouping (it doesn't actually create a relationship among elements of these categories), but they help define and describe the categories' shared behavior and their associated rules, especially when you come upon their intricate details.
...they are: <a>, <abbr>, <address>, <article>, <aside>, <audio>, <b>,<bdo>, <bdi>, <blockquote>, <br>, <button>, <canvas>, <cite>, <code>, <command>, <data>, <datalist>, <del>, <details>, <dfn>, <div>, <dl>, <em>, <embed>, <fieldset>, <figure>, <footer>, <form>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <header>, <hgroup>, <hr>, <i>, <iframe>, <img>, <input>, <ins>, <kbd>, <keygen>, <label>, <main>, <map>, <mark>, <math>, <menu>, <meter>, <nav>, <noscript>, <object>, <ol>, <output>, <p>, <picture>, <pre>, <progress>, <q>, <ruby>, <s>, <samp>, <script>, <section>, <select>, <small>, <...
...elements that belong to this category include: <a>, <button>, <details>, <embed>, <iframe>, <keygen>, <label>, <select>, and <textarea>.
<iframe>: The Inline Frame element - HTML: Hypertext Markup Language
WebHTMLElementiframe
see the article privacy, permissions, and information security for details on security issues and how <iframe> works with feature policy to keep systems safe.
...see htmliframeelement.csp for details.
...see browser api for details.
Link types - HTML: Hypertext Markup Language
this is especially useful when opening untrusted links, in order to ensure they cannot tamper with the originating document via the window.opener property (see about rel=noopener for more details), while still providing the referer http header (unless noreferrer is used as well).
... note: the link prefetch faq has details on which links can be prefetched and on alternative methods.
...see preloading content with rel="preload" for more details.
MIME types (IANA media types) - HTTP
an optional parameter can be added to provide additional details: type/subtype;parameter=value for example, for any mime type whose main type is text, the optional charset parameter can be used to specify the character set used for the characters in the data.
... our media container formats guide provides a list of the file types that are commonly supported by web browsers, including information about what their special use cases may be, any drawbacks they have, and compatibility information, along with other details.
... the audio codec and video codec guides list the various codecs that web browsers often support, providing compatibility details along with technical information such as how many audio channels they support, what sort of compression is used, and what bit rates and so forth they're useful at.
HTTP caching - HTTP
WebHTTPCaching
for more details see the information about the vary header below.
... for more details, see also the freshness section below.
...for more details, see the validation section below.
Feature Policy - HTTP
for more details see using feature policy.
...for more details see "enforcing best practices for good user experiences".
...see individual directive pages for details.
User-Agent - HTTP
header type request header forbidden header name no syntax user-agent: <product> / <product-version> <comment> common format for web browsers: user-agent: mozilla/5.0 (<system-information>) <platform> (<platform-details>) <extensions> directives <product> a product identifier — its name or development codename.
... <comment> zero or more comments containing more details; sub-product information, for example.
...see below for further details and examples.
SVG: Scalable Vector Graphics
WebSVG
documentation svg element reference details about each svg element.
... svg attribute reference details about each svg attribute.
... svg dom interface reference details about the svg dom api, for interaction with javascript.
Understanding WebAssembly text format - WebAssembly
module (for now) looks like this: (module (func $add (param $lhs i32) (param $rhs i32) (result i32) local.get $lhs local.get $rhs i32.add) (export "add" (func $add)) ) if you want to follow along with the example, save the above our module into a file called add.wat, then convert it into a binary file called add.wasm using wabt (see converting webassembly text format to wasm for details).
...also see webassembly.instantiatestreaming() for more details about the instantiate function.
... note: you can find a lot more details in the threading proposal for webassembly.
page-mod - Archive of obsolete content
for all the details on content scripts, see the guide to content scripts.
...see the documentation of the include option above for details of include syntax.
panel - Archive of obsolete content
see panel's options for further details.
... properties port eventemitter object that allows you to: send events to the content script using the port.emit function receive events from the content script using the port.on function see the guide to communicating using port for details.
widget - Archive of obsolete content
port object that allows you to: send events to the content script using the port.emit function receive events from the content script using the port.on function see the guide to communicating using port for details.
... port object that allows you to: send events to the content script using the port.emit function receive events from the content script using the port.on see the guide to communicating using port for details.
event/target - Archive of obsolete content
in order to emit events one needs to use event/core module instead: let { emit } = require('sdk/event/core'); target.on('hi', function(person) { console.log(person + ' says hi'); }); emit(target, 'hi', 'mark'); // info: 'mark says hi' for more details see event/core documentation.
... more details listeners registered during the event propagation (by one of the listeners) won't be triggered until next emit of the matching type: let { emit } = require('sdk/event/core'); target.on('message', function onmessage(message) { console.log('listener triggered'); target.on('message', function() { console.log('nested listener triggered'); }); }); emit(target, 'message'); // info: 'listener triggered' emit(target, 'message'); // info: 'listener triggered' // info: 'nested listener triggered' exceptions in the listeners can be handled via 'error' event listeners: target.on('boom', function() { throw error('boom!'); }); target.once('error', function(error) { console.log('caught an error: ' + error.message); }); emit(target, 'boom'); // info: ca...
loader/sandbox - Archive of obsolete content
optionally the sandbox function can be passed a second argument (see sandbox documentation on mdn for details).
... evaluate code module provides evaluate function that lets you execute code in the given sandbox: evaluate(scope, 'var a = 5;'); evaluate(scope, 'a + 2;'); //=> 7 more details about evaluated script may be passed via optional arguments that may improve exception reporting: // evaluate code as if it was loaded from 'http://foo.com/bar.js' and // start from 2nd line.
platform/xpcom - Archive of obsolete content
see nsicomponentregistrar.autoregister() for details.
... id var service = service({ contract: contractid, component: alertservice }); after this, xpcom users can access the service implementation by supplying the contract id: var alertservice = cc[contractid].getservice(ci.nsialertsservice); alertservice.showalertnotification(...); the service interface is identical to the factory interface, so refer to the factory interface documentation for details.
window/utils - Archive of obsolete content
see the window.open features documentation for more details.
...see nsifocusmanager for more details.
package.json - Archive of obsolete content
see "simple-prefs in the preferences system" for more details.
...a tool "fixpack" will reorder your package.json as follows: name first description second version third author fourth all other keys in alphabetical order dependencies and devdependencies sorted alphabetically newline at the end of the file more details here: "github - henrikjoreteg/fixpack: a package.json file scrubber for the truly insane." https://github.com/henrikjoreteg/fixpack ...
Storing annotations - Archive of obsolete content
annotation list content script here's the annotation list's content script: self.on("message", function onmessage(storedannotations) { var annotationlist = $('#annotation-list'); annotationlist.empty(); storedannotations.foreach( function(storedannotation) { var annotationhtml = $('#template .annotation-details').clone(); annotationhtml.find('.url').text(storedannotation.url) .attr('href', storedannotation.url); annotationhtml.find('.url').bind('click', function(event) { event.stoppropagation(); event.preventdefault(); self.postmessage(storedannotation.url); }); annotationhtml.find('.selection-text') .te...
... annotation list html and css here's the html for the annotation list: <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>saved annotations</title> <link rel="stylesheet" type="text/css" href="annotation-list.css" /> </head> <body> <div id="annotation-list"> </div> <div id="template"> <div class="annotation-details"> <a class="url"></a> <div class="selection-text"></div> <div class="annotation-text"></div> </div> </div> </body> </html> here's the corresponding css: #annotation-list .annotation-details { padding: 10px; margin: 10px; border: solid 3px #eee; background-color: white; } #annotation-list .url, .selection-text, .annotation-text { padding: 5px; margin: 5px; }...
File I/O - Archive of obsolete content
see reading textual data details on how to read text from other character sets.
...es.nsifileoutputstream); stream.init(afile, 0x04 | 0x08 | 0x20, 0600, 0); // readwrite, create, truncate stream.write(pngbinary, pngbinary.length); if (stream instanceof components.interfaces.nsisafeoutputstream) { stream.finish(); } else { stream.close(); } more there are more methods and properties on nsifile and nsilocalfile interfaces; please refer to their documentation for more details.
JavaScript Daemons Management - Archive of obsolete content
it also offers an alternative way to pass the this object to the callback functions (see the "this" problem for details).
...see the daemon-safe.js module for details.
Extension Versioning, Update and Compatibility - Archive of obsolete content
providing details about updates general it is possible to provide the user some details about what is new in an updated version of your add-on.
... the technical details of the signing mechanism are beyond the scope of this document however the basics are as follows: step 1 - done once, before you publish your add-on the target: adding updatekey in install.rdf the add-on author creates a public/private rsa cryptographic key pair.
Chapter 5: Let's build a Firefox extension - Archive of obsolete content
change to your name --> <em:creator>gomita</em:creator> <!-- web page address through which extension is distributed --> <em:homepageurl>http://www.xuldev.org/helloworld/</em:homepageurl> <!-- this section gives details of the target application for the extension (in this case: firefox 2) --> <em:targetapplication> <description> <em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id> <em:minversion>2.0</em:minversion> <em:maxversion>4.0.0.*</em:maxversion> </description> </em:targetapplication> </description> </rdf> create the chrome manifest fill in the chrome.mani...
...in general, details (idl) on the xpcom interface are available from the mozilla cross-reference7, which includes source code with full-text searching available.
Adding Toolbars and Toolbar Buttons - Archive of obsolete content
firefox allows all of this by default, and if you don't pay attention to the details we describe here, your toolbar may not be as easy to customize as the rest.
...now we'll look deeper into the details of toolbars so that you can make great toolbars.
Setting up an extension development environment - Archive of obsolete content
these details apply to firefox, thunderbird, and seamonkey (version 2.0 and above).
...see exception logging in javascript for details.
Using the Stylesheet Service - Archive of obsolete content
see the css specification for more details.
...'#' must be percent-encoded, details see bug 659650.
Adding preferences to an extension - Archive of obsolete content
we'll look at the details of how this method works later.
...for details on how observers work, read up on the nsiobserver interface.
XML data - Archive of obsolete content
sheet, you specify how info elements are to be displayed: info { display: block; margin: 1em 0; } the most common values for the display property are: block displayed like html's div (for headings, paragraphs) inline displayed like html's span (for emphasis within text) add your own style rules that specify the font, spacing and other details in the same way as for html.
... more details other values of display display the element like a list item, or like a component of a table.
Creating a dynamic status bar extension - Archive of obsolete content
concepts covered in the previous sample won't be reiterated here; instead, refer to the downloadable sample code or to the previous sample for further details.
...see install manifests for details.
MCD, Mission Control Desktop, AKA AutoConfig - Archive of obsolete content
ref: bug 690370 available functions are (see prefcalls.js file for details): function getprefbranch() function pref(prefname, value) function defaultpref(prefname, value) function lockpref(prefname, value) function unlockpref(prefname) function getpref(prefname) function getldapattributes(host, base, filter, attribs) function getldapvalue(str, key) function displayerror(funcname, message) function getenv(name) configure autoconfig two directives ask thunderbird to...
...see bug 295329 for details.
Notes on HTML Reflow - Archive of obsolete content
the details on this page are obsolete.
... original document information author(s): chris waterson last updated date: december 4, 2004 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Autodial for Windows NT - Archive of obsolete content
most systems are not set up correctly for this to happen, and most users have no idea how all these details work.
... original document information author(s): benjamin chuang last updated date: october 2, 2002 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Block and Line Layout Cheat Sheet - Archive of obsolete content
the details of block and line layout are tricky; this document serves as a "cheat sheet" that describes how the vagary of different state flags control what's going on.
... original document information author(s): chris waterson last updated date: december 4, 2004 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Helper Apps (and a bit of Save As) - Archive of obsolete content
nsexternalapphandler details implements nsistreamlistener.
... original document information author(s): boris zbarsky last updated date: september 12, 2002 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Actionscript Acceptance Tests - Archive of obsolete content
(see bug 587093 for details.) specifying multiple .abcs: if you desire to run a test with multiple .abc files (e.g: avmshell a.abc b.abc testname.abc) there is a special avm_args directive called multiabc that is specified surrounded by two pipe (|) symbols: |multiabc| $dir/testname_support/a.abc $dir/testname_support/b.abc the extra abc files will usually be placed in a _support dir (see additional files below).
...# (see http://docs.python.org/library/time.html for details) # e.g.: eastern standard time/eastern daylight time = ('est','edt') # write timezones as tuples, one to each line.
Running Tamarin performance tests - Archive of obsolete content
not optimize files when compiling --perfm parse the perfm results from avm --csv= also output to csv file, filename required --csvappend append to csv file instead of overwriting --score compute and print geometric mean of scores --index= index file to use (must end with .py) --saveindex= save results to given index file name option details indexing: there are two command line flags that control indexing: --index and —saveindex both require an index filename to be specified after the flag.
... see the file header for details testing the android shell the instructions above apply to running tests on an android device as well, but with a few differences.
The new nsString class implementation (1999) - Archive of obsolete content
however, it suffers from a few implementation details which need to be addressed and that are the subject of this document.
... original document information author: rick gessner last updated date: january 20, 1999 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
URIs and URLs - Archive of obsolete content
details can be found at bug 90439.
... original document information author(s): andreas otte last updated date: january 2, 2002 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Writing to Files - Archive of obsolete content
see below for more details about this.
...other character encodings are available; see writing other character encodings below for details about writing text in other encodings.
Popup Guide - Archive of obsolete content
a brief overview of each type is listed here; more details for each type can be found by following the corresponding links.
...see using menus and popups in extensions for details.
Multiple Rule Example - Archive of obsolete content
object="?description"/> <triple subject="?photo" predicate="http://purl.org/dc/elements/1.1/date" object="?date"/> </conditions> <action> <hbox uri="?photo" class="box-padded"> <vbox> <label value="?title"/> <image src="?photo"/> </vbox> <groupbox> <caption label="photo details"/> <label value="?description"/> <label value="date: ?date"/> </groupbox> </hbox> </action> </rule> <rule> <conditions> <content uri="?start"/> <member container="?start" child="?photo"/> <triple subject="?photo" predicate="http://purl.org/dc/elements/1.1/title" object="?phototitl...
...if you reversed the order of the two rules in the example above, three photos would still be displayed, but the larger rule that displays the image details would be dropped as the other rule has a higher priority.
Template Logging - Archive of obsolete content
enabling logging will output details to the error console for each result.
...the second line gives details about the new result.
Custom toolbar button - Archive of obsolete content
compose --> <toolbarpalette id="msgcomposetoolbarpalette"> <toolbarbutton id="custom-button-1"/> </toolbarpalette> <!-- thunderbird address book --> <toolbarpalette id="addressbooktoolbarpalette"> <toolbarbutton id="custom-button-1"/> </toolbarpalette> <!-- sunbird --> <toolbarpalette id="calendartoolbarpalette"> <toolbarbutton id="custom-button-1"/> </toolbarpalette> <!-- button details --> <toolbarbutton id="custom-button-1" label="custom" tooltiptext="my custom toolbar button" oncommand="custombutton[1]()" class="toolbarbutton-1 chromeclass-toolbar-additional custombutton" /> </overlay> optionally customize the file by changing the label and tooltiptext in the last section.
...the last section specifies details of the button.
Box Objects - Archive of obsolete content
« previousnext » this section describes the box object, which holds display and layout related information about a xul box as well as some details about xul layout.
...it isn't necessary to know the details of how the layout objects are constructed but it is quite useful to at least have at least the knowledge of what is described above of xul layout for more advanced xul development.
The Chrome URL - Archive of obsolete content
this makes it much easier to write applications that have lots of files since you don't have to worry about the details of locating files.
...by using chrome urls we can leave details like this to mozilla.
XUL Structure - Archive of obsolete content
details of how to create this file will be discussed in a later section.
... skin - style sheets, images and other theme specific files style sheets describe details of the appearance of a window.
XUL Tutorial - Archive of obsolete content
introduction introduction xul structure the chrome url manifest files simple elements creating a window adding buttons adding labels and images input controls numeric controls list controls progress meters adding html elements using spacers more button features the box model the box model element positioning box model details groupboxes adding more elements more layout elements stacks and decks stack positioning tabboxes grids content panels splitters toolbars and menus toolbars simple menu bars more menu features popup menus scrolling menus events and scripts adding event handlers more event handlers keyboard shortcuts focus and selection commands updating commands broadcasters and obs...
...ervers document object model document object model modifying a xul interface manipulating lists box objects xpcom interfaces xpcom examples trees trees more tree features tree selection custom tree views tree view details tree box objects rdf and templates introduction to rdf templates trees and templates rdf datasources advanced rules persistent data skins and locales adding style sheets styling a tree modifying the default skin creating a skin skinning xul files by hand localization property files bindings introduction to xbl anonymous content xbl attribute inheritance adding properties adding methods adding event handlers xbl inheritance creating reusable content using css and xbl xbl example specialized window types features of a wind...
XUL Coding Style Guidelines - Archive of obsolete content
see details here.
...the issues are discussed in details here: what is localizable?
tabbrowser - Archive of obsolete content
see listening to events on all tabs for details.
... (see nsiwebnavigation.loaduri() for details on the referrer and postdata parameters.) movetabto(tab, index) return type: tab element tries to moves an existing tab to a given index.
Application Update - Archive of obsolete content
auto", true); // defines how the application update service notifies the user about updates: // // aum set to: minor releases: major releases: // 0 download no prompt download no prompt // 1 download no prompt download no prompt if no incompatibilities // 2 download no prompt prompt // // see chart in nsupdateservice.js.in for more details // pref("app.update.mode", 1); // if set to true, the update service will present no ui for any event.
...pref("app.update.url.details", "http://yourserver.net/yourpage"); // user-settable override to app.update.url for testing purposes.
Getting started with XULRunner - Archive of obsolete content
for more details on the structure of installable bundles in general see: structure of an installable bundle.
...see xul application packaging for details.
XUL Application Packaging - Archive of obsolete content
see command line options for more details.
... required see toolkit version format for version numbering details example: version=0.1 buildid specifies a unique build identifier.
nsIContentPolicy - Archive of obsolete content
reject_request -1 returned from shouldload() or shouldprocess() if the load or process request is rejected based on details of the request.
...mozilla callers will handle this like reject_request; third-party implementors may, for example, use this to direct their own callers to consult the extra parameter for additional details.
2006-11-22 - Archive of obsolete content
click here for more details.
...click here for more details.
Theme changes in Firefox 3.5 - Archive of obsolete content
affected files details scrollbar.xml, xulscrollbars.css the <gripper> element was removed from the scrollbar thumb button by bug 448704.
... see private browsing for theme designers for details.
Browser Detection and Cross Browser Support - Archive of obsolete content
we recommend that the use of user agent string based detection be limited to server side situations and except in those circumstances where it is absolutely required such as when details of the gecko branch are required.
...see the dom client object cross-reference for more details on which internet explorer's objects and properties are supported by which version of gecko.
Back to the Server: Server-Side JavaScript On The Rise - Archive of obsolete content
listing 3 below details a script used to process an rss feed from the mozilla website.
...t_name = new ext.form.textfield({ name: "name", fieldlabel: "name", width: 200 }); // create the e-mail text field txt_email = new ext.form.textfield({ name: "email", fieldlabel: "e-mail", width: 200 }); // create the message text field txt_message = new ext.form.textarea({ name: "message", fieldlabel: "message", width: 200 }); // create a button used to send the form details.
Implementation Status - Archive of obsolete content
4.3.5 xforms-reset supported 4.3.6 xforms-next xforms-previous supported 4.3.7 xforms-focus supported 4.3.8 xforms-help xforms-hint supported 4.3.9 xforms-submit partial see section 11.2 for more details 4.3.10 xforms-submit-serialize supported 4.4 notification events supported 4.4.1 xforms-insert supported 4.4.2 xforms-delete supported 4.4.3 xforms-value-changed supported ...
...click for more details.
Using the Right Markup to Invoke Plugins - Archive of obsolete content
it discusses the object element and the embed element, with details about using the most apt html to invoke java in a web page as well.
...the details are covered in another article.
Building up a basic demo with PlayCanvas - Game development
that's quite an impressive list of features — let's see some in action, check out the building up a basic demo with playcanvas engine for details.
...see the building up a basic demo with playcanvas editor for details.
WebVR — Virtual Reality for the Web - Game development
} for a full explanation and more details of the demo this is taken from, see using the webvr api.
... there's also a markup framework called a-frame that offers simple building blocks for webvr, so you can rapidly build and experiment with vr websites and games: read the building up a basic demo with a-frame tutorial for more details.
Unconventional controls - Game development
note: see the deviceproximityevent reference page for more details.
... summary i hope you liked the experiments — if you have any others that you think might interest other people, feel free to add details of them here.
Index - MDN Web Docs Glossary: Definitions of Web-related terms
203 high-level programming language codingscripting, glossary a high-level programming language has a significant abstraction from the details of computer operation.
... 405 search engine definition, glossary, indexing, search engine, searching, web crawling, webmechanics, world wide web, details, google a search engine is a software system that collects information from the world wide web and presents it to users who are looking for specific information.
Accessible multimedia - Learn web development
simple images we already covered simple text alternatives for html images in our html: a good basis for accessibility article — you can refer back to there for the full details.
... here's an example: <video controls> <source src="example.mp4" type="video/mp4"> <source src="example.webm" type="video/webm"> <track kind="subtitles" src="subtitles_en.vtt" srclang="en"> </video> this will result in a video that has subtitles displayed, kind of like this: for more details, please read adding captions and subtitles to html5 video.
Using your new knowledge - Learn web development
give the ul used for the contact details a background-color of #eeeeee, and a 5px solid purple border.
... details of what you have already tried, and what you would like us to do, e.g.
Using CSS generated content - Learn web development
for details, see 4.4 css style sheet representation in the css specification.
...for details, see referring to characters not represented in a character encoding and characters and case in the css specification.
Test your skills: Form structure - Learn web development
form structure 1 in this task we want you to structure the provided form features: separate out the first two and second two form fields into two distinct containers, each with a descriptive legend (use "personal details" for the first two, and "comment information" for the second two).
... details of what you have already tried, and what you would like us to do, e.g.
Test your skills: HTML5 controls - Learn web development
create appropriate inputs for a user to update their details for: email website phone number favourite color try updating the live code below to recreate the finished example: download the starting point for this task to work in your own editor or in an online editor.
... details of what you have already tried, and what you would like us to do, e.g.
Publishing your website - Learn web development
in addition, you will need a file transfer protocol (ftp) program (see how much does it cost: software for more details) to actually transfer the website files over to the server.
... ftp programs vary widely, but generally, you have to connect to your web server using details provided by your hosting company (typically username, password, hostname).
Advanced text formatting - Learn web development
usercode every time the user updates the text area code textarea.onkeyup = function(){ // we only want to save the state when the user code is being shown, // not the solution, so that solution is not saved over the user code if(solution.value === 'show solution') { userentry = textarea.value; } else { solutionentry = textarea.value; } updatecode(); }; marking up contact details html has an element for marking up contact details — <address>.
... this simply wraps around your contact details, for example: <address> <p>chris mills, manchester, the grim north, uk</p> </address> it could also include more complex markup, and other forms of contact information, for example: <address> <p> chris mills<br> manchester<br> the grim north<br> uk </p> <ul> <li>tel: 01234 567 890</li> <li>email: me@grim-north.co.uk</li> </ul> </address> note that something like this would also be ok, if the linked page contained the contact information: <address> <p>page written by <a href="../authors/chris-mills/">chris mills</a>.</p> </address> superscript and subscript you will occasionally need to use superscript and subscript when marking up items like dates, chemical formulae, and mathematical equations so they have ...
Creating hyperlinks - Learn web development
find details on our <a href="contacts.html">contacts page</a>.</p> moving down into subdirectories: if you wanted to include a hyperlink inside index.html (the top level index.html) pointing to projects/index.html, you would need to go down into the projects directory before indicating the file you want to link to.
... specifying details in addition to the email address, you can provide other information.
Build your own function - Learn web development
along the way, we'll also explain some useful details of dealing with functions.
... objective: to provide some practice in building a custom function, and explain a few more useful associated details.
Handling text — strings in JavaScript - Learn web development
see escape notation for more details.
... see our template literals reference page for more examples and details of advanced features.
Test your skills: JSON - Learn web development
you'll probably want to use an outer loop to loop through the cats and add their names to the motherinfo variable string, and an inner loop to loop through all the kittens, add up the total of all/male/female kittens, and add those details to the kitteninfo variable string.
... details of what you have already tried, and what you would like us to do, e.g.
Introducing JavaScript objects - Learn web development
inheritance in javascript with most of the gory details of oojs now explained, this article shows how to create "child" object classes (constructors) that inherit features from their "parent" classes.
... object building practice in previous articles we looked at all the essential javascript object theory and syntax details, giving you a solid base to start from.
Introduction to the server side - Learn web development
it can also make sites easier to use by storing personal preferences and information — for example reusing stored credit card details to streamline subsequent payments.
...for example, many sites store credit cards so that details don't have to be entered again.
Implementing feature detection - Learn web development
this article details how to write your own simple feature detection, how to use a library to speed up implementation, and native features for feature detection such as @supports.
...see using bad browser sniffing code for more details.
Introduction to cross browser testing - Learn web development
you should also consult caniuse.com, for some further useful details.
... once you've agreed on these details, you can go ahead and start developing the site.
Strategies for carrying out testing - Learn web development
opera mini is also significant, but it isn't very capable in terms of running complex javascript at runtime, etc (see opera mini and javascript for more details).
... enter your web site/app details into the signup page.
Adding a new CSS property
if you need more details on any of the points mentioned here, a good place to find them is by looking at other changes in the version control history of the files mentioned.
... again, see the documentation at the top of the file and the other entries for examples, and also see the next section for details about parsing.
Chrome registration
for example: binary-component component/mylib.dll abi=winnt_x86-msvc binary-component component/mylib.so abi=linux_x86-gcc3 see xpcom abi for more details.
...see safely accessing content dom from chrome for details.
Old Thunderbird build
on windows: check that the mapi header files from https://www.microsoft.com/en-us/download/details.aspx?id=12905 are installed because the mapi header files are not bundled with visual studio 2013/2015 (windows sdk 8.1/10).
... try asking in mozilla.dev.builds - include details of what is in your mozconfig, and what the actual error is.
Simple Thunderbird build
windows build prerequisites gnu/linux build prerequisites macos build prerequisites mapi headers on windows: check that the mapi header files from https://www.microsoft.com/en-us/download/details.aspx?id=12905 are installed because the mapi header files (except mapi.h) are not bundled with visual studio 2017 (windows sdk 10).
... try asking in mozilla.dev.builds - include details of what is in your mozconfig, and what the actual error is.
ESLint
vcs hooks hooks are available for mercurial & git, see using a vcs hook for more details.
... more information: outline details of the rules rule source code common issues and how to solve them my editor says that "mozilla/whatever" is unknown run ./mach eslint --setup restart your editor if that doesn't work, check that you have your editor pointing to the correct node_modules folder.
Eclipse CDT Manual Setup
before you proceed any further, check that your changes to eclipse's memory limits have taken effect and are present in eclipse/help > about eclipse > installation details > configuration.
... to avoid confusion in this and the following sections, note that "workspace preferences" and "project properties" are different things (we'll get to the details below).
Displaying Places information using views
see menu view for details.
...custom nsitreeviews in general are a lot of work, and if you are not familiar with creating custom nsitreeviews, see the custom tree views and tree view details pages in the xul tutorial.
Performance best practices for Firefox front-end engineers
see the nsithreadmanager.idl file for more details.
...these gpu-accelerated animations occur off of the main thread, and have a much higher probability of running at 60 fps (see the section below called use the compositor for animations for further details).
Firefox
developer guide our developer guide provides details on how to get and compile the firefox source code, how to find your way around, and how to contribute to the project.
...you can find details about profiles on mozilla's end-user support site.performance best practices for firefox front-end engineersthis guide will help firefox developers working on front-end code produce code which is as performant as possible—not just on its own, but in terms of its impact on other parts of firefox.
HTMLIFrameElement.clearMatch()
invoking this method results in a mozbrowserfindchange event firing, which carries details about the search results.
...see using the browser api for more details.
HTMLIFrameElement.findAll()
invoking this method results in a mozbrowserfindchange event firing, which carries details about the search results.
...see using the browser api for more details.
HTMLIFrameElement.findNext()
invoking this method results in a mozbrowserfindchange event firing, which carries details about the search results.
...see using the browser api for more details.
mozbrowseraudioplaybackchange
details read only boolean indicates whether audio is playing in the browser.
... examples var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowseraudioplaybackchange", function(event) { console.log(event.details); }); related events mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowseropenwindow mozbrowsersecuritychange mozbrowsertitlechange mozbrowserusernameandpasswordrequired ...
mozbrowserusernameandpasswordrequired
details read only object a custom object.
... details the details property returns an anonymous javascript object with the following members: host a domstring representing the host requesting the http authentification.
ChromeWorker
see using workers in javascript code modules for details.
... see using web workers for examples and details.
CSS <display-xul> component
see this firefox site compatibility post for more details.
...see this firefox site compatibility post for more details.
IPDL Tutorial
this generated code manages the details of the underlying communication layer (sockets and pipes), constructing and sending messages, ensuring that all actors adhere to their specifications, and handling many error conditions.
...see ipdl processes and threads for more details.
Downloads.jsm
when you catch an exception during a download, you can use this to verify if ex instanceof downloads.error, before reading the exception properties with the error details.
...you may see the documentation of the new methods and properties for details.
OS.File.Error
for more details, you may compare it with the error constants of os.constants.libc.e*.
...for more details, you may compare it with the error constants of os.constants.win.error_*.
OS.File for the main thread
this page details how to use file i/o from the main thread.
... see the promise object documentation for details.
PopupNotifications.jsm
see notification actions below for details.
...see notification options below for details.
Promise.jsm
see the documentation of the then method for details.
...see the deferred documentation for details.
Localization content best practices
it's important to consider this when adding strings, and especially localization comments for strings that contain references, or obscure technical details.
...see bug 658191 for more details.
Localizing with Pontoon
more details are available in the popup.
... translation panel with original string and its details (e.g.
Release phase
once attached, open the attachment details.
... in the attachment details, select the ?
Mozilla MathML Status
if only the main features of an element are implemented then its section is marked as supported but details of unsupported attributes are specified below.
... original document information author(s): frédéric wang other contributors: copyright information: portions of this content are © 2010 by individual mozilla.org contributors; content available under a creative commons license | details.
Mozilla Port Blocking
for details on which ports are blocked and how to override the blocking see below.
... more information nsioservice.cpp gbadportlist bug 83401 vulnerability note vu#476267 dougt@netscape.com original document information author(s): doug turner last updated date: august 15, 2007 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
GC and CC logs
see the statistics api page for details on values.
...to find the cc logs once the try run has finished, click on the particular job, then click on "job details" in the bottom pane in treeherder, and you should see download links.
Memory reporting
see the nsimemoryreporter documentation and nsimemoryreporter.idl for full details.
...see below for more details.
Refcount tracing and balancing
note that setting xpcom_mem_log_classes will also list the serial number of each object that leaked in the "bloat log" (that is, the file specified by the xpcom_mem_bloat_log variable; see the bloatview documentation for more details).
...for more details, see the old documentation (which should probably be incorporated here).
about:memory
note that in both cases the generated data contains privacy-sensitive details such as the full list of the web pages you have open in other tabs.
... heap-unclassified ├───22.51 mb (11.73%) ++ heap-overhead ├────6.62 mb (03.45%) ++ images ├────5.82 mb (03.03%) ++ workers/workers(chrome) ├────5.36 mb (02.80%) ++ (16 tiny) ├────4.07 mb (02.12%) ++ storage ├────2.74 mb (01.43%) ++ startup-cache └────2.16 mb (01.12%) ++ xpconnect some expertise is required to understand the full details here, but there are various things worth pointing out.
Patches and pushes
once attached and labeled as a patch, open the attachment details.
... in the attachment details, select the ?
McCoy
mccoy uses xulrunner which is bound to break, for details see this post.
... if you want to learn about the technical details of mccoy then visit the project wiki.
An overview of NSS Internals
a certificate contains lots of other details; for example, it contains a signature by a third party that expresses trust in the ownership relationship for the certificate.
...you can find more details in the nspr reference documents.
NSS 3.12.5 release_notes
(see ssl.h) error codes: ssl_error_decompression_failure (see sslerr.h) ssl_error_renegotiation_not_allowed (see sslerr.h) new context initialization and shutdown functions see nss.h for details.
... see the following struct in nss.h for details: nssinitparametersstr other new functions in secmod.h: secmod_getskipfirstflag secmod_getdefaultmoddbflag in prlink.h nss_securememcmp port_loadlibraryfromorigin modified functions sgn_update (see cryptohi.h) the parameter "input" of this function is changed from unsigned char * to const unsigned char *.
NSS 3.46 release notes
see bug 1573118 for details.
... see bug 1575411 for details.
NSS 3.47 release notes
see bug 1573118 for details.
... see bug 1575411 for details.
NSS 3.55 release notes
see bug 1649633 for more details.
...see bug 1647752 for details.
Overview of NSS
for details, see network security services for java.
... for complete details, see encryption technologies.
NSS tools : modutil
this is covered in the jar installation file section in the man page, which details the special script needed to perform an installation through a server or with modutil.
...nss internal pkcs #11 module slots: 2 slots attached status: loaded slot: nss internal cryptographic services token: nss generic crypto services slot: nss user private key and certificate services token: nss certificate db ----------------------------------------------------------- passing a specific module name with the -list returns details information about the module itself, like supported cipher mechanisms, version numbers, serial numbers, and other information about the module and the token it is loaded on.
sslcrt.html
some of the pk11 functions require a pin argument (see ssl_setpkcs11pinarg for details), which must be specified in the wincx parameter.
...some of the pk11 functions require a pin argument (see ssl_setpkcs11pinarg for details), which must be specified in the wincx parameter.
NSS tools : modutil
MozillaProjectsNSStoolsmodutil
this is covered in the jar installation file section in the man page, which details the special script needed to perform an installation through a server or with modutil.
...ss internal pkcs #11 module slots: 2 slots attached status: loaded slot: nss internal cryptographic services token: nss generic crypto services slot: nss user private key and certificate services token: nss certificate db ----------------------------------------------------------- passing a specific module name with the -list returns details information about the module itself, like supported cipher mechanisms, version numbers, serial numbers, and other information about the module and the token it is loaded on.
Network Security Services
if you're a developer and would like to contribute to nss, you might want to read the documents highlevel overview of internal details of nss and getting started with nss.
... tools, testing, and other technical details build instructions for nss describe how to check out and build nss releases.
The Necko HTTP module
http cache (v2) describes in detail the api and the implementation details of the content (http, but not only) cache.
... original document information last updated date: may 12, 2003 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details ...
Multithreading in Necko
however, the details of the implementation are heavily platform dependent.
... original document information author(s): darin fisher last updated date: december 10, 2001 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Proxies in Necko
to be written xxx missing paragraphs are about pac, and more details about http proxying, and maybe some more details about socks proxies.
... original document information author(s): christian biesinger last updated date: april 8, 2005 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Creating JavaScript tests
see running automated javascript tests for details.
...ask a spidermonkey peer for details.
JSAPI User Guide
for more details, see the jsapi reference.
... see spidermonkey garbage collection internals for more details.
JSObjectOps.defaultValue
details of the api may change from one release to the next.
...see bug 408416 for details.
JSObjectOps.defineProperty
details of the api may change from one release to the next.
...see bug 408416 for details.
JSObjectOps.destroyObjectMap
details of the api may change from one release to the next.
...see bug 408416 for details.
JSObjectOps.dropProperty
details of the api may change from one release to the next.
...see bug 408416 for details.
JSObjectOps.enumerate
details of the api may change from one release to the next.
...see bug 408416 for details.
JSObjectOps.getAttributes
details of the api may change from one release to the next.
...see bug 408416 for details.
JSObjectOps.getProperty
details of the api may change from one release to the next.
...see bug 408416 for details.
JSObjectOps.getRequiredSlot
details of the api may change from one release to the next.
...see bug 408416 for details.
JSObjectOps.lookupProperty
details of the api may change from one release to the next.
...see bug 408416 for details.
JSObjectOps.newObjectMap
details of the api may change from one release to the next.
...see bug 408416 for details.
JSObjectOps.setProto
details of the api may change from one release to the next.
...see bug 408416 for details.
Property attributes
see js_defineproperty for details.
...see js_defineproperty for details.
Web Replay
see the sections below for details on how these affect the process' behavior.
... appendix: debugger details here is some more detailed information about how a recording/replaying process affects the debugger, and options for future improvements.
AT APIs Support
but in the meantime it more up-to-date and contains more details than existed analogues for at-spi and msaa this documentation explains how makers of screen readers, voice dictation packages, onscreen keyboards, magnification software and other assitive technologies can support gecko-based software.
... at apis implementation details refer to implementation details page to see how gecko supports interesting at api.
History Service Design
history views should allow to quickly find a page in a certain timeframe remembering only small details about it.
... history management: provides basic and advanced apis to store and modify visits and page details.
Aggregating the In-Memory Datasource
here are the gory details on how.
... technical details as before, have an nscomptr as your delegate, but this time around,don't derive from nsirdfdatasource.
Creating the Component Code
instead, the nsimodule can ask for implementation details about the xpcom object.
... the many faces of the xpcom component manager the three core component management interfaces, nsicomponentmanager, nsiservicemanager, and nsicomponentregistrar, are described below: nsicomponentmanager - creates objects and gets implementation details about objects nsiservicemanager - provides access to singleton objects and discovers singleton state nsicomponentregistrar - registers and unregisters factories and components; handles autoregistration and the discovery and enumeration of registered components.
Preface
sidebar sections are included to highlight technical details.
...details about downloading the sdk, building, and getting programmatic access to gecko components are provided in the appendix to this book, setting up the gecko sdk.
Mozilla internal string guide
see unicode conversion for more details and for better ways that don't require you to manage the memory yourself.
... original document information author: alec flett copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
IJSDebugger
see the javascript debugger api guide for details.
...see the javascript debugger api guide for details on using the debugger api.
nsIComponentManager
a "bootstrapped" chrome manifest supports some of the instructions allowed in a regular chrome manifest, see the chrome registration documentation for details.
... see addbootstrappedmanifestlocation() for details.
nsIContentView
1.0 66 introduced gecko 2.0 inherits from: nsisupports last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) see working with content views for details on how to use this api.
...support for using this api for all scrollable elements is coming; see bug 618975 for details.
nsIDownloadProgressListener
see nsiwebprogresslistener.onstatechange() for details.
...see nsiwebprogresslistener.onstatechange() for details.
nsIFile
details depend on your file system and how its permissions work.
...see bug 129279 for details.
nsIFrameLoader
see nsidomwindowutils.sendkeyevent() for details; this method is its equivalent for cross-process event handling.
...see nsidomwindowutils.sendmouseevent() for details; this method is its equivalent for cross-process event handling.
nsIInputStream
see nswritesegmentfun for more details on this function.
...see bug 124465 for details.
nsIMessageListenerManager
see nsimessagelistener for details of the message syntax.
...see nsimessagelistener for details of the message syntax.
nsIOutputStream
see nsreadsegmentfun for more details on this function.
...see bug 124465 for details.
nsITextInputProcessor
see the document of nsitextinputprocessorcallback for the details.
...see the document of nsitextinputprocessorcallback for the details.
nsIWinTaskbar
see bug 744992 for details and to track progress on a fix.
...see xul application packaging for additional details.
nsIXPConnect
see above (aprincipal) for details.
...see is_wrapper_class in xpcprivate.h for details.
Storage
see its documentation for more details on each method.
...see mozistoragestatementwrapper for details.
wrappedJSObject
see how to build an xpcom component in javascript for details on creating one.
... nsixpcsecuritymanager allows access (see the source code comments for details; this is usually not an issue for mozilla extensions and applications) this means that in order to access the js object implementing our component directly, we must modify the component.
Index
31 gloda indexing this page provides a big-picture summary of what the indexer does; please see the source for nitty-gritty details or if this page seems to be wrong.
...the window api will give you the complete details.
LDAP Support
see bug #119291 for more details.
... original document information author(s): scott macgregor copyright information: portions of this content are © 1998–2010 by individual mozilla.org contributors; content available under a creative commons license | details.
Mail and RDF
the details answering queries mail uses rdf resource factories to attach mail-specific information to rdf resources.
... (the details of rdf resource factories will be left to rdf documentation for now.) from an rdf resource, it is possible to queryinterface() to the appropriate mail/news object, and then access information from there.
Using js-ctypes
see declaring types for details.
...see apple's documentation for standardalert for details.
ABI
general details this article describes the calling conventions with respect to js-ctypes while programming x86 and x86-64/x64/amd64 architectures.
... http://en.wikipedia.org/wiki/application_binary_interface os specific windows https://msdn.microsoft.com/en-us/library/k2b2ssfy.aspx https://msdn.microsoft.com/en-us/library/9b372w95.aspx details with respect to js-ctypes this explains how to use it in the js-ctypes scope.
Debugger.Frame - Firefox Developer Tools
the “immediate caller” rule means that, when debuggee code calls a non-debuggee function, it looks like a call to a primitive: you see a frame for the non-debuggee function that was accessible to the debuggee, but any further calls that function makes are treated as internal details, and omitted from the stack trace.
... if given,options should be an object whose properties specify details of how the evaluation should occur.
Network Monitor - Firefox Developer Tools
the network monitor shows you all the network requests firefox makes (for example, when it loads a page, or due to xmlhttprequests), how long each request takes, and details of each request.
... ui overview the ui is divided into four main pieces: the main screen contains the toolbar, the network request list, and the network request details pane: the performance analysis view is a separate screen: working with the network monitor the following articles cover different aspects of using the network monitor: toolbar network request list network request details network traffic recording performance analysis throttling ...
CSS Flexbox Inspector: Examine Flexbox layouts - Firefox Developer Tools
once you select an element whose display is defined as flex, the panel will include a number of options for viewing details about the flex container and flex items within it.
... if you click on the item, the display shifts to show details about that element: this view shows information about the calculations for the size of the selected flex item: a diagram visualizing the sizing of the flex item content size - the size of the component without any restraints imposed on it by its parent flexibility - how much a flex item grew or shrunk based on its flex-grow value when there is extra free space or its flex-shrink value whe...
Call Tree - Firefox Developer Tools
by default, the call tree doesn't split platform data out into separate functions, because they add a great deal of noise, and the details are not likely to be useful to people not working on firefox.
... if you want to see the details, check "show gecko platform data" in the settings.
Waterfall - Firefox Developer Tools
see allocations and garbage collection for more details.
...see allocations and garbage collection for more details.
Shader Editor - Firefox Developer Tools
for details, see deprecated tools.
...for example, you can modify the colors: the editor highlights syntax errors in your code: if you hover over the cross shown next to a line containing an error, you'll see more details about the problem: ...
Storage Inspector - Firefox Developer Tools
add and refresh storage you'll also have buttons available to add a new storage entry or refresh the view of the currently viewed storage type where applicable (you can't add new entries to indexeddb or cache): sidebar when you select any row in the storage table widget, the sidebar is shown with details about that row.
... if a cookie is selected, it will list all the details about that cookie.
Web Audio Editor - Firefox Developer Tools
for details, see deprecated tools.
... in the pane that shows you the node's details, there's an on/off button: click it, and the graph will be modified to bypass this node, so it will no longer have any effect.
Web Console remoting - Firefox Developer Tools
the client can request further network event details - like response body or request headers.
... the getrequestheaders and other packets to get more details about a network event you can use the following packet requests (and replies).
BasicCardRequest.supportedNetworks - Web APIs
var supportedinstruments = [{ supportedmethods: 'basic-card', data: { supportednetworks: ['visa', 'mastercard', 'amex', 'jcb', 'diners', 'discover', 'mir', 'unionpay'], supportedtypes: ['credit', 'debit'] } }]; var details = { ...
...}; var request = new paymentrequest(supportedinstruments, details, options); specifications specification status comment basic card paymentthe definition of 'supportednetworks' in that specification.
BasicCardRequest.supportedTypes - Web APIs
var supportedinstruments = [{ supportedmethods: 'basic-card', data: { supportednetworks: ['visa', 'mastercard', 'amex', 'jcb', 'diners', 'discover', 'mir', 'unionpay'], supportedtypes: ['credit', 'debit'] } }]; var details = { ...
...}; var request = new paymentrequest(supportedinstruments, details, options); ...
DOMMatrixReadOnly - Web APIs
see the matrix() css function for details on this syntax.
...see the css matrix3d() function for details on the 3d notation's syntax.
DeprecationReportBody - Web APIs
orts(reports); }, options); we then tell it to start observing reports using reportingobserver.observe(); this tells the observer to start collecting reports in its report queue, and runs the callback function specified inside the constructor: observer.observe(); because of the event handler we set up inside the reportingobserver() constructor, we can now click the button to display the report details.
... the report details are displayed via the displayreports() fuction, which takes the observer callback's reports parameter as its parameter: function displayreports(reports) { const outputelem = document.queryselector('.output'); const list = document.createelement('ul'); outputelem.appendchild(list); for(let i = 0; i < reports.length; i++) { let listitem = document.createelement('li'); let textnode = document.createtextnode('report ' + (i + 1) + ', type: ' + reports[i].type); listitem.appendchild(textnode); let innerlist = document.createelement('ul'); listitem.appendchild(innerlist); list.appendchild(listitem); for (let key in reports[i].body) { let innerlistitem = document.createelement('li'); let keyvalue = reports[i].body[key]; inner...
Document.execCommand() - Web APIs
check the compatibility table for usage details.
...see differences in markup generation for more details.
Document.getElementsByTagNameNS() - Web APIs
see bug 14869 for details.
...see the note in browser compatibility section in element.getelementsbytagnamens for details.
File and Directory Entries API - Web APIs
check the browser compatibility section for details.
...check the browser compatibility for any part of the api you use carefully, and see file and directory entries api support in firefox for more details.
Fullscreen API - Web APIs
see the article guide to the fullscreen api for details on how to use the api.
...see the browser compatibility section below for details on support for this api.
GeolocationPositionError.message - Web APIs
the geolocationpositionerror.message read-only property returns a human-readable domstring describing the details of the error.
... syntax let msg = geolocationpositionerrorinstance.message value a human-readable domstring describing the details of the error.
HTMLDialogElement.returnValue - Web APIs
p><label>favorite animal: <select name="favanimal" required> <option></option> <option>brine shrimp</option> <option>red panda</option> <option>spider monkey</option> </select> </label></p> <menu> <button>cancel</button> <button>confirm</button> </menu> </form> </dialog> <menu> <button id="updatedetails">update details</button> </menu> <script> (function() { var updatebutton = document.getelementbyid('updatedetails'); var dialog = document.getelementbyid('favdialog'); dialog.returnvalue = 'favanimal'; function opencheck(dialog) { if (dialog.open) { console.log('dialog open'); } else { console.log('dialog closed'); } ...
... } function handleuserinput(returnvalue) { if (returnvalue === 'cancel' || returnvalue == null) { // user canceled the dialog, do nothing } else if (returnvalue === 'confirm') { // user chose a favorite animal, do something with it } } // “update details” button opens the <dialog> modally updatebutton.addeventlistener('click', function() { dialog.showmodal(); opencheck(dialog); handleuserinput(dialog.returnvalue); }); })(); </script> note: you can find this example on github as htmldialogelement-basic (see it live also).
HTMLScriptElement - Web APIs
note: the exact processing details for these attributes are complex, involving many different aspects of html, and therefore are scattered throughout the specification.
...for more details, see the defer and async properties.
Key Values - Web APIs
see firefox bug bug 900750 and chrome bug 25503 for further details.
...(see chrome bug 612749 for details.) [2] in internet explorer (tested on release 9 and 11) and firefox 36 and earlier, the esc key returns "esc" instead of "escape".
MutationObserverInit - Web APIs
attributeoldvalue optional set to true to record the previous value of any attribute that changes when monitoring the node or nodes for attribute changes; see monitoring attribute values in mutationobserver for details on watching for attribute changes and value recording.
...for details and an example, see monitoring text content changes in mutationobserver.
Navigator.getBattery() - Web APIs
this implements the battery status api; see that documentation for additional details, a guide to using the api, and sample code.
... let batteryischarging = false; navigator.getbattery().then(function(battery) { batteryischarging = battery.charging; battery.addeventlistener('chargingchange', function() { batteryischarging = battery.charging; }); }); for more examples and details, see battery status api.
Node.baseURI - Web APIs
WebAPINodebaseURI
details the base url of a document the base url of a document defaults to the document's address (as displayed by the browser and available in window.location), but it can be changed: when an html <base> tag is found in the document when the document is new (created dynamically) see the base urls section of the html living standard for details.
...see xml:base for details.
Page Visibility API - Web APIs
see reasons for delays longer than specified for more details.
...this operates in a similar way across modern browsers, with the details being as follows: in firefox, windows in background tabs each have their own time budget in milliseconds — a max and a min value of +50 ms and -150 ms, respectively.
PayerErrors - Web APIs
the payererrors dictionary is used by the payment request api to indicate the presence of—and to explain how to correct—validation errors in the payer details.
... the payer details include the payer's name, phone number, and email address.
PaymentMethodChangeEvent.methodName - Web APIs
request.onpaymentmethodchange = function(ev) { const { type: cardtype } = ev.methoddetails; const newstuff = {}; if (ev.methodname === "https://apple.com/apple-pay") { switch (cardtype) { case "visa": // do apple pay specific handling for visa card...
... // methoddetails contains the card information const result = calculatediscount(ev.methoddetails); object.assign(newstuff, result); break; } } // finally...
PaymentRequest.canMakePayment() - Web APIs
async function initpaymentrquest() { const details = { total: { label: "total", amount: { currency: "usd", value: "0.00", }, }, }; const supportsapplepay = new paymentrequest( [{ supportedmethods: "https://apple.com/apple-pay" }], details ).canmakepayment(); // supports apple pay?
...let's see if we can use basic card const supportsbasiccard = await new paymentrequest( [{ supportedmethods: "basic-card" }], details ).canmakepayment(); if (supportsbasiccard) { // show basic card support return; } // otherwise, make payments using html form element } specifications specification status comment payment request apithe definition of 'canmakepayment()' in that specification.
PaymentRequest.prototype.id - Web APIs
WebAPIPaymentRequestid
when constructing an instance of the paymentrequest, you are able to supply an custom id via paymentdetailsinit dictionary's id member.
... const details = { id: "super-store-order-123-12312", total: { label: "total due", amount: { currency: "usd", value: "65.00" }, }, }; const request = new paymentrequest(methoddata, details); console.log(request.id); // super-store-order-123-12312 the id is then also available in the paymentresponse returned from the show() method, but under the requestid attribute.
PaymentRequest.onpaymentmethodchange - Web APIs
examples an example payment method change handler is shown below; this example handles changes made to the payment method when using apple pay, specifically: request.onpaymentmethodchange = ev => { const { type: cardtype } = ev.methoddetails; const newstuff = {}; if (ev.methodname === "https://apple.com/apple-pay") { switch (cardtype) { case "store": // do apple pay specific handling for store card...
... // methoddetails contains the store card information const result = calculatediscount(ev.methoddetails); object.assign(newstuff, result); break; } } // finally...
PaymentRequestEvent.modifiers - Web APIs
the modifiers read-only property of the paymentrequestevent interface returns an array of objects containing changes to payment details.
... syntax var modifiers[] = paymentdetailsevent.modifiers value an array of modifier objects.
PaymentResponse.complete() - Web APIs
see the browser compatibility section below for details.
...var payment = new paymentrequest(supportedinstruments, details, options); payment.show().then(function(paymentresponse) { var fetchoptions = { method: 'post', credentials: include, body: json.stringify(paymentresponse) }; var serverpaymentrequest = new request('secure/payment/endpoint'); fetch(serverpaymentrequest, fetchoptions).then( response => { if (response.status < 400) { paymentresponse.complete("success"); } else { ...
PaymentResponse - Web APIs
properties paymentresponse.details read only secure context returns a json-serializable object that provides a payment method specific message used by the merchant to process the transaction and determine successful fund transfer.
...this is the same value supplied in the paymentrequest() constructor by details.id.
PromiseRejectionEvent - Web APIs
for details on promise rejection events, see promise rejection events in using promises.
...="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">promiserejectionevent</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constructor promiserejectionevent() creates a promiserejectionevent event, given the type of event (unhandledrejection or rejectionhandled) and other details.
PushManager.subscribe() - Web APIs
it returns a promise that resolves to a pushsubscription object containing details of a push subscription.
...ure that you can subscribe for push navigator.serviceworker.ready.then( function(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.
PushRegistrationManager - Web APIs
methods pushregistrationmanager.register() returns a promise that resolves to a pushregistration with details of a new registration.
... pushregistrationmanager.unregister() returns a promise that resolves to a pushregistration with details of the unregistered registration.
RTCDataChannel: error event - Web APIs
bubbles yes cancelable no interface rtcerrorevent event handler property onerror the rtcerrorevent object provides details about the error that occurred; see that article for details.
...ed 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 the domexception interface.
RTCErrorEvent.error - Web APIs
the read-only rtcerrorevent property error contains an rtcerror object describing the details of the error which the event is announcing.
... syntax let errorinfo = rtcerrorevent.error; value an rtcerror object whose properties provide details about the error which has occurred in the context of a webrtc operation.
RTCIceCandidatePairStats - Web APIs
see rfc 5245, section 7.1.3.2.4 for details.
...check the compatibility table for details on which browsers support them and in which versions.
RTCPeerConnection.setRemoteDescription() - Web APIs
see pending and current descriptions in webrtc connectivity for more details on this process.
...this code is derived from the example and tutorial in the article signaling and video calling; take a look at that for more details and a more in-depth explanation of what's going on.
Report - Web APIs
WebAPIReport
orts(reports); }, options); we then tell it to start observing reports using reportingobserver.observe(); this tells the observer to start collecting reports in its report queue, and runs the callback function specified inside the constructor: observer.observe(); because of the event handler we set up inside the reportingobserver() constructor, we can now click the button to display the report details.
... the report details are displayed via the displayreports() fuction, which takes the observer callback's reports parameter as its parameter: function displayreports(reports) { const outputelem = document.queryselector('.output'); const list = document.createelement('ul'); outputelem.appendchild(list); for(let i = 0; i < reports.length; i++) { let listitem = document.createelement('li'); let textnode = document.createtextnode('report ' + (i + 1) + ', type: ' + reports[i].type); listitem.appendchild(textnode); let innerlist = document.createelement('ul'); listitem.appendchild(innerlist); list.appendchild(listitem); for (let key in reports[i].body) { let innerlistitem = document.createelement('li'); let keyvalue = reports[i].body[key]; inner...
Reporting API - Web APIs
the report-to http header is used to specify details about the different endpoints that a user-agent has available to it for delivering reports to.
...mediadevices.getusermedia(): if(navigator.mozgetusermedia) { navigator.mozgetusermedia( constraints, success, failure); } else { navigator.getusermedia( constraints, success, failure); } this causes a deprecation report to be generated; because of the event handler we set up inside the reportingobserver() constructor, we can now click the button to display the report details.
Selection - Web APIs
WebAPISelection
this is an alias for removeallranges() — see selection.removeallranges() for more details.
...this is an alias for collapse() — see selection.collapse() for more details.
StorageEstimate - Web APIs
see the individual property pages for details.
... usagedetails secure context a dictionary containing a breakdown of usage by storage system.
Storage Access API - Web APIs
see document.requeststorageaccess() for more details.
...you can currently find specification details of the api at apple's introducing storage access api blog post, and whatwg html issue 3338 — proposal: storage access api.
Streams API - Web APIs
note: you can find a lot more details about the theory and practice of streams in our articles — streams api concepts, using readable streams, and using writable streams.
... bytestream-related interfaces important: these are not implemented anywhere as yet, and questions have been raised as to whether the spec details are in a finished enough state for them to be implemented.
Supporting both TouchEvent and MouseEvent - Web APIs
below are some details about the interaction and the ramifications for application developers.
... event firing the touch events standard defines a few browser requirements regarding touch and mouse interaction (see the interaction with mouse events and click section for details), noting the browser may fire both touch events and mouse events in response to the same user input.
A basic 2D WebGL animation example - Web APIs
let gl = null; let glcanvas = null; // aspect ratio and coordinate system // details let aspectratio; let currentrotation = [0, 1]; let currentscale = [1.0, 1.0]; // vertex information let vertexarray; let vertexbuffer; let vertexnumcomponents; let vertexcount; // rendering data shared with the // scalers.
...the actual error details are obtained by calling gl.getshaderinfolog().
Data in WebGL - Web APIs
WebAPIWebGL APIData
they're used to provide values that will be the same for everything drawn in the frame, such as lighting positions and magnitudes, global transformation and perspective details, and so forth.
... <<add details>> buffers <<add information>> textures <<add information>> ...
Using textures in WebGL - Web APIs
see cross-domain textures below for details.
...see http access control for details on cors.
WebGL best practices - Web APIs
this page tackles recommendations across the spectrum of expertise, and not only highlights dos and don'ts, but also details why.
... width: dev_size[0].inlinesize, height: dev_size[0].blocksize, }; fn_resolve(ret); observer.disconnect(); return; } throw 'device-pixel-content-box not observed for elem ' + elem; }); observer.observe(elem, {box: 'device-pixel-content-box'}); }); }; please refer to the specification for more details.
WebRTC connectivity - Web APIs
this information is exchanged and stored using session description protocol (sdp); if you want details on the format of sdp data, you can find it in rfc 2327.
...this is known as an ice candidate and details the available methods the peer is able to communicate (directly or through a turn server).
Signaling and video calling - Web APIs
your workflow may also demand login/authentication functionality, but such details will vary.
...see receiving new streams for details.
WebRTC API - Web APIs
more details and links to relevant guides and tutorials needed webrtc reference because webrtc provides interfaces that work together to accomplish a variety of tasks, we have divided up the reference by category.
...details about using webrtc statistics can be found in webrtc statistics api.
Starting up and shutting down a WebXR session - Web APIs
on operational details obviously, this was a just an example.
... for more common causes of reference space resets and more details and sample code, see the documentation for the reset event.
Window.open() - Web APIs
WebAPIWindowopen
see rel="noopener" for more information and for browser compatibility details, including information about ancillary effects.
...see rel="noreferrer" for additional details and compatibility information.
WindowOrWorkerGlobalScope.setInterval() - Web APIs
see delay restrictions below for details on the permitted range of delay values.
...it also offers an alternative way to pass the this object to the callback function (see the "this" problem for details).
XRInputSource - Web APIs
read on in the main article on gripspace for more details on how to use this space.
... for more details on the input source's coordinate system, see the article that covers the gripspace property in detail.
ARIA: Mark role - Accessibility
<p>the last half of the song is a slow-rising crescendo that peaks at the <span role="mark" aria-details="thread-1">end of the guitar solo</span>, before fading away sharply.</p> <div role="comment" id="thread-1" data-author="chris"> <h3>chris said</h3> <p class="comment-text">i really think this moment could use more cowbell.</p> <p><time datetime="2019-03-30t19:29">march 30 2019, 19:29</time></p> </div> the related comment is marked up using an html structure wrapped with a <div> containin...
... to associate the comment with the text being commented, we need to wrap the commented text with an element containing the aria-details attribute, the value of which should be the id of the comment.
ARIA: dialog role - Accessibility
<div role="dialog" aria-labelledby="dialog1title" aria-describedby="dialog1desc"> <h2 id="dialog1title">your personal details were successfully updated</h2> <p id="dialog1desc">you can change your details at any time in the user account section.</p> <button>close</button> </div> description marking up a dialog element with the dialog role helps assistive technology identify the dialog's content as being grouped and separated from the rest of the page content.
...this approach is shown in the code snippet below: <div role="dialog" aria-labelledby="dialog1title" aria-describedby="dialog1desc"> <h2 id="dialog1title">your personal details were successfully updated</h2> <p id="dialog1desc">you can change your details at any time in the user account section.</p> <button>close</button> </div> keep in mind that a dialog's title and description text do not have to be focusable in order to be perceived by screen readers operating in a non-virtual mode.
Architecture - Accessibility
the following magic offsets are useful to define in your code: #define char_offset_end_of_line = -1 #define char_offset_caret = -2 more information many more details on the mozilla document hierarchy are in the original design document for newatk.
... there are also details on the general implementation of mozilla accessibility architecture (needs updating).
Web accessibility for seizures and physical reactions - Accessibility
see the mdn document, "accessibility: what users can to to browse more safely" to see more details of how a user accesses the controls.
...abilitynet's factsheet (november 2015) computers and epilepsy (pdf) describes more of the details on refresh rates.
Box alignment in grid layout - CSS: Cascading Style Sheets
the box alignment specification details how alignment works in various layout methods.
... as this page aims to detail things which are specific to css grid layout and box alignment, it should be read in conjunction with the main box alignment page which details the common features of box alignment across layout methods.
Box alignment in Flexbox - CSS: Cascading Style Sheets
the box alignment specification details how alignment works in various layout methods; on this page, we explore how box alignment works in the context of flexbox.
... as this page aims to detail things which are specific to flexbox and box alignment, it should be read in conjunction with the main box alignment page which details the common features of box alignment across layout methods.
Box alignment in Multi-column Layout - CSS: Cascading Style Sheets
the box alignment specification details how alignment works in various layout methods; on this page we explore how box alignment works in the context of multi-column layout.
... as this page aims to detail things which are specific to multi-column layout and box alignment, it should be read in conjunction with the main box alignment page which details the common features of box alignment across layout methods.
CSS grids, logical values, and writing modes - CSS: Cascading Style Sheets
this spec details how we can use these different writing modes in css, not just for the support of languages that have a different writing mode to english, but also for creative purposes.
...again, for full details of these see jen’s article.
CSS Grid Layout and Progressive Enhancement - CSS: Cascading Style Sheets
the css grid layout specification details why we can overwrite the behavior of certain properties when something becomes a grid item.
...nothing that i am describing here should be seen as a "hack", we are taking advantage of the fact that the grid specification details the interaction between different layout methods.
Logical properties for floating and positioning - CSS: Cascading Style Sheets
mapped properties and values the table below details the properties and values discussed in this guide along with their physical mappings.
...look to the browser compatibility data section on each property page reference for more details.
Visual formatting model - CSS: Cascading Style Sheets
in this document we define the model and introduce some of the related terms and concepts, linking to more specific pages on mdn for further details.
...note however that block boxes, block-level boxes and box containers are all subtly different; see the block boxes section below for more details.
column-rule - CSS: Cascading Style Sheets
see border-width for details.
... <'column-rule-style'> see border-style for possible values and details.
<display-box> - CSS: Cascading Style Sheets
see appendix b: effects of display: contents on unusual elements for more details.
...see the accessibility concerns section below for more details.
list-style-type - CSS: Cascading Style Sheets
一萬一千一百一十一 upper-armenian * example disclosure-open symbol indicating that a disclosure widget such as <details> is opened.
... disclosure-closed symbol indicating that a disclosure widget, like <details> is closed.
Guide to scroll anchoring - CSS: Cascading Style Sheets
to opt out the entire document, you can set it on the <body> element: body { overflow-anchor: none; } to opt out a certain part of the document use overflow-anchor: none on its container element: .container { overflow-anchor: none; } note: the specification details that once scroll anchoring has been opted out of, you cannot opt back into it from a child element.
... suppression triggers the specification also details some suppression triggers, which will disable scroll anchoring in places where it might be problematic.
Cross-browser audio basics - Developer guides
see the autoplay guide for media and web audio apis for details.
... ✓ ✓ ✓ ✓ safari ios3+ ✓ ✓ ✓ *4.2+ chrome mobile ✓ ✓ ✓ ✓ opera mobile ✓ ✓ ✓ ✓ internet explorer mobile ✓ ✓ ✓ ✓ android 2.3+ ✓ ✓ ✓ ✓ note: we are at the stage where nearly all browsers support mp3 — for more details visit this page on media format browser compatibility.
DOM onevent handlers - Developer guides
for more details, see the this keyword documentation.
...the specific handling of the return value depends on the kind of event; for details, see "the event handler processing algorithm" in the html specification.
Date and time formats used in HTML - HTML: Hypertext Markup Language
example html date and time strings string date and/or time 2005-06-07 june 7, 2005 [details] 08:45 8:45 am [details] 08:45:25 8:45 am and 25 seconds [details] 0033-08-04t03:40 3:40 am on august 4, 33 [details] 1977-04-01t14:00:30 30 seconds after 2:00 pm on april 1, 1977 [details] 1901-01-01t00:00z midnight utc on january 1, 1901 [details] 1901-01-01t00:00:01-04:00 1 second past midnight eastern stand...
...ard time (est) on january 1, 1901 [details] basics before looking at the various formats of date and time related strings used by html elements, it is helpful to understand a few fundamental facts about the way they're defined.
<a>: The Anchor element - HTML: Hypertext Markup Language
WebHTMLElementa
linking to an email address to create links that open in the user's email program to let them send a new message, use the mailto: scheme: <a href="mailto:nowhere@mozilla.org">send email to nowhere</a> for details about mailto: urls, such as including a subject or body, see email links or rfc 6068.
... see rfc 3966 for syntax, additional features, and other details about the tel: url scheme.
<dialog>: The Dialog element - HTML: Hypertext Markup Language
WebHTMLElementdialog
examples simple example <dialog open> <p>greetings, one and all!</p> </dialog> advanced example this example opens a pop-up dialog box that contains a form, when the "update details" button is clicked.
...g"> <p><label>favorite animal: <select> <option></option> <option>brine shrimp</option> <option>red panda</option> <option>spider monkey</option> </select> </label></p> <menu> <button value="cancel">cancel</button> <button id="confirmbtn" value="default">confirm</button> </menu> </form> </dialog> <menu> <button id="updatedetails">update details</button> </menu> <output aria-live="polite"></output> javascript var updatebutton = document.getelementbyid('updatedetails'); var favdialog = document.getelementbyid('favdialog'); var outputbox = document.queryselector('output'); var selectel = document.queryselector('select'); var confirmbtn = document.getelementbyid('confirmbtn'); // "update details" button opens the <dialo...
<input type="search"> - HTML: Hypertext Markup Language
WebHTMLElementinputsearch
searchterms = mysearch.value; if no validation constraints are in place for the input (see validation for more details), the value can be any text string or an empty string ("").
... see the section specifying a pattern for details and an example.
<input type="submit"> - HTML: Hypertext Markup Language
WebHTMLElementinputsubmit
where and how the data is submitted depends on the configuration of the <form>; see sending form data for more details.
...see accesskey for further details.
<input type="tel"> - HTML: Hypertext Markup Language
WebHTMLElementinputtel
see pattern validation below for details and an example.
...see validation, below, for details.
<input type="text"> - HTML: Hypertext Markup Language
WebHTMLElementinputtext
let thetext = mytextinput.value; if no validation constraints are in place for the input (see validation for more details), the value may be an empty string ("").
... see specifying a pattern for further details and an example.
<input type="url"> - HTML: Hypertext Markup Language
WebHTMLElementinputurl
see validation for details on how urls are validated to ensure that they're formatted properly.
... see the section pattern validation for details and an example.
<slot> - HTML: Hypertext Markup Language
WebHTMLElementslot
examples <template id="element-details-template"> <style> details {font-family: "open sans light", helvetica, arial, sans-serif } .name {font-weight: bold; color: #217ac0; font-size: 120% } h4 { margin: 10px 0 -8px 0; background: #217ac0; color: white; padding: 2px 6px; border: 1px solid #cee9f9; border-radius: 4px; } .attributes { margin-left: 22px; font-size: 90% } .attri...
...butes p { margin-left: 16px; font-style: italic } </style> <details> <summary> <code class="name">&lt;<slot name="element-name">need name</slot>&gt;</code> <i class="desc"><slot name="description">need description</slot></i> </summary> <div class="attributes"> <h4>attributes</h4> <slot name="attributes"><p>none</p></slot> </div> </details> <hr> </template> note: you can see this complete example in action at element-details (see it running live).
<source>: The Media or Image Source element - HTML: Hypertext Markup Language
WebHTMLElementsource
for details on the video and audio media types, you can use, see the guide to media types formats used on the web.
...be sure to reference our guide to media types and formats on the web for details on what media file formats you can use and how well they're supported by browsers.
<video>: The Video Embed element - HTML: Hypertext Markup Language
WebHTMLElementvideo
see creating a cross-browser video player for more details.
...hosted by archive.org --> <!-- poster from peach.blender.org --> <video controls src="https://archive.org/download/bigbuckbunny_124/content/big_buck_bunny_720p_surround.mp4" poster="https://peach.blender.org/wp-content/uploads/title_anouncement.jpg?x11217" width="620"> sorry, your browser doesn't support embedded videos, but don't worry, you can <a href="https://archive.org/details/bigbuckbunny_124">download it</a> and watch it with your favorite video player!
HTML elements reference - HTML: Hypertext Markup Language
WebHTMLElement
element description <details> the html details element (<details>) creates a disclosure widget in which information is visible only when the widget is toggled into an "open" state.
... <summary> the html disclosure summary element (<summary>) element specifies a summary, caption, or legend for a <details> element's disclosure box.
Preloading content with rel="preload" - HTML: Hypertext Markup Language
see link prefetching faq for more details.
... candidate recommendation further details of preload.
HTML: Hypertext Markup Language
WebHTML
html markup includes special "elements" such as <head>, <title>, <body>, <header>, <footer>, <article>, <section>, <p>, <div>, <span>, <img>, <aside>, <audio>, <canvas>, <datalist>, <details>, <embed>, <nav>, <output>, <progress>, <video>, <ul>, <ol>, <li> and many others.
... html reference in our extensive html reference section, you'll find the details about every element and attribute in html.
Protocol upgrade mechanism - HTTP
this means that a typical request that includes upgrade would look something like: get /index.html http/1.1 host: www.example.com connection: upgrade upgrade: example/1, foo/2 other headers may be required depending on the requested protocol; for example, websocket upgrades allow additional headers to configure details about the websocket connection as well as to offer a degree of security in opening the connection.
... see upgrading to a websocket connection for more details.
Functions - JavaScript
see also the exhaustive reference chapter about javascript functions to get to know the details.
...you can simply put 1 as the default value for b in the function head: function multiply(a, b = 1) { return a * b; } multiply(5); // 5 for more details, see default parameters in the reference.
Introduction - JavaScript
once you have a firm grasp of the fundamentals, you can use the javascript reference to get more details on individual objects and statements.
... for more information on the differences between javascript and java, see the chapter details of the object model.
Keyed collections - JavaScript
one use case of weakmap objects is to store private data for an object, or to hide implementation details.
... the following example is from nick fitzgerald's blog post "hiding implementation details with ecmascript 6 weakmaps".
Working with objects - JavaScript
mycar.color; // undefined properties of javascript objects can also be accessed or set using a bracket notation (for more details see property accessors).
...see also method definitions for more details.
constructor - JavaScript
our class is a base class, the default constructor is empty: constructor() {} if your class is a derived class, the default constructor calls the parent constructor, passing along any arguments that were provided: constructor(...args) { super(...args); } that enables code like this to work: class validationerror extends error { printcustomermessage() { return `validation failed :-( (details: ${this.message})`; } } try { throw new validationerror("not a valid phone number"); } catch (error) { if (error instanceof validationerror) { console.log(error.name); // this is error instead of validationerror!
...for example: class validationerror extends error { constructor(message) { super(message); // call parent class constructor this.name = 'validationerror'; this.code = '42'; } printcustomermessage() { return `validation failed :-( (details: ${this.message}, code: ${this.code})`; } } try { throw new validationerror("not a valid phone number"); } catch (error) { if (error instanceof validationerror) { console.log(error.name); // now this is validationerror!
Date.prototype.toLocaleString() - JavaScript
see the intl.datetimeformat() constructor for details on these parameters and how to use them.
... for this reason, you cannot expect to be able to compare the results of tolocalestring() to a static value: "1/1/2019, 01:00:00" === new date("2019-01-01t01:00:00z").tolocalestring("en-us"); // true in firefox and others // false in ie and edge note: see also this stackoverflow thread for more details and examples.
Optional chaining (?.) - JavaScript
for instance: let potentiallynullobj = null; let x = 0; let prop = potentiallynullobj?.[x++]; console.log(x); // 0 as x was not incremented stacking the optional chaining operator with nested structures, it is possible to use optional chaining multiple times: let customer = { name: "carl", details: { age: 82, location: "paradise falls" // detailed address is unknown } }; let customercity = customer.details?.address?.city; // … this also works with optional chaining function call let duration = vacations.trip?.gettime?.(); combining with the nullish coalescing operator the nullish coalescing operator may be used after optional chaining in order to build a default value when ...
...none was found: let customer = { name: "carl", details: { age: 82 } }; const customercity = customer?.city ??
MathML attribute reference - MathML
more details for each attribute are available on particular element pages.
... align <mtable> <munder>, <mover>, <munderover> <mstack> specifies different alignments of several elements (see element pages for details).
Authoring MathML - MathML
check out our demos and mathml references for more details.
... original document information author(s): frédéric wang other contributors: florian scholz copyright information: portions of this content are © 2010 by individual mozilla.org contributors; content available under a creative commons license | details.
Image file type and format guide - Web media technologies
image file type details the following sections provide a brief overview of each of the image file types supported by web browsers.
... an ico file can contain multiple icons, and begins with a directory listing details about each.
Media type and format guide: image, audio, and video content - Web media technologies
WebMediaFormats
the "codecs" parameter in common media types when specifying the mime type describing a media format, you can provide details using the codecs parameter as part of the type string.
... tutorials and how-tos learning: video and audio content this tutorial introduces and details the use of media on the web.
How to make PWAs re-engageable using Notifications and Push - Progressive web apps (PWAs)
return registration.pushmanager.subscribe({ uservisibleonly: true, applicationserverkey: convertedvapidkey }); now let's move to the subscription part — the app first sends the subscription details as json to the server using fetch.
...you can use the following ones:"); console.log(webpush.generatevapidkeys()); return; } webpush.setvapiddetails( 'https://serviceworke.rs/', process.env.vapid_public_key, process.env.vapid_private_key ); next, a module defines and exports all the routes an app needs to handle: getting the vapid public key, registering, and then sending notifications.
stroke-linejoin - SVG: Scalable Vector Graphics
k:href="#highlight" x="12" /> <use xlink:href="#highlight" x="2" y="6" /> <use xlink:href="#highlight" x="8" y="6" /> </svg> usage context value arcs | bevel |miter | miter-clip | round default value miter animatable yes arcs note: the arcs value as been introduced in svg2 and it isn't widely supported yet, see browser compatibility bellow for details.
... <path d="m7,5 l0.75,-3 l0.75,3" stroke="pink" fill="none" stroke-width="0.025" /> <circle cx="7" cy="5" r="0.05" fill="pink" /> <circle cx="7.75" cy="2" r="0.05" fill="pink" /> <circle cx="8.5" cy="5" r="0.05" fill="pink" /> </g> </svg> miter-clip note: the miter-clip value as been introduced in svg2 and it isn't widely supported yet, see browser compatibility bellow for details.
How to turn off form autocompletion - Web security
additionally, the browser enables the user to choose a master password that the browser will use to encrypt stored login details.
...see the autocomplete compat table for more details.
Communicating With Other Scripts - Archive of obsolete content
see the articles on using postmessage() and using port for details.
Module structure of the SDK - Archive of obsolete content
see the tutorial on creating reusable modules for more details.
Two Types of Scripts - Archive of obsolete content
see the guide to communicating with content scripts for more details.
indexed-db - Archive of obsolete content
the api exposed by indexed-db is almost identical to the dom indexeddb api, so we haven't repeated its documentation here, but refer you to the indexeddb api documentation for all the details.
page-worker - Archive of obsolete content
properties port object that allows you to: send events to the content script using the port.emit function receive events from the content script using the port.on function see the guide to communicating using port for details.
passwords - Archive of obsolete content
url: "http://www.example.com", formsubmiturl: "http://login.example.com", username: "joe", usernamefield: "uname", password: "secret123", passwordfield: "pword" }); to store an http authentication credential: require("sdk/passwords").store({ url: "http://www.example.com", realm: "exampleco login", username: "joe", password: "secret123", }); see "credentials" above for more details on how to set these properties.
simple-prefs - Archive of obsolete content
see the localization tutorial for more details.
tabs - Archive of obsolete content
see content scripts guide to learn the details.
ui - Archive of obsolete content
this module exports constructors for the following: actionbutton togglebutton frame toolbar sidebar each object has its own reference page, linked above: for all the details please refer to the reference page.
/loader - Archive of obsolete content
these graphs can be used to reason about modules without diving into implementation details.
chrome - Archive of obsolete content
see the chrome authority tutorial for more details.
frame/utils - Archive of obsolete content
for more details and other possible values see documentation on mdn uri string uri of the document to be loaded into the new frame.
remote/child - Archive of obsolete content
see the documentation for sdk/remote/parent for more details.
system/xul-app - Archive of obsolete content
see the mdn documentation for details on version comparisons.
ui/id - Archive of obsolete content
making an id const { identify } = require('sdk/ui/id'); const thingy = class({ initialize: function(details) { let id = identify(this); } }); getting an id const { identify } = require('sdk/ui/id'); const { thingy } = require('./thingy'); let thing = thingy(/* ...
util/uuid - Archive of obsolete content
for more details about uuid representations and what they are used for by the platform see the mdn documentation for jsid.
cfx - Archive of obsolete content
see the tutorial on unit testing and the reference documentation for the assert module for details.
jpm-mobile - Archive of obsolete content
jpm-mobile test jpm-mobile test see the tutorial on unit testing and the reference documentation for the assert module for more details on this.
Add a Context Menu Item - Archive of obsolete content
you should see the new item appear: click it, and the selection is logged to the console (or the shell, if you're running an instance of firefox from the command line): info: elephantine lizard details all this add-on does is to construct a context menu item.
Adding a Button to the Toolbar - Archive of obsolete content
for more details on this, see the toggle button's documentation.
Getting started (cfx) - Archive of obsolete content
see the documentation on logging levels for the details on this.
Modifying Web Pages Based on URL - Archive of obsolete content
we'll most likely continue to support the feature, but api details may change.
Using third-party modules (jpm) - Archive of obsolete content
in your add-on code, you can require() modules by passing a path to the module starting from, but not including "node_modules": var menuitems = require("menuitem"); details create a new directory called, for example, "my-menuitem", navigate to it, type "jpm init" and accept all the defaults: mkdir my-menuitem cd my-menuitem jpm init install the menuitem package from npm: npm install menuitem --save this will install the package in the current directory, under a directory called "node_modules".
Bootstrapped extensions - Archive of obsolete content
see the chrome.manifest documentation for details.
JavaScript Debugger Service - Archive of obsolete content
see the tracking bug bug 800200 for more details.
Miscellaneous - Archive of obsolete content
see how to build an xpcom component in javascript for details.
Running applications - Archive of obsolete content
see nsilocalfile.launch() for details and make sure that all your target platforms support this method!
How to convert an overlay extension to restartless - Archive of obsolete content
details on adding elements dynamically to chrome xul window there is a way that makes constructing of ui a lot similar to the way it was made with xul overlay.
Jetpack Processes - Archive of obsolete content
history see bug 556846 and bug 578821 for details.
Listening to events in Firefox extensions - Archive of obsolete content
web progress listeners for more information about web loads a web progress listener can be used; these provide more details about the progress of loading data from the web.
Chapter 2: Technologies used in developing extensions - Archive of obsolete content
we do not go into the details of the various apis in the dom.
Chapter 4: Using XPCOM—Implementing advanced processes - Archive of obsolete content
if you’re having trouble with any of the details of the interface, it is helpful to search on the source code for usage examples within firefox.
Appendix A: Add-on Performance - Archive of obsolete content
the intercepting page loads section details several techniques to do this, and you should read all of them carefully to figure out which one you need.
Connecting to Remote Content - Archive of obsolete content
the xslt tutorial contains details for building these templates.
The Essentials of an Extension - Archive of obsolete content
the full specification of the install.rdf file has all the details.
Extensions support in SeaMonkey 2 - Archive of obsolete content
var appinfo = components.classes["@mozilla.org/xre/app-info;1"] .getservice(components.interfaces.nsixulappinfo); if(appinfo.id == firefox_id) { // running under firefox } else if(appinfo.id == thunderbird_id) { // running under thunderbird } else if(appinfo.id == seamonkey_id) { // running under seamonkey } else { // another app } see using nsixulappinfo for more details.
Tabbed browser - Archive of obsolete content
if you need to work with tabs from a non-browser window, you need to obtain a reference to one first, see working with windows in chrome code for details.
Add-ons - Archive of obsolete content
these details apply to firefox, thunderbird, and seamonkey (version 2.0 and above).
An Interview With Douglas Bowman of Wired News - Archive of obsolete content
you mean besides the fact that as designer, i can control design details on thousands of news pages with just a few files?
Underscores in class and ID Names - Archive of obsolete content
see the tech note "case sensitivity in class and id names" for more details.
Creating reusable content with CSS and XBL - Archive of obsolete content
more details for more information about xbl bindings, see the xbl page in this wiki.
XUL user interfaces - Archive of obsolete content
more details for more information about xul user interfaces, see the xul page in this wiki.
List of Former Mozilla-Based Applications - Archive of obsolete content
browser when moblin became meego it switched from a custom gecko-based browser to chrome nautilus file manager hasn't used mozilla code since version 2.0 raptr client gaming client was a xulrunner app initially but now uses adobe air rift technologies software installation over internet no longer using mozilla technology -- need confirmation and details second life virtual world desktop client switched from embedded mozilla browser to a plugin architecture with a qtwebkit plugin applications that are no longer being developed name description additional information aphrodite browser inactive aol client for mac internet software no longer available beonex communicator ...
Installing plugins to Gecko embedding browsers on Windows - Archive of obsolete content
to find the plugins directory applicable to netscape 6.1, 6.2.x, netscape 7.0 (and up), mozilla 1.0, and compuserve 7.0 this section details the suggested mechanism to find out where to install the plugin dll so that it is picked up by mozilla based browsers on the desktop.
No Proxy For configuration - Archive of obsolete content
original document information author(s): benjamin chuang last updated date: november 2, 2005 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Source code directories overview - Archive of obsolete content
original document information author(s): daniel howard other contributors: heikki toivonen (11-nov-1999), hervé renault (for the french translation) (16-nov-1999) last updated date: michael kaply 2-june-2005 copyright information: portions of this content are © 1998-2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Bonsai - Archive of obsolete content
original document information author(s): jamie zawinski last updated date: september 8, 2004 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Bookmark Keywords - Archive of obsolete content
however, the two should not be a case-sensitive match-- that is, if your keyword is av, then your title should be "av" or "av" or anything besides "av." (see bugzilla entry 119201 for details.) since this bookmark is intended to look up bugzilla entries, we'll call it "bz," as shown in figure 3.
Creating a Mozilla Extension - Archive of obsolete content
periodically making it into a static overlay making it into a dynamic overlay and packaging it up for distribution conclusion next » original document information author(s): myk melez last updated date: september 19, 2006 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Creating a hybrid CD - Archive of obsolete content
original document information author(s): dawn endico last updated date: may 1, 2001 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Creating a Release Tag - Archive of obsolete content
-name cvs | xargs -l -p10 cvs tag -l mozilla_0_9_4_1_release >& ../taglog original document information author(s): dawn endico last updated date: november 1, 2005 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Creating a Skin for Firefox/Getting Started - Archive of obsolete content
see theme changes in firefox 4 for details on how to extract skin files from firefox 4 or later.
Dehydra Function Reference - Archive of obsolete content
see the dehydra object reference for details on the available object properties.
Developing New Mozilla Features - Archive of obsolete content
original document information author(s): mitchell baker last updated date: october 30, 2004 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Devmo 1.0 Launch Roadmap - Archive of obsolete content
further details on smaller tasks being done are available at user:dria:todo page.
Drag and Drop JavaScript Wrapper - Archive of obsolete content
the first argument is the event object, the second is the flavor of the data and the third is a drag session object which provides more details about the drag that is occurring.
Document Loading - From Load Start to Finding a Handler - Archive of obsolete content
original document information author(s): boris zbarsky last updated date: october 24, 2003 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Documentation for BiDi Mozilla - Archive of obsolete content
details of rendering are dependent on user preferences and system capabilities.
Repackaging Firefox - Archive of obsolete content
getting started now, on to the technical details.
Style System Overview - Archive of obsolete content
(but beware didsetstylecontext) the style system style sheets & rules ↓ rule tree ↓ style context interface original document information author(s): david baron last updated date: june 6, 2003 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Using microformats - Archive of obsolete content
see describing microformats in javascript for details.
Gecko Coding Help Wanted - Archive of obsolete content
original document information author(s): fantasai last updated date: may 4, 2004 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
HTTP Class Overview - Archive of obsolete content
s basic auth credentials from user:pass nshttpdigestauth implements nsihttpauthenticator generates digest auth credentials from user:pass original document information author(s): darin fisher last updated date: august 5, 2002 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Isp Data - Archive of obsolete content
getting started first take a look at the number of examples available: http://infosec.ufl.edu/tbird/gatorlink.xml mailnews/base/ispdata/aol.rdf see the thunderbird isp hooks for more details.
Menu - Archive of obsolete content
ArchiveMozillaJetpackUIMenu
see bug 534014 for details and a workaround.
Metro browser chrome tests - Archive of obsolete content
test comparison functions used in metro browser chrome tests are identical to those supported by mochitests, see how the comparison functions work in the mochitest documentation for more details.
Microsummary XML grammar reference - Archive of obsolete content
see the reference core_javascript_1.5_reference:global_objects:regexp for the details of the regular expression syntax valid for generators and the tutorial creating regular expressions for a microsummary generator for step by step instructions to writing regular expressions that match urls.
Mozilla Application Framework in Detail - Archive of obsolete content
original document information author(s): myk melez, ian oeschger original document: http://www.mozilla.org/why/framework-details.html last updated date: february 15, 2006 copyright information: copyright (c) myk melez, ian oeschger ...
Mozilla Application Framework - Archive of obsolete content
original document information author(s): myk melez last updated date: march 3, 2003 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Mozilla Crypto FAQ - Archive of obsolete content
original document information author(s): frank hecker last updated date: september 10, 2000 (version 2.11) copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Scripting - Archive of obsolete content
the following code can be used by web content to determine whether it is running in prism: if ("platform" in window) { // prism-specific code goes here } see the nsiplatformglue idl definition file for details of the methods available to prism apps.
Priority Content - Archive of obsolete content
almost completed: eric meyer's articles on viewsource see here for full list and details.
Proxy UI - Archive of obsolete content
<h7 name="details">details</h7> the menu should display the current proxy mode with a dot.
RDF Datasource How-To - Archive of obsolete content
see aggregating the in-memory datasource for technical details.
Frequently Asked Questions - Archive of obsolete content
original document information author(s): jonathan watt last updated date: november 6, 2006 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Safely loading URIs - Archive of obsolete content
see same-origin policy for file: uris for details.
Standalone XPCOM - Archive of obsolete content
api freeze and documentation original document information author: suresh duddi last updated date: 15 may 2000 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
String Quick Reference - Archive of obsolete content
ngvalue(value); // call getstringvalue(char** out); nsxpidlcstring result; getstringvalue(getter_copies(result)); // result will free automatically original document information author: alec flett last updated date: april 30, 2003 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Table Cellmap - Archive of obsolete content
original document information author(s): bernd mielke last updated date: september 27, 2003 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Table Layout Regression Tests - Archive of obsolete content
original document information author(s): bernd mielke other contributors: boris zbarsky last updated date: february 5, 2007 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Table Layout Strategy - Archive of obsolete content
original document information author(s): bernd mielke last updated date: september 27, 2003 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Actionscript Performance Tests - Archive of obsolete content
see the --help usage for more details about performance tests.
Tamarin build documentation - Archive of obsolete content
$ cd tamarin-central $ echo 'print("hello, world")' > hello.as $ java -jar ./utils/asc.jar -import ./core/builtin.abc hello.as hello.abc, 86 bytes written use the avmplus standalone executable (avmshell) built previously to run the application: $ avmshell hello.abc hello, world use the -help options of asc.jar and avmshell for more details.
The life of an HTML HTTP request - Archive of obsolete content
original document information author(s): alexander larsson last updated date: october 8, 1999 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Tuning Pageload - Archive of obsolete content
the parser is interrupted at least every content.max.tokenizing.time microseconds, if it can be interrupted at all; bug 76722 may have more details on this part.
Using cross commit - Archive of obsolete content
details cross-commit accepts the following options: all cvs options (those to the left of the specific cvs command) and cvs commit options (those to the right of a commit command), although the -r and -f cvs options need to be specified as --cvs-r and --cvs-f to avoid conflict with the similarly named (but different in meaning) cvs commit options.
Using gdb on wimpy computers - Archive of obsolete content
type "show warranty" for details.
Venkman - Archive of obsolete content
related topics javascript, web development, developing mozilla original document information author(s): robert ginda other contributors: doctor unclear last updated date: july 13, 2007 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Binding Implementations - Archive of obsolete content
see bug #373652 for some details.
DOM Interfaces - Archive of obsolete content
this means that, depending on the details regarding the insertion points of the binding, it's possible that some non-anonymous nodes appear in the list.
Event Handlers - Archive of obsolete content
for more details, see the xbl element reference for <handler>.
Install Wizards (aka: Stub Installers) - Archive of obsolete content
complete details about this library is available at libxpnet: architecture and api overview.
Properties - Archive of obsolete content
for more details, see the corresponding code living in the getinstallplatform method of class nsinstall.
popup.position - Archive of obsolete content
for more details, including examples, please see popup positioning see also position ...
reserved - Archive of obsolete content
see bug 1173061 for details.
XUL Events - Archive of obsolete content
see mutation events for more details and mutation observers for a more efficient alternative.
Reading from Files - Archive of obsolete content
however, a number of other character encodings are available; see reading other character encodings below for details about reading text in other encodings.
addTabsProgressListener - Archive of obsolete content
see listening to events on all tabs for details.
loadURIWithFlags - Archive of obsolete content
(see nsiwebnavigation.loaduri() for details on the referrer and postdata parameters.) ...
ContextMenus - Archive of obsolete content
var element = aevent.target.triggernode; var isimage = (element instanceof components.interfaces.nsiimageloadingcontent && element.currenturi); document.getelementbyid("enlarge").hidden = !isimage; document.getelementbyid("details").hidden = !isimage; } </script> <menupopup id="contentareacontextmenu" onpopupshowing="showhideitems(event)"> <menuitem label="copy"/> <menuitem id="enlarge" label="enlarge image"/> <menuitem id="details" label="image details"/> </menupopup> <browser src="http://www.mozilla.org" context="contentareacontextmenu"/> when the popupshowing event is fired, the showhideitems function is calle...
Extensions - Archive of obsolete content
for more details about hiding and showing items on a context menu, see hiding and showing menu items based on context.
MenuButtons - Archive of obsolete content
<button type="menu" label="view"> <menupopup> <menuitem label="icons" type="radio" name="view"/> <menuitem label="list" type="radio" name="view"/> <menuitem label="details" type="radio" name="view"/> </menupopup> </button> note that when the menu is closed, the button doesn't indicate which view is selected.
OpenClose - Archive of obsolete content
more details on these attributes can be found at positioning a popup.
Positioning - Archive of obsolete content
the section on the openpopupatscreen method provides more details.
Tooltips - Archive of obsolete content
this is a useful means of providing additional details about a user interface without cluttering up the main interface.
Introduction - Archive of obsolete content
although we'll look at the details of this later, the simple result here is that a listitem will be generated for each child node in the xml data, setting the label to the name attribute for each xml node.
Toolbar customization events - Archive of obsolete content
none of these events contain any data; if you need details, you'll need to look at the toolbar.
Toolbars - Archive of obsolete content
the following articles provide details about implementing and working with toolbars.
Adding Event Handlers - Archive of obsolete content
find files example so far : source view next, we'll look at some more details about the event object.
Commands - Archive of obsolete content
however, a command has the advantage that it can be disabled when needed and can be invoked without needing to know about the details of its implementation.
Creating Dialogs - Archive of obsolete content
var somefile=document.getelementbyid('enterfile').value; window.opendialog("chrome://findfile/content/showdetails.xul","showmore", "chrome",somefile); in this example the dialog showdetails.xul is displayed.
Creating a Wizard - Archive of obsolete content
this wizard will help you select the type of dog that is best for you." </description> <label value="why do you want a dog?"/> <menulist> <menupopup> <menuitem label="to scare people away"/> <menuitem label="to get rid of a cat"/> <menuitem label="i need a best friend"/> </menupopup> </menulist> </wizardpage> <wizardpage description="dog details"> <label value="provide additional details about the dog you would like:"/> <radiogroup> <caption label="size"/> <radio value="small" label="small"/> <radio value="large" label="large"/> </radiogroup> <radiogroup> <caption label="gender"/> <radio value="male" label="male"/> <radio value="female" label="female"/> </radiogroup> </wizardpage>...
Custom Tree Views - Archive of obsolete content
see tree widget changes for details.
Element Positioning - Archive of obsolete content
find files example so far: source view next, a summary and some additional details of the box model are described.
Introduction to XBL - Archive of obsolete content
we'll look more at the details of the xbl part in the next section.
Manifest Files - Archive of obsolete content
look at the contents.rdf files in other applications for details.
Modifying a XUL Interface - Archive of obsolete content
the next section will provide more details about manipulating radio groups as well as manipulating lists.
More Button Features - Archive of obsolete content
next, we will learn more details about how xul elements are positioned in a window.
Property Files - Archive of obsolete content
see localizing extension descriptions for more details.
Skinning XUL Files by Hand - Archive of obsolete content
thinking skins sometimes you can become so involved in the details of xul and mozilla's other xp tools that you can lose sight of what the purpose and impact of these technologies are.
Templates - Archive of obsolete content
more details on these will be provided in the later section.
Trees and Templates - Archive of obsolete content
the following example shows a sample column: <treecol id="date" label="date" flex="1" persist="width ordinal hidden sortactive sortdirection" sort="rdf:http://home.netscape.com/web-rdf#lastmodifieddate"/> more details about the persist attribute will be described in the later section.
Using nsIXULAppInfo - Archive of obsolete content
la.org/xre/app-info;1"] .getservice(components.interfaces.nsixulappinfo); var versionchecker = components.classes["@mozilla.org/xpcom/version-comparator;1"] .getservice(components.interfaces.nsiversioncomparator); if(versionchecker.compare(appinfo.version, "1.5") >= 0) { // running under firefox 1.5 or later } see nsiversioncomparator for details example 2: dealing with nightlies var appinfo = components.classes["@mozilla.org/xre/app-info;1"] .getservice(components.interfaces.nsixulappinfo); if(appinfo.appbuildid >= "2005093006") { // running on a build after 2005093006 } you shouldn't rely on build ids for releases, as build id might be different for custom build or a localized version of an application.
Using spell checking in XUL - Archive of obsolete content
see controlling spell checking in html forms for details on adding spell check support to html forms for your website.
Window icons - Archive of obsolete content
see also bug 1531836 for more details.
XULBrowserWindow - Archive of obsolete content
see hiding browser chrome for details and an example.
XUL Template Primer - Bindings - Archive of obsolete content
(see the nsirdfdatasource interface for more details.) in our example, the <rule> will be instantiated three times: once each for alison, jack, and lumpy.
XUL accessibility guidelines - Archive of obsolete content
also provide details on how to use long or complex help documentation.
The Implementation of the Application Object Model - Archive of obsolete content
now it's time to fill in some of the details by mentioning xul and rdf specifically.
XUL controls - Archive of obsolete content
<button type="menu" label="view"> <menupopup> <menuitem label="list"/> <menuitem label="details"/> </menupopup> </button> more information about this type of menu button element.
browser - Archive of obsolete content
(see nsiwebnavigation.loaduri() for details on the referrer and postdata parameters.) reload() return type: no return value reloads the document in the browser element on which you call this method.
command - Archive of obsolete content
see bug 1173061 for details.
dropmarker - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a dropmarker is a button with an arrow which will reveal more details when pressed.
grid - Archive of obsolete content
ArchiveMozillaXULgrid
the second column is twice as big as the first column --> <groupbox> <caption label="details"/> <grid> <columns> <column flex="1"/> <column flex="2"/> </columns> <rows> <row> <label value="user name"/> <textbox id="user"/> </row> <row> <label value="group"/> <menulist> <menupopup> <menuitem label="accounts"/> <menuitem label="sales" selected="true"/> <menuitem label="...
key - Archive of obsolete content
ArchiveMozillaXULkey
ributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata details on key, keycode, and modifiers attributes for example, consider the following key: <key key="r" modifiers="shift"/> this key will only match when the shift key is pressed as well as the r key, and no other keys.
menupopup - Archive of obsolete content
for more details, including examples, please see popup positioning top type: integer overrides the vertical position of the popup specified by the showpopup method.
panel - Archive of obsolete content
ArchiveMozillaXULpanel
for more details, including examples, please see popup positioning titlebar type: string set the panel's titlebar attribute to the value normal to display a panel with a titlebar.
promptBox - Archive of obsolete content
see using tab-modal prompts for details.
tooltip - Archive of obsolete content
for more details, including examples, please see popup positioning properties accessibletype type: integer a value indicating the type of accessibility object for the element.
Building XULRunner - Archive of obsolete content
by default, xulrunner is built with javaxpcom support; the build system must be able to find an appropriate jdk on the system; see the instructions on building javaxpcom for more details.
Creating a Windows Inno Setup installer for XULRunner applications - Archive of obsolete content
; see the documentation for details on creating inno setup script files!
XULRunner tips - Archive of obsolete content
without these settings password manager will not store login details.
application/http-index-format specification - Archive of obsolete content
ile tue,%2025%20oct%201994%2008:12:31%20gmt 201: foobar 0 application/http-index-format directory tue,%2025%20oct%201994%2008:12:31%20gmt original document information author(s): christian biesinger last updated date: may 10, 2004 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Archived Mozilla and build documentation - Archive of obsolete content
further details on smaller tasks being done are available at user:dria:todo page.
Gecko Compatibility Handbook - Archive of obsolete content
upgrade to the most recent version of hiermenu common coding and server problems this section details solutions to the most common problems affecting standards-based browsers as well as issues that may specifically affect gecko browsers.
Mozilla.dev.apps.firefox-2006-09-29 - Archive of obsolete content
summary: mozilla.dev.apps.firefox - september 22-29, 2006 announcements bon echo 20060921 nightly to recieve "major update" offer mike beltnzer announced that 'users running the bon echo 20060921 nightly build will be offered the chance to upgrade to a "new version"' firefox start up performance boris zbarsky recently performed some profiling of firefox's start up - these are some of the details discussions problem handling dmg files on mac discussion about why sometimes dmg files are not mounted correctly after they are downloaded.
2006-10-06 - Archive of obsolete content
other links of interest: roadmap for accessible rich internet applications (wai-aria roadmap) roles for accessible rich internet applications (wai-aria roles) states and properties module for accessible rich internet applications (wai-aria states and properties) making ajax work with screen readers meetings accessibility hackfest 2006 - october 10-12 in cambridge, ma (more details) participants include the mozilla foundation, ibm, sun and novell to name a few.
2006-11-10 - Archive of obsolete content
the article goes into the history of accessibility in firefox, details ibm's involvement and addresses some ajax accessibility concerns.
2006-09-29 - Archive of obsolete content
summary: mozilla.dev.apps.firefox - september 22-29, 2006 announcements bon echo 20060921 nightly to recieve "major update" offer mike beltnzer announced that 'users running the bon echo 20060921 nightly build will be offered the chance to upgrade to a "new version"' firefox start up performance boris zbarsky recently performed some profiling of firefox's start up - these are some of the details discussions problem handling dmg files on mac discussion about why sometimes dmg files are not mounted correctly after they are downloaded.
2006-09-29 - Archive of obsolete content
summary: mozilla.dev.apps.thunderbird - september 22-29, 2006 announcements development for thunderjudge extension is put on hold the author of the thunderjudge extension is currently putting the development of the extension on hold due to several issues (more details available at the website).
2006-09-22 - Archive of obsolete content
thai issue for 2.0 timeframe arabic support & uniscribe: details nstextframe: re-design and impact on i18n native unicode converter editing and selection: should editing and selection operate on grapheme clusters?
2006-11-3 - Archive of obsolete content
check thread for complete details.
2006-12-01 - Archive of obsolete content
details in the thread.
2006-10-06 - Archive of obsolete content
check posting for details.
Multi-process plugin architecture - Archive of obsolete content
for more details on hang protection, see the page on the plugin hang detector.
NPN_GetURLNotify - Archive of obsolete content
see bug 638367 for details.
NPN_SetValue - Archive of obsolete content
nppvjavascriptpushcallerbool sets whether you are pushing or popping the appropriate jscontext off the stack (see the two-way scriptability article on the mozilla plugins project page for more details).
Plugins - Archive of obsolete content
important: since firefox 52, all plugin support except flash has been dropped (see plug-in support has been dropped other than flash for more details).
Common Firefox theme issues and solutions - Archive of obsolete content
for details, please see bug 708797.
Theme changes in Firefox 2 - Archive of obsolete content
filename css file details browser/base/searchdialog.xul browser/base/content/searchdialog.css removed from firefox 2.
Theme changes in Firefox 3 - Archive of obsolete content
filename css file details changes to the default theme the table below lists changes made in the default theme for firefox 3; you can use this information as a starting point for figuring out the changes you need to make.
Using Web Standards in your Web Pages - Archive of obsolete content
oss platform pages using xmlhttprequest summary of changes references original document information author(s): mike cowperthwaite, marcio galli, jim ley, ian oeschger, simon paquet, gérard talbot last updated date: may 29, 2008 copyright information: portions of this content are © 1998–2008 by individual mozilla.org contributors; content available under a creative commons license | details.
-ms-content-zoom-limit-max - Archive of obsolete content
see -ms-content-zooming for details on zoomable elements.
-ms-content-zoom-limit-min - Archive of obsolete content
see -ms-content-zooming for details on zoomable elements.
-ms-content-zoom-limit - Archive of obsolete content
see -ms-content-zooming for details on zoomable elements.
-ms-content-zoom-snap-points - Archive of obsolete content
see -ms-content-zooming for details on zoomable elements.
-ms-content-zoom-snap-type - Archive of obsolete content
see -ms-content-zooming for details on zoomable elements.
-ms-content-zoom-snap - Archive of obsolete content
see -ms-content-zooming for details on zoomable elements.
-ms-filter - Archive of obsolete content
refer to the filters and transitions reference for details.
-moz-windows-compositor - Archive of obsolete content
see bug 1396066 for more details.
:-moz-system-metric(images-in-menus) - Archive of obsolete content
see bug 1396066 for more details.
:-moz-system-metric(mac-graphite-theme) - Archive of obsolete content
see bug 1396066 for more details.
:-moz-system-metric(scrollbar-end-backward) - Archive of obsolete content
see bug 1396066 for more details.
:-moz-system-metric(scrollbar-end-forward) - Archive of obsolete content
see bug 1396066 for more details.
:-moz-system-metric(scrollbar-start-backward) - Archive of obsolete content
see bug 1396066 for more details.
:-moz-system-metric(scrollbar-start-forward) - Archive of obsolete content
see bug 1396066 for more details.
:-moz-system-metric(scrollbar-thumb-proportional) - Archive of obsolete content
see bug 1396066 for more details.
:-moz-system-metric(touch-enabled) - Archive of obsolete content
see bug 1396066 for more details.
:-moz-system-metric(windows-default-theme) - Archive of obsolete content
see bug 1396066 for more details.
:-moz-system-metric() - Archive of obsolete content
see bug 1396066 for more details.
-moz-mac-graphite-theme - Archive of obsolete content
see bug 1396066 for more details.
-moz-os-version - Archive of obsolete content
see bug 1396066 for more details.
-moz-scrollbar-end-backward - Archive of obsolete content
see bug 1396066 for more details.
-moz-scrollbar-end-forward - Archive of obsolete content
see bug 1396066 for more details.
-moz-scrollbar-start-backward - Archive of obsolete content
see bug 1396066 for more details.
-moz-scrollbar-start-forward - Archive of obsolete content
see bug 1396066 for more details.
-moz-scrollbar-thumb-proportional - Archive of obsolete content
see bug 1396066 for more details.
-moz-windows-accent-color-in-titlebar - Archive of obsolete content
see bug 1396066 for more details.
-moz-windows-classic - Archive of obsolete content
see bug 1396066 for more details.
-moz-windows-default-theme - Archive of obsolete content
see bug 1396066 for more details.
-moz-windows-glass - Archive of obsolete content
see bug 1396066 for more details.
-moz-windows-theme - Archive of obsolete content
see bug 1396066 for more details.
New in JavaScript 1.6 - Archive of obsolete content
see for details.
New in JavaScript 1.8.5 - Archive of obsolete content
these were all pretty esoteric and rarely used; if this affects you, see this blog post for details.
for each...in - Archive of obsolete content
see for...in for more details.
Packages - Archive of obsolete content
the support for this object was removed in gecko 16, see liveconnect for details.
java - Archive of obsolete content
the support for this object was removed in gecko 16, see liveconnect for details.
background-size - Archive of obsolete content
these tables should be revised over time to list gecko, webkit, internet explorer, and opera, with perhaps a tooltip on each that provides details on which browsers are encompassed by each.
Building Mozilla XForms - Archive of obsolete content
an old firefox 3.6 release) use this instead (see bug 601570 for details): ac_add_options --enable-extensions="default,xforms,schema-validation" a complete .mozconfig file for a release build might look like that: .
XForms Custom Controls - Archive of obsolete content
details interfaces this section describes interfaces you need to know.
Mozilla XForms Specials - Archive of obsolete content
for details, see the input control documentation.
XForms - Archive of obsolete content
for more details about the future of the mozilla xforms extension see this blog post.
Fixing Incorrectly Sized List Item Markers - Archive of obsolete content
see bug 97351 for more details.
Issues Arising From Arbitrary-Element hover - Archive of obsolete content
in browsers based on the engine found in mozilla 1.3b and later, this quirk is extended to cover selectors that combine a bare class selector with the :hover pseudo-class (see bug 169078 for details).
RDF in Mozilla FAQ - Archive of obsolete content
currently, mozilla does not allow unprivileged access to the rdf interfaces and services; see bug 122846 for details.
Obsolete: XPCOM-based scripting for NPAPI plugins - Archive of obsolete content
ranganathan last updated date: october 26, 2001 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Archive of obsolete content
case sensitivity in class and id names creating a dynamic status bar extension concepts covered in the previous sample won't be reiterated here; instead, refer to the downloadable sample code or to the previous sample for further details.
Using the DOM File API in chrome code - Extensions
dsfile = components.classes["@mozilla.org/file/directory_service;1"] .getservice(components.interfaces.nsiproperties) .get("profd", components.interfaces.nsifile); dsfile.append("myfilename.txt"); var file = file.createfromnsifile(dsfile); this uses the directory service to locate the profile directory (with the location key "profd", see below for more details), then appends the name of the file we want to work with by calling nsifile.append().
Index - Game development
34 unconventional controls controls, doppler, games, javascript, makey makey, proximity, tv leap motion, voice i hope you liked the experiments — if you have any others that you think might interest other people, feel free to add details of them here.
Game distribution - Game development
see marketplaces — distribution platforms for more details of what marketplace types are available.
Game promotion - Game development
the more information you can include the better — you should include screenshots, description, trailer, press kit, requirements, available platforms, support details and more.
3D games on the Web - Game development
see the building up a basic demo with playcanvas subpage for higher-level details, and further articles showing how to create demos using the playcanvas library, and the online editor.
2D breakout game using pure JavaScript - Game development
lesson details all the lessons — and the different versions of the mdn breakout game we are building together — are available on github: create the canvas and draw on it move the ball bounce off the walls paddle and keyboard controls game over build the brick field collision detection track the score and win mouse controls finishing up starting with pure javascript is the best way to get a so...
2D breakout game using Phaser - Game development
lesson details all the lessons — and the different versions of the mdn breakout game we are building together — are available on github: initialize the framework scaling load the assets and print them on screen move the ball physics bounce off the walls player paddle and controls game over build the brickfield collision detection the score win the game extra lives animations and tweens but...
Game development
to get started, see: about emscripten for an introduction including high-level details.
Plug-in Development Overview - Gecko Plugin API Reference
see the scripting plugins section of this reference for the details.
Abstraction - MDN Web Docs Glossary: Definitions of Web-related terms
helps to increase security of an application or program as only important details are provided to the user.
Base64 - MDN Web Docs Glossary: Definitions of Web-related terms
for more details, see the documentation for btoa().
Certified - MDN Web Docs Glossary: Definitions of Web-related terms
for details on certification in cryptography, please refer to digital certificate.
FTU - MDN Web Docs Glossary: Definitions of Web-related terms
timezone, wifi details, default language, importing contacts), or take the "phone tour" to find out more about your device.
High-level programming language - MDN Web Docs Glossary: Definitions of Web-related terms
a high-level programming language has a significant abstraction from the details of computer operation.
MIME type - MDN Web Docs Glossary: Definitions of Web-related terms
learn more general knowledge internet media type on wikipedia technical reference list of mime types properly configuring server mime types details information about the usage of mime types in a web context.
PAC - MDN Web Docs Glossary: Definitions of Web-related terms
*/ } ret = findproxyforurl(url, host) see proxy auto-configuration (pac) file for details about how these are used and how to create new ones.
Recursion - MDN Web Docs Glossary: Definitions of Web-related terms
def recurse(x): if x > 0: print(x) recurse(x - 1) recurse(10) the output will look like this: 10 9 8 7 6 5 4 3 2 1 0 learn more general knowledge recursion (computer science) on wikipedia more details about recursion in javascript ...
Semantics - MDN Web Docs Glossary: Definitions of Web-related terms
semantic elements these are some of the roughly 100 semantic elements available: <article> <aside> <details> <figcaption> <figure> <footer> <header> <main> <mark> <nav> <section> <summary> <time> learn more html element reference on mdn using html sections and outlines on mdn the meaning of semantics in computer science on wikipedia ...
Shadow tree - MDN Web Docs Glossary: Definitions of Web-related terms
this provides a way to encapsulate implementation details, which is especially useful for custom elements and other advanced design paradigms.
About Scriptable Interfaces - Interfaces
most of the information of this document is based on http://www.mozilla.org/scriptable/ and creating xpcom components scriptable interfaces interfaces allow xpcom components to expose their functionality to the outside world while hiding the inner details of the component implementation.
Assessment: Accessibility troubleshooting - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Test your skills: CSS and JavaScript accessibility - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Test your skills: HTML accessibility - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Test your skills: WAI-ARIA - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
A cool-looking box - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Test your skills: The Cascade - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Creating fancy letterheaded paper - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Fundamental CSS comprehension - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Test your skills: Images and Form elements - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Test your skills: Overflow - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Test your skills: The Box Model - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Test your skills: Selectors - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Test your skills: sizing - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Test your skills: tables - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Test your skills: backgrounds and borders - Learn web development
details of what you would like us to do — for example what you have already tried, if you are stuck and need help,.
The box model - Learn web development
as mentioned above, boxes in css have an outer display type, which details whether the box is block or inline.
Test your skills: values and units - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Test your skills: Writing Modes and Logical Properties - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Flexbox - Learn web development
see align-items for the full details.
Test your skills: Flexbox - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Test your skills: floats - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Test Your Skills: Fundamental layout comprehension - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Test your skills: Grid Layout - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Beginner's guide to media queries - Learn web development
there are a number of other options you can put inside the content attribute of the viewport meta tag — see using the viewport meta tag to control layout on mobile browsers for more details.
Test your skills: Multicol - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Test your skills: position - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Test your skills: Media Queries and Responsive Design - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Fundamental text and font styling - Learn web development
the five names are defined as follows: term definition example serif fonts that have serifs (the flourishes and other small details you see at the ends of the strokes in some typefaces) my big red elephant sans-serif fonts that don't have serifs.
Styling links - Learn web development
the final article in our styling text module details how to use custom fonts on your websites, or web fonts as they are better known.
Typesetting a community school homepage - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Web fonts - Learn web development
see the using an online font service section for more details.
What are browser developer tools? - Learn web development
grid: if the page you are inspecting uses css grid, this section allows you to view the grid details.
What are hyperlinks? - Learn web development
when you're starting out, you don't have to worry about external and incoming links as much, but they are very important if you want search engines to find your site (see below for more details).
What is a Domain Name? - Learn web development
fill out the form with all required details.
What is a web server? - Learn web development
(services range from free to thousands of dollars per month.) you can find more details in this article.
What is accessibility? - Learn web development
more details please refer to: wikipedia article about accessibility wai (w3c's web accessibility initiative) next steps accessibility can impact both a website's design and technical structure.
Basic native form controls - Learn web development
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.
Client-side form validation - Learn web development
you can find full details of all the available properties in the validitystate reference page; below is listed a few of the more common ones: patternmismatch: returns true if the value does not match the specified pattern, and false if it does match.
The HTML5 input types - Learn web development
note that the usage of these types is quite complex, especially considering browser support (see below); to find out the full details, follow the links below to the reference pages for each type, including detailed examples.
Other form controls - Learn web development
you don't need to remember all of these details at once, and can return to these articles as often as you like to check up on details.
Test your skills: Advanced styling - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Test your skills: Basic controls - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Test your skills: Form validation - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Test your skills: Other controls - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Test your skills: Styling basics - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
UI pseudo-classes - Learn web development
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.
Your first form - Learn web development
you'll find further details of form labels in how to structure a web form.
What will your website look like? - Learn web development
note: complex projects need detailed guidelines that go into all the details of colors, fonts, spacing between items on a page, appropriate writing style, and so on.
HTML Cheatsheet - Learn web development
aditional information <details><summary>html cheatsheet</summary><p>inline elements</p><p>block elements</p></details> html cheatsheet inline elements block elements an unordered list <ul> <li>i'm an item</li> <li>i'm another item</li> </ul> i'm an item i'm another item an ordered list <ol> <li>i'm the first item</li> <li>...
Marking up a letter - Learn web development
details of what you have already tried, and what you would like us to do (if you are stuck and need help, or if you want an assessment).
Structuring a page of content - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Test your skills: Advanced HTML text - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Test your skills: HTML text basics - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Test your skills: Links - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Adding vector graphics to the Web - Learn web development
you can also go to the svg element reference, find out more details about other toys you can use in svg, and try those out too.
Test your skills: HTML images - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Mozilla splash page - Learn web development
details of what you would like us to do — for example what you have already tried, if you are stuck and need help,.
Responsive images - Learn web development
an improvement would be to display a cropped version of the image which displays the important details of the image when the site is viewed on a narrow screen.
Test your skills: Multimedia and embedding - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Video and audio content - Learn web development
here's an example: <video controls> <source src="example.mp4" type="video/mp4"> <source src="example.webm" type="video/webm"> <track kind="subtitles" src="subtitles_en.vtt" srclang="en"> </video> this will result in a video that has subtitles displayed, kind of like this: for more details, please read adding captions and subtitles to html5 video.
HTML table advanced features and accessibility - Learn web development
the "sum" row that contains a summation of the spent amounts seems to be in the wrong place, and there are some details missing from the code.
HTML table basics - Learn web development
LearnHTMLTablesBasics
you can find more details and an example at page layouts in our accessibility learning module.
Assessment: Structuring planet data - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Introduction to events - Learn web development
when you fill in the details and select the submit button, the natural behavior is for the data to be submitted to a specified page on the server for processing, and the browser to be redirected to a "success message" page of some kind (or the same page, if another is not specified.) the trouble comes when the user has not submitted the data correctly — as a developer, you want to prevent the submission to the server and ...
Image gallery - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Test your skills: Conditionals - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Test your skills: Events - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Test your skills: Functions - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Test your skills: Loops - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
JavaScript building blocks - Learn web development
along the way, we'll also explain some further useful details of dealing with functions.
Drawing graphics - Learn web development
the browser works out complex details such as making the animation run at a consistent speed, and not wasting resources animating things that can't be seen.
Silly story generator - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Test your skills: Arrays - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Test your skills: Math - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Test your skills: Strings - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Test your skills: variables - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Adding features to our bouncing balls demo - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Inheritance in JavaScript - Learn web development
previous overview: objects next with most of the gory details of oojs now explained, this article shows how to create "child" object classes (constructors) that inherit features from their "parent" classes.
Object building practice - Learn web development
previous overview: objects next in previous articles we looked at all the essential javascript object theory and syntax details, giving you a solid base to start from.
Test your skills: Object-oriented JavaScript - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Test your skills: Object basics - Learn web development
details of what you have already tried, and what you would like us to do, e.g.
Learning area release notes - Learn web development
this page details significant changes made to the learning area.
Client-Server Overview - Learn web development
the request the text below shows the http request made when a user submits new profile details on this site.
Getting started with Ember - Learn web development
ember-cli-build.js is responsible for configuring details about how your project is built — including bundling all your files together, asset minification, and creating sourcemaps — with reasonable defaults, so you don't typically need to worry about this file.
Introduction to client-side frameworks - Learn web development
note: if you want to find out more details about web tooling concepts, have a read of our client-side tooling overview.
Cross browser testing - Learn web development
this article details how to write your own simple feature detection, how to use a library to speed up implementation, and native features for feature detection such as @supports.
Package management basics - Learn web development
we’ll call it parcel-experiment, but you can call it whatever you like: mkdir parcel-experiment cd parcel-experiment next, let's initialise our app as an npm package, which creates a config file — package.json — that allows us to save our configuration details in case we want to recreate this environment later on, or even publish the package to the npm registry (although this is somewhat beyond the scope of this article).
Accessibility API cross-reference
n/a n/a aria-details this is for expandable items that are not expanded, such as folded tree branches or accordions collapsed collapsed collapsed aria-expanded=false different from xul's collapsed="true" attribute which indicates something is hidden this is the default button or menu item default n/a n/a identifies the elem...
Information for External Developers Dealing with Accessibility
implementing an msaa server, a practical guide a document for developers who need to support microsoft active accessibility (msaa) in a desktop application, in order to make it accessible with 3rd party assistive technologies, containing practical tips and the details of mozilla's implementation.
ZoomText
zoomtext text to speech doesn't always echo what it should -- need more details from testers.
Accessibility and Mozilla
these articles provide mozilla-specific details about accessibility.
Adding phishing protection data providers
installing a new data provider to install a data provider for phishing protection, it's necessary to set a series of preferences to provide details about the provider.
A bird's-eye view of the Mozilla framework
xpcom object model before getting into the details of the ui example, it's helpful to have a basic understanding of the xpcom object model.
Browser chrome tests
the comparison functions are identical to those supported by mochitests, see how the comparison functions work in the mochitest documentation for more details.
Testopia
bugzilla 4.x mysql 5.0 or postgresql 8.3 mozilla compatible browser ;-) additional perl modules: text::csv xml::schema validator xml::schema::parser (for importer) and json 2.10 todo user preferences notification emails more reports see the roadmap and bug list for more details.
What to do and what not to do in Bugzilla
in this case you shouldn't just mark it wfm instantly, but ask the reporter for more details first.
Command line options
sercontenthandler.js suite/browser/nsbrowsercontenthandler.js mail/components/nsmaildefaulthandler.js installer command line options original document information author(s): ben goodger, steffen wilberg, seth spitzer, daniel wang copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Continuous Integration
the talos indicators in treeherder appear green if the job successfully completed; to see the performance data generated by the jobs, click on the performance tab of the job details panel that pops up when you click on a job in treeherder.
Cookies Preferences in Mozilla
ed, network.cookie.lifetime.behavior, and network.cookie.warnaboutcookies.) true = prefs have been migrated false = migrate prefs on next startup original document information author(s): mike connor last updated date: may 22, 2004 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Cookies in Mozilla
original document information author(s): mike connor last updated date: march 15, 2004 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Creating a Login Manager storage module
see how_to_build_an_xpcom_component_in_javascript for more details about javascript components.
Creating reftest-based unit tests
see the build documentation for details on doing that.
Capturing a minidump
sometimes a more complete form of minidump is needed to see additional details about a crash, in which case manual capture of a minidump is desired.
Debugging Frame Reflow
original document information author(s): bernd mielke last updated date: december 4, 2004 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Debugging JavaScript
g up an extension development environment (particularly development preferences and development extensions) original document information author(s): ben bucksch created date: september 12, 2005, last updated date: november 10, 2009 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Configuring Build Options
note: do not make substantive changes to this document without consulting benjamin smedberg <benjamin@smedbergs.us> or one of the build-config peersthis document details how to configure firefox builds.
Simple Instantbird build
try asking in mozilla.dev.chat - don't forget to include details of what is in your mozconfig, and what the actual error is.
Callgraph
documentation installing callgraph download and installation of callgraph schema reference explanation of the database schema further details implementation ideas for callgraph ...
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 present in eclipse/help > about eclipse > installation details > configuration.
Gecko Logging
check the env_logger docs for more details on logging options.
Commenting IDL for better documentation
command details @brief description please only use this to provide a brief description of the interface, keep it short and to the point.
SVG Guidelines
basics two spaces indenting no useless whitespaces or line breaks (see below for more details) adding a license header use double quotes whitespace and line breaks whitespace in addition to trailing whitespace at the end of lines, there are a few more cases more specific to svgs: trailing whitespaces in attribute values (usually seen in path definitions) excessive whitespace in path or polygon points definition examples this path: <path d=" m5,5 l1,1z "> can be cut dow...
Error codes returned by Mozilla APIs
ant_create_wn (0x80570019) ns_error_xpc_js_threw_exception (0x8057001a) ns_error_xpc_js_threw_native_object (0x8057001b) ns_error_xpc_js_threw_js_object (0x8057001c) ns_error_xpc_js_threw_null (0x8057001d) ns_error_xpc_js_threw_string (0x8057001e) ns_error_xpc_js_threw_number (0x8057001f) ns_error_xpc_javascript_error (0x80570020) ns_error_xpc_javascript_error_with_details (0x80570021) ns_error_xpc_cant_convert_primitive_to_array (0x80570022) ns_error_xpc_cant_convert_object_to_array (0x80570023) ns_error_xpc_not_enough_elements_in_array (0x80570024) ns_error_xpc_cant_get_array_info (0x80570025) ns_error_xpc_not_enough_chars_in_string (0x80570026) ns_error_xpc_security_manager_veto (0x80570027) ns_error_xpc_interface_not_scriptable (0x80...
Index
you can find details about profiles on mozilla's end-user support site.
Multiple Firefox profiles
you can find details about profiles on mozilla's end-user support site.
Frame script environment
see limitations of frame scripts for more details.
Frame script environment
see limitations of frame scripts for more details.
Using the Browser API
MozillaGeckoChromeAPIBrowser APIUsing
see the mozbrowsererror page for more details.
HTMLIFrameElement.executeScript()
see using the browser api for more details.
mozbrowsererror
details read only object a custom object.
mozbrowserloadend
details read only object a custom object.
mozbrowserlocationchange
details read only object a custom object.
Browser API
see bug 1503070 for more details.
Overview of Mozilla embedding APIs
see the string guide for more details.
Gecko SDK
see the build documentation for complete details.
Gecko's "Almost Standards" Mode
"almost standards" rendering mode is exactly the same as "standards" mode in all details save one, where it works like "quirks" mode: the height calculations for line boxes and some of the inline elements in them.
HTTP Cache
see context keying details for more information.
How to add a build-time test
reference the test dir in a parent makefile (<tt>yourmoduledir/makefile.in</tt>): ifdef enable_tests dirs += tests_type endif (optional, but recommended) add the new makefile to allmakefiles.sh (todo: need more details about this) reconfigure (e.g.
How to get a stacktrace for a bug report
the "details" button gives additional data about the incident, however this is not useful in a bug report.
How to get a stacktrace with WinDbg
(more details are available at using the mozilla symbol server.) .sympath srv*c:\symbols*http://symbols.mozilla.org/firefox;srv*c:\symbols*http://msdl.microsoft.com/download/symbols .symfix+ c:\symbols .reload /f now wait for the symbols to download.
How to implement a custom autocomplete search component
there are more options and features, see xul:textbox_(firefox_autocomplete) for more details.
Creating a New Protocol
this is a quick-start on details of how to add a new ipdl protocol to the build.
Implementing QueryInterface
original document information author(s): scott collins last updated date: may 8, 2003 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Integrated Authentication
original document information author(s): darin fisher last updated date: december 27, 2005 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Introduction to Layout in Mozilla
original document information author(s): chris waterson last updated date: june 10, 2002 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
AddonAuthor
url optional string an optional url with details about the person.
AsyncShutdown.jsm
used for providing more details when logging errors or crashing.
API-provided widgets
this document details the available properties.
Log.jsm
something bad happened!"); log.debug("details about bad thing only useful during debugging", {someinfo: "nothing"}); log.warn("here is an error", new error("ouch")); logger levels fatal severe errors that cause premature termination.
PerfMeasurement.jsm
before you can use this module, you need to import it into your scope: components.utils.import("resource://gre/modules/perfmeasurement.jsm") see measuring performance using the perfmeasurement.jsm code module for details on how to use this api.
Examples
this state will propagate to newpomise, and components.utils.reporterror will report all the details of the exception to the console.
PromiseUtils.jsm
see the deferred documentation for details.
Sqlite.jsm
async function () { try { conn = await sqlite.openconnection({ path: dbfile.path }); let statement = "insert into accounts (username, details) values (:username, :details)" let params = { username:"lordbusiness", details: "all i'm asking for is total perfection." }; await conn.execute(statement,params); // get accountid of the insert.
Using JavaScript code modules
details on doing this are in the "extending resource: urls" section below.
XPCOMUtils.jsm
details can be found here: bug 628669 itersimpleenumerator() wraps an nsisimpleenumerator instance into a javascript generator that can be easily iterated over.
Application Translation with Mercurial
this patch needs a name, choose something meaning full like "firefox-<version number>-more-details".
Bootstrapping a new locale
once you have that account, send the l10n-drivers the details to be added as a "writer".
Localizing extension descriptions
this article provides details on how to go about localizing the descriptions of mozilla add-ons, as well as for other metadata about your add-on.
Localizing with Koala
see "hg help add", "hg help remove" and "hg help addremove" for more details.
Setting up the infrastructure
first, make your project's file type decision (see localization formats for details): html/php .lang gettext (.po) assuming you chose gettext, you'll need to follow the steps below to set up the infrastructure for localizing your web application.
Writing localizable code
for technical details please also look at xul_tutorial:localization.
Fonts for Mozilla's MathML engine
see the authoring mathml page for details and try the mathml torture test.
MathML3Testsuite
nts 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 content are © 2010 by individual mozilla.org contributors; content available under a creative commons license | details.
Mozilla MathML Project
sidje other contributors: frédéric wang last updated date: april 4, 2010 copyright information: portions of this content are © 1999–2010 by individual mozilla.org contributors; content available under a creative commons license | details.
Mozilla DOM Hacking Guide
original document information author(s): fabian guisset last updated date: september 27, 2007 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Mozilla Development Strategies
cvs commit client.mak nmake -f client.mak original document information author(s): seth spitzer and alec flett last updated date: september 3, 2006 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Mozilla Development Tools
original document information author(s): myk melez last updated date: november 8, 2005 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Mozilla Quirks Mode Behavior
see almost standards mode for more details.
Mozilla Style System Documentation
david baron last updated date: june 6, 2003 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Activity Monitor, Battery Status Menu and top
see the man page for details.
BloatView
click on a class name to see details for that class.
DMD
see performance/memory_reporting for more details about how memory reporters are written.
Memory Profiler
this article details how to use an old profiler specifically designed for firefox os devices.
Profiling with Xperf
for more information microsoft's documentation for xperf is pretty good; there is a lot of depth to this tool, and you should look there for more details.
Profiling with the Firefox Profiler
a build job with the "nightly configuration.) profiling firefox mobile firefox 61 for android supports gecko profiler again; see remote profiling on android for details.
Performance
investigating css performance how to figure out why restyle is taking so long power profiling power profiling overview this page provides an overview of relevant information, including details about hardware, what can be measured, and recommended approaches.
Phishing: a short definition
phishing is an attempt to collect sensitive information, such as usernames, passwords, and financial details by disguising as a trustworthy entity online.
A brief guide to Mozilla preferences
details on the config file is beyond the scope of this document.
Firefox Sync
it is not designed for use by end-users, but instead for people who wish to understand the details of how sync is implemented or wish to interact with it.
AsyncTestUtils extended framework
_offline(folderhandle); messages and folders move messages to a folder yield async_move_messages(asynmessageset, adestfolder); trash messages (move them to the trash folder) yield async_trash_messages(asynmessageset); empty the trash folder yield async_empty_trash(); delete messages (without moving them to the trash folder) yield async_delete_messages(asynmessageset); implementation details the following files make up the framework: asynctestutils.js: core async testing logic.
Creating a Cookie Log
original document information author(s): mike connor last updated date: december 4, 2004 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
PRFileDesc
for more details about the use of prfiledesc and related structures, see file descriptor types.
PRIOMethods
for type definition details, see prio.h.
PRInt32
for syntax details for each platform, see prtypes.h.
PRInt64
for syntax details for each platform, see prtypes.h.
PRUint32
for syntax details for each platform, see prtypes.h.
PRUint64
for syntax details for each platform, see prtypes.h.
PR_EXTERN
for syntax details for each platform, see prtypes.h.
PR_IMPLEMENT
for syntax details for each platform, see prtypes.h.
PR_Interrupt
see the memo using io timeout and interrupt on nt for details.
PR_VersionCheck
this is a string comparison of sorts, though the details of the comparison will vary over time.
PR_WaitCondVar
the details can be determined with pr_geterror.
Running NSPR tests
refer to nspr build instructions for details.
NSS FAQ
MozillaProjectsNSSFAQ
for complete details, see encryption technologies available in nss 3.11 what is the relationship between nss and psm?
Introduction to Network Security Services
(note that nspr is a separate mozilla project; see netscape portable runtime for details.) figure 1 relationships among core nss libraries and nspr naming conventions and special libraries windows and unix use different naming conventions for static and dynamic libraries: windows unix static .lib .a dynamic .dll .so or .sl in addition, windows has "import" libraries that bind to dynamic libraries.
Using JSS
MozillaProjectsNSSJSSUsing JSS
see the javadoc for more details.
NSS 3.12.6 release notes
see bug 360421 for details.
NSS_3.12_release_notes.html
new for pkcs #11 (see pkcs11t.h for details): ckk: keys ckk_camellia ckm: mechanisms ckm_sha224_rsa_pkcs ckm_sha224_rsa_pkcs_pss ckm_sha224 ckm_sha224_hmac ckm_sha224_hmac_general ckm_sha224_key_derivation ckm_camellia_key_gen ckm_camellia_ecb ckm_camellia_cbc ckm_camellia_mac ckm_camellia_mac_general ckm_camellia_cbc_pad ckm_camellia_ecb_encrypt_data ckm_camellia_cbc_encrypt_data ckg: mfgs ckg_mgf1_sha224 new error codes (see sec...
NSS 3.14.3 release notes
the details of their research and the attack can be found at http://www.isg.rhul.ac.uk/tls/, and has been referred to as "lucky thirteen".
NSS 3.15 release notes
for more details of the issues with secitem_reallocitem, see bug 298649 and bug 298938.
NSS 3.16.2.1 release notes
see also mfsa 2014-73 for details.
NSS 3.16.5 release notes
see also mfsa 2014-73 for details.
NSS 3.17.1 release notes
see also mfsa 2014-73 for details.
NSS 3.20 release notes
please refer to the comments in the header file that declares the ssl_enableweakdheprimegroup api for additional details.
NSS 3.29.2 release notes
see bug 1340841 for details.
NSS 3.34 release notes
sslkeylogfile is now supported with tls 1.3, see bug 1287711 for details.
NSS 3.35 release notes
see below for details.
NSS 3.49 release notes
see bug 1594933 for details.
NSS 3.51 release notes
see bug 1608892 for details.
NSS Sample Code sample2
* the example skips the details of obtaining the key & iv to use, and * just uses a hardcoded key & iv.
NSS sources building testing
in order to learn about the details of test failures, search the file for the uppercase test failed.
sslintro.html
an ssl application typically includes five parts: initialization configuration communication functions used by callbacks cleanup although the details differ somewhat for client and server applications, the concepts and many of the functions are the same for both.
TLS Cipher Suite Discovery
here are the details of how an nss-based application learns what cipher suites are supported and obtains the information to display to the user.
NSS tools : signtool
for more details, see the description of -m that follows.
Necko Architecture
dependencies necko requires the following libraries for linking: nspr xpcom original document information author(s): jud valeski last updated date: november 8, 1999 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Necko FAQ
todo original document information author(s): gagan saksena last updated date: december 21, 2001 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Necko Interfaces Overview
inputstream, openoutputstream asynchronous i/o methods: asyncread, asyncwrite nsitransport::asyncread takes a nsistreamlistener parameter original document information author(s): darin fisher last updated date: december 10, 2001 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Pork
old pork page pork details that haven't been moved to mdc renaming with pork sample pork application todos pork 1.0 release tracking bug pork releases download pork here community view pork forums...
Rhino documentation
downloads archive includes release notes for rhino releases optimization details on the various optimization levels.
Rhino JavaScript compiler
see optimization for more details.
Rhino overview
see the specification for more information on the standard, and rhino version 1.6r1 release notes for details on the implementation in rhino.
Scripting Java
see bugzilla 245882 for details.
Rhino serialization
original document information author: norris boyd last updated date: november 15, 2006 copyright information: portions of this content are © 1998–2006 by individual mozilla.org contributors; content available under a creative commons license | details.
Rhino shell
see rhino optimization for more details.
SpiderMonkey Build Documentation
see js_setgczeal() for details.
Creating JavaScript jstest reftests
non262 tests the directory js/src/tests/non262/ should contain all tests of the following type: regressions of spidermonkey non-standard spidermonkey extensions to the javascript language test of "implementation-defined" details of the ecmascript standard for example, the exact definition of pi or some details of array sorting.
GCIntegration - SpiderMonkey Redirect 1
now, on to the details...
Getting SpiderMonkey source code
if you have problems with the instructions above, you can read the full details of using mercurial to get mozilla code here.
64-bit Compatibility
for more information and platform specific details on virtual address widths, see this article on wikipedia.
Bytecode Descriptions
see "jump instructions" above for details.
Garbage collection
implementation details write barriers have a runtime cost, so spidermonkey tries to skip them when an incremental gc cycle is not active.
Property cache
warning: the details below are obsolete.
SpiderMonkey Internals: Thread Safety
this page describes implementation details of the spidermonkey javascript engine.
JS::Value
embeddings should not rely on observed representation details or upon the size of js::value.
JSClass
see jsclass.resolve for details.
JSFunction
see js_newfunction for details.
JSPropertyOp
getters (and sometimes setters; see js_setproperty for details) are called even when the property being accessed is found on a prototype and not on obj itself.
JSVAL_IS_DOUBLE
to check whether v is a number, regardless of implementation details, use jsval_is_number instead.
JSVAL_IS_GCTHING
this macro exposes javascript engine implementation details and usually isn't what the application really means.
JS_ConstructObject
for details on how we find the appropriate constructor and default prototype, see js_newobject: choosing a default prototype.
JS_DefineProperty
it differs from js_setproperty in that: it does not behave like ordinary property assignment in the javascript language; it allows the application to specify additional details (getter, setter, and attrs) governing the new property's behavior; it never calls a setter; it can call the jsclass.addproperty callback when js_setproperty would not, because it can replace an existing property.
JS_DefinePropertyWithTinyId
see those functions for more details.
JS_DestroyScript
see js_newscriptobject for details.
JS_GetGCParameter
see zoneheapthreshold::computezoneheapgrowthfactorforheapsize in gc.cpp for the details.
JS_GetGlobalObject
second, the context's global object is used as a default value of last resort by functions that need a default parent object (see js_setparent for details) and by js_getscopechain.
JS_GetProperty
details first, a property lookup is performed.
JS_GetPropertyAttrsGetterAndSetter
description see js_getpropertyattributes for details about these functions.
JS_InitStandardClasses
see js_setglobalobject for details.
JS_NewContext
for more details about contexts, see jscontext.
JS_NewObject
the jsclass may be used to override low-level object behavior, including such details as the physical memory layout of the object and how property lookups are done.
JS_SetErrorReporter
report jserrorreport * an error report record containing additional details about the error.
JS_SetGCParametersBasedOnAvailableMemory
see bug 950044 for details.
JS_SetParent
see the description for details.
JS_ShutDown
exact details about what this method cleans up will vary depending upon the version of spidermonkey in use.
jsdouble
implementation note: spidermonkey has had several bugs involving details of floating-point arithmetic on various platforms.
SpiderMonkey 1.8.5
for details, see new in javascript 1.8.5.
SpiderMonkey 1.8.7
for details, see new in javascript 1.8.5.
SpiderMonkey 1.8
for details, see new in javascript 1.8.
SpiderMonkey 24
future direction ...insert details on future plans...
SpiderMonkey 31
future direction ...insert details on future plans...
SpiderMonkey 38
future direction ...insert details on future plans...
Running Automated JavaScript Tests
see the readme (in js/src/jit-tests) for details.
Setting up CDT to work on SpiderMonkey
still, there are a quite a few things that cdt does not pick up yet: for everything to be indexed, cdt has to be aware of the project's build details.
Split object
see also http://groups.google.com/group/mozil...81825b338fb84f details this section describes split objects as a feature of the jsapi.
Zest implementation
the first version is aimed at creating scripts for reproducing basic security vulnerabilities includes a java reference implementation, which conforms to jsr 223 has been included in a proof-of-concept owasp zap add-on the next version is underdevelopment - more details soon.
Zest
more details https://github.com/mozilla/zest - the code on github http://groups.google.com/group/mozilla-zest - the group used for discussing zest ...
compare-locales
the details of the configuration file are described in the l10n-config docs.
Mozilla Projects
it provides a number of functions and capabilities, including: mccoy mccoy uses xulrunner which is bound to break, for details see this post.
Handling Mozilla Security Bugs
we understand and acknowledge the concerns of those who believe that too-hasty disclosure of exploit details can provide a short-term advantage to potential attackers, who can exploit a problem before most end users become aware of its existence.
Signing Mozilla apps for Mac OS X
for more details on using the coderesources file, refer to the code resources section on erick dransch's blog post about code signing.
Task graph
the details of task-graph generation are documented in the source code itself, including a some quick recipes for common changes.
Feed content access API
for details on each of the feed access interfaces, visit their respective reference pages.
Places Developer Guide
var browserhistory = histsvc.queryinterface(ci.nsibrowserhistory); var oururi = uri("http://www.mozilla.com"); var pagetitle = "mozilla"; var visitdate = date.now() * 1000; // in microseconds browserhistory.addpagewithdetails(oururi, "mozilla", visitdate); // add a visit to a url, with extended behavior information // via nsiglobalhistory3.
Querying Places
a new session starts when the user types a new url or follows a bookmark (xxx link to more details about what constitutes a session).
XML Extras
xmlhttprequest.open("ahost") ok file:// documents can access http:// documents but you need to enable universalbrowserread privilege in your scripts - see the javascript security: signed scripts document for more details.
Accessing the Windows Registry Using XPCOM
the interface follows the windows api fairly closely, but with many of the low-level details taken care of for you.
Creating a Python XPCOM component
(note that some details may be missing.) preparation if a binary of pyxpcom is not available, you will need to build it - see building pyxpcom.
Generating GUIDs
see the linked page for details.
Generic factory
original document information author: patrick beard last updated date: february 26, 1999 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
XPCOM array guide
MozillaTechXPCOMGuideArrays
when designing public interfaces, enumerators are the preferred mechanism for accessing these structures because they hide the details of the implementation behind the interface.
How to build an XPCOM component in JavaScript
see xpcom changes in gecko 2.0 for more details.
Component Internals
there are two types of manifests that xpcom uses to track components: component manifests when xpcom first starts up, it looks for the component manifest, which is a file that lists all registered components, and stores details on exactly what each component can do.
Finishing the Component
see the following sidebar for information about how frozen and unfrozen interfaces can affect your component development, and for technical details about how interface changes beneath your code can cause havoc.
Setting up the Gecko SDK
explaining the details of the makefile is outside the scope of this appendix, but it modifies the same properties that are configured in the visual c++ project (see building a microsoft visual cpp project).
Using XPCOM Components
so we'll put aside the details of the implementation until the next chapter and look at the component from the outside-at the interface to the weblock component.
Receiving startup notifications
see the startup process for details on how this now works, if you're interested in specifics.
XPCOM guide
MozillaTechXPCOMGuide
this article details those changes, and provides suggestions for how to update your code.xpcom hashtable guidea hashtable is a data construct that stores a set of items.
Components.utils.Sandbox
see safely accessing content dom from chrome for more details.
Components.utils.createObjectIn
see details in https://blog.mozilla.org/addons/2014/04/10/changes-to-unsafewindow-for-the-add-on-sdk/.
Components.utils.evalInWindow
see bug 1042840 for details.
Components.utils.exportFunction
for the full details refer to the documentation for xray vision, but for example: functions are not visible in the xrays of javascript object types.
Components.utils.import
see using javascript code modules for more details.
Components.utils
see js_setgczeal for details; this method calls through to that with the specified value as the zeal value.
Components.utils.setGCZeal
you can get details on what this method does in js_setgczeal.
Language bindings
you can get details on what this method does in js_setgczeal.
NS_Alloc
see bug 267767 for details.
NS_Free
see bug 267767 for details.
NS_GetComponentManager
see bug 99147 for details.
NS_GetComponentRegistrar
see bug 99147 for details.
NS_GetMemoryManager
see bug 112262 for details.
NS_GetServiceManager
see bug 99147 for details.
NS_InitXPCOM2
see bug 999147 for details.
NS_InitXPCOM3
see bug 296561 for details.
NS_NewLocalFile
see bug 129279 for details.
NS_NewNativeLocalFile
see bug 129279 for details.
NS_Realloc
see bug 267767 for details.
NS_ShutdownXPCOM
see bug bug 99147 for details.
nsCStringEncoding
see bug 239123 for details.
IAccessibleAction
refer to @ref _arrayconsideration "special consideration when using arrays" for more details.
IAccessibleRelation
refer to @ref _arrayconsideration "special consideration when using arrays" for more details.
mozIRegistry
original document information author: bill law last updated date: january 21, 1999 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
mozIStorageError
last changed in gecko 1.9.1 (firefox 3.5 / thunderbird 3.0 / seamonkey 2.0) inherits from: nsisupports attributes attribute type description message autf8string a human readable error string with details; this may be null if no details are available.
mozIStorageStatementParams
for example, say you create a statement like so: var statement = dbconn.createstatement("select * from table_name where id = :item_id"); this object would have one property, item_id, that you can use to bind a value to that named parameter like so: statement.params.item_id = 2; for more details on why you should bind parameters as opposed to hard-coding them into your statement, please see the overview document about binding parameters.
mozIStorageVacuumParticipant
add more details here.
nsIAbCard
see //github.com/realityripple/uxp/blob/master//mailnews/addrbook/public/nsiabcard.idl for more details.
nsIAccessible
attributes many accessibles exposes attributes to provide more details that cannot be fit into existing api methods, please refer to attributes documentation for more information.
nsIAccessibleProvider
see constants for details.
nsIClassInfo
see bug 99158 for details.
nsIComponentRegistrar
see bug 115853 for details.
nsIContentFrameMessageManager
frame scripts can send either synchronous or asynchronous messages to the chrome process: for details on these messaging apis see the documentation for the nsicontentframemessagemanager's parent classes nsisyncmessagesender and nsimessagesender.
nsIContentViewManager
see getting access to content views for details.
nsICookieManager2
see rfc2109 for details.
nsIDOMCanvasRenderingContext2D
see that page for details.
nsIDOMDesktopNotification
see that page for details.
nsIDOMDesktopNotificationCenter
see that page for details.
nsIDOMEventListener
see that page for details.
nsIDOMFileError
it implements the dom fileerror object; for details, please read that article.
nsIDOMFileException
last changed in gecko 1.9 (firefox 3) attributes attribute type description code unsigned short the error code describing the error condition that took place; see the constants list for details.
nsIDOMFileList
please see that documentation for details.
nsIDOMFileReader
to create an instance, use: var filereader = components.classes["@mozilla.org/files/filereader;1"].createinstance(components.interfaces.nsidomfilereader); this interface implements the dom filereader object; see that documentation for details.
nsIDOMGlobalPropertyInitializer
see custom window properties are a snap in firefox blog post for details.
nsIDOMHTMLFormElement
see that page for details.
nsIDOMHTMLMediaElement
see that page for details.
nsIDOMOrientationEvent
see accelerometer values explained for details.
nsIDOMWindow
methods getcomputedstyle() see dom-window-getcomputedstyle for details.
nsIDOMXPathException
inherits from: nsisupports last changed in gecko 1.7 attributes attribute type description code unsigned short the error code; see error codes for details.
nsIDeviceMotionData
see accelerometer values explained for details.
nsIFactory
see bug 99144 for details.
nsIFileInputStream
see pr_open documentation for more details.
nsIHttpChannel
the documentation for nsiuploadchannel has further details.
nsIINIParserWriter
see file writing constants for details on the permitted values.
nsIIOService
this was a frozen interface see bug 157131 for details.
nsIJetpack
history see bug 556846 for details.
nsIJetpackService
history see bug 556846 for details.
Using nsILoginManager
see the nsilogininfo attribute definitions for more details.
nsILoginManagerStorage
see creating a login manager storage module for details.
nsIMacDockSupport
to create an instance, use: var dock = components.classes["@mozilla.org/widget/macdocksupport;1"] .getservice(components.interfaces.nsimacdocksupport); see working with the mac os x dock for details and examples.
nsIMemory
see bug 99151 for details.
nsIMessageBroadcaster
see message manager interfaces for more details on the distinction between message senders and message broadcasters.
nsIMessageSender
see message manager interfaces for more details on the distinction between message senders and message broadcasters.
nsIModule
see bug 99154 for details.
nsINavHistoryQueryOptions
redirectsmode unsigned short specifies how to handle redirects; see redirects mode constants for details.
nsIPlacesView
controllers should not be concerned with these details; controller code should not be required to decode the meaning of a selection depending on what kind of view produced the selection.
nsIPrincipal
inherits from: nsiserializable last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) for details on principals, how they work, and how to get the appropriate one, see security check basics.
nsIPrivateBrowsingService
for details on how to do this, see the article supporting private browsing mode.
nsIProcess
note: this function does not work with application bundles on mac os x, see bug 307463 for details.
nsIProperties
see bug 162114 for details.
nsIPushMessage
please see method parameters in xpidl for more details on using out parameters in javascript.
nsIPushSubscription
please see method parameters in xpidl for more details on using out parameters in javascript.
nsIScriptableIO
for more details about how to use this object, see the file and stream guide.
nsISearchEngine
this should only be called on engines created via nsibrowsersearchservice.addenginewithdetails().
nsISelectionController
see bug 418470, comment 12 for details.
nsIServerSocket
see nsiserversocketlistener for more details.
nsIServiceManager
see bug 99147 for details.
nsISessionStore
the api operates on top-level browser.xul and navigator.xul windows; see note on windows for details.
nsISimpleEnumerator
see bug 154047 for details.
nsISocketTransport
see connection flag constants for more details.
nsISocketTransportService
for more details on communicating information about proxies like socks (which are transparent to upper protocols), see nsiproxiedprotocolhandler , nsiprotocolproxyservice or proxies in necko.
nsISupportsCString
see bug 166426 for details.
nsISupportsChar
see bug 166426 for details.
nsISupportsDouble
see bug 166426 for details.
nsISupportsFloat
see bug 166426 for details.
nsISupportsID
see bug bug 166426 for details.
nsISupportsInterfacePointer
see bug bug 166426 for details.
nsISupportsPRBool
see bug 166426 for details.
nsISupportsPRInt16
see bug 166426 for details.
nsISupportsPRInt32
see bug 166426 for details.
nsISupportsPRInt64
see bug 166426 for details.
nsISupportsPRTime
see bug 166426 for details.
nsISupportsPRUint16
see bug 166426 for details.
nsISupportsPRUint32
see bug 166426 for details.
nsISupportsPRUint64
see bug 166426 for details.
nsISupportsPRUint8
see bug 166426 for details.
nsISupportsPrimitive
see bug 166426 for details.
nsISupportsString
see bug 166426 for details.
nsISupportsWeakReference
see bug 48726 for details.
nsISupports proxies
ns_release(ptestobj); pproxy->bar(); ns_release(pproxy); original document information author: doug turner last updated date: january 27, 2007 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
nsISyncMessageSender
see message manager interfaces for more details on the distinction between message senders and message broadcasters.
nsITaskbarPreview
note: neither nsitaskbartabpreview or nsitaskbarwindowpreview makes full use of the controller; see the documentation for each interface for details on which controller methods are used.
nsITextInputProcessorCallback
see the document of nsitextinputprocessornotification for the details.
nsITextInputProcessorNotification
dom/interfaces/base/nsitextinputprocessorcallback.idlscriptable this interface of a request or notification to ime 1.0 66 introduced gecko 38 inherits from: nsisupports last changed in gecko 38.0 (firefox 38.0 / thunderbird 38.0 / seamonkey 2.35) this interface tells details of a request or notification to ime.
nsIThread
this causes events to stop being dispatched to the thread, and causes any pending events to run to completion before the thread joins with the current thread (see pr_jointhread() for details).
nsITransferable
need details.
nsITreeBoxObject
void clearstyleandimagecaches(); other references tree widget changes (applies to gecko 1.8.0 and later) xul tutorial:tree box sorting and filtering a custom tree view xul tutorial:tree view details nsitreeview ...
nsITreeView
see also tree widget changes (applies to gecko 1.8 and later) xul tutorial:tree view details sorting and filtering a custom tree view when working with tree views, the tree box object may also be useful xul tutorial:tree box objects ...
nsIURI
inherits from: nsisupports last changed in gecko 6.0 (firefox 6.0 / thunderbird 6.0 / seamonkey 2.3) see the following rfcs for details: rfc3490: internationalizing domain names in applications (idna) rfc3986: uniform resource identifier (uri): generic syntax rfc3987: internationalized resource identifiers subclasses of nsiuri, such as nsiurl, impose further structure on the uri.
nsIUpdate
detailsurl astring the url to a page which offers details about the content of this update.
nsIUpdateCheckListener
update an nsiupdate object containing details about the error in its statustext attribute.
nsIWeakReference
see bug 48726 for details.
nsIWebProgressListener
note: for document requests, a second state_stop is generated (see the description of state_is_window for more details).
nsIWindowCreator
see also nsiwindowwatcher for more details.
nsIWindowWatcher
if the name doesn't exist, then a new window is opened and the specified resource is loaded into its browsing context.">window.open for details.
nsIWorker
1.0 66 introduced gecko 1.9.1 inherits from: nsiabstractworker last changed in gecko 1.9.1 (firefox 3.5 / thunderbird 3.0 / seamonkey 2.0) for usage details, see worker and the article using dom workers.
nsIXMLHttpRequest
nsixmlhttprequest along with nsijsxmlhttprequest and nsixmlhttprequesteventtarget are mozilla's implementation details of the dom xmlhttprequest object.
nsIXULBrowserWindow
see the documentation for xulbrowserwindow for details.
nsIXULWindow
see ascreen parameter for details.
nsIZipWriter
constants that are not in any interface (see bug 433295), so for the code above to work you need something like: const pr_rdonly = 0x01; const pr_wronly = 0x02; const pr_rdwr = 0x04; const pr_create_file = 0x08; const pr_append = 0x10; const pr_truncate = 0x20; const pr_sync = 0x40; const pr_excl = 0x80; see pr_open documentation or file i/o snippets for details.
NS_ENSURE_ARG_POINTER
refer to xpcom/glue/nsdebug.h for details.
NS_CStringAppendData
see bug 239123 for details.
NS_CStringCloneData
see bug 239716 for details.
NS_CStringContainerFinish
see bug 239123 for details.
NS_CStringContainerInit
see bug 239123 for details.
NS_CStringContainerInit2
see bug 264274 for details.
NS_CStringCopy
see bug 239123 for details.
NS_CStringCutData
see bug 239123 for details.
NS_CStringGetData
see bug 239123 for details.
NS_CStringGetMutableData
see bug 288786 for details.
NS_CStringInsertData
see bug 239123 for details.
NS_CStringSetData
see bug 239123 for details.
NS_CStringSetDataRange
see bug 239123 for details.
NS_CStringToUTF16
see bug bug 239123 for details.
NS_StringAppendData
see bug 239123 for details.
NS_StringCloneData
see bug 239716 for details.
NS_StringContainerFinish
see bug 239123 for details.
NS_StringContainerInit
see bug 239123 for details.
NS_StringCopy
see bug 239123 for details.
NS_StringCutData
see bug 239123 for details.
NS_StringGetData
see bug 239123 for details.
NS_StringInsertData
see bug 239123 for details.
NS_StringSetData
see bug 239123 for details.
NS_StringSetDataRange
see bug 239123 for details.
NS_UTF16ToCString
see bug bug 239123 for details.
XPCOM reference
in addition, it details the various helper classes and functions, as well as the components, provided by the xpcom glue library.
Frequently Asked Questions
[see initialization and assignment for more details] you should note, though, that there is a small performance penalty for this.
Using nsCOMPtr
portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Using nsIClassInfo
original document information authors: mike shaver, justin lebar last updated date: july 25, 2011 copyright information: portions of this content are © 1998–2011 by individual mozilla.org contributors; content available under a creative commons license | details.
Using nsIDirectoryService
related pages code_snippets:file_i/o original document information authors: conrad carlen, doug turner last updated date: september 26, 2000 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Using the Gecko SDK
(<tt>about:buildconfig</tt> can be loaded in mozilla to reveal details about the compiler that was used.) for the remainder of this guide, we'll assume you are developing components under linux.
Weak reference
/base/nsiweakreference.idl xpcom/glue/nsweakreference.h xpcom/glue/nsweakreference.cpp xpcom ownership guidelines using nscomptr original document information author: scott collins last updated date: september 23, 2000 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
XPCOM ownership guidelines
portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
XPCOM tasks
original document information author(s): unknown last updated date: may 8, 2003 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Xptcall Porting Status
bert's details <font color="white">done</font> mac ppc roger lawrence <rogerl@netscape.com>, patrick beard <beard@netscape.com> mac (passing tests and checked in) <font color="white">done</font> solaris sparc roger lawrence <rogerl@netscape.com>, chris mcafee <mcafee@netscape.com> unix this is checked in and working.
XPCOM
in addition, it details the various helper classes and functions, as well as the components, provided by the xpcom glue library.
Mozilla technologies
accessibility api implementation detailsthese pages contain documentation on mozilla specific implementation details of assistive technology apis.animated png graphicsapng is an extension of the portable network graphics (png) format, adding support for animated images.
Address Book examples
adding a mailing list first create a mailing list object and initialize it: var maillist = components.classes["@mozilla.org/addressbook/directoryproperty;1"] .createinstance(components.interfaces.nsiabdirectory); maillist.ismaillist = true; now fill in the details you want to store: maillist.dirname = "my mailing list"; maillist.listnickname = "nickname for list"; maillist.description = "list description"; add the cards you want to include in the list: for (let i = 0; i < numcards; i++) maillist.addresslists.appendelement(card[i], false); now save the list: var parentdirectory = ...; // an nsiabdirectory for the parent of the mailing list.
Autoconfiguration in Thunderbird
the configuration file description and definition the original project page on the mozilla wiki for background, design, implementation and project details this document describes how autoconfiguration in thunderbird works, and what to do to allow mail servers to be autoconfigured.
Filelink Providers
other providers however may require the user to fill in additional details in order to connect to the service.
Mail composition back end
the following details the specific copy operations that can occur in a message send call.
Mailnews and Mail code review requirements
see the full super-review policy for more details.
Access Window
the window api will give you the complete details.
Add Option to Context Menu
for more details see chrome registration.
Toolkit version format
see the next section for details on how versions are compared.
Virtualenv
see this article for details.
XPI
see updating extensions for firefox 4 for details.
Standard OS Libraries
attempting to install firefox on a a non-gtk+ based linux build such as kaosx, which is qt based (details on kaosx at the time of this writing: kdelibs version 4.1.4.3, qt version 4.8.6, 64bit) would install gtk+ libraries along with it in order to enable firefox to work on the qt system.
Int64
see 64-bit integers for details.
UInt64
see 64-bit integers for details.
js-ctypes reference
see the callbacks page for details.
Mozilla
gecko's "almost standards" mode "almost standards" rendering mode is exactly the same as "standards" mode in all details save one, where it works like "quirks" mode: the height calculations for line boxes and some of the inline elements in them.
Plug-in Basics - Plugins
for details about the html elements and their attributes, go on to: using the object element for plug-in display using the embed element for plug-in display plug-in display modes whether you are writing an html page to display a plug-in or developing a plug-in for an html author to include in a page, you need to understand how the display mode affects the way plug-ins appear.
Plug-in Development Overview - Plugins
see the scripting plugins section of this reference for the details.
URLs - Plugins
see bug 638367 for details.
Accessibility Inspector - Firefox Developer Tools
see color contrast for details about recommended contrast ratios.
DOM Inspector FAQ - Firefox Developer Tools
original document information author(s): christopher aillon last updated date: november 11, 2003 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Browser Console - Firefox Developer Tools
if the result of a command is an object, you can click on the object to see its details.
Examine, modify, and watch variables - Firefox Developer Tools
see object.defineproperty() for details on what these property descriptors mean.
Highlight and inspect DOM nodes - Firefox Developer Tools
also, when you view the details of a dom node in the code panel, objects that you can highlight in the list will also have a target next to them.
Ignore a source - Firefox Developer Tools
however, you can tell the debugger to ignore the details of selected sources.
Source map errors - Firefox Developer Tools
see bug 1437937: webextensions doesn't find source maps for details.
UI Tour - Firefox Developer Tools
see use a source map for details.
Debugger.Memory - Firefox Developer Tools
function properties of the debugger.memory.prototype object memory use analysis exposes implementation details memory analysis may yield surprising results, because browser implementation details that are transparent to content javascript often have visible effects on memory consumption.
Debugger - Firefox Developer Tools
the results of this call can be affected in non-deterministic ways by the details of the javascript implementation.
Debugger.Object - Firefox Developer Tools
the host annotation object's other properties provide further details, as appropriate for the type.
Inspecting web sockets - Firefox Developer Tools
clicking on a web socket request opens the usual sidebar to reveal additional details.
Performance Analysis - Firefox Developer Tools
network monitor features the following articles cover different aspects of using the network monitor: toolbar network request list network request details network traffic recording throttling ...
Throttling - Firefox Developer Tools
kbps 150 regular 3g 750 kbps 250 kbps 100 good 3g 1.5 mbps 750 kbps 40 regular 4g/lte 4 mbps 3 mbps 20 dsl 2 mbps 1 mbps 5 wi-fi 30 mbps 15 mbps 2 network monitor features the following articles cover different aspects of using the network monitor: toolbar network request list network request details network traffic recording performance analysis ...
Network monitor toolbar - Firefox Developer Tools
network monitor features the following articles cover different aspects of using the network monitor: network request list network request details network traffic recording performance analysis throttling ...
Network monitor recording - Firefox Developer Tools
network monitor features the following articles cover different aspects of using the network monitor: toolbar network request list network request details performance analysis throttling ...
Work with animations - Firefox Developer Tools
animation details if you click one of the bars, you'll see details of all the properties that were changed in the animation.
Flame Chart - Firefox Developer Tools
let's zoom in: this slice is about 140 ms long, and shows us more details of the functions being called by sort().
Animating CSS properties - Firefox Developer Tools
exactly what you'll see depends a lot on your machine and system load, but it will be something like this: this is showing three distinct views: (a) an overview of the waterfall, (b) the frame rate, and (c) the timeline details.
Extension Storage - Firefox Developer Tools
when selecting an extension id in the storage tree of the storage inspector, a table lists the details of all the extension storage present for the extension.
Web Console - Firefox Developer Tools
console messages details of the messages that the console logs.
about:debugging - Firefox Developer Tools
see debugging webextensions for all the details.
Firefox Developer Tools
migrating from firebug firebug has come to the end of its lifespan (see firebug lives on in firefox devtools for details of why), and we appreciate that some people will find migrating to another less familiar set of devtools to be challenging.
AesGcmParams - Web APIs
for details of how to supply appropriate values for this parameter, see the specification for aes-gcm: nist sp800-38d, in particular section 5.2.1.1 on input data.
AnalyserNode.fftSize - Web APIs
a higher value will result in more details in the frequency domain but fewer details in the time domain.
AudioContext() - Web APIs
usage notes the specification doesn't go into a lot of detail about things like how many audio contexts a user agent should support, or minimum or maximum latency requirements (if any), so these details can vary from browser to browser.
AudioContext.createMediaElementSource() - Web APIs
for more details about media element audio source nodes, check out the mediaelementaudiosourcenode reference page.
AudioContext.createMediaStreamDestination() - Web APIs
for more details about media stream destination nodes, check out the mediastreamaudiodestinationnode reference page.
AudioContext.createMediaStreamSource() - Web APIs
for more details about media stream audio source nodes, check out the mediastreamaudiosourcenode reference page.
AudioNode - Web APIs
WebAPIAudioNode
the web audio api will up-mix or down-mix the number of channels as required; check the web audio spec for details.
AudioParam.setTargetAtTime() - Web APIs
for more details, check the following table on how the value changes from 0% to 100% as the time progresses.
AudioTrackList - Web APIs
see onaddtrack and onremovetrack for details and examples.
AudioWorkletProcessor - Web APIs
the constructor of the deriving class is getting called with an options object, so you can perform a custom initialization procedures — see constructor page for details.
AuthenticatorAttestationResponse.attestationObject - Web APIs
for now, see the webauthn specification for details on each format.
BaseAudioContext.createBuffer() - Web APIs
the createbuffer() method of the baseaudiocontext interface is used to create a new, empty audiobuffer object, which can then be populated by data, and played via an audiobuffersourcenode for more details about audio buffers, check out the audiobuffer reference page.
CSSRule.cssText - Web APIs
WebAPICSSRulecssText
see using dynamic styling information for details.
CSSStyleSheet.insertRule() - Web APIs
see browser compatibility for details.) return value the newly inserted rule's index within the stylesheet's rule-list.
Using dynamic styling information - Web APIs
one's javascript code also becomes cleaner since instead of being dedicated to styling details, it can focus on the overall semantics of each section it is creating or manipulating, leaving the precise style details to the stylesheet.
Drawing shapes with canvas - Web APIs
« previousnext » now that we have set up our canvas environment, we can get into the details of how to draw on the canvas.
Drawing text - Web APIs
ctx.clearrect(0, 0, canvas.width, canvas.height); eval(textarea.value); } reset.addeventlistener('click', function() { textarea.value = code; drawcanvas(); }); edit.addeventlistener('click', function() { textarea.focus(); }) textarea.addeventlistener('input', drawcanvas); window.addeventlistener('load', drawcanvas); advanced text measurements in the case you need to obtain more details about the text, the following method allows you to measure it.
Pixel manipulation with canvas - Web APIs
; var invertbtn = document.getelementbyid('invertbtn'); invertbtn.addeventlistener('click', invert); var grayscalebtn = document.getelementbyid('grayscalebtn'); grayscalebtn.addeventlistener('click', grayscale); } zooming and anti-aliasing with the help of the drawimage() method, a second canvas and the imagesmoothingenabled property, we are able to zoom into our picture and see the details.
Clipboard - Web APIs
WebAPIClipboard
please see the section clipboard availability for details.
console.assert() - Web APIs
WebAPIConsoleassert
chrome v67.0.3396.87): // assertion failed: the word is %s foo see outputting text to the console in the documentation of console for further details.
console.debug() - Web APIs
WebAPIConsoledebug
see outputting text to the console in the documentation of the console object for details.
Console.error() - Web APIs
WebAPIConsoleerror
see outputting text to the console in the documentation of console for details.
Console.group() - Web APIs
WebAPIConsolegroup
example, given this code: console.log("this is the outer level"); console.group(); console.log("level 2"); console.group(); console.log("level 3"); console.warn("more of level 3"); console.groupend(); console.log("back to level 2"); console.groupend(); console.log("back to the outer level"); the output looks like this: see using groups in the console in the documentation of console for more details.
Console.groupCollapsed() - Web APIs
see using groups in the console in the console documentation for details and examples.
Console.groupEnd() - Web APIs
WebAPIConsolegroupEnd
see using groups in the console in the console documentation for details and examples.
Console.info() - Web APIs
WebAPIConsoleinfo
see outputting text to the console in the documentation of console for details.
console.log() - Web APIs
WebAPIConsolelog
see outputting text to the console in the documentation of console for details.
Console.time() - Web APIs
WebAPIConsoletime
see timers in the console documentation for details and examples.
Console.timeEnd() - Web APIs
WebAPIConsoletimeEnd
see timers in the documentation for details and examples.
Console.timeLog() - Web APIs
WebAPIConsoletimeLog
see timers in the documentation for details and examples.
console.trace() - Web APIs
WebAPIConsoletrace
see stack traces in the console documentation for details and examples.
Console.warn() - Web APIs
WebAPIConsolewarn
see outputting text to the console in the documentation of console for details.
CrashReportBody - Web APIs
for security reasons, no details of the crash are communicated in the body except for a general crash reason.
CredentialsContainer.preventSilentAccess() - Web APIs
see browser compatibility for support details.
CredentialsContainer - Web APIs
see browser compatibility for support details.
DataTransferItem.getAsString() - Web APIs
see callback below for details.
Detecting device orientation - Web APIs
the changes are provided along three axis (see orientation and motion data explained for details).
DeviceMotionEventAcceleration: x - Web APIs
see accelerometer values explained for details.
DeviceMotionEventAcceleration: y - Web APIs
see accelerometer values explained for details.
DeviceMotionEventAcceleration: z - Web APIs
see accelerometer values explained for details.
DeviceMotionEventRotationRate: alpha - Web APIs
see accelerometer values explained for details.
DeviceMotionEventRotationRate: beta - Web APIs
see accelerometer values explained for details.
DeviceMotionEventRotationRate: gamma - Web APIs
see accelerometer values explained for details.
DeviceOrientationEvent.absolute - Web APIs
see orientation and motion data explained for details.
DeviceOrientationEvent.alpha - Web APIs
see orientation and motion data explained for details.
DeviceOrientationEvent.beta - Web APIs
see orientation and motion data explained for details.
DeviceOrientationEvent.gamma - Web APIs
see orientation and motion data explained for details.
Document: animationcancel event - Web APIs
for full details on this event please see the page on htmlelement: animationcancel.
Document: animationend event - Web APIs
for full details on this event please see the page on htmlelement: animationend.
Document: animationiteration event - Web APIs
for full details on this event please see the page on htmlelement: animationiteration.
Document: animationstart event - Web APIs
for full details on this event please see the page on htmlelement: animationstart.
Document: copy event - Web APIs
for full details on this event please see the page on the element: copy event.
Document.createElement() - Web APIs
see web component example for more details.
Document.createEvent() - Web APIs
see notes section for details.
Document: cut event - Web APIs
for full details on this event please see the page on the element: cut event.
Document.documentURIObject - Web APIs
see bug 324464's comments for details.
Document.getElementsByTagName() - Web APIs
see bug 14869 for details.
Document.hasStorageAccess() - Web APIs
you can currently find specification details of the api at apple's introducing storage access api blog post, and whatwg html issue 3338 — proposal: storage access api.
Document: keydown event - Web APIs
since firefox 65, the keydown and keyup events are now fired during ime composition, to improve cross-browser compatibility for cjkt users (bug 354358, also see keydown and keyup events are now fired during ime composition for more useful details).
Document: keyup event - Web APIs
since firefox 65, the keydown and keyup events are now fired during ime composition, to improve cross-browser compatibility for cjkt users (bug 354358, also see keydown and keyup events are now fired during ime composition for more useful details).
Document.open() - Web APIs
WebAPIDocumentopen
three-argument document.open() there is a lesser-known and little-used three-argument version of document.open() , which is an alias of window.open() (see its page for full details).
Document: paste event - Web APIs
for full details on this event please see the page on the element: paste event.
Document.requestStorageAccess() - Web APIs
you can currently find specification details of the api at apple's introducing storage access api blog post, and the storage access api proposal in the privacy cg.
Document: transitioncancel event - Web APIs
for full details on this event please see the page on htmlelement: transitioncancel.
Document: transitionend event - Web APIs
for full details on this event please see the page on htmlelement: transitionend.
Document: transitionrun event - Web APIs
for full details on this event please see the page on htmlelement: transitionrun.
Document: transitionstart event - Web APIs
for full details on this event please see the page on htmlelement: transitionstart.
Document.visibilityState - Web APIs
check compatibility table for details.
Events and the DOM - Web APIs
more details can be found on the eventtarget.addeventlistener reference page.
Locating DOM elements using selectors - Web APIs
you may find examples and details by reading the documentation for the element.queryselector() and element.queryselectorall() methods, as well as in the article code snippets for queryselector.
How whitespace is handled by HTML, CSS, and in the DOM - Web APIs
there are rules in the browser engine that decide which whitespace characters are useful and which aren’t — these are specified at least in part in css text module level 3, and especially the parts about the css white-space property and whitespace processing details, but we also offer an easier explanation below.
EffectTiming.iterationStart - Web APIs
see issue 170 in the web animations api specification's issue tracker for details and status of any changes to the specification in this regard.
Element.animate() - Web APIs
WebAPIElementanimate
see keyframe formats for more details.
Element.getAttribute() - Web APIs
if the given attribute does not exist, the value returned will either be null or "" (the empty string); see non-existing attributes for details.
Element.getAttributeNS() - Web APIs
if the named attribute does not exist, the value returned will either be null or "" (the empty string); see notes for details.
Element.innerHTML - Web APIs
WebAPIElementinnerHTML
document.documentelement.innerhtml = "<pre>" + document.documentelement.innerhtml.replace(/</g,"&lt;") + "</pre>"; operational details what exactly happens when you set value of innerhtml?
Element: keydown event - Web APIs
since firefox 65, the keydown and keyup events are now fired during ime composition, to improve cross-browser compatibility for cjkt users (bug 354358, also see keydown and keyup events are now fired during ime composition for more useful details).
Element: keyup event - Web APIs
since firefox 65, the keyup and keydown events are now fired during ime composition, to improve cross-browser compatibility for cjkt users (bug 354358, also see keydown and keyup events are now fired during ime composition for more useful details).
Element.openOrClosedShadowRoot - Web APIs
(see element.attachshadow() for further details).
Element.shadowRoot - Web APIs
(see element.attachshadow() for further details).
Comparison of Event Targets - Web APIs
see anonymous content#event_flow_and_targeting for details.
Event() - Web APIs
WebAPIEventEvent
composed optional a boolean indicating whether the event will trigger listeners outside of a shadow root (see event.composed for more details).
Event.cancelBubble - Web APIs
see browser compatibility for details.
Event.eventPhase - Web APIs
WebAPIEventeventPhase
for more details, see section 3.1, event dispatch and dom event flow, of the dom level 3 events specification.
Event.explicitOriginalTarget - Web APIs
example this property can be used with <command> to get the event details of the original object calling the command.
Event.originalTarget - Web APIs
see anonymous content#event_flow_and_targeting for more details.
Using Fetch - Web APIs
supplying request options the fetch() method can optionally accept a second parameter, an init object that allows you to control a number of different settings: see fetch() for the full options available, and more details.
Fetch API - Web APIs
WebAPIFetch API
see the interface pages for more details.
Using files from web applications - Web APIs
see using the dom file api in chrome code for details.
FileList - Web APIs
WebAPIFileList
it's also used for a list of files dropped into web content when using the drag and drop api; see the datatransfer object for details on this usage.
FileReader() - Web APIs
for details about how to use filereader, see using files from web applications.
FileReader - Web APIs
see using files from web applications for details and examples.
FileSystemDirectoryReader - Web APIs
check the browser compatibility section for details.
FileSystemEntry.copyTo() - Web APIs
receives a single input parameter: a filesystementry based object providing the copied item's new details.
FileSystemEntry.moveTo() - Web APIs
receives a single input parameter: a filesystementry based object providing the moved item's new details.
FileSystemEntry - Web APIs
check the browser compatibility section for details.
FormDataEvent() - Web APIs
composed: a boolean indicating whether the event will trigger listeners outside of a shadow root (see event.composed for more details).
GeolocationPositionError - Web APIs
geolocationpositionerror.message read only secure context returns a human-readable domstring describing the details of the error.
GlobalEventHandlers.onerror - Web APIs
notes when an error occurs in a script, loaded from a different origin, the details of the error are not reported to prevent leaking information (see bug 363897).
GlobalEventHandlers.onfocus - Web APIs
for onfocus to fire on non-input elements, they must be given the tabindex attribute (see building keyboard accessibility back in for more details).
GlobalEventHandlers.onpointerleave - Web APIs
</div> </body> </html> see using pointer events for additional details.
HTMLDialogElement.close() - Web APIs
avanimal" name="favanimal"> <option></option> <option>brine shrimp</option> <option>red panda</option> <option>spider monkey</option> </select></p> </section> <menu> <button id="cancel" type="reset">cancel</button> <button type="submit">confirm</button> </menu> </form> </dialog> <menu> <button id="updatedetails">update details</button> </menu> <script> (function() { var updatebutton = document.getelementbyid('updatedetails'); var cancelbutton = document.getelementbyid('cancel'); var dialog = document.getelementbyid('favdialog'); dialog.returnvalue = 'favanimal'; function opencheck(dialog) { if(dialog.open) { console.log('dialog open'); } ...
HTMLDialogElement.open - Web APIs
avanimal" name="favanimal"> <option></option> <option>brine shrimp</option> <option>red panda</option> <option>spider monkey</option> </select></p> </section> <menu> <button id="cancel" type="reset">cancel</button> <button type="submit">confirm</button> </menu> </form> </dialog> <menu> <button id="updatedetails">update details</button> </menu> <script> (function() { var updatebutton = document.getelementbyid('updatedetails'); var cancelbutton = document.getelementbyid('cancel'); var dialog = document.getelementbyid('favdialog'); dialog.returnvalue = 'favanimal'; function opencheck(dialog) { if(dialog.open) { console.log('dialog open'); } ...
HTMLDialogElement.show() - Web APIs
avanimal" name="favanimal"> <option></option> <option>brine shrimp</option> <option>red panda</option> <option>spider monkey</option> </select></p> </section> <menu> <button id="cancel" type="reset">cancel</button> <button type="submit">confirm</button> </menu> </form> </dialog> <menu> <button id="updatedetails">update details</button> </menu> <script> (function() { var updatebutton = document.getelementbyid('updatedetails'); var cancelbutton = document.getelementbyid('cancel'); var dialog = document.getelementbyid('favdialog'); dialog.returnvalue = 'favanimal'; function opencheck(dialog) { if(dialog.open) { console.log('dialog open'); } ...
HTMLDialogElement.showModal() - Web APIs
avanimal" name="favanimal"> <option></option> <option>brine shrimp</option> <option>red panda</option> <option>spider monkey</option> </select></p> </section> <menu> <button id="cancel" type="reset">cancel</button> <button type="submit">confirm</button> </menu> </form> </dialog> <menu> <button id="updatedetails">update details</button> </menu> <script> (function() { var updatebutton = document.getelementbyid('updatedetails'); var cancelbutton = document.getelementbyid('cancel'); var dialog = document.getelementbyid('favdialog'); dialog.returnvalue = 'favanimal'; function opencheck(dialog) { if(dialog.open) { console.log('dialog open'); } ...
HTMLDialogElement - Web APIs
avanimal" name="favanimal"> <option></option> <option>brine shrimp</option> <option>red panda</option> <option>spider monkey</option> </select></p> </section> <menu> <button id="cancel" type="reset">cancel</button> <button type="submit">confirm</button> </menu> </form> </dialog> <menu> <button id="updatedetails">update details</button> </menu> <script> (function() { var updatebutton = document.getelementbyid('updatedetails'); var cancelbutton = document.getelementbyid('cancel'); var dialog = document.getelementbyid('favdialog'); dialog.returnvalue = 'favanimal'; function opencheck(dialog) { if(dialog.open) { console.log('dialog open'); } ...
HTMLFormElement - Web APIs
t.body.appendchild(f); // add it to the document body f.action = "/cgi-bin/some.cgi"; // add action and method attributes f.method = "post"; f.submit(); // call the form's submit() method extract information from a <form> element and set some of its attributes: <form name="forma" action="/cgi-bin/test" method="post"> <p>press "info" for form details, or "set" to change those details.</p> <p> <button type="button" onclick="getforminfo();">info</button> <button type="button" onclick="setforminfo(this.form);">set</button> <button type="reset">reset</button> </p> <textarea id="form-info" rows="15" cols="20"></textarea> </form> <script> function getforminfo(){ // get a reference to the form via its name var f = document.forms...
HTMLIFrameElement - Web APIs
see using full-screen mode for details.
HTMLImageElement.alt - Web APIs
view the css editors: if you change the css below, please be sure to close the details box using the toggle at the top of the css view before saving.
HTMLImageElement.hspace - Web APIs
recommendation provides additional details not present in the newer specification.
HTMLImageElement.longDesc - Web APIs
this can be used to provide optional added details beyond the short description provided in the title attribute.
HTMLImageElement.name - Web APIs
recommendation provides additional details not available in the html 5 browser compatibility the compatibility table on this page is generated from structured data.
HTMLImageElement.sizes - Web APIs
see syntax in using media queries for details on how to construct a media condition.
HTMLImageElement.vspace - Web APIs
recommendation the html 4.01 specification offers additional details.
HTMLInputElement.webkitdirectory - Web APIs
see this bug for further details.
HTMLKeygenElement - Web APIs
see bug 101019 for details and status.
HTMLLinkElement.referrerPolicy - Web APIs
see the http referrer-policy header for details.
HTMLLinkElement - Web APIs
see cors settings attributes for details.
HTMLMediaElement.crossOrigin - Web APIs
see cors settings attributes for details.
HTMLMediaElement.play() - Web APIs
other exceptions may be reported, depending on browser implementation details, media player implementation, and so forth.
HTMLSelectElement - Web APIs
see the example provided in the documentation for the change event for details.
HTMLVideoElement.videoHeight - Web APIs
see about intrinsic width and height for more details.
HTMLVideoElement.videoWidth - Web APIs
see about intrinsic width and height for more details.
In depth: Microtasks and the JavaScript runtime environment - Web APIs
javascript execution contexts note: the details here are generally not important to most javascript programmers.
Using microtasks in JavaScript with queueMicrotask() - Web APIs
this is a quick, simplified explanation, but if you would like more details, you can read the information in the article in depth: microtasks and the javascript runtime environment.
The HTML DOM API - Web APIs
htmlanchorelement htmlareaelement htmlaudioelement htmlbrelement htmlbaseelement htmlbodyelement htmlbuttonelement htmlcanvaselement htmldlistelement htmldataelement htmldatalistelement htmldetailselement htmldialogelement htmldirectoryelement htmldivelement htmlelement htmlembedelement htmlfieldsetelement htmlformelement htmlhrelement htmlheadelement htmlheadingelement htmlhtmlelement htmliframeelement htmlimageelement htmlinputelement htmllielement htmllabelelement htmllegendelement htmllinkelement htmlmapelement htmlmediaelement htmlmenuelement htmlmetaelement html...
Drag Operations - Web APIs
the application/x.bookmark type can provide data with more details for use within the application whereas the other types can include just a single url or text version.
Recommended Drag Types - Web APIs
see dragging and dropping multiple items for more details about this.
HTML Drag and Drop API - Web APIs
function dragstart_handler(ev) { ev.datatransfer.dropeffect = "copy"; } for more details, see: drag effects define a drop zone by default, the browser prevents anything from happening when dropping something onto most html elements.
IDBDatabase.transaction() - Web APIs
details optional dictionary of other settings, supported only by chrome: return value an idbtransaction object.
IDBVersionChangeRequest - Web APIs
see the compatibility table for version details.
Using IndexedDB - Web APIs
// the added records would be like: // key : 1 => value : "bill" // key : 2 => value : "donna" customerdata.foreach(function(customer) { objstore.add(customer.name); }); }; for more details about the key generator, please see "w3c key generators".
IndexedDB API - Web APIs
this is the main landing page for mdn's indexeddb coverage — here we provide links to the full api reference and usage guides, browser support details, and some explanation of key concepts.
InputDeviceCapabilities API - Web APIs
the inputdevicecapabilities api provides details about the underlying sources of input events.
IntersectionObserverEntry.boundingClientRect - Web APIs
this value is obtained using the same algorithm as element.getboundingclientrect(), so refer to that article for details on precisely what is done to obtain this rectangle and what is and is not included within its bounds.
KeyboardEvent.charCode - Web APIs
see gecko keypress event for details.
KeyboardEvent.keyCode - Web APIs
see gecko keypress event for details.
KeyboardEvent.which - Web APIs
please see keyboardevent.charcode and keyboardevent.keycode for more details.
LargestContentfulPaint - Web APIs
the largestcontentfulpaint interface of the largest contentful paint api provides details about the largest image or text paint before user input on a web page.
LocalFileSystem - Web APIs
for more details, see the article on basic concepts.
LocalFileSystemSync - Web APIs
for more details, see the article on basic concepts.
MediaDevices.getUserMedia() - Web APIs
for additional details on these requirements and rules, how they are reflected in the context in which your code is running, and about how browsers manage user privacy and security issues, read on.
MediaRecorder: dataavailable event - Web APIs
bubbles no cancelable no interface blobevent event handler property ondataavailable for details of the all the possible reasons this event may raise, see the documentation for the event handler property: ondataavailable.
MediaRecorder: error event - Web APIs
bubbles no cancelable no interface mediarecordererrorevent event handler property onerror for details of the all the possible errors see the documentation for the event handler property: onerror.
MediaRecorder.mimeType - Web APIs
this string may include the codecs parameter, giving details about the codecs and the codec configurations used by the media recorder.
MediaRecorderErrorEvent.error - Web APIs
the read-only error property in the mediarecordererrorevent interface is a domexception object providing details about the exception that was thrown by a mediarecorder instance.
MediaSession.setPositionState() - Web APIs
the mediasession method setpositionstate() is used to update the current document's media playback position and speed for presentation by user's device in any kind of interface that provides details about ongoing media.
MediaSource.isTypeSupported() - Web APIs
this may include the codecs parameter to provide added details about the codecs used within the file.
MediaStreamConstraints.audio - Web APIs
see security in mediadevices.getusermedia() for details and examples on how to configure this.
MediaStreamTrack.getCapabilities() - Web APIs
see capabilities, constraints, and settings for details on how to work with constrainable properties.
MediaStreamTrack.getConstraints() - Web APIs
see capabilities, constraints, and settings for details on how to work with constrainable properties.
MediaStreamTrack.getSettings() - Web APIs
see capabilities, constraints, and settings for details on how to work with constrainable properties.
Using the Media Capabilities API - Web APIs
these parameters may include the codecs, resolutions, bit rates, frame rates, and other such details.
Media Session API - Web APIs
mediasessionactiondetails provides information needed in order to perform the action which has been requested, including the type of action to perform and any other information needed, such as seek distances or times.
Transcoding assets for Media Source Extensions - Web APIs
see the building instructions for more details.
Media Source API - Web APIs
mse gives us finer grained control over how much and how often content is fetched, and some control over memory usage details, such as when buffers are evicted.
Capabilities, constraints, and settings - Web APIs
see the example in mediadevices.getsupportedconstraints() for details on how this code works.
MouseEvent.clientX - Web APIs
see the "browser compatibility" section for details.
MouseEvent.clientY - Web APIs
see the "browser compatibility" section for details.
MouseEvent.getModifierState() - Web APIs
see the document of keyboardevent.getmodifierstate() for details.
MouseEvent.offsetX - Web APIs
see the browser compatibility section for details.
MouseEvent.offsetY - Web APIs
see the browser compatibility section for details.
MouseEvent.pageX - Web APIs
WebAPIMouseEventpageX
see the browser compatibility section for details.
MouseEvent.pageY - Web APIs
WebAPIMouseEventpageY
see the browser compatibility section for details.
MouseEvent.screenX - Web APIs
see the "browser compatibility" section for details.
MouseEvent.screenY - Web APIs
see the "browser compatibility" section for details.
MouseEvent - Web APIs
see the keyboardevent.getmodifierstate() for details.
MutationEvent - Web APIs
preface the mutation events have been marked as deprecated in the dom events specification, as the api's design is flawed (see details in the "dom mutation events replacement: the story so far / existing points of consensus" post to public-webapps).
MutationObserver.MutationObserver() - Web APIs
see the example below for more details.
Navigator.getUserMedia() - Web APIs
for details, see the constraints section under the modern mediadevices.getusermedia() method, as well as the article capabilities, constraints, and settings.
Navigator.vibrate() - Web APIs
WebAPINavigatorvibrate
see vibration api for details.
Node.baseURIObject - Web APIs
see node.baseuri for details on what the base url is.
Node.localName - Web APIs
WebAPINodelocalName
syntax name = element.localname name is the local name as a string (see notes below for details) example (must be served with xml content type, such as text/xml or application/xhtml+xml.) <html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg"> <head> <script type="application/javascript"><![cdata[ function test() { var text = document.getelementbyid('text'); var circle = document.getelementbyid('circle'); text.value = "<svg:circle> has:\n" + "localname = '" + circle.localname + "'\n" + "namespaceuri = '" + circle.namespac...
Node.nodeName - Web APIs
WebAPINodenodeName
read more details on nodename case sensitivity in different browsers.
PayerErrors.email - Web APIs
WebAPIPayerErrorsemail
example function validatepayment(response) { const correctionpromises let paymenterrors = {}; let payererrors = {}; // check payer details if (!validemail(response.payeremail)) { payererrors.email = "please make sure you enter a valid email address." } if (!validname(response.payername)) { payererrors.email = "please enter a valid name, using only <appropriate characters>." } if (!validphone(response.payerphone)) { payererrors.phone = "please enter a valid phone number in the form ###-###-####." } // chec...
PayerErrors.name - Web APIs
WebAPIPayerErrorsname
example function validatepayment(response) { const correctionpromises let paymenterrors = {}; let payererrors = {}; // check payer details if (!validemail(response.payeremail)) { payererrors.email = "please make sure you enter a valid email address." } if (!validname(response.payername)) { payererrors.email = "please enter a valid name, using only <appropriate characters>." } if (!validphone(response.payerphone)) { payererrors.phone = "please enter a valid phone number in the form ###-###-####." } // chec...
PayerErrors.phone - Web APIs
WebAPIPayerErrorsphone
example function validatepayment(response) { const correctionpromises let paymenterrors = {}; let payererrors = {}; // check payer details if (!validemail(response.payeremail)) { payererrors.email = "please make sure you enter a valid email address." } if (!validname(response.payername)) { payererrors.email = "please enter a valid name, using only <appropriate characters>." } if (!validphone(response.payerphone)) { payererrors.phone = "please enter a valid phone number in the form ###-###-####." } // chec...
PaymentAddress.country - Web APIs
hich contains the iso3166-1 alpha-2 code identifying the country in which the address is located, or an empty string if no country is available, which frequently can be assumed to mean "same country as the site owner." usage notes if the payment handler validates the address and determines that the value of country is invalid, a call to paymentrequestupdateevent.updatewith() will be made with a details object containing a shippingaddresserrors field.
PaymentMethodChangeEvent - Web APIs
methoddetails read only secure context an object containing payment method-specific data useful when handling a payment method change.
PaymentRequest.abort() - Web APIs
var request = new paymentrequest(supportedinstruments, details, options); var paymenttimeout = window.settimeout(() => { window.cleartimeout(paymenttimeout); request.abort().then(() => { print('payment timed out after 20 minutes.'); }).catch(() => { print('unable to abort, because the user is currently in the process ' + 'of paying.'); }); }, 20 * 60 * 1000); /* 20 minutes */ specifications specification status c...
PaymentRequest: merchantvalidation event - Web APIs
see merchant validation in payment processing concepts for details on how the merchant validation process works.
PaymentRequest.onshippingaddresschange - Web APIs
var payment = new paymentrequest(supportedinstruments, details, options); request.addeventlistener('shippingaddresschange', function(evt) { evt.updatewith(new promise(function(resolve) { updatedetails(details, request.shippingaddress, resolve); })); }); payment.show().then(function(paymentresponse) { // processing of paymentresponse exerpted for the same of clarity.
PaymentRequest - Web APIs
properties paymentrequest.id read only secure context an unique identifier for a particular paymentrequest, which can be set via details.id.
PaymentRequestEvent() - Web APIs
modifiers: an array of objects containing changes to payment details.
PaymentRequestEvent - Web APIs
modifiersread only returns an array of objects containing changes to payment details.
PaymentRequestUpdateEvent.PaymentRequestUpdateEvent() - Web APIs
the paymentrequestupdateevent constructor creates a new paymentrequestupdateevent object which enables a web page to update the details of a paymentrequest in response to a user action.
PaymentResponse.methodName - Web APIs
payment.show().then(paymentresponse => { var paymentdata = { // payment method string method: paymentresponse.methodname, // payment details as you requested details: paymentresponse.details, // shipping address information address: todict(paymentresponse.shippingaddress) }; // send information to the server }); specifications specification status comment payment request api candidate recommendation initial definition.
PaymentResponse.onpayerdetailchange - Web APIs
const options = { requestshipping: true, requestpayeremail: true, requestpayername: true, requestpayerphone: true, }; const request = new paymentrequest(methods, details, options); const response = request.show(); // get the data from the response let { payername: oldpayername, payeremail: oldpayeremail, payerphone: oldpayerphone, } = response; // set up a handler for payerdetailchange events, to // request corrections as needed.
PaymentResponse: payerdetailchange event - Web APIs
const options = { requestshipping: true, requestpayeremail: true, requestpayername: true, requestpayerphone: true, }; const request = new paymentrequest(methods, details, options); const response = request.show(); // get the data from the response let { payername: oldpayername, payeremail: oldpayeremail, payerphone: oldpayerphone, } = response; // set up a handler for payerdetailchange events, to // request corrections as needed.
PaymentResponse.requestId - Web APIs
the requestid read-only property of the paymentresponse interface rreturns the free-form identifier supplied by the paymentresponse() constructor by details.id.
Performance Timeline - Web APIs
for more details about the interfaces, see the reference pages and using performance timeline.
Multi-touch interaction - Web APIs
see the update_background function for more details about the color changes.
PromiseRejectionEvent() - Web APIs
options an object specifying details about the rejection which occurred: promise the promise that was rejected.
PushManager.getSubscription() - Web APIs
it returns a promise that resolves to a pushsubscription object containing details of an existing subscription.
PushSubscription.toJSON() - Web APIs
example navigator.serviceworker.ready.then(function(reg) { reg.pushmanager.getsubscription().then(function(subscription) { var mysubscription = subscription.tojson(); // do something with subscription details }) }); specifications specification status comment push apithe definition of 'pushsubscription: tojson' in that specification.
RTCDTMFSender - Web APIs
see tonebuffer for details on the format of the tone buffer.
RTCDTMFToneChangeEvent.RTCDTMFToneChangeEvent() - Web APIs
see tone characters for details on what characters are permitted.
RTCIceCandidate.tcpType - Web APIs
the rtcicecandidate interface's read-only tcptype property is included on tcp candidates to provide additional details about the candidate type.
RTCIceCandidate.usernameFragment - Web APIs
see randomization below for details.
RTCIceCandidatePairStats.retransmissionsReceived - Web APIs
see rfc 7982 for further details.
RTCIceCandidatePairStats.retransmissionsSent - Web APIs
see rfc 7982 for further details.
RTCIceTransport.state - Web APIs
see the disconnected state for additional details.
RTCIceTransportState - Web APIs
see the disconnected state for additional details.
RTCInboundRtpStreamStats.qpSum - Web APIs
see the individual codec specifications for details.
RTCInboundRtpStreamStats.sliCount - Web APIs
for details, see rfc 4585: 6.3.2.
RTCOutboundRtpStreamStats.qpSum - Web APIs
see the individual codec specifications for details.
RTCOutboundRtpStreamStats.sliCount - Web APIs
for details, see rfc 4585: 6.3.2.
RTCPeerConnection.addTrack() - Web APIs
see starting negotiation in signaling and video calling for details.
RTCPeerConnection.currentLocalDescription - Web APIs
for details on what exactly happens and why the change isn't necessarily instantaneous, see pending and current descriptions in webrtc connectivity.
RTCPeerConnection.currentRemoteDescription - Web APIs
for details on what exactly happens and why the change isn't necessarily instantaneous, see pending and current descriptions in webrtc connectivity.
RTCPeerConnection.getStats() - Web APIs
the contents of the report depend on the selector as well as other details of the connection.
RTCPeerConnection.localDescription - Web APIs
see pending and current descriptions in webrtc connectivity for details on this algorithm and why it's used.
RTCPeerConnection.onicecandidateerror - Web APIs
turn adds a few more error codes; see // rfc 5766, section 15 for details.
RTCPeerConnection.onsignalingstatechange - Web APIs
this event object doesn't provide details about what changed, but you can examine the signalingstate property to determine what the new state is.
RTCPeerConnection.pendingLocalDescription - Web APIs
for details on the difference, see pending and current descriptions in webrtc connectivity.
RTCPeerConnection.pendingRemoteDescription - Web APIs
for details on the difference, see pending and current descriptions in webrtc connectivity.
RTCPeerConnection.remoteDescription - Web APIs
see pending and current descriptions in webrtc connectivity for details on this algorithm and why it's used.
RTCPeerConnection.restartIce() - Web APIs
for details about how ice restart works, see ice restart in lifetime of a webrtc session and rfc 5245, section 9.1.1.1: ice specification.
RTCPeerConnection.setLocalDescription() - Web APIs
see pending and current descriptions in webrtc connectivity for more details on this process.
RTCPeerConnection.signalingState - Web APIs
see signaling in lifetime of a webrtc session for more details about the signaling process.
RTCPeerConnection: track event - Web APIs
see track event types in rtctrackevent for details.
RTCPeerConnectionIceErrorEvent - Web APIs
the rtcpeerconnectioniceerrorevent interface—based upon the event interface—provides details pertaining to an ice error announced by sending an icecandidateerror event to the rtcpeerconnection object.
RTCRemoteOutboundRtpStreamStats.localId - Web APIs
this object is, specifically, of type rtcremoteoutboundrtpstreamstats, and it provides statistics giving details about the state of things from the perspective of the remote peer.
RTCRtpCodecCapability - Web APIs
see codecs used by webrtc for details about potential codecs that might be referenced here.
RTCRtpCodecParameters - Web APIs
most codecs have specific values or ranges of values they permit; see the iana payload format media type registry for details.
RTCRtpSender.dtmf - Web APIs
WebAPIRTCRtpSenderdtmf
see using dtmf for details on how to make use of the returned rtcdtmfsender object.
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.
RTCRtpStreamStats.qpSum - Web APIs
see the individual codec specifications for details.
RTCRtpStreamStats.sliCount - Web APIs
for technical details, see rfc 4585: 6.3.2.
Range.getBoundingClientRect() - Web APIs
see element.getboundingclientrect() for details on the returned value.
ReadableStream.cancel() - Web APIs
see devtools for details.
ReportingObserver - Web APIs
mediadevices.getusermedia(): if(navigator.mozgetusermedia) { navigator.mozgetusermedia( constraints, success, failure); } else { navigator.getusermedia( constraints, success, failure); } this causes a deprecation report to be generated; because of the event handler we set up inside the reportingobserver() constructor, we can now click the button to display the report details.
Using the Resource Timing API - Web APIs
for more details about the interfaces, including examples, see each interface's reference page and the references in the see also section.
Resource Timing API - Web APIs
for more details about the interfaces including examples see each interface's reference page, using the resource timing api, and the references in the see also section.
Using server-sent events - Web APIs
for details on the format of the event stream, see event stream format.
ServiceWorkerGlobalScope.onpushsubscriptionchange - Web APIs
}) example self.addeventlistener('pushsubscriptionchange', function() { // do something, usually resubscribe to push and // send the new subscription details back to the // server via xhr or fetch }); specifications specification status comment push apithe definition of 'onpushsubscriptionchange' in that specification.
ServiceWorkerRegistration.pushManager - Web APIs
} navigator.serviceworker.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.
ServiceWorkerRegistration.showNotification() - Web APIs
you can also retrieve details of the notifications that have been fired from the current service worker using serviceworkerregistration.getnotifications().
Using Service Workers - Web APIs
read jake archibald's (unfortunately-titled but well-written) application cache is a douchebag for more details.
Slottable: assignedSlot - Web APIs
syntax var slotelement = elementinstance.assignedslot value an htmlslotelement instance, or null if the element is not assigned to a slot, or if the associated shadow root was attached with its mode set to closed (see element.attachshadow for further details).
SpeechRecognitionError.message - Web APIs
syntax var myerrormsg = event.message; value a domstring containing more details about the error that was raised.
SpeechRecognitionErrorEvent.message - Web APIs
syntax var myerrormsg = event.message; value a domstring containing more details about the error that was raised.
Storage API - Web APIs
note: see using the permissions api for further details about obtaining and managing permissions.
Streams API concepts - Web APIs
important: byte streams are not implemented anywhere as yet, and questions have been raised as to whether the spec details are in a finished enough state for them to be implemented.
SubtleCrypto.exportKey() - Web APIs
keys can be exported in several formats: see supported formats in the subtlecrypto.importkey() page for details.
SubtleCrypto.importKey() - Web APIs
the function accepts several import formats: see supported formats for details.
SubtleCrypto.unwrapKey() - Web APIs
as with subtlecrypto.importkey(), you specify the key's import format and other attributes of the key to import details such as whether it is extractable, and which operations it can be used for.
TextTrack - Web APIs
WebAPITextTrack
needs details texttrack.kind read only returns a domstring indicating what kind of text track the texttrack describes.
TextTrackList - Web APIs
see onaddtrack and onremovetrack for details and examples.
TrackEvent() - Web APIs
composed optional a boolean indicating whether or not the event will trigger listeners outside of a shadow root; see event.composed for more details.
UIEvent - Web APIs
WebAPIUIEvent
uievent.detailread only returns a long with details about the event, depending on the event type.
USBDevice.clearHalt() - Web APIs
see the for details.
User Timing API - Web APIs
for more details and example code regarding these two performance event types and the methods, see using the user timing api.
VideoPlaybackQuality.creationTime - Web APIs
for details on how the time is determined, see performance.now().
VideoTrackList - Web APIs
see onaddtrack and onremovetrack for details and examples.
WebGLContextEvent.statusMessage - Web APIs
examples the statusmessage property can contain a platform dependent string with details of an event.
Lifetime of a WebRTC session - Web APIs
this article doesn't get into details of the actual apis involved in establishing and handling a webrtc connection; it simply reviews the process in general with some information about why each step is required.
Taking still photos with WebRTC - Web APIs
you can play with this effect using, for example, the firefox developer tools' style editor; see edit css filters for details on how to do so.
Using DTMF with WebRTC - Web APIs
the details of how dtmf payloads are handled on rtp are beyond the scope of this article.
Fundamentals of WebXR - Web APIs
for more details about this, see the optics of 3d in rendering and the webxr frame animation callback.
Geometry and reference spaces in WebXR - Web APIs
units before discussing the details of the geometry of the 3d space used by webxr, it's first useful to understand the units of measure that are applied to the 3d world.
Movement, orientation, and motion: A WebXR example - Web APIs
most of this code is typical webgl rendering code, taken directly from the drawscene() function in the lighting in webgl article, and it's there that you should look for details on the webgl rendering parts of this example [view the code on github].
WebXR permissions and security - Web APIs
the user's intent to enter immersive vr mode is well understood; see user intent below for details.
Targeting and hit detection - Web APIs
the details of how to work with an individual platform's ranging system is beyond the scope of this article.
WebXR Device API - Web APIs
foundations and basics fundamentals of webxr before diving into the details of how to create content using webxr, it may be helpful to read this overview of the technology, which includes introductions to terminology that may be unfamiliar to you, or which may be used in a new way.
Using the Web Animations API - Web APIs
we can, in fact, do so by referencing alicechange’s animation.effect property, which returns an object containing all the details of the effect(s) active on alice: alicechange.currenttime = alicechange.effect.getcomputedtiming().duration / 2; effect lets us access the animation’s keyframes and timing properties — alicechange.effect.getcomputedtiming() points to alice’s timing object (which is of type computedeffecttiming) — this contains her computedeffecttiming.duration.
Web Speech API - Web APIs
for more details on using these features, see using the web speech api.
Window: DOMContentLoaded event - Web APIs
for full details on this event please see the page on the document: domcontentloaded event.
Window: animationcancel event - Web APIs
for full details on this event please see the page on htmlelement: animationcancel.
Window: animationend event - Web APIs
for full details on this event please see the page on htmlelement: animationend.
Window: animationiteration event - Web APIs
for full details on this event please see the page on htmlelement: animationiteration.
Window: animationstart event - Web APIs
for full details on this event please see the page on htmlelement: animationstart.
Window: beforeunload event - Web APIs
see the html specification for more details.
Window: copy event - Web APIs
WebAPIWindowcopy event
for full details on this event please see the page on the element: copy event.
Window.customElements - Web APIs
les the most common example you'll see of this property being used is to get access to the customelementregistry.define() method to define and register a new custom element, e.g.: let customelementregistry = window.customelements; customelementregistry.define('my-custom-element', mycustomelement); however, it is usually shortened to something like the following: customelements.define('element-details', class extends htmlelement { constructor() { super(); const template = document .getelementbyid('element-details-template') .content; const shadowroot = this.attachshadow({mode: 'open'}) .appendchild(template.clonenode(true)); } } ); see our web-components-examples repo for more usage examples.
Window: cut event - Web APIs
WebAPIWindowcut event
for full details on this event please see the page on the element: cut event.
Window: deviceorientation event - Web APIs
see orientation and motion data explained for details.
Window.frames - Web APIs
WebAPIWindowframes
for more details about the returned value, refer to this thread on mozilla.dev.platform.
Window.getDefaultComputedStyle() - Web APIs
see http://blog.mozilla.com/security/2010/03/31/plugging-the-css-history-leak/ and http://hacks.mozilla.org/2010/03/privacy-related-changes-coming-to-css-vistited/ for details of the examples of how this is implemented.
Window.history - Web APIs
WebAPIWindowhistory
see manipulating the browser history for examples and details.
Window.ondragdrop - Web APIs
WebAPIWindowondragdrop
see addeventlistener for details.
Window.openDialog() - Web APIs
WebAPIWindowopenDialog
features see window.open() for details.
Window.pageYOffset - Web APIs
since this property is an alias for window.scrolly, see that article for additional details on this value and its use.
Window: paste event - Web APIs
for full details on this event please see the page on the element: paste event.
Window.pkcs11 - Web APIs
WebAPIWindowpkcs11
see bug 326628 for details on why the property was removed.
window.postMessage() - Web APIs
example /* * in window a's scripts, with a being on <http://example.com:8080>: */ var popup = window.open(/* popup details */); // when the popup has fully loaded, if not blocked by a popup blocker: // this does nothing, assuming the window hasn't changed its location.
Window.resizeBy() - Web APIs
WebAPIWindowresizeBy
see the compatability table for details on the change.
Window.sidebar - Web APIs
WebAPIWindowsidebar
adding sherlock search engines contains more details.
Window: transitioncancel event - Web APIs
for full details on this event please see the page on htmlelement: transitioncancel.
Window: transitionend event - Web APIs
for full details on this event please see the page on htmlelement: transitionend.
Window: transitionrun event - Web APIs
for full details on this event please see the page on htmlelement: transitionrun.
Window: transitionstart event - Web APIs
for full details on this event please see the page on htmlelement: transitionstart.
Window: unhandledrejection event - Web APIs
see catch() for details.
Window - Web APIs
WebAPIWindow
see window.frames for more details.
WindowOrWorkerGlobalScope.queueMicrotask() - Web APIs
see using microtasks in javascript with queuemicrotask() for more details.
Synchronous and asynchronous requests - Web APIs
see using web workers for examples and details.
Using XMLHttpRequest - Web APIs
see bug 678057 for more details.
XMLHttpRequest() - Web APIs
for details about how to use xmlhttprequest, see using xmlhttprequest.
XMLHttpRequest.responseType - Web APIs
for additional details, see synchronous xhr restrictions below.
XRBoundedReferenceSpace - Web APIs
see the article using bounded reference spaces for details on how bounded spaces work and why they're useful.
XRFrame - Web APIs
WebAPIXRFrame
properties session read only the xrsession that for which this xrframe describes the tracking details for all objects.
XRInputSource.targetRayMode - Web APIs
*/ } } see the article inputs and input sources for more details and a more complete example.
XRInputSource.targetRaySpace - Web APIs
*/ } } see the article inputs and input sources for more details and a more complete example.
XRInputSourceEvent.frame - Web APIs
usage notes the event frame does not correspond to a visual frame as is delivered to the frame rendering callback function (see rendering and the webxr frame rendering callback for details on the callback).
XRInputSourceEventInit.frame - Web APIs
usage notes the event frame does not correspond to a visual frame as is delivered to the frame rendering callback function (see rendering and the webxr frame rendering callback for details on the callback).
XRPose - Web APIs
WebAPIXRPose
see the article movement, orientation, and motion for further details and an example with thorough explanations of what's going on.
XRReferenceSpace.onreset - Web APIs
usage notes see the reset event documentation for further details.
XRReferenceSpaceEvent.transform - Web APIs
for details on what causes a reset event and how to respond, see the reset event's documentation.
XRSession.onvisibilitychange - Web APIs
consult xrsession.visibilitystate article for details.
XRSession: select event - Web APIs
bubbles yes cancelable no interface xrinputsourceevent event handler property onselect for details on how the selectstart, select, and selectend events work, and how you should react to them, see primary actions in inputs and input sources.
XRSession: selectend event - Web APIs
bubbles yes cancelable no interface xrinputsourceevent event handler property onselectend for details on how the selectstart, select, and selectend events work, and how you should react to them, see primary actions in inputs and input sources.
XRSession: selectstart event - Web APIs
bubbles yes cancelable no interface xrinputsourceevent event handler property onselectstart for details on how the selectstart, select, and selectend events work, and how you should react to them, see primary actions in inputs and input sources.
XRSession: squeeze event - Web APIs
bubbles yes cancelable no interface xrinputsourceevent event handler property onsqueeze for details on how the squeezestart, squeeze, and squeezeend events work, and how you should react to them, see primary squeeze actions in inputs and input sources.
XRSession: squeezeend event - Web APIs
bubbles yes cancelable no interface xrinputsourceevent event handler property onsqueezeend for details on how the squeezestart, squeeze, and squeezeend events work, and how you should react to them, see primary squeeze actions in inputs and input sources.
XRSession: squeezestart event - Web APIs
bubbles yes cancelable no interface xrinputsourceevent event handler property onsqueezestart for details on how the squeezestart, squeeze, and squeezeend events work, and how you should react to them, see primary squeeze actions in inputs and input sources.
XRSystem: requestSession() - Web APIs
see specifying session options for details on how to configure a webxr session.
XRTargetRayMode - Web APIs
*/ } } see the article inputs and input sources for more details and a more complete example.
XRWebGLLayer.getNativeFramebufferScaleFactor() static method - Web APIs
see the usage notes and examples for details.
ARIA Screen Reader Implementors Guide - Accessibility
allow global settings to turn off the presentation of live changes, present all live changes, use markup, or be "smart" (use heuristics) details for processing via platform accessibility apis we hope browser manufacturers will work to provide consistent implementations.
Using ARIA: Roles, states, and properties - Accessibility
pressed aria-readonly aria-required aria-selected aria-sort aria-valuemax aria-valuemin aria-valuenow aria-valuetext live region attributes aria-live aria-relevant aria-atomic aria-busy drag & drop attributes aria-dropeffect aria-dragged relationship attributes aria-activedescendant aria-colcount aria-colindex aria-colspan aria-controls aria-describedby aria-details aria-errormessage aria-flowto aria-labelledby aria-owns aria-posinset aria-rowcount aria-rowindex aria-rowspan aria-setsize microsoftedge-specific properties x-ms-aria-flowfrom ...
ARIA Test Cases - Accessibility
x 3 and ie 8 beta 2 jaws 9 & 10 with firefox 3 jaws 9 & 10 with ie beta 2 nvda 0.6p2 with firefox 3 orca with firefox 3 window-eyes 7 with ie 8 beta 2 and firefox 3 voiceover (leopard) with safari 4.0.2 zoom (leopard) with safari 4.0.2, firefox 3.x and opera 9.x zoomtext 9.1 with firefox 3 and ie 8 beta 2 test case structure test cases are organized as follows: test case links test details expected at behavior markup notes results table at firefox ie opera safari jaws 9 - - - - jaws 10 - 1.
ARIA: tabpanel role - Accessibility
then post full details in best practices section below.
ARIA: grid role - Accessibility
see aria authoring practices for more details cell elements have the role gridcell, unless they are a row or column header.
ARIA: Suggestion role - Accessibility
</p> we could even provide an information box saying who made the suggestion and when, and associate it with the suggestion via aria-details: <p>freida’s pet is a <span role="suggestion" aria-details="comment-source"> <span role="deletion">black cat called luna</span> <span role="insertion">purple tyrannosaurus rex called tiny</span> </span>.
ARIA: listbox role - Accessibility
(for further details and a full list of aria states and properties see the aria listbox (role) documentation.) keyboard interactions when a single-select listbox receives focus: if none of the options are selected before the listbox receives focus, the first option receives focus.
Alerts - Accessibility
here is a simple form: <form method="post" action="post.php"> <fieldset> <legend>please enter your contact details</legend> <label for="name">your name (required):</label> <input name="name" id="name" aria-required="true"/> <br /> <label for="email">e-mail address (required):</label> <input name="email" id="email" aria-required="true"/> <br /> <label for="website">website (optional):</label> <input name="website" id="website"/> </fieldset> <label for="message">ple...
Accessibility documentation index - Accessibility
5 aria annotations aria, accessibility, wai-aria, annotations, comments, details, suggestions wai-aria version 1.3 sees the addition of a set of new features, collectively known as aria annotations, which allow the creation of accessible annotations inside web documents.
Color contrast - Accessibility
this is because they don't see bright and dark areas as readily as those without such conditions, and therefore have trouble seeing edges, borders, and other details.
Understanding the Web Content Accessibility Guidelines - Accessibility
for this reason, we have summarised the practical steps you need to take to satisfy the different recommendations, with further links to more details where required.
-moz-outline-radius - CSS: Cascading Style Sheets
<percentage> a <percentage>; see border-radius for details.
::after (:after) - CSS: Cascading Style Sheets
WebCSS::after
this shows how flexible ::before and ::after can be, though for the most accessible experience a semantic disclosure widget created in some other way (such as with details and summary elements) is likely to be more appropriate.
:read-only - CSS: Cascading Style Sheets
input:read-only, textarea:read-only { background-color: #ccc; } p:read-only { background-color: #ccc; } syntax :read-only examples confirming form information in read-only/read-write controls one use of readonly form controls is to allow the user to check and verify information that they may have entered in an earlier form (for example, shipping details), while still being able to submit the information along with the rest of the form.
:read-write - CSS: Cascading Style Sheets
input:read-write, textarea:read-write { background-color: #bbf; } p:read-write { background-color: #bbf; } syntax :read-write examples confirming form information in read-only/read-write controls one use of readonly form controls is to allow the user to check and verify information that they may have entered in an earlier form (for example, shipping details), while still being able to submit the information along with the rest of the form.
@supports - CSS: Cascading Style Sheets
WebCSS@supports
:is() is unsupported */ ul > li, ol > li { … /* the above expanded for browsers which don't support :is(…) */ } } @supports selector(:nth-child(1n of a, b)) { /* this rule needs to be inside the @supports block, otherwise it will be partially applied in browsers which don't support the `of` argument of :nth-child(…) is supported */ :is(:nth-child(1n of ul, ol) a, details > summary) { … /* css applied when the :is(…) selector and the `of` argument of :nth-child(…) are both supported */ } } specifications specification status comment css conditional rules module level 4the definition of '@supports' in that specification.
Alternative style sheets - CSS: Cascading Style Sheets
details any stylesheet in a document falls into one of the following categories: persistent (no rel="alternate", no title=""): always applies to the document.
CSS Animations tips and tricks - CSS: Cascading Style Sheets
the animation details are included in the "changing" class, which says that the @keyframes named "colorchange" should be used over the course of two seconds to animate the box.
Handling content breaks in multicol - CSS: Cascading Style Sheets
fragmentation basics the css fragmentation specification details how content breaks between the fragmentation containers, or fragmentainers.
Styling Columns - CSS: Cascading Style Sheets
summary this details all the current ways in which column boxes can be styled.
Using multi-column layouts - CSS: Cascading Style Sheets
excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum </div> css #wid { column-width: 100px; } result the exact details are described in the css3 specification.
Aligning Items in a Flex Container - CSS: Cascading Style Sheets
see the documentation for justify-content on mdn for more details on all of these values and browser support.
Mastering Wrapping of Flex Items - CSS: Cascading Style Sheets
collapsed items the flexbox specification details what should happen if a flex item is collapsed by setting visibility: collapse on an item.
Flow Layout and Writing Modes - CSS: Cascading Style Sheets
the css 2.1 specification, which details how normal flow behaves, assumes a horizontal writing mode.
CSS Grid Layout and Accessibility - CSS: Cascading Style Sheets
in the introduction to that section are details of what the specification expects browsers to do when the content is visually reordered using grid layout.
Subgrid - CSS: Cascading Style Sheets
this guide details what subgrid does, and gives some use cases and design patterns that are solved by the feature.
Consistent list indentation - CSS: Cascading Style Sheets
in order to understand why this is the case, and more importantly how to avoid the problem altogether, it's necessary to examine the details of list construction.
Logical properties for margins, borders and padding - CSS: Cascading Style Sheets
mappings for margins, borders, and padding the specification details mappings for each logical value to a physical counterpart.
CSS selectors - CSS: Cascading Style Sheets
see the pseudo-class and pseudo-element specification tables for details on those.
CSS values and units - CSS: Cascading Style Sheets
see the <custom-ident> and <string> reference pages for more details.
Grid wrapper - CSS: Cascading Style Sheets
accessibility concerns although grid enables us to position items anwhere (within reason), it is important when placing items using css grid that your underlying markup follows a logical order (see css grid layout and accessibility for more details).
Using media queries - CSS: Cascading Style Sheets
see the @media browser compatibility table for more details.
<angle-percentage> - CSS: Cascading Style Sheets
syntax refer to the documentation for <angle> and <percentage> for details of the individual syntaxes allowed by this type.
box-decoration-break - CSS: Cascading Style Sheets
see the css specification for details.
clear - CSS: Cascading Style Sheets
WebCSSclear
recommendation no significant changes, though details are clarified.
cursor - CSS: Cascading Style Sheets
WebCSScursor
see using url values for the cursor property for more details.
Adapting to the new two-value syntax of display - CSS: Cascading Style Sheets
it also details the in-built backwards compatibility for the display property.
<display-legacy> - CSS: Cascading Style Sheets
this page details those values.
flex-flow - CSS: Cascading Style Sheets
WebCSSflex-flow
ow: column; flex-flow: column-reverse; /* flex-flow: <'flex-wrap'> */ flex-flow: nowrap; flex-flow: wrap; flex-flow: wrap-reverse; /* flex-flow: <'flex-direction'> and <'flex-wrap'> */ flex-flow: row nowrap; flex-flow: column wrap; flex-flow: column-reverse wrap-reverse; /* global values */ flex-flow: inherit; flex-flow: initial; flex-flow: unset; values see flex-direction and flex-wrap for details on the values.
font-stretch - CSS: Cascading Style Sheets
however, note that the <percentage> syntax is not yet supported by all browsers: check the browser compatibility table for details.
<frequency-percentage> - CSS: Cascading Style Sheets
syntax the value of a <frequency-percentage> is either a <frequency> or a <percentage>; see their individual reference pages for details about their syntaxes.
hyphens - CSS: Cascading Style Sheets
WebCSShyphens
see suggesting line break opportunities below for details.
<image> - CSS: Cascading Style Sheets
WebCSSimage
see the browser compatibility section for details.
<length-percentage> - CSS: Cascading Style Sheets
syntax refer to the documentation for <length> and <percentage> for details of the individual syntaxes allowed by this type.
object-fit - CSS: Cascading Style Sheets
see edge issue 13603873 for details.firefox full support 36ie no support noopera full support 19 full support 19 full support 11.6prefixed prefixed implemented with the vendor prefix: -o-safari ...
Resolved value - CSS: Cascading Style Sheets
see the specification link below for more per-property details.
<time-percentage> - CSS: Cascading Style Sheets
syntax refer to the documentation for <time> and <percentage> for details of the individual syntaxes allowed by this type.
Creating a cross-browser video player - Developer guides
var setfullscreendata = function(state) { videocontainer.setattribute('data-fullscreen', !!state); } this is used simply to set some basic css to improve the styling of the custom controls when they are in fullscreen (see the sample code for further details).
Media events - Developer guides
see htmlmediaelement.error for details.
Mutation events - Developer guides
preface the mutation events have been marked as deprecated in the dom events specification, as the api's design is flawed (see details in the "dom mutation events replacement: the story so far / existing points of consensus" post to public-webapps).
Orientation and motion data explained - Developer guides
this article provides details about the coordinate systems at play and how you use them.
Event developer guide - Developer guides
WebGuideEvents
this article provides details about the coordinate systems at play and how you use them.overview of events and handlersevents and event handling provide a core technique in javascript for reacting to incidents occurring when a browser accesses a web page, including events from preparing a web page for display, from interacting with the content of the web page, relating to the device on which the browser is running, and from ...
Making content editable - Developer guides
see bug 1449564 and firefox-specific html editing ui has been deprecated for additional details.
XHTML - Developer guides
WebGuideHTMLXHTML
the problems are described in more details in the following articles: beware of xhtml by david hammond sending xhtml as text/html considered harmful by ian hickson xhtml's dirty little secret by mark pilgrim xhtml - what's the point?
Index - Developer guides
WebGuideIndex
this article provides details about the coordinate systems at play and how you use them.
Introduction to Web development - Developer guides
html elements reference guide — a comprehensive guide to html elements with details on how browsers support them css getting started with css — an absolute beginners guide to css covers basic concepts and fundamentals css reference guide — a complete guide to css with details on the level of gecko/firefox support for each.
Localizations and character encodings - Developer guides
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 representation.
The HTML autocomplete attribute - HTML: Hypertext Markup Language
note that you can actually use just the postcode and address-line1 to sucessfully deliver mail in the uk, so they should be the only mandatory items, but usually people tend to provide more details.
HTML attribute reference - HTML: Hypertext Markup Language
open <details> indicates whether the details will be shown on page load.
Block-level elements - HTML: Hypertext Markup Language
<details> disclosure widget.
Allowing cross-origin use of images and canvas - HTML: Hypertext Markup Language
see cors settings attributes for details on how the crossorigin attribute is used.
DASH Adaptive Streaming for HTML 5 Video - HTML: Hypertext Markup Language
see bug 778617 for details.
<audio>: The Embed Audio element - HTML: Hypertext Markup Language
WebHTMLElementaudio
</audio> for details on when autoplay works, how to get permission to use autoplay, and how and when it's appropriate to use autoplay, see our autoplay guide.
<dt>: The Description Term element - HTML: Hypertext Markup Language
WebHTMLElementdt
the subsequent <dd> (description details) element provides the definition or other related text associated with the term specified using <dt>.
<figure>: The Figure with Optional Caption element - HTML: Hypertext Markup Language
WebHTMLElementfigure
images <!-- just an image --> <figure> <img src="https://udn.realityripple.com/samples/6c/98485e5d8a.png" alt="the beautiful mdn logo."> </figure> <!-- image with a caption --> <figure> <img src="https://udn.realityripple.com/samples/6c/98485e5d8a.png" alt="the beautiful mdn logo."> <figcaption>mdn logo</figcaption> </figure> code snippets <figure> <figcaption>get browser details using <code>navigator</code>.</figcaption> <pre> function navigatorexample() { var txt; txt = "browser codename: " + navigator.appcodename + "; "; txt+= "browser name: " + navigator.appname + "; "; txt+= "browser version: " + navigator.appversion + "; "; txt+= "cookies enabled: " + navigator.cookieenabled + "; "; txt+= "platform: " + navigator.platform + "; "; txt+= "user-agent...
<form> - HTML: Hypertext Markup Language
WebHTMLElementform
rel creates a hyperlink or annotation depending on the value, see the rel attribute for details.
<html>: The HTML Document / Root element - HTML: Hypertext Markup Language
WebHTMLElementhtml
see using the application cache for details.
<img>: The Image Embed element - HTML: Hypertext Markup Language
WebHTMLElementimg
it has an uncertain future; authors should use a wai-aria alternative such as aria-describedby or aria-details.
<input type="date"> - HTML: Hypertext Markup Language
WebHTMLElementinputdate
the input ui generally varies from browser to browser; see browser compatibility for further details.
<input type="file"> - HTML: Hypertext Markup Language
WebHTMLElementinputfile
see htmlinputelement.webkitdirectory for additional details and examples.
<input type="password"> - HTML: Hypertext Markup Language
WebHTMLElementinputpassword
see the section validation for details and an example.
<input>: The Input (Form Input) element - HTML: Hypertext Markup Language
WebHTMLElementinput
see htmlinputelement.webkitdirectory for additional details and examples.
<link>: The External Resource Link element - HTML: Hypertext Markup Language
WebHTMLElementlink
take this example: <link rel="preload" href="myfont.woff2" as="font" type="font/woff2" crossorigin="anonymous"> a rel value of preload indicates that the browser should preload this resource (see preloading content with rel="preload" for more details), with the as attribute indicating the specific class of content being fetched.
<meta>: The Document-level Metadata element - HTML: Hypertext Markup Language
WebHTMLElementmeta
see standard metadata names for details about the set of standard metadata names defined in the html specification.
<picture>: The Picture element - HTML: Hypertext Markup Language
WebHTMLElementpicture
cropping or modifying images for different media conditions (for example, loading a simpler version of an image which has too many details, on smaller displays).
<q>: The Inline Quotation element - HTML: Hypertext Markup Language
WebHTMLElementq
example <p>according to mozilla's website, <q cite="https://www.mozilla.org/about/history/details/">firefox 1.0 was released in 2004 and became a big success.</q></p> specifications specification status comment html living standardthe definition of '<q>' in that specification.
<select>: The HTML Select element - HTML: Hypertext Markup Language
WebHTMLElementselect
see the html autocomplete attribute for a complete list of values and details on how to use autocomplete.
<u>: The Unarticulated Annotation (Underline) element - HTML: Hypertext Markup Language
WebHTMLElementu
see the usage notes section for further details on when it's appropriate to use <u> and when it isn't.
is - HTML: Hypertext Markup Language
the is global attribute allows you to specify that a standard html element should behave like a defined custom built-in element (see using custom elements for more details).
itemtype - HTML: Hypertext Markup Language
for example, musicevent indicates a concert performance, with startdate and location properties specifying the concert's key details.
tabindex - HTML: Hypertext Markup Language
the content should be semantically described using interactive elements (<a>, <button>, <details>, <input>, <select>, <textarea>, etc.) instead.
Global attributes - HTML: Hypertext Markup Language
is allows you to specify that a standard html element should behave like a registered custom built-in element (see using custom elements for more details).
Link types: dns-prefetch - HTML: Hypertext Markup Language
see using dns-prefetch for more details.
Link types: noopener - HTML: Hypertext Markup Language
this is especially useful when opening untrusted links, in order to ensure they cannot tamper with the originating document via the window.opener property (see about rel=noopener for more details), while still providing the referer http header (unless noreferrer is used as well).
Link types: preload - HTML: Hypertext Markup Language
see preloading content with rel="preload" for more details.
Microdata - HTML: Hypertext Markup Language
this vocabulary defines a standard set of type names and property names, for example, schema.org music event indicates a concert performance, with startdate and location properties to specify the concert's key details.
Data URLs - HTTP
see blocking top-level navigations to data urls for firefox 58 for more details.
Resource URLs - HTTP
syntax resource urls are composed of two parts: a prefix (resource:), and a url pointing to the resource you want to load: resource://<url> an example: resource://gre/res/svg.css when arrows are found in the resource url's ('->'), it means that the first file loaded the next one: resource://<file-loader> -> <file-loaded> please refer to identifying resources on the web for more general details.
CORS errors - HTTP
WebHTTPCORSErrors
the only way to determine what specifically went wrong is to look at the browser's console for details.
Cross-Origin Resource Sharing (CORS) - HTTP
WebHTTPCORS
the only way to determine what specifically went wrong is to look at the browser's console for details.
Content Security Policy (CSP) - HTTP
WebHTTPCSP
csp is designed to be fully backward compatible (except csp version 2 where there are some explicitly-mentioned inconsistencies in backward compatibility; more details here section 1.1).
Configuring servers for Ogg media - HTTP
see bug 1160695 for more details.
Using HTTP cookies - HTTP
WebHTTPCookies
for details about the header attributes mentioned below, refer to the set-cookie reference article.
Feature-Policy: autoplay - HTTP
for more details on autoplay and autoplay blocking, see the article autoplay guide for media and web audio apis.
Referer - HTTP
WebHTTPHeadersReferer
see http referer on wikipedia for more details.
Retry-After - HTTP
see the date header for more details on the http date format.
Strict-Transport-Security - HTTP
preload optional see preloading strict transport security for details.
TE - HTTP
WebHTTPHeadersTE
see also the transfer-encoding response header for more details on transfer encodings.
Firefox user agent string reference - HTTP
see below for further details and examples.
Warning - HTTP
WebHTTPHeadersWarning
note: the warning header is soon to be deprecated; see warning (https://github.com/httpwg/http-core/issues/139) and warning: header & stale-while-revalidate (https://github.com/whatwg/fetch/issues/913) for more details.
X-Frame-Options - HTTP
also see browser compatibility for support details.
HTTP headers - HTTP
WebHTTPHeaders
for details on the connection header field please see section 6.1 of the aforementioned rfc.
A typical HTTP session - HTTP
WebHTTPSession
see identifying resources on the web for more details.
411 Length Required - HTTP
WebHTTPStatus411
see transfer-encoding for more details.
417 Expectation Failed - HTTP
WebHTTPStatus417
see the expect header for more details.
500 Internal Server Error - HTTP
WebHTTPStatus500
sometimes, server administrators log error responses like the 500 status code with more details about the request to prevent the error from happening again in the future.
A re-introduction to JavaScript (JS tutorial) - JavaScript
details: { color: 'orange', size: 12 } }; attribute access can be chained together: obj.details.color; // orange obj['details']['size']; // 12 the following example creates an object prototype(person) and an instance of that prototype(you).
Closures - JavaScript
see details of the object model for more.
Control flow and error handling - JavaScript
the javascript reference contains exhaustive details about the statements in this chapter.
Expressions and operators - JavaScript
ional < <= > >= in instanceof equality == != === !== bitwise-and & bitwise-xor ^ bitwise-or | logical-and && logical-or || conditional ?: assignment = += -= *= /= %= <<= >>= >>>= &= ^= |= &&= ||= ??= comma , a more detailed version of this table, complete with links to additional details about each operator, may be found in javascript reference.
Indexed collections - JavaScript
see array literals for details.
Iterators and generators - JavaScript
for details, see also: iteration_protocols for...of function* and generator yield and yield* iterators in javascript an iterator is an object which defines a sequence and potentially a return value upon its termination.
Unicode property escapes - JavaScript
let mixedcharacters = "aεЛ"; // using the canonical "long" name of the script mixedcharacters.match(/\p{script=latin}/u); // a // using a short alias for the script mixedcharacters.match(/\p{script=greek}/u); // ε // using the short name sc for the script property mixedcharacters.match(/\p{sc=cyrillic}/u); // Л for more details, please refer to the unicode specification and the scripts table in the ecmascript specification.
Regular expressions - JavaScript
see groups and ranges for more details.
JavaScript Guide - JavaScript
r literals number object math object date object text formatting string literals string object template literals internationalization regular expressions indexed collections arrays typed arrays keyed collections map weakmap set weakset working with objects objects and properties creating objects defining methods getter and setter details of the object model prototype-based oop creating object hierarchies inheritance promises guarantees chaining error propagation composition timing iterators and generators iterators iterables generators meta programming proxy handlers and traps revocable proxy reflect javascript modules exporting importing default exports renaming...
About the JavaScript reference - JavaScript
once you have a firm grasp of the fundamentals, you can use the reference to get more details on individual objects and language constructs.
SyntaxError: applying the 'delete' operator to an unqualified name is deprecated - JavaScript
memory management is done indirectly via breaking references, see the memory management page and the delete operator page for more details.
TypeError: setting getter-only property "x" - JavaScript
for more details see also the object.defineproperty() page.
RangeError: invalid date - JavaScript
however, depending on the implementation, non–conforming iso format strings, may also throw rangeerror: invalid date, like the following cases in firefox: new date('foo-bar 2014'); new date('2014-25-23').toisostring(); new date('foo-bar 2014').tostring(); this, however, returns nan in firefox: date.parse('foo-bar 2014'); // nan for more details, see the date.parse() documentation.
ReferenceError: assignment to undeclared variable "x" - JavaScript
for more details and examples, see the var reference page.
JavaScript error reference - JavaScript
the pages below will provide additional details about these errors.
The arguments object - JavaScript
see §description for details.
Array.prototype.concat() - JavaScript
see the description below for more details.
Array.prototype.includes() - JavaScript
for more details and discussion, see https://discourse.mozilla.org/t/mdn-rfc-001-mdn-wiki-pages-shouldnt-be-a-distributor-of-polyfills/24500 specifications specification ecmascript (ecma-262)the definition of 'array.prototype.includes' in that specification.
Array.isArray() - JavaScript
see the article “determining with absolute accuracy whether or not a javascript object is an array” for more details.
Array.prototype.push() - JavaScript
see apply() for more details.
BigInt.prototype.toLocaleString() - JavaScript
see the intl.numberformat() constructor for details on these parameters and how to use them.
DataView() constructor - JavaScript
this means handling integer and float conversion, endianness, and other details of representing numbers in binary form.
Date.parse() - JavaScript
(see the section date time string format in the ecmascript specification for more details.) for example, "2011-10-10" (date-only form), "2011-10-10t14:48:00" (date-time form), or "2011-10-10t14:48:00.000+09:00" (date-time form with milliseconds and time zone) can be passed and will be parsed.
Date.prototype.toLocaleDateString() - JavaScript
see the intl.datetimeformat() constructor for details on these parameters and how to use them.
Date.prototype.toLocaleTimeString() - JavaScript
see the intl.datetimeformat() constructor for details on these parameters and how to use them.
FinalizationRegistry - JavaScript
see notes on cleanup callbacks for details.
Function.prototype.bind() - JavaScript
if you do not understand any of the deviations from the specification above, then it is safe in this particular case to not worry about these noncompliant deviation details.
Infinity - JavaScript
this value behaves slightly differently than mathematical infinity; see number.positive_infinity for details.
Intl.DateTimeFormat.prototype.format() - JavaScript
o a static value: let d = new date("2019-01-01t00:00:00.000000z"); let formatteddate = intl.datetimeformat(undefined, { year: 'numeric', month: 'numeric', day: 'numeric', hour: 'numeric', minute: 'numeric', second: 'numeric' }).format(d); "1.1.2019, 01:00:00" === formatteddate; // true in firefox and others // false in ie and edge note: see also this stackoverflow thread for more details and examples.
Map - JavaScript
see "value equality for -0 and 0" in the browser compatibility table for details.
Math.asinh() - JavaScript
w : -w } math.log1p may also have to be polyfilled; see math.log1p for details.
Math.max() - JavaScript
see using apply and built-in functions for more details.
Number.prototype.toLocaleString() - JavaScript
see the intl.numberformat() constructor for details on these parameters and how to use them.
Number - JavaScript
(more details on this are described in the ecmascript standard, chapter 6.1.6 the number type.) const biggestint = number.max_safe_integer // (253 - 1) => 9007199254740991 const smallestint = number.min_safe_integer // -(253 - 1) => -9007199254740991 when parsing data that has been serialized to json, integer values falling outside of this range can be expected to become corrupted when json parser coerc...
Object.defineProperties() - JavaScript
each value in props must be either a data descriptor or an accessor descriptor; it cannot be both (see object.defineproperty() for more details).
Object.defineProperty() - JavaScript
this method allows these extra details to be changed from their defaults.
Object.fromEntries() - JavaScript
for more details, refer to: https://discourse.mozilla.org/t/mdn-rfc-001-mdn-wiki-pages-shouldnt-be-a-distributor-of-polyfills/24500 specifications specification ecmascript (ecma-262)the definition of 'object.fromentries' in that specification.
Promise.prototype.finally() - JavaScript
for more details, refer to: https://discourse.mozilla.org/t/mdn-rfc-001-mdn-wiki-pages-shouldnt-be-a-distributor-of-polyfills/24500 specifications specification ecmascript (ecma-262)the definition of 'promise.prototype.finally' in that specification.
Promise - JavaScript
states and fates contains more details about promise terminology.
Comparing Reflect and Object methods - JavaScript
the table below details the differences between the methods available on the object and reflect apis.
Reflect.defineProperty() - JavaScript
for more details, see the object.defineproperty which is similar.
Set - JavaScript
see "key equality for -0 and 0" in the browser compatibility table for details.
String.prototype.localeCompare() - JavaScript
see the intl.collator() constructor for details on these parameters and how to use them.
Symbol - JavaScript
let obj = {} obj[symbol('a')] = 'a' obj[symbol.for('b')] = 'b' obj['c'] = 'c' obj.d = 'd' for (let i in obj) { console.log(i) // logs "c" and "d" } symbols and json.stringify() symbol-keyed properties will be completely ignored when using json.stringify(): json.stringify({[symbol('foo')]: 'foo'}) // '{}' for more details, see json.stringify().
TypedArray.prototype.copyWithin() - JavaScript
description see array.prototype.copywithin for more details.
TypedArray.name - JavaScript
please see uint8clampedarray for more details.
TypedArray.prototype.toLocaleString() - JavaScript
see the intl.numberformat() constructor for details on these parameters and how to use them.
WebAssembly.CompileError() constructor - JavaScript
examples creating a new compileerror instance the following snippet creates a new compileerror instance, and logs its details to the console: try { throw new webassembly.compileerror('hello', 'somefile', 10); } catch (e) { console.log(e instanceof compileerror); // true console.log(e.message); // "hello" console.log(e.name); // "compileerror" console.log(e.filename); // "somefile" console.log(e.linenumber); // 10 console.log(e.columnnumber); ...
WebAssembly.CompileError - JavaScript
examples creating a new compileerror instance the following snippet creates a new compileerror instance, and logs its details to the console: try { throw new webassembly.compileerror('hello', 'somefile', 10); } catch (e) { console.log(e instanceof compileerror); // true console.log(e.message); // "hello" console.log(e.name); // "compileerror" console.log(e.filename); // "somefile" console.log(e.linenumber); // 10 console.log(e.columnnumber); ...
WebAssembly.LinkError() constructor - JavaScript
examples creating a new linkerror instance the following snippet creates a new linkerror instance, and logs its details to the console: try { throw new webassembly.linkerror('hello', 'somefile', 10); } catch (e) { console.log(e instanceof linkerror); // true console.log(e.message); // "hello" console.log(e.name); // "linkerror" console.log(e.filename); // "somefile" console.log(e.linenumber); // 10 console.log(e.columnnumber); ...
WebAssembly.LinkError - JavaScript
examples creating a new linkerror instance the following snippet creates a new linkerror instance, and logs its details to the console: try { throw new webassembly.linkerror('hello', 'somefile', 10); } catch (e) { console.log(e instanceof linkerror); // true console.log(e.message); // "hello" console.log(e.name); // "linkerror" console.log(e.filename); // "somefile" console.log(e.linenumber); // 10 console.log(e.columnnumber); ...
WebAssembly.RuntimeError() constructor - JavaScript
examples creating a new runtimeerror instance the following snippet creates a new runtimeerror instance, and logs its details to the console: try { throw new webassembly.runtimeerror('hello', 'somefile', 10); } catch (e) { console.log(e instanceof runtimeerror); // true console.log(e.message); // "hello" console.log(e.name); // "runtimeerror" console.log(e.filename); // "somefile" console.log(e.linenumber); // 10 console.log(e.columnnumber); ...
WebAssembly.RuntimeError - JavaScript
examples creating a new runtimeerror instance the following snippet creates a new runtimeerror instance, and logs its details to the console: try { throw new webassembly.runtimeerror('hello', 'somefile', 10); } catch (e) { console.log(e instanceof runtimeerror); // true console.log(e.message); // "hello" console.log(e.name); // "runtimeerror" console.log(e.filename); // "somefile" console.log(e.linenumber); // 10 console.log(e.columnnumber); ...
globalThis - JavaScript
see the language proposal's "naming" document for more details.
undefined - JavaScript
see comparison operators for details.
Inequality (!=) - JavaScript
it is the negation of the equality operator so the following two lines will always give the same result: x != y !(x == y) for details of the comparison algorithm, see the page for the equality operator.
Spread syntax (...) - JavaScript
see apply() for more details.
Strict inequality (!==) - JavaScript
it is the negation of the strict equality operator so the following two lines will always give the same result: x !== y !(x === y) for details of the comparison algorithm, see the page for the strict equality operator.
Function expression - JavaScript
description a function expression is very similar to and has almost the same syntax as a function declaration (see function statement for details).
with - JavaScript
see the "ambiguity contra" paragraph in the "description" section below for details.
related_applications - Web app manifests
examples "related_applications": [ { "platform": "play", "url": "https://play.google.com/store/apps/details?id=com.example.app1", "id": "com.example.app1" }, { "platform": "itunes", "url": "https://itunes.apple.com/app/example-app1/id123456789" } ] related application values application objects may contain the following values: member description platform the platform on which the application can be found.
Web app manifests
"src": "images/touch/homescreen144.png", "sizes": "144x144", "type": "image/png" }, { "src": "images/touch/homescreen168.png", "sizes": "168x168", "type": "image/png" }, { "src": "images/touch/homescreen192.png", "sizes": "192x192", "type": "image/png" }], "related_applications": [{ "platform": "play", "url": "https://play.google.com/store/apps/details?id=cheeaun.hackerweb" }] } deploying a manifest web app manifests are deployed in your html pages using a <link> element in the <head> of a document: <link rel="manifest" href="/manifest.webmanifest"> note: the .webmanifest extension is specified in the media type registration section of the specification (the response of the manifest file should return content-type: application/manifest+j...
MathML documentation index - MathML
WebMathMLIndex
more details for each attribute are available on particular element pages.
MathML
mathml reference mathml element reference details about each mathml element and compatibility information for desktop and mobile browsers.
Autoplay guide for media and Web Audio APIs - Web media technologies
for details, see the auto-play policies for google chrome and webkit.
Using images in HTML - Web media technologies
WebMediaimages
image file type and format guide a guide to the various image file types commonly supported by web browsers including details about their individual use cases, capabilities, and compatibility factors.
OpenSearch description format
for details on how to implement search suggestion support on a server, see supporting search suggestions in search plugins.
Animation performance and frame rate - Web Performance
exactly what you'll see depends a lot on your machine and system load, but it will be something like this: this is showing three distinct views: (a) an overview of the waterfall, (b) the frame rate, and (c) the timeline details.
Performance fundamentals - Web Performance
this is a bit more complex to use, but provides a lot of useful details.
Navigation and resource timings - Web Performance
the order is: performance timings details navigationstart when the prompt for unload terminates on the previous document in the same browsing context.
Add to Home screen - Progressive web apps (PWAs)
see caniuse.com for exact details.
How to make PWAs installable - Progressive web apps (PWAs)
there are even more fields you can use than listed above — be sure to check the web app manifest reference for details.
Mobile first - Progressive web apps (PWAs)
see below for more details.
Progressive web apps (PWAs)
it describes the name of the app, the start url, icons, and all of the other details necessary to transform the website into an app-like format.
Applying SVG effects to HTML content - SVG: Scalable Vector Graphics
everything else specifies details about the gradient mask itself.
clip-path - SVG: Scalable Vector Graphics
note: for more details on the clip-path syntax, see the css property clip-path reference page.
href - SVG: Scalable Vector Graphics
WebSVGAttributehref
see the definition of href on animation elements for details on identifying a target element.
SVG Attribute reference - SVG: Scalable Vector Graphics
WebSVGAttribute
svg elements can be modified using attributes that specify details about exactly how the element should be handled or rendered.
<a> - SVG: Scalable Vector Graphics
WebSVGElementa
oke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility xlink attributes most notably: xlink:title 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-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription,...
<circle> - SVG: Scalable Vector Graphics
WebSVGElementcircle
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-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription,...
<ellipse> - SVG: Scalable Vector Graphics
WebSVGElementellipse
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-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription,...
<foreignObject> - SVG: Scalable Vector Graphics
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-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription,...
<g> - SVG: Scalable Vector Graphics
WebSVGElementg
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-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription,...
<line> - SVG: Scalable Vector Graphics
WebSVGElementline
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-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription,...
<marker> - SVG: Scalable Vector Graphics
WebSVGElementmarker
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-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription,...
<path> - SVG: Scalable Vector Graphics
WebSVGElementpath
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-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription,...
<polygon> - SVG: Scalable Vector Graphics
WebSVGElementpolygon
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-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription,...
<polyline> - SVG: Scalable Vector Graphics
WebSVGElementpolyline
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-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription,...
<rect> - SVG: Scalable Vector Graphics
WebSVGElementrect
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-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription,...
<script> - SVG: Scalable Vector Graphics
WebSVGElementscript
while svg's script element is equivalent to the html <script> element, it has some discrepancies, like it uses the href attribute instead of src and it doesn't support ecmascript modules so far (see browser compatibility below for details) html,body,svg { height:100% } <svg viewbox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"> <script> // <![cdata[ window.addeventlistener('domcontentloaded', () => { function getcolor () { const r = math.round(math.random() * 255).tostring(16).padstart(2,'0') const g = math.round(math.random() * 255).tostring(16).padstart(2,'0') const b = math.round(math.random() * 255).tostring(16).padstart(2,'0') return `#${r}${g}${b}` } document.queryselec...
<svg> - SVG: Scalable Vector Graphics
WebSVGElementsvg
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-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription,...
<symbol> - SVG: Scalable Vector Graphics
WebSVGElementsymbol
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-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription,...
<text> - SVG: Scalable Vector Graphics
WebSVGElementtext
ter-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, text-anchor, 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-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription,...
<textPath> - SVG: Scalable Vector Graphics
WebSVGElementtextPath
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-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription,...
<tspan> - SVG: Scalable Vector Graphics
WebSVGElementtspan
ter-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, text-anchor, 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-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription,...
<use> - SVG: Scalable Vector Graphics
WebSVGElementuse
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-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription,...
SVG documentation index - SVG: Scalable Vector Graphics
WebSVGIndex
13 svg attribute reference drawing, landing, needshelp, overview, responsive design, svg, svg attribute, svg reference, vector graphics svg elements can be modified using attributes that specify details about exactly how the element should be handled or rendered.
SVG In HTML Introduction - SVG: Scalable Vector Graphics
like in the following example: var img = document.createelementns("http://www.w3.org/2000/svg", "image"); img.setattributens("http://www.w3.org/1999/xlink", "xlink:href", "move.png"); details the viewbox attribute establishes a logical coordinate system which the svg picture's coordinates are relative to.
SVG fonts - SVG: Scalable Vector Graphics
let's show an example declaration (the one from the specification), and explain the details.
Tools for SVG - SVG: Scalable Vector Graphics
see carto.net for details.
SVG Tutorial - SVG: Scalable Vector Graphics
WebSVGTutorial
this tutorial aims to explain the internals of svg and is packed with technical details.
Same-origin policy - Web security
error details for syntax errors are only available for same-origin scripts.
Features restricted to secure contexts - Web security
this reference lists the web platform features available only in secure contexts — see secure contexts for a definition and more details.
Subresource Integrity - Web security
<script src="https://example.com/example-framework.js" integrity="sha384-oqvuafxrkap7fdgccy5uykm6+r9gqq8k/uxy9rx7hnqlgyl1kpzqho1wx4jwy8wc" crossorigin="anonymous"></script> note: for more details on the purpose of the crossorigin attribute, see cors settings attributes.
Tutorials
css reference complete reference to css, with details on support by firefox and other browsers.
Using custom elements - Web Components
next, we register the element using the define() method as before, except that this time it also includes an options object that details what element our custom element inherits from: customelements.define('expanding-list', expandinglist, { extends: "ul" }); using the built-in element in a web document also looks somewhat different: <ul is="expanding-list"> ...
XML introduction - XML: Extensible Markup Language
for more details about xml, you should look around on the web for more in-depth articles.
document - XPath
see the xslt 1.0 documentation for details.
Introduction to using XPath in JavaScript - XPath
see the using a user defined namespace resolver section in the appendix for details.
PI Parameters - XSLT: Extensible Stylesheet Language Transformations
to solve this two new pis are implemented in firefox 2 (see supported versions below for details), <?xslt-param?> and <?xslt-param-namespace?>.
WebAssembly Concepts - WebAssembly
using assemblyscript for web developers who want to try webassembly without needing to learn the details of c or rust, assemblyscript will be the best option.
Compiling from Rust to WebAssembly - WebAssembly
we give a high-level explanation here, and gloss over some details; to learn more about rust, please check the free online book the rust programming language.