Search completed in 0.95 seconds.
3289 results for "allow":
Your results are loading. Please wait...
Reason: Multiple CORS header 'Access-Control-Allow-Origin' not allowed - HTTP
reason reason: multiple cors header ‘access-control-allow-origin’ not allowed what went wrong?
... reason reason: multiple cors header ‘access-control-allow-origin’ not allowed what went wrong?
... reason reason: multiple cors header ‘access-control-allow-origin’ not allowed what went wrong?
... reason reason: multiple cors header ‘access-control-allow-origin’ not allowed what went wrong?
Access-Control-Allow-Origin - HTTP
the access-control-allow-origin response header indicates whether the response can be shared with requesting code from the given origin.
... the access-control-allow-origin response header indicates whether the response can be shared with requesting code from the given origin.
... the access-control-allow-origin response header indicates whether the response can be shared with requesting code from the given origin.
...And 12 more matches
FeaturePolicy.allowsFeature() - Web APIs
the allowsfeature() method of the featurepolicy interface enables introspection of individual directives of the feature policy it is run on.
... the allowsfeature() method of the featurepolicy interface enables introspection of individual directives of the feature policy it is run on.
... the allowsfeature() method of the featurepolicy interface enables introspection of individual directives of the feature policy it is run on.
...And 11 more matches
Access-Control-Allow-Headers - HTTP
the access-control-allow-headers response header is used in response to a preflight request which includes the access-control-request-headers to indicate which http headers can be used during the actual request.
...cess-control-allow-headers response header is used in response to a preflight request which includes the access-control-request-headers to indicate which http headers can be used during the actual request.
... to a preflight request which includes the access-control-request-headers to indicate which http headers can be used during the actual request.
...And 11 more matches
DataTransfer.effectAllowed - Web APIs
the datatransfer.effectallowed property specifies the effect that is allowed for a drag operation.
...moved, and the link operation is used to indicate that some form of relationship or connection will be created between the source and drop locations.
...ection will be created between the source and drop locations.
...And 9 more matches
Reason: CORS header 'Access-Control-Allow-Origin' missing - HTTP
reason reason: cors header 'access-control-allow-origin' missing what went wrong?
... reason reason: cors header 'access-control-allow-origin' missing what went wrong?
...ow-origin' missing what went wrong?
...And 9 more matches
FeaturePolicy.allowedFeatures() - Web APIs
the allowedfeatures() method of the featurepolicy interface returns a list of directive names of all features allowed by the feature policy.enables introspection of individual directives of the feature policy it is run on.
... the allowedfeatures() method of the featurepolicy interface returns a list of directive names of all features allowed by the feature policy.enables introspection of individual directives of the feature policy it is run on.
... the allowedfeatures() method of the featurepolicy interface returns a list of directive names of all features allowed by the feature policy.enables introspection of individual directives of the feature policy it is run on.
...And 7 more matches
FeaturePolicy.getAllowlistForFeature() - Web APIs
the getallowlistforfeature() method of the featurepolicy allows query of the allow list for a specific feature for the current feature policy.
... the getallowlistforfeature() method of the featurepolicy allows query of the allow list for a specific feature for the current feature policy.
... the getallowlistforfeature() method of the featurepolicy allows query of the allow list for a specific feature for the current feature policy.
...And 7 more matches
Allowing cross-origin use of images and canvas - HTML: Hypertext Markup Language
html provides a crossorigin attribute for images that, in combination with an appropriate cors header, allows images defined by the <img> element that are loaded from foreign origins to be used in a <canvas> as if they had been loaded from the current origin.
... a canvas any data that was loaded from another origin without cors approval, the canvas becomes tainted.
...e web sites without permission.
...And 6 more matches
Timing-Allow-Origin - HTTP
the timing-allow-origin response header specifies origins that are allowed to see values of attributes retrieved via features of the resource timing api, which would otherwise be reported as zero due to cross-origin restrictions.
... the timing-allow-origin response header specifies origins that are allowed to see values of attributes retrieved via features of the resource timing api, which would otherwise be reported as zero due to cross-origin restrictions.
... the timing-allow-origin response header specifies origins that are allowed to see values of attributes retrieved via features of the resource timing api, which would otherwise be reported as zero due to cross-origin restrictions.
...And 6 more matches
allowevents - Archive of obsolete content
« xul reference home allowevents type: boolean if true, events are passed to children of the element.
... the element.
... to events, and instead clicking the mouse simply selects that item within the list.
...And 5 more matches
Access-Control-Allow-Credentials - HTTP
the access-control-allow-credentials response header tells browsers whether to expose the response to frontend javascript code when the request's credentials mode (request.credentials) is include.
... the access-control-allow-credentials response header tells browsers whether to expose the response to frontend javascript code when the request's credentials mode (request.credentials) is include.
...ficates.
...And 5 more matches
Allow - HTTP
Web › HTTP › Headers › Allow
the allow header lists the set of methods supported by a resource.
... the allow header lists the set of methods supported by a resource.
... the allow header lists the set of methods supported by a resource.
...And 5 more matches
SyntaxError: "use strict" not allowed in function with non-simple parameters - JavaScript
the javascript exception "'use strict' not allowed in function" occurs when a "use strict" directive is used at the top of a function with default parameters, rest parameters, or destructuring parameters.
... the javascript exception "'use strict' not allowed in function" occurs when a "use strict" directive is used at the top of a function with default parameters, rest parameters, or destructuring parameters.
... javascript exception "'use strict' not allowed in function" occurs when a "use strict" directive is used at the top of a function with default parameters, rest parameters, or destructuring parameters.
...And 5 more matches
HTMLIFrameElement.allowPaymentRequest - Web APIs
the allowpaymentrequest property of the htmliframeelement interface returns a boolean indicating whether the payment request api may be invoked on a cross-origin iframe.
... the allowpaymentrequest property of the htmliframeelement interface returns a boolean indicating whether the payment request api may be invoked on a cross-origin iframe.
... the allowpaymentrequest property of the htmliframeelement interface returns a boolean indicating whether the payment request api may be invoked on a cross-origin iframe.
...And 4 more matches
PublicKeyCredentialRequestOptions.allowCredentials - Web APIs
allowcredentials is an optional property of the publickeycredentialrequestoptions dictionary which indicates the existing credentials acceptable for retrieval.
...l property of the publickeycredentialrequestoptions dictionary which indicates the existing credentials acceptable for retrieval.
...ch indicates the existing credentials acceptable for retrieval.
...And 4 more matches
Reason: missing token ‘xyz’ in CORS header ‘Access-Control-Allow-Headers’ from CORS preflight channel - HTTP
reason reason: missing token ‘xyz’ in cors header ‘access-control-allow-headers’ from cors preflight channel what went wrong?
... reason reason: missing token ‘xyz’ in cors header ‘access-control-allow-headers’ from cors preflight channel what went wrong?
... reason reason: missing token ‘xyz’ in cors header ‘access-control-allow-headers’ from cors preflight channel what went wrong?
...And 4 more matches
Access-Control-Allow-Methods - HTTP
the access-control-allow-methods response header specifies the method or methods allowed when accessing the resource in response to a preflight request.
... the access-control-allow-methods response header specifies the method or methods allowed when accessing the resource in response to a preflight request.
... the access-control-allow-methods response header specifies the method or methods allowed when accessing the resource in response to a preflight request.
...And 4 more matches
Reason: CORS header 'Access-Control-Allow-Origin' does not match 'xyz' - HTTP
reason reason: cors header 'access-control-allow-origin' does not match 'xyz' what went wrong?
... reason reason: cors header 'access-control-allow-origin' does not match 'xyz' what went wrong?
... reason reason: cors header 'access-control-allow-origin' does not match 'xyz' what went wrong?
...And 3 more matches
Reason: Did not find method in CORS header ‘Access-Control-Allow-Methods’ - HTTP
reason reason: did not find method in cors header ‘access-control-allow-methods’ what went wrong?
... reason reason: did not find method in cors header ‘access-control-allow-methods’ what went wrong?
...hod being used by the cors request is not included in the list of methods specified by the response's access-control-allow-methods header.
...And 2 more matches
Reason: invalid token ‘xyz’ in CORS header ‘Access-Control-Allow-Headers’ - HTTP
reason reason: invalid token ‘xyz’ in cors header ‘access-control-allow-headers’ what went wrong?
... reason reason: invalid token ‘xyz’ in cors header ‘access-control-allow-headers’ what went wrong?
... reason reason: invalid token ‘xyz’ in cors header ‘access-control-allow-headers’ what went wrong?
...client know which http headers are permitted in cors requests.
Reason: invalid token ‘xyz’ in CORS header ‘Access-Control-Allow-Methods’ - HTTP
reason reason: invalid token ‘xyz’ in cors header ‘access-control-allow-methods’ what went wrong?
... reason reason: invalid token ‘xyz’ in cors header ‘access-control-allow-methods’ what went wrong?
... reason reason: invalid token ‘xyz’ in cors header ‘access-control-allow-methods’ what went wrong?
... cors requests.
Reason: Credential is not supported if the CORS header ‘Access-Control-Allow-Origin’ is ‘*’ - HTTP
reason reason: credential is not supported if the cors header ‘access-control-allow-origin’ is ‘*’ what went wrong?
... reason reason: credential is not supported if the cors header ‘access-control-allow-origin’ is ‘*’ what went wrong?
... reason reason: credential is not supported if the cors header ‘access-control-allow-origin’ is ‘*’ what went wrong?
...cors request.
405 Method Not Allowed - HTTP
Web › HTTP › Status › 405
the hypertext transfer protocol (http) 405 method not allowed response status code indicates that the request method is known by the server but is not supported by the target resource.
... the hypertext transfer protocol (http) 405 method not allowed response status code indicates that the request method is known by the server but is not supported by the target resource.
... the hypertext transfer protocol (http) 405 method not allowed response status code indicates that the request method is known by the server but is not supported by the target resource.
...owed response status code indicates that the request method is known by the server but is not supported by the target resource.
JSSecurityCallbacks.contentSecurityPolicyAllows
the jssecuritycallbacks.contentsecuritypolicyallows callback is called when a script attempts to access an object property.
...checkaccessop is the type of the callback.
...llback set by js_setcheckobjectaccesscallback.) syntax typedef jsbool (*jscspevalchecker)(jscontext *cx); name type description cx jscontext * the js context in which the property access attempt is occurring.
Reason: expected ‘true’ in CORS header ‘Access-Control-Allow-Credentials’ - HTTP
reason reason: expected ‘true’ in cors header ‘access-control-allow-credentials’ what went wrong?
... reason reason: expected ‘true’ in cors header ‘access-control-allow-credentials’ what went wrong?
... the request is being issued using xmlhttprequest, make sure you're not setting withcredentials to true.
allownegativeassertions - Archive of obsolete content
« xul reference home allownegativeassertions type: boolean valid on any element that has a datasources attribute.
... « xul reference home allownegativeassertions type: boolean valid on any element that has a datasources attribute.
allowEvents - Archive of obsolete content
« xul reference allowevents type: boolean gets and sets the value of the allowevents attribute.
Reason: CORS request external redirect not allowed - HTTP
reason reason: cors request external redirect not allowed what went wrong?
Index - Web APIs
Web › API › Index
api, dom, landing, reference, web when writing code for the web, there are a large number of web apis available.
...ys.vertexattribdivisorangle() method of the webgl api modifies the rate at which generic vertex attributes advance when rendering multiple instances of primitives with ext.drawarraysinstancedangle() and ext.drawelementsinstancedangle().
...i, abortcontroller, experimental, fetch, property, reference, signal the signal read-only property of the abortcontroller interface returns an abortsignal object instance, which can be used to communicate with/abort a dom request as desired.
...And 199 more matches
HTTP Index - HTTP
Web › HTTP › Index
nctionality and new semantics by creating new http methods or headers.
...hich image format, or which content encoding).
...n:priority cross-origin resource sharing (cors) is a mechanism that uses additional http headers to tell browsers to give a web application running at one origin, access to selected resources from a different origin.
...And 109 more matches
Index - Archive of obsolete content
provides an api for creating namespaces for objects, which effectively may be used for creating fields that are not part of objects public api.
...uild documentation, developing mozilla, extensions, guide, needscontent, xpcom no summary!
...mmon practice found in many extensions is using xmlhttprequest (or some other mechanism) to download javascript or json (they are different) from a remote website.
...And 71 more matches
sslfnc.html
cified directory.
...policy functions: nss_setdomesticpolicy, nss_setexportpolicy, and nss_setfrancepolicy configure the cipher suites for domestic, international, and french versions of software products with encryption features.
...th both read and write permission in the specified directory.
...And 57 more matches
Cross-Origin Resource Sharing (CORS) - HTTP
Web › HTTP › CORS
aring from a server perspective (including php code snippets) can be found in the server-side access control (cors) article.
...ugh the fetch spec (which defines cors) doesn’t use that term.
...e other headers defined in the fetch spec as a “forbidden header name”), the only headers which are allowed to be manually set are those which the fetch spec defines as a “cors-safelisted request-header”, which are: accept accept-language content-language content-type (but note the additional requirements below) dpr downlink save-data viewport-width width the only allowed values for the content-type header are: application/x-www-form-urlencoded multipart/form-data text/plain no event listeners are registered on any xmlhttprequestupload object used in the request; these are accessed using the xmlhttprequest.upload property.
...And 47 more matches
Index - HTTP
Web › HTTP › Headers › Index
found 122 pages: # page tags and summary 1 http headers http, http header, networking, overview, reference http headers allow the client and the server to pass additional information with the request or the response.
...der the accept-charset request http header advertises which character set the client is able to understand.
... it, this happens rarely (and is frowned upon as it leads to fingerprinting).
...And 46 more matches
Feature-Policy - HTTP
the http feature-policy header provides a mechanism to allow and deny the use of browser features in its own frame, and in content within any <iframe> elements in the document.
...ect to change at any time.
...ur website.
...And 40 more matches
Migrating from Firebug - Firefox Developer Tools
c / cmd+opt+c.
...page.
...thin the devtools command line.
...And 38 more matches
Using Feature Policy - HTTP
feature policy allows you to control which origins can use which features, both in the top-level page and in embedded frames.
... feature policy allows you to control which origins can use which features, both in the top-level page and in embedded frames.
... feature policy allows you to control which origins can use which features, both in the top-level page and in embedded frames.
...And 35 more matches
Index
Mozilla › Tech › XPCOM › Index
found 1275 pages: # page tags and summary 1 xpcom add-ons, extensions, landing, mozilla, xpcom xpcom is a cross platform component object model, similar to microsoft com.
... components.utils.unwaivexrays undo a previous call to components.utils.waivexrays(), restoring xray vision for the caller.
...xpcom:language bindings no summary!
...And 33 more matches
Autoplay guide for media and Web Audio APIs - Web media technologies
ing policy: <audio src="/music.mp4" autoplay> and audioelement.play(); the following web features and apis may be affected by autoplay blocking: the html <audio> and <video> elements the web audio api from the user's perspective, a web page or app that spontaneously starts making noise without warning can be jarring, inconvenient, or off-putting.
...ing: the html <audio> and <video> elements the web audio api from the user's perspective, a web page or app that spontaneously starts making noise without warning can be jarring, inconvenient, or off-putting.
...es for google chrome and webkit.
...And 32 more matches
HTML attribute: rel - HTML: Hypertext Markup Language
Web › HTML › Attributes › rel
que space-separated keywords, which are listed in the following table.
... space seperated value should be unique within that value.
... attribute, and the elements for which each is relevant rel value description <link> <a> and <area> <form> alternate alternate representations of the current document.
...And 30 more matches
Index - MDN Web Docs Glossary: Definitions of Web-related terms
atag, accessibility, authoring tool accessibility guidelines, glossary atag (authoring tool accessibility guidelines) is a w3c recommendation for building accessible-authoring tools that produce accessible contents.
...cdns make for fast service less affected by high traffic.
...ch separate values need to be specified (or parsed) or are to be serialized as part of a css property value.
...And 28 more matches
WebIDL bindings
tparentobject chain will eventually get you to a window, so that every webidl object is associated with a particular window.
... produce an nsisupports from it.
... webidl.
...And 27 more matches
CSP: sandbox - HTTP
pts, and enforcing a same-origin policy.
... csp version 1.1 / 2 directive type document directive this directive is not supported in the <meta> element or by the content-security-policy-report-only header field.
...directive this directive is not supported in the <meta> element or by the content-security-policy-report-only header field.
...And 26 more matches
SVG documentation index - SVG: Scalable Vector Graphics
Web › SVG › Index
ulative.
... 31 baseprofile deprecated, svg, svg attribute the baseprofile attribute describes the minimum svg language profile that the author believes is necessary to correctly render the content.
...ttribute defines when an animation should begin or when an element should be discarded.
...And 25 more matches
<iframe>: The Inline Frame element - HTML: Hypertext Markup Language
Web › HTML › Element › iframe
ne.
... permitted aria roles application, document, img, none, presentation dom interface htmliframeelement attributes this element includes the global attributes.
... allow specifies a feature policy for the <iframe>.
...And 24 more matches
Index
portability layer, called the netscape portable runtime (nspr), which provides cross platform application programming interfaces (apis) for os specific apis like file system access, memory management, network communication, and multithreaded programming.
... order to allow interoperability between software and devices that perform cryptographic operations, nss conforms to a standard called pkcs#11.
... different numbers that define quite different topics.) a software or hardware module conforming to the pkcs#11 standard implements an interface of c calls, which allow querying the characteristics and offered services of the module.
...And 23 more matches
Web Replay
web replay is no longer developed by mozilla; however, the work continues as a standalone project.
...then the rewind button.
...tem when a recording tab is open will allow the entire recording to be saved to a file.
...And 21 more matches
nsIDocShell
rty); native code only!
...ffset); native code only!
...void suspendrefreshuris(); void tabtotreeowner(in boolean forward, out boolean tookfocus); attributes attribute type description allowauth boolean certain dochshells (like the message pane) should not throw up auth dialogs because it can act as a password trojan.
...And 21 more matches
HTML5 - Developer guides
Web › Guide › HTML › HTML5
html5 is the latest evolution of the standard that defines html.
...ehaviors, and a larger set of technologies that allows the building of more diverse and powerful web sites and applications.
...iverse and powerful web sites and applications.
...And 21 more matches
Drag Operations - Web APIs
t the data to be dragged.
...pieces of information, the type (or format) of the data, and the data's value.
...st.
...And 20 more matches
HTTP headers - HTTP
Web › HTTP › Headers
rver with the set-cookie header.
...o the user-agent.
...eted.
...And 18 more matches
Mozilla Web Services Security Model
g used as a tool for web sites to obtain priveleges that belong to the browser's user (such as being behind a firewall or getting the benefits of the user's cookies), web browsers restrict what web pages can do when accessing things in other domains.
... format the web-scripts-access.xml file is an xml document.
...the directory that the service is in.
...And 17 more matches
CSP: script-src - HTTP
ly urls loaded directly into <script> elements, but also things like inline script event handlers (onclick) and xslt stylesheets which can trigger script execution.
...https://store.example.com: matches all attempts to access store.example.com using https:.
...ent protocol.
...And 17 more matches
CSS3 - Archive of obsolete content
and :first-line becomes ::first-line.
...e june 19th, 2012 extends the former media type ( print, screen, … ) to a full language allowing queries on the device media capabilities like only screen and (color) .
... via the css font-synthesis property.
...And 16 more matches
HTML documentation index - HTML: Hypertext Markup Language
Web › HTML › Index
and summary 1 html: hypertext markup language html, html5, landing, web, l10n:priority html (hypertext markup language) is the most basic building block of the web.
...content.
... autocapitalize, global attributes, html, reference the autocapitalize global attribute is an enumerated attribute that controls whether and how text input is automatically capitalized as it is entered/edited by the user.
...And 16 more matches
Feature-Policy: fullscreen - HTTP
the http feature-policy header fullscreen directive controls whether the current document is allowed to use element.requestfullscreen().
... the http feature-policy header fullscreen directive controls whether the current document is allowed to use element.requestfullscreen().
...rrent document is allowed to use element.requestfullscreen().
...And 16 more matches
<input>: The Input (Form Input) element - HTML: Hypertext Markup Language
Web › HTML › Element › input
nce pages.
...g a number.
... the <datalist> of autocomplete options max numeric types maximum value maxlength password, search, tel, text, url maximum length (number of characters) of value min numeric types minimum value minlength password, search, tel, text, url minimum length (number of characters) of value multiple email, file boolean.
...And 15 more matches
CSP: style-src - HTTP
the http content-security-policy (csp) style-src directive specifies valid sources for stylesheets.
...https://store.example.com: matches all attempts to access store.example.com using https:.
...ent protocol.
...And 15 more matches
New Security Model for Web Services - Archive of obsolete content
ich they were loaded, any script loaded from one domain into another is prevented from accessing resources in the domain into which it has been loaded.
...rently permitted for locally-saved scripts and signed scripts.
...her resources.
...And 14 more matches
Index - Archive of obsolete content
Archive › Mozilla › XUL › Index
attributes, xul reference no summary!
...nce, xul, xul attributes, xul reference, accesskey no summary!
...t any type of content.
...And 14 more matches
Introduction to automated testing - Learn web development
, adding in css prefixes or transpiling nascent javascript features for maximum cross-browser reach, and so on.
...ning with node and gulp, a beginner-friendly option.
...link above).
...And 14 more matches
<input type="email"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › email
the following attributes: attribute description list the id of the <datalist> element that contains the optional pre-defined autocomplete options maxlength the maximum number of characters the input should accept minlength the minimum number of characters long the input can be and still be considered valid multiple whether or not to allow multiple, comma-separated, e-mail addresses to be entered pattern a regular expression the input's contents must match in order to be valid placeholder an exemplar value to display in the input field whenever it is empty readonly a boolean attribute indicating whether or not the contents of the input should be read-only size a number indicating how ...
...he input will fail constraint validation if the length of the text entered into the field is fewer than minlength utf-16 code units long.
...set a limit on how many characters the user can enter into the field.
...And 13 more matches
Feature-Policy: geolocation - HTTP
the http feature-policy header geolocation directive controls whether the current document is allowed to use the geolocation interface.
...tion directive controls whether the current document is allowed to use the geolocation interface.
...currentposition() and watchposition() will cause those functions' callbacks to be invoked with a positionerror code of permission_denied.
...And 13 more matches
From object to iframe — other embedding technologies - Learn web development
previous overview: multimedia and embedding next by now you should really be getting the hang of embedding things into your web pages, including images, video and audio.
...next by now you should really be getting the hang of embedding things into your web pages, including images, video and audio.
...in this module.
...And 12 more matches
Introduction to web APIs - Learn web development
prerequisites: basic computer literacy, a basic understanding of html and css, javascript basics (see first steps, building blocks, javascript objects).
... effects to it, etc.
...e twitter service and return specific information.
...And 12 more matches
Experimental features in Firefox
channel version added enabled by default?
..., and sunken initial letters are displayed.
...round a center point rather than radiating from it.
...And 12 more matches
History Service Design
firefox bookmarks and history systems using storage.
...toring informations on all of the user's visits, including visit time, type of visit and meta data.
...ld history system was instead only storing first and last visit date, and a generic visits counter, creating some problem due to the impossibility to represent real history flow in a timeframe.
...And 12 more matches
nsIAccessibleRole
supported automatically by ms windows.
...like a button.
...de help to users of an application.
...And 12 more matches
Evolution of HTTP - HTTP
html file was send back with the description of the problem contained in it, for human consumption.
... within each request (http/1.0 is appended to the get line) a status code line is also sent at the beginning of the response, allowing the browser itself to understand the success or failure of the request and to adapt its behavior in consequence (like in updating or using its local cache in a specific way) the notion of http headers has been introduced, both for the requests and the responses, allowing metadata to be transmitted and making the protocol extremely flexible and extensible.
...er standardization was in progress.
...And 12 more matches
Feature Policy - HTTP
feature policy allows web developers to selectively enable, disable, and modify the behavior of certain features and apis in the browser.
...rowser.
...policies" for the browser to enforce on specific features used throughout a website.
...And 12 more matches
CSP: base-uri - HTTP
the http content-security-policy base-uri directive restricts the urls which can be used in a document's <base> element.
... the http content-security-policy base-uri directive restricts the urls which can be used in a document's <base> element.
...directive restricts the urls which can be used in a document's <base> element.
...And 12 more matches
Feature-Policy: publickey-credentials-get - HTTP
the http feature-policy header publickey-credentials-get directive controls whether the current document is allowed to access web authentcation api to create new public-key credentials, i.e, via navigator.credentials.get({publickey: ..., ...}).
... the http feature-policy header publickey-credentials-get directive controls whether the current document is allowed to access web authentcation api to create new public-key credentials, i.e, via navigator.credentials.get({publickey: ..., ...}).
...ture-policy header publickey-credentials-get directive controls whether the current document is allowed to access web authentcation api to create new public-key credentials, i.e, via navigator.credentials.get({publickey: ..., ...}).
...And 12 more matches
Understanding WebAssembly text format - WebAssembly
eir declaration.
...logger.wasm'), importobject) .then(obj => { obj.instance.exports.logit(); }); note: you can find this example on github as logger.html (see it live also).
...ge of memory (webassembly defines a page to be 64kb.) so let's see a complete module that prints the string “hi”.
...And 12 more matches
Migrate apps from Internet Explorer to Mozilla - Archive of obsolete content
code that handles useragents often can make mistakes when new browser versions arrive, thus requiring code changes.
...uch as opera or safari, to work without any changes.
...ute and not the alt attribute.
...And 11 more matches
Introduction to the server side - Learn web development
ver-side programming is, what it can do, and how it differs from client-side programming.
... the most significant benefit of server-side code is that it allows you to tailor website content for individual users.
...trast, you would almost never consider writing the server-side component of a web app without a framework — implementing a vital feature like an http server is really hard to do from scratch in say python, but python web frameworks like django provide one out of the box, along with other very useful tools.
...And 11 more matches
Introduction to client-side frameworks - Learn web development
r solutions with others.
...lows us to do things that used to be possible only in native applications installed on our computers.
...nstalled on our computers.
...And 11 more matches
Gecko Roles
y microsoft windows.
...sents a link to something else.
... a cartoon-like graphic object, such as microsoft office assistant, which is displayed to provide help to users of an application.
...And 11 more matches
Starting WebLock
e registration with xpcom for startup notification.
...whitelist, and add or remove sites from that list.
...tion about xpidl) to define the interface to the component: how the functionality should be organized, expressed, and exposed to its clients.
...And 11 more matches
Variable fonts guide - CSS: Cascading Style Sheets
an be contained in a single file.
...ations.
...t should be noted that at this point there is no way in the @font-face declaration to 'map' a specific point on the variation axis of a variable font to the keyword bold (or any other keyword).
...And 11 more matches
CSP: navigate-to - HTTP
the http content-security-policy (csp) navigate-to directive restricts the urls to which a document can initiate navigations by any means including <form> (if form-action is not specified), <a>, window.location, window.open, etc.
..., window.open, etc.
...https://store.example.com: matches all attempts to access store.example.com using https:.
...And 11 more matches
Feature-Policy: camera - HTTP
the http feature-policy header camera directive controls whether the current document is allowed to use video input devices.
... the http feature-policy header camera directive controls whether the current document is allowed to use video input devices.
... the http feature-policy header camera directive controls whether the current document is allowed to use video input devices.
...And 11 more matches
Feature-Policy: encrypted-media - HTTP
the http feature-policy header encrypted-media directive controls whether the current document is allowed to use the encrypted media extensions api (eme).
... the http feature-policy header encrypted-media directive controls whether the current document is allowed to use the encrypted media extensions api (eme).
... the http feature-policy header encrypted-media directive controls whether the current document is allowed to use the encrypted media extensions api (eme).
...And 11 more matches
Feature-Policy: microphone - HTTP
the http feature-policy header microphone directive controls whether the current document is allowed to use audio input devices.
... the http feature-policy header microphone directive controls whether the current document is allowed to use audio input devices.
... the http feature-policy header microphone directive controls whether the current document is allowed to use audio input devices.
...And 11 more matches
Feature-Policy: midi - HTTP
the http feature-policy header midi directive controls whether the current document is allowed to use the web midi api.
... the http feature-policy header midi directive controls whether the current document is allowed to use the web midi api.
... the http feature-policy header midi directive controls whether the current document is allowed to use the web midi api.
...And 11 more matches
Feature-Policy: payment - HTTP
the http feature-policy header field's payment directive controls whether the current document is allowed to use the payment request api.
... the http feature-policy header field's payment directive controls whether the current document is allowed to use the payment request api.
... the http feature-policy header field's payment directive controls whether the current document is allowed to use the payment request api.
...And 11 more matches
Feature-Policy: picture-in-picture - HTTP
the http feature-policy header picture-in-picture directive controls whether the current document is allowed to play a video in a picture-in-picture mode via the corresponding api.
... the http feature-policy header picture-in-picture directive controls whether the current document is allowed to play a video in a picture-in-picture mode via the corresponding api.
... the http feature-policy header picture-in-picture directive controls whether the current document is allowed to play a video in a picture-in-picture mode via the corresponding api.
...And 11 more matches
Feature-Policy: screen-wake-lock - HTTP
note: this api is still actively being developed and available only behind a flag on select browsers and platforms.
...g developed and available only behind a flag on select browsers and platforms.
...available only behind a flag on select browsers and platforms.
...And 11 more matches
Feature-Policy: sync-xhr - HTTP
the http feature-policy header sync-xhr directive controls whether the current document is allowed to make synchronous xmlhttprequest requests.
... the http feature-policy header sync-xhr directive controls whether the current document is allowed to make synchronous xmlhttprequest requests.
... the http feature-policy header sync-xhr directive controls whether the current document is allowed to make synchronous xmlhttprequest requests.
...And 11 more matches
Feature-Policy: unsized-media - HTTP
the http feature-policy header unsized-media directive controls whether the current document is allowed to change the size of media elements after the initial layout is complete.
...ature-policy header unsized-media directive controls whether the current document is allowed to change the size of media elements after the initial layout is complete.
...der unsized-media directive controls whether the current document is allowed to change the size of media elements after the initial layout is complete.
...And 11 more matches
Feature-Policy: usb - HTTP
the http feature-policy header usb directive controls whether the current document is allowed to use the webusb api.
... the http feature-policy header usb directive controls whether the current document is allowed to use the webusb api.
... the http feature-policy header usb directive controls whether the current document is allowed to use the webusb api.
...And 11 more matches
Feature-Policy: wake-lock - HTTP
note: this api is still actively being developed and available only behind a flag on select browsers and platforms.
...still actively being developed and available only behind a flag on select browsers and platforms.
...eing developed and available only behind a flag on select browsers and platforms.
...And 11 more matches
Feature-Policy: xr-spatial-tracking - HTTP
the http feature-policy header xr-spatial-tracking directive controls whether the current document is allowed to use the webxr device api.
...ols whether the current document is allowed to use the webxr device api.
...current document is allowed to use the webxr device api.
...And 11 more matches
An overview of HTTP - HTTP
Web › HTTP › Overview
http is a protocol which allows the fetching of resources, such as html documents.
...deos).
...se can be transparent, forwarding on the requests they receive without altering them in any way, or non-transparent, in which case they will change the request in some way before passing it along to the server.
...And 11 more matches
Index - Learn web development
chnical side.
...things you can do, depending on how much time you have and whether you are a beginner, a web developer, or a teacher.
...ing, and how this looks in web browsers and javascript.
...And 10 more matches
Content Security Policy (CSP) - HTTP
Web › HTTP › CSP
the source of the content, even when it's not coming from where it seems to be coming from.
...tors by which xss can occur by specifying the domains that the browser should consider to be valid sources of executable scripts.
...s that the browser should consider to be valid sources of executable scripts.
...And 10 more matches
CSP: default-src - HTTP
the user agent looks for the default-src directive and uses this value for it: child-src connect-src font-src frame-src img-src manifest-src media-src object-src prefetch-src script-src script-src-elem script-src-attr style-src style-src-elem style-src-attr worker-src csp version 1 directive type fetch directive syntax one or more sources can be allowed for the default-src policy: content-security-policy: default-src <source>; content-security-policy: default-src <source> <source>; sources <source> can be one of the following: <host-source> internet hosts by name or ip address, as well as an optional url scheme and/or port number.
...https://store.example.com: matches all attempts to access store.example.com using https:.
...ent protocol.
...And 10 more matches
CSP: form-action - HTTP
as the target of a form submissions from a given context.
...https://store.example.com: matches all attempts to access store.example.com using https:.
...ent protocol.
...And 10 more matches
CSP: img-src - HTTP
the http content-security-policy img-src directive specifies valid sources of images and favicons.
...https://store.example.com: matches all attempts to access store.example.com using https:.
...ent protocol.
...And 10 more matches
CSP: object-src - HTTP
the http content-security-policy object-src directive specifies valid sources for the <object>, <embed>, and <applet> elements.
...ent-security-policy object-src directive specifies valid sources for the <object>, <embed>, and <applet> elements.
...ecurity attributes sandbox or allow for <iframe>).
...And 10 more matches
CSP: script-src-attr - HTTP
ly inline script event handlers like onclick, but not urls loaded directly into <script> elements.
...https://store.example.com: matches all attempts to access store.example.com using https:.
...ent protocol.
...And 10 more matches
CSP: script-src-elem - HTTP
valid sources for javascript <script> elements, but not inline script event handlers like onclick.
...https://store.example.com: matches all attempts to access store.example.com using https:.
...ent protocol.
...And 10 more matches
Feature-Policy: accelerometer - HTTP
the http feature-policy header accelerometer directive controls whether the current document is allowed to gather information about the acceleration of the device through the accelerometer interface.
... the http feature-policy header accelerometer directive controls whether the current document is allowed to gather information about the acceleration of the device through the accelerometer interface.
... the http feature-policy header accelerometer directive controls whether the current document is allowed to gather information about the acceleration of the device through the accelerometer interface.
...And 10 more matches
Feature-Policy: ambient-light-sensor - HTTP
the http feature-policy header ambient-light-sensor directive controls whether the current document is allowed to gather information about the amount of light in the environment around the device through the ambientlightsensor interface.
... the http feature-policy header ambient-light-sensor directive controls whether the current document is allowed to gather information about the amount of light in the environment around the device through the ambientlightsensor interface.
... the http feature-policy header ambient-light-sensor directive controls whether the current document is allowed to gather information about the amount of light in the environment around the device through the ambientlightsensor interface.
...And 10 more matches
Feature-Policy: autoplay - HTTP
the http feature-policy header autoplay directive controls whether the current document is allowed to autoplay media requested through the htmlmediaelement interface.
...ough the htmlmediaelement interface.
...iaelement interface.
...And 10 more matches
Feature-Policy: battery - HTTP
the http feature-policy header battery directive controls whether the current document is allowed to gather information about the acceleration of the device through the batterymanager interface obtained via navigator.getbattery().
... the http feature-policy header battery directive controls whether the current document is allowed to gather information about the acceleration of the device through the batterymanager interface obtained via navigator.getbattery().
... the http feature-policy header battery directive controls whether the current document is allowed to gather information about the acceleration of the device through the batterymanager interface obtained via navigator.getbattery().
...And 10 more matches
Feature-Policy: document-domain - HTTP
the http feature-policy header document-domain directive controls whether the current document is allowed to set document.domain.
... the http feature-policy header document-domain directive controls whether the current document is allowed to set document.domain.
... the http feature-policy header document-domain directive controls whether the current document is allowed to set document.domain.
...And 10 more matches
Feature-Policy: gyroscope - HTTP
the http feature-policy header gyroscope directive controls whether the current document is allowed to gather information about the orientation of the device through the gyroscope interface.
... the http feature-policy header gyroscope directive controls whether the current document is allowed to gather information about the orientation of the device through the gyroscope interface.
... the http feature-policy header gyroscope directive controls whether the current document is allowed to gather information about the orientation of the device through the gyroscope interface.
...And 10 more matches
Feature-Policy: layout-animations - HTTP
the http feature-policy header layout-animations directive controls whether the current document is allowed to show layout animations.
... the http feature-policy header layout-animations directive controls whether the current document is allowed to show layout animations.
... the http feature-policy header layout-animations directive controls whether the current document is allowed to show layout animations.
...And 10 more matches
Feature-Policy: legacy-image-formats - HTTP
the http feature-policy header legacy-image-formats directive controls whether the current document is allowed to display images in legacy formats.
... the http feature-policy header legacy-image-formats directive controls whether the current document is allowed to display images in legacy formats.
... the http feature-policy header legacy-image-formats directive controls whether the current document is allowed to display images in legacy formats.
...And 10 more matches
Feature-Policy: magnetometer - HTTP
the http feature-policy header magnetometer directive controls whether the current document is allowed to gather information about the orientation of the device through the magnetometer interface.
... the http feature-policy header magnetometer directive controls whether the current document is allowed to gather information about the orientation of the device through the magnetometer interface.
... the http feature-policy header magnetometer directive controls whether the current document is allowed to gather information about the orientation of the device through the magnetometer interface.
...And 10 more matches
Feature-Policy: oversized-images - HTTP
the http feature-policy header oversized-images directive controls whether the current document is allowed to download and display large images.
... the http feature-policy header oversized-images directive controls whether the current document is allowed to download and display large images.
... the http feature-policy header oversized-images directive controls whether the current document is allowed to download and display large images.
...And 10 more matches
Feature-Policy: unoptimized-images - HTTP
the http feature-policy header unoptimized-images directive controls whether the current document is allowed to download and display unoptimized images.
... the http feature-policy header unoptimized-images directive controls whether the current document is allowed to download and display unoptimized images.
... the http feature-policy header unoptimized-images directive controls whether the current document is allowed to download and display unoptimized images.
...And 10 more matches
web-share - HTTP
the http feature-policy header web-share directive controls controls whether the current document is allowed to use the navigator.share() of web share api to share text, links, images, and other content to arbitrary destiations of user's choice.
... the http feature-policy header web-share directive controls controls whether the current document is allowed to use the navigator.share() of web share api to share text, links, images, and other content to arbitrary destiations of user's choice.
... the http feature-policy header web-share directive controls controls whether the current document is allowed to use the navigator.share() of web share api to share text, links, images, and other content to arbitrary destiations of user's choice.
...And 10 more matches
Web video codec guide - Web media technologies
size feature effect on quality effect on size color depth (bit depth) the higher the color bit depth, the higher the quality of color fidelity is achieved in the video.
... loss of quality lossless compression cannot reduce the overall video size nearly as much as lossy compression; the resulting files are likely to still be too large for general usage.
...g closely, we can see that the majority of these differences come from a horizontal camera move, making this a good candidate for motion compensation.
...And 10 more matches
Same-origin policy - Web security
superdomain is used for same-origin checks.
...rt number is checked separately by the browser.
...ry even if doing so is simply setting the parent domain back to its original value.
...And 10 more matches
Introduction to SSL - Archive of obsolete content
irectory access protocol (ldap), or internet messaging access protocol (imap), run "on top of" tcp/ip in the sense that they all use tcp/ip to support typical application tasks such as displaying web pages or running email servers.
... run "on top of" tcp/ip in the sense that they all use tcp/ip to support typical application tasks such as displaying web pages or running email servers.
...p to support typical application tasks such as displaying web pages or running email servers.
...And 9 more matches
Getting started with Vue - Learn web development
nderstand the basics of how it works.
... — unlike many other frameworks, you can use vue to enhance existing html.
...e and performance when dealing with complex applications.
...And 9 more matches
NSS environment variables
type description introduced in version nsrandcount integer (byte count) sets the maximum number of bytes to read from the file named in the environment variable nsrandfile (see below).
...read from the file named in the environment variable nsrandfile (see below).
...ctivities of the nss cryptographic module in fips mode.
...And 9 more matches
Index
jsval jsapi reference, obsolete, spidermonkey boolean_to_jsval converts a bool argument, b, to a boolean jsval.
...rom a text string chars, bytes, or srcbuf.
... jsapi reference, reference, référence(2), spidermonkey here, ptr represents the private member of js::rooted<t>, typed with t.
...And 9 more matches
nsISelectionPrivate
er); void endbatchchanges(); void getcachedframeoffset(in nsiframe aframe, in print32 inoffset, in nspointref apoint); native code only!
...tive code only!
... array, size_is(resultcount)] out nsidomrange results); void getrangesforintervalarray(in nsinode beginnode, in print32 beginoffset, in nsinode endnode, in print32 endoffset, in boolean allowadjacent, in rangearray results); native code only!
...And 9 more matches
Using the Web Audio API - Web APIs
let's take a look at getting started with the web audio api.
...control.
...he web audio api.
...And 9 more matches
CSP: connect-src - HTTP
navigator.sendbeacon().
...https://store.example.com: matches all attempts to access store.example.com using https:.
...ent protocol.
...And 9 more matches
CSP: prefetch-src - HTTP
the http content-security-policy (csp) prefetch-src directive specifies valid resources that may be prefetched or prerendered.
...https://store.example.com: matches all attempts to access store.example.com using https:.
...ent protocol.
...And 9 more matches
CSP: style-src-attr - HTTP
tr directive specifies valid sources for inline styles applied to individual dom elements.
...https://store.example.com: matches all attempts to access store.example.com using https:.
...ent protocol.
...And 9 more matches
CSP: style-src-elem - HTTP
valid sources for stylesheets <style> elements and <link> elements with rel="stylesheet".
...https://store.example.com: matches all attempts to access store.example.com using https:.
...ent protocol.
...And 9 more matches
Feature-Policy: display-capture - HTTP
the http feature-policy header display-capture directive controls whether or not the document is permitted to use screen capture api, i.e.,getdisplaymedia() to capture the screen's contents.
... the http feature-policy header display-capture directive controls whether or not the document is permitted to use screen capture api, i.e.,getdisplaymedia() to capture the screen's contents.
... the http feature-policy header display-capture directive controls whether or not the document is permitted to use screen capture api, i.e.,getdisplaymedia() to capture the screen's contents.
...And 9 more matches
Feature-Policy: vibrate - HTTP
the http feature-policy header vibrate directive controls whether the current document is allowed to trigger device vibrations via navigator.vibrate() method of vibration api.
... the http feature-policy header vibrate directive controls whether the current document is allowed to trigger device vibrations via navigator.vibrate() method of vibration api.
... the http feature-policy header vibrate directive controls whether the current document is allowed to trigger device vibrations via navigator.vibrate() method of vibration api.
...And 9 more matches
MCD, Mission Control Desktop, AKA AutoConfig - Archive of obsolete content
puters are dual-boot (windows 7 and linux fedora 19 by 2013).
... appropriate .js file dedicated to autoconfig (here autoconf.js).
..."uid,cn,mail,labeleduri"); // close the try, and call the catch() } catch(e) { displayerror("lockedpref", e); } thunderbird.cfg (version 2 with ad) using thunderbird 9.0.1 and try to use a active directory (windows server 2008) as ldap-source did not work with version 1.
...And 8 more matches
Introduction to Public-Key Cryptography - Archive of obsolete content
for an overview of ssl, see "introduction to ssl." for an overview of encryption and decryption, see "encryption and decryption." information on digital signatures is available from "digital signatures." public-key cryptography is a set of well-established techniques and standards for protecting communications from eavesdropping, tampering, and impersonation attacks.
...eavesdropping, tampering, and impersonation attacks.
...formation before sending it.
...And 8 more matches
Making decisions in your code — conditionals - Learn web development
ive: to understand how to use conditional structures in javascript.
... and work out what is going on if you use the curly braces to delimit the blocks of code, and use multiple lines and indentation.
...yntax better, let's consider a real example.
...And 8 more matches
Componentizing our Svelte app - Learn web development
previous overview: client-side javascript frameworks next in the last article we started developing our todo list app.
...y do one thing.
... should complement each other, and help you decide how to better organize your components.
...And 8 more matches
Working with Svelte stores - Learn web development
using stores we will create an alert component that shows notifications on screen, which can receive messages from any component.
...ent hierarchy gets complex, it might become too difficult for components to relay data between each other.
... that case, moving to a global data store might be a good option.
...And 8 more matches
Mozilla’s UAAG evaluation report
: not rated na: not applicable document under construction guideline 1.
...ent: supported abbr element: supported abbr attribute for td/th: not supported summary for table: supported title for frame: ?
... title for frame: ?
...And 8 more matches
An Overview of XPCOM
n to the basic concepts and technologies in xpcom and component development.
... more familiarity in the tutorial itself, which describes the creation of a mozilla component called weblock.
...block.
...And 8 more matches
Web Console remoting - Firefox Developer Tools
introduction this document describes the way web console remoting works.
...lkit/devtools/webconsole folder.
...ers argument is an array which specifies listeners you want to start in the web console.
...And 8 more matches
Storage Access API - Web APIs
the storage access api provides a way for embedded, cross-origin content to gain unrestricted access to storage that it would normally only have access to in a first-party context (we refer to this as an origin’s first-party storage).
...to solve this problem; embedded cross-origin content can request unrestricted access to its first-party storage on a site-by-site basis via the document.requeststorageaccess() method, and check whether it already has access via the document.hasstorageaccess() method.
...party storage on a site-by-site basis via the document.requeststorageaccess() method, and check whether it already has access via the document.hasstorageaccess() method.
...And 8 more matches
CSS Tutorials - CSS: Cascading Style Sheets
Web › CSS › Tutorials
ages so that difficulty-based lists can be automatically built.
...ers: you haven't written one single line of css?
...te-level css tutorials after the release of css 2 (level 1), new features have been added to css.
...And 8 more matches
CSP: child-src - HTTP
ted browsing contexts loaded using elements such as <frame> and <iframe>.
...on mail.example.com.
...mple.com using the current protocol.
...And 8 more matches
CSP: font-src - HTTP
the http content-security-policy (csp) font-src directive specifies valid sources for fonts loaded using @font-face.
...on mail.example.com.
...mple.com using the current protocol.
...And 8 more matches
CSP: frame-src - HTTP
icy (csp) frame-src directive specifies valid sources for nested browsing contexts loading using elements such as <frame> and <iframe>.
...on mail.example.com.
...mple.com using the current protocol.
...And 8 more matches
CSP: manifest-src - HTTP
the http content-security-policy: manifest-src directive specifies which manifest can be applied to the resource.
...on mail.example.com.
...mple.com using the current protocol.
...And 8 more matches
CSP: media-src - HTTP
the http content-security-policy (csp) media-src directive specifies valid sources for loading media using the <audio> and <video> elements.
...on mail.example.com.
...mple.com using the current protocol.
...And 8 more matches
CSP: worker-src - HTTP
ype fetch directive fallback if this directive is absent, the user agent will first look for the child-src directive, then the script-src directive, then finally for the default-src directive, when governing worker execution.
...on mail.example.com.
...mple.com using the current protocol.
...And 8 more matches
Styling lists - Learn web development
h for reference.</p> <ul> <li>hummus</li> <li>pita</li> <li>green salad</li> <li>halloumi</li> </ul> <h2>recipe (ordered) list</h2> <p>paragraph for reference, paragraph for reference, paragraph for reference, paragraph for reference, paragraph for reference, paragraph for reference.</p> <ol> <li>toast pita, leave to cool, then slice down the edge.</li> <li>fry the halloumi in a shallow, non-stick pan, until browned on both sides.</li> <li>wash and chop the salad.</li> <li>fill pita with salad, hummus, and fried halloumi.</li> </ol> <h2>ingredient description list</h2> <p>paragraph for reference, paragraph for reference, paragraph for reference, paragraph for reference, paragraph for reference, paragraph for reference.</p> <dl> <dt>hummus</dt> <dd>a thick dip/sauce ge...
...d know about to start with, which can be set on <ul> or <ol> elements: list-style-type: sets the type of bullets to use for the list, for example, square or circle bullets for an unordered list, or numbers, letters or roman numerals for an ordered list.
...re or circle bullets for an unordered list, or numbers, letters or roman numerals for an ordered list.
...And 7 more matches
Server-side web frameworks - Learn web development
iscusses some of the functionality that is often provided by web frameworks (not every framework will necessarily provide all of these features!).
...s to store information both to be shared with users, and about users.
...n any way (crackers can use certain patterns of code to do bad things such as deleting database records).
...And 7 more matches
TypeScript support in Svelte - Learn web development
objective: learn how to configure and use typescript when developing svelte applications.
...ey it is the third most loved language, right behind rust and python.
...typescript's main advantages are: early spotted bugs: the compiler checks types at compile time and provides error reporting.
...And 7 more matches
nsIParserUtils
astring converttoplaintext(in astring src, in unsigned long flags, in unsigned long wrapcol); nsidomdocumentfragment parsefragment(in astring fragment, in unsigned long flags, in boolean isxml, in nsiuri baseuri, in nsidomelement element); astring sanitize(in astring src, in unsigned long flags); constants constant value description sanitizerallowcomments (1 << 0) flag for sanitizer: allow comment nodes.
...rapcol); nsidomdocumentfragment parsefragment(in astring fragment, in unsigned long flags, in boolean isxml, in nsiuri baseuri, in nsidomelement element); astring sanitize(in astring src, in unsigned long flags); constants constant value description sanitizerallowcomments (1 << 0) flag for sanitizer: allow comment nodes.
...ment(in astring fragment, in unsigned long flags, in boolean isxml, in nsiuri baseuri, in nsidomelement element); astring sanitize(in astring src, in unsigned long flags); constants constant value description sanitizerallowcomments (1 << 0) flag for sanitizer: allow comment nodes.
...And 7 more matches
Mozilla
ework.
... benchmarking debug builds (--enable-debug) and non-optimized builds (--disable-optimize) are much slower.
...g) and non-optimized builds (--disable-optimize) are much slower.
...And 7 more matches
Using Service Workers - Web APIs
will provide a terrible user experience if you can’t download it.
...s used to provide offline support for a page a warning message is now displayed in the console advising developers to use service workers instead (bug 1204581.) service workers should finally fix these issues.
... control their loading.
...And 7 more matches
Movement, orientation, and motion: A WebXR example - Web APIs
dependencies while we will not rely upon any 3d graphics frameworks such as three.js or the like for this example, we do use the glmatrix library for matrix math, which we've used in other examples in the past.
...n that occur during these still somewhat experimental days of the webxr specification.
...omewhat experimental days of the webxr specification.
...And 7 more matches
HTML attribute reference - HTML: Hypertext Markup Language
accesskey global attribute keyboard shortcut to activate or add focus to the element.
...the element.
...command> specifies a picture which represents the command.
...And 7 more matches
<img>: The Image Embed element - HTML: Hypertext Markup Language
Web › HTML › Element › img
ers so they know what the image means.
...d "tainted".
...t the origin request header), and the browser marks the image as tainted and restricts access to its image data, preventing its usage in <canvas> elements.
...And 7 more matches
<video>: The Video Embed element - HTML: Hypertext Markup Language
Web › HTML › Element › video
which if true indicates that the element should automatically toggle picture-in-picture mode when the user switches back and forth between this document and another document or application.
...s if this attribute is present, the browser will offer controls to allow the user to control video playback, including volume, seeking, and pause/resume playback.
...attribute is specified).
...And 7 more matches
CORS errors - HTTP
Web › HTTP › CORS › Errors
cross-origin resource sharing (cors) is a standard that allows a server to relax the same-origin policy.
... cross-origin resource sharing (cors) is a standard that allows a server to relax the same-origin policy.
...ble service, it may be necessary to relax certain restrictions.
...And 7 more matches
OPTIONS - HTTP
Web › HTTP › Methods › OPTIONS
the http options method requests permitted communication options for a given url or server.
...ns for a given url or server.
...yes idempotent yes cacheable no allowed in html forms no syntax options /index.html http/1.1 options * http/1.1 examples identifying allowed request methods to find out which request methods a server supports, one can use the curl command-line program to issue an options request: curl -x options https://example.org -i the response then contains an allow header that holds the allowed methods: http/1.1 204 no content allow: options, get, head, post cache-control: max-age=604800 date: thu, 13 oct 2016 11:45:00 gmt server: eos (lax004/2813) preflighted requests in cors in cors, a preflight request is sent with the options method so that the server can respond if it is acceptable to send the request.
...And 7 more matches
<mo> - MathML
Web › MathML › Element › mo
the mathml <mo> element represents an operator in a broad sense.
...erscript this attribute specifies whether the operator should be treated as an accent.
..., for separators.
...And 7 more matches
XUL accessibility guidelines - Archive of obsolete content
ssible operations.
...ng or information to the user.
...ndows, available via left-alt + left-shift + printscreen).
...And 6 more matches
tabbrowser - Archive of obsolete content
, replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata addprogresslistener( listener ) return type: no return value add a progress listener to the browser which will monitor loaded documents.
...userdata addprogresslistener( listener ) return type: no return value add a progress listener to the browser which will monitor loaded documents.
...llowthirdpartyfixup ) addtab( url, {referreruri: ..., charset: ..., postdata: ..., owner: ..., allowthirdpartyfixup: ..., relatedtocurrent: ...
...And 6 more matches
CSS and JavaScript accessibility best practices - Learn web development
previous overview: accessibility next css and javascript, when used properly, also have the potential to allow for accessible web experiences ...
...on</strong>.</p> you might want to add some simple coloring to your emphasised text: strong, em { color: #a60000; } you will however rarely need to style emphasis elements in any significant way.
...fox (a dotted outline) and chrome (a blue outline): you can be creative with link styles, as long as you keep giving users feedback when they interact with the links.
...And 6 more matches
HTML: A good basis for accessibility - Learn web development
that this is pretty easy to navigate: the screen reader reads each header out as you progress through the content, notifying you what a heading is, what is a paragraph, etc.
...s, we mean the main parts of web documents that users interact with — most commonly buttons, links, and form controls.
...ttons the ability to be focused (including via tab) by giving each one the attribute tabindex="0": <div data-message="this is from the first button" tabindex="0">click me!</div> <div data-message="this is from the second button" tabindex="0">click me too!</div> <div data-message="this is from the third button" tabindex="0">and me!</div> basically, the tabindex attribute is primarily intended to allow tabbable elements to have a custom tab order (specified in positive numerical order), instead of just being tabbed through in their default source order.
...And 6 more matches
HTML: A good basis for accessibility - Learn web development
that this is pretty easy to navigate: the screen reader reads each header out as you progress through the content, notifying you what a heading is, what is a paragraph, etc.
...s, we mean the main parts of web documents that users interact with — most commonly buttons, links, and form controls.
...ttons the ability to be focused (including via tab) by giving each one the attribute tabindex="0": <div data-message="this is from the first button" tabindex="0">click me!</div> <div data-message="this is from the second button" tabindex="0">click me too!</div> <div data-message="this is from the third button" tabindex="0">and me!</div> basically, the tabindex attribute is primarily intended to allow tabbable elements to have a custom tab order (specified in positive numerical order), instead of just being tabbed through in their default source order.
...And 6 more matches
WAI-ARIA basics - Learn web development
o others that describe different pages structures, such as role="banner", role="search", role="tabgroup", role="tab", etc., which are commonly found in uis.
...sers when an area of content is updated, e.g.
...ical wai-aria implementations in the next section we'll look at the four areas in more detail, along with practical examples.
...And 6 more matches
Client-side storage - Learn web development
ajor modern web sites are dynamic — they store data on the server using some kind of database (server-side storage), then run server-side code to retrieve needed data, insert it into static page templates, and serve the resulting html to the client to be displayed by the user's browser.
...contained within two object-like structures inside the browser: sessionstorage and localstorage.
...(say google.com and amazon.com) and try storing an item on one website, it won't be available to the other website.
...And 6 more matches
What is JavaScript? - Learn web development
is it?" and "what can you do with it?", and making sure you are comfortable with javascript's purpose.
...xtcontent = 'player 1: ' + name; } try clicking on this last version of the text label to see what happens (note also that you can find this demo on github — see the source code, or run it live)!
...mple above to detect when the button is clicked and then run the code that updates the text label.
...And 6 more matches
Advanced Svelte: Reactivity, lifecycle, accessibility - Learn web development
e'll utilize some techniques for accessing dom nodes and executing methods like focus() and select().
...is happening, we need to understand how reactivity works in svelte when updating arrays and objects.
...e we are using the map() method, which returns a new array with the results of executing the provided function for each item.
...And 6 more matches
Handling common JavaScript problems - Learn web development
script code using a linter, which points out errors and can also flag up warnings about bad practices, etc., and be customized to be stricter or more relaxed in their error/warning reporting.
...s/json/superheroes.json'; let request = new xmlhttprequest(); request.open('get', requesturl); request.send(); let superheroes = request.response; populateheader(superheroes); showheroes(superheroes); but this fails.
...h also has other advantages (see arrow functions).
...And 6 more matches
Accessibility Features in Firefox
fire vox extension.
...ive technology compatibility guide is kept on an editable wiki.
...ering the alt+tab order which makes keyboard navigation within the entire windows os much simpler.
...And 6 more matches
Overview of Mozilla embedding APIs
of xpcom components.
...mbedding layer consists of several components built on top of xpcom and its services.
...eve the requested interface.
...And 6 more matches
NSS 3.12.6 release notes
and shared libraries, which nss 3.12.6 requires.
...peers that don't support the tls renegotiation indication extension.
... nss_ssl_enable_renegotiation values: [0|n|n]: ssl_renegotiate_never never allow renegotiation - that was the default for 3.12.5 release.
...And 6 more matches
nsIClipboardDragDropHooks
are added.
...ce per user action/api.
...there are multiple hooks set for a window, any of them has an opportunity to cancel the action so no further processing will occur.
...And 6 more matches
nsIDroppedLinkHandler
dom/base/nsidroppedlinkhandler.idlscriptable please add a summary to this article.
...ptable please add a summary to this article.
... inherits from: nsisupports last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) method overview boolean candroplink(in nsidomdragevent aevent, in prbool aallowsamedocument); astring droplink(in nsidomdragevent aevent, out astring aname, [optional] in boolean adisallowinherit); void droplinks(in nsidomdragevent aevent, [optional] in boolean adisallowinherit, [optional] out unsigned long acount, [retval, array, size_is(acount)] out nsidroppedlinkitem alinks); methods candroplink() determines if a link being dragged can be dropped.
...And 6 more matches
nsIProtocolHandler
netwerk/base/nsiprotocolhandler.idlscriptable this interface is used to implement protocol handlers.
...urity_context 1<<4 uris for this protocol have no inherent security context, so documents loaded using this protocol should inherit the security context of the document that loads them.
...he uris for this protocol refer to resources that are part of the application's user interface.
...And 6 more matches
Using IndexedDB - Web APIs
ines the database schema — the object stores in the database and their structure.
...signed to minimize the need for error handling, so you're not likely to see many error events (at least, not once you're used to the api!).
...ere are some common conditions that generate error events.
...And 6 more matches
Using the Storage Access API - Web APIs
the storage access api should be used by embedded cross-origin documents to verify whether they have access to their first-party storage and, if not, to request access.
... access, as browsers will often return an empty cookie jar when third-party cookies are blocked.
...r when third-party cookies are blocked.
...And 6 more matches
Advanced techniques: Creating and sequencing audio - Web APIs
o api was built to be built upon.
... sequencer, and adjust the bpm (beats per minute) to speed up or slow down the "music".
....frequency.value = 440; osc.connect(audioctx.destination); osc.start(); osc.stop(audioctx.currenttime + 1); } controlling amplitude this is great, but wouldn't it be nice if we had an amplitude envelope to go with it?
...And 6 more matches
Web Audio API - Web APIs
the web audio api provides a powerful and versatile system for controlling audio on the web, allowing developers to choose audio sources, add effects to audio, create audio visualizations, apply spatial effects (such as panning) and much more.
... the web audio api provides a powerful and versatile system for controlling audio on the web, allowing developers to choose audio sources, add effects to audio, create audio visualizations, apply spatial effects (such as panning) and much more.
...omething like this: create audio context inside the context, create sources — such as <audio>, oscillator, stream create effects nodes, such as reverb, biquad filter, panner, compressor choose final destination of audio, for example your system speakers connect the sources up to the effects, and the effects to the destination.
...And 6 more matches
Functions and classes available to Web Workers - Web APIs
on workerglobalscope yes, on workerglobalscope yes, but is a no-op.
... allows simple communication between browsing contexts (that is windows, tabs, frames, or iframes) with the same origin (usually pages from the same site).
...(yes) console api provides access to the browser's debugging console (e.g., the web console in firefox).
...And 6 more matches
hanging-punctuation - CSS: Cascading Style Sheets
the hanging-punctuation css property specifies whether a punctuation mark should hang at the start or end of a line of text.
...ty specifies whether a punctuation mark should hang at the start or end of a line of text.
...ion may be placed outside the line box.
...And 6 more matches
<link>: The External Resource Link element - HTML: Hypertext Markup Language
Web › HTML › Element › link
="favicon.ico"> there are a number of other icon rel values, mainly used to indicate special icon types for use on various mobile platforms, e.g.: <link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-icon-114.png" type="image/png"> the sizes attribute indicates the icon size, while the type contains the mime type of the resource being linked.
...portscripts style <link rel=stylesheet> elements, css @import track <track> elements video <video> elements worker worker, sharedworker crossorigin this enumerated attribute indicates whether cors must be used when fetching the resource.
...tching the resource.
...And 6 more matches
CSP: frame-ancestors - HTTP
tent-security-policy (csp) frame-ancestors directive specifies valid parents that may embed a page using <frame>, <iframe>, <object>, <embed>, or <applet>.
... not supported in the <meta> element.
...y: frame-ancestors <source>; content-security-policy: frame-ancestors <source> <source>; sources <source> can be one of the following: the frame-ancestors directive’s syntax is similar to a source list of other directives (e.g.
...And 6 more matches
A re-introduction to JavaScript (JS tutorial) - JavaScript
e character is represented by either 1 or 2 code units.
...and "false values," meaning values that become true and false, respectively, when converted to booleans.
...ck-level variables.
...And 6 more matches
Codecs used by WebRTC - Web media technologies
pport this mechanism, however, so you have to be prepared to receive media at a different resolution than you requested.
...s for controlling optional values.
....
...And 6 more matches
Displaying web content in an extension without security issues - Archive of obsolete content
ge the value of the "type" attribute.
...o do this, you will also have to remove the frame element from the document and insert it back.
...hat way you can have the template in your extension but still strip it off all privileges when it is loaded in a frame.
...And 5 more matches
Mozilla Application Framework in Detail - Archive of obsolete content
es for parallel development!
... applications with significant business logic can be written once, and used on the range of platforms that exist within the organization.
...on maintains sophisticated, interactive websites, it will already possess a wealth of technical expertise that will be relevant for creating xul applications.
...And 5 more matches
textbox - Archive of obsolete content
d.
...ibute is true if the element is focused.
...dragged).
...And 5 more matches
CSS values and units - Learn web development
previous overview: building blocks next every property used in css has a value or set of values that are allowed for that property, and taking a look at any property page on mdn will help you understand the values that are valid for any particular property.
... get confused between css data types and html elements too, as they both use angle brackets, but this is unlikely — they are used in very different contexts.
... this works.
...And 5 more matches
Choosing the right approach - Learn web development
n passed to a third-party library.
...port full support compatibility unknown compatibility unknownsee implementation notes.see implementation notes.
... compatibility unknownsee implementation notes.see implementation notes.
...And 5 more matches
A first splash into JavaScript - Learn web development
er is on.
...somewhere so the user can see their previous guesses.
...ing the player to restart the game.
...And 5 more matches
Getting started with Ember - Learn web development
application.
...ications without having to completely relearn the architecture, patterns, conventions, etc.
...g commitment to being accessible by default and there is an entire section of the ember guides on accessibility on what it means for website / app design.
...And 5 more matches
Understanding client-side JavaScript frameworks - Learn web development
in this article we will say hello to react.
...it apart into manageable, descriptive components.
...pp from a completely static ui to one that actually allows us to interact and change things.
...And 5 more matches
Handling common HTML and CSS problems - Learn web development
inside the widget with this class, so conflicts are less likely.
...a so-called linter application, which not only points out errors, but can also flag up warnings about bad practices in your css, and other points besides.
... be stricter or more relaxed in their error/warning reporting.
...And 5 more matches
CSUN Firefox Materials
ard support in the industry via gok, the gnome onscreen keyboard.
...y is available via gnopernicus or the fire vox extension.
...rate dialog -- this allows more convenient use by screen magnification users because there is a single point of regard for the search.
...And 5 more matches
Error codes returned by Mozilla APIs
ion which was not expected.
...mbolic link to a file or directory which does not exist.
...e file can be written to.
...And 5 more matches
Frame script loading and lifetime
the loadframescript() function.
... chrome: urls extension developers usually use a chrome:// url to refer to the frame scripts.
...between a chrome:// url and a frame script packaged with an extension, use a "chrome.manifest" file to register a chrome url: // chrome.manifest content my-e10s-extension chrome/content/ // chrome script mm.loadframescript("chrome://my-e10s-extension/content/content.js", true); allowdelayedload if the message manager is a global frame message manager or a window message manager then: if allowdelayedload is true, the frame script will be loaded into any new frame, which has opened after the loadframescript() call.
...And 5 more matches
Browser API
the html browser api is an extension of the html <iframe> element that allows web apps to implement browsers or browser-like applications.
... includes several new methods and events to manipulate and listen for changes to the embedded content's state, interited by the htmliframeelement interface.
...ces to support the requirement of a browser <iframe>, the htmliframeelement dom interface has been extended with new methods that give the <iframe> some super powers.
...And 5 more matches
IPDL Tutorial
ipdl, short for "inter-process-communication protocol definition language", is a mozilla-specific language allowing c++ code to pass messages between processes or threads in an organized and secure way.
...cess plugins and tabs in firefox are declared in the ipdl language.
... // pdirectionchild.h class pdirectionchild { protected: virtual void recvfoo() = 0; virtual void recvbaz() = 0; public: void sendbar() { /* boilerplate */ } void sendbaz() { /* boilerplate */ } }; you can use the child, parent, and both labels multiple times in a protocol specification.
...And 5 more matches
Midas editor module security preferences
e default settings when you're done!
... the preferences in firefox quit firefox.
...s, this is an icon in the toolbar), quit that too.
...And 5 more matches
An overview of NSS Internals
portability layer, called the netscape portable runtime (nspr), which provides cross platform application programming interfaces (apis) for os specific apis like file system access, memory management, network communication, and multithreaded programming.
... order to allow interoperability between software and devices that perform cryptographic operations, nss conforms to a standard called pkcs#11.
... different numbers that define quite different topics.) a software or hardware module conforming to the pkcs#11 standard implements an interface of c calls, which allow querying the characteristics and offered services of the module.
...And 5 more matches
Using the Places history service
ser like marking pages as typed in the url bar, and removing pages as from the history interface.
... and typed.
...ate, the transition type (typed, click, redirect, bookmark, etc.), a reference to the referring visit, and the session id.
...And 5 more matches
nsIHttpChannel
netwerk/protocol/http/nsihttpchannel.idlscriptable this interface allows for the modification of http request parameters and the inspection of the resulting http response status and headers when they become available.
...l be sent referrer_policy_origin only send the origin of the referring uri referrer_policy_origin_when_xorigin same as the default; only send the origin of the referring uri for cross-origin requests referrer_policy_unsafe_url always send the referrer, even when downgrading from https to http attributes attribute type description allowpipelining boolean this attribute is a hint to the channel to indicate whether or not the underlying http transaction should be allowed to be pipelined with other transactions.
...s likely to be very large.
...And 5 more matches
nsISelection2
uced gecko 1.8 obsolete gecko 8.0 inherits from: nsiselection last changed in gecko 1.9.1 (firefox 3.5 / thunderbird 3.0 / seamonkey 2.0) in gecko 8.0 this interface was merged into the nsiselectionprivate interface.
...verview void getrangesforinterval(in nsidomnode beginnode, in print32 beginoffset, in nsidomnode endnode, in print32 endoffset, in prbool allowadjacent, out pruint32 resultcount, [retval, array, size_is(resultcount)] out nsidomrange results); void getrangesforintervalcomarray(in nsidomnode beginnode, in print32 beginoffset, in nsidomnode endnode, in print32 endoffset, in prbool allowadjacent, in rangearray results); native code only!
...ute type description type short returns the type of the selection (see nsiselectioncontroller for available constants).
...And 5 more matches
Autoconfiguration in Thunderbird
send their mail as securely as possible.
...o allow mail servers to be autoconfigured.
...rovide their configuration information themselves directly to users, by setting up a web server at autoconfig.<domain>, which simply returns a static xml file with the configuration, as described below.
...And 5 more matches
SVGTransformList - Web APIs
numberofitems unsigned long the number of items in the list.
...urrent items from the list and re-initializes the list to hold the single item specified by the parameter.
... to a read only attribute or when the object itself is read only.
...And 5 more matches
Implementing a Microsoft Active Accessibility (MSAA) Server - Accessibility
.
...changes to the document or ui, and allow the user to track where they navigate.
...able to let the user know where there caret has moved to in most programs, because so many applications do not use the system caret (gecko does not).
...And 5 more matches
Live streaming web audio and video - Developer guides
e player synchronized with the stream: adaptive streaming is a technique for doing this in the case of low bandwidth.
...e adobe flash plugin.
...cking from firewalls or proxy servers.
...And 5 more matches
Creating a cross-browser video player - Developer guides
<source src="video/tears-of-steel-battle-clip-medium.ogg" type="video/ogg"> <!-- flash fallback --> <object type="application/x-shockwave-flash" data="flash-player.swf?videourl=video/tears-of-steel-battle-clip-medium.mp4" width="1024" height="576"> <param name="movie" value="flash-player.swf?videourl=video/tears-of-steel-battle-clip-medium.mp4" /> <param name="allowfullscreen" value="true" /> <param name="wmode" value="transparent" /> <param name="flashvars" value="controlbar=over&amp;image=img/poster.jpg&amp;file=flash-player.swf?videourl=video/tears-of-steel-battle-clip-medium.mp4" /> <img alt="tears of steel poster image" src="img/poster.jpg" width="1024" height="428" title="no video playback possible, please download the video ...
...clip-medium.mp4">download mp4</a> </video> <figcaption>&copy; blender foundation | <a href="http://mango.blender.org">mango.blender.org</a></figcaption> </figure> even though this player will define its own custom control set, the controls attribute is still added to the <video> element, and the player's default control set is switched off later with javascript.
...that instead.
...And 5 more matches
Audio and Video Delivery - Developer guides
yaudio.setattribute('src','audiofile.ogg'); } myaudio.currenttime = 5; myaudio.play(); we set the source of the audio depending on the type of audio file the browser supports, then set the play-head 5 seconds in and attempt to play it.
...e video element: if (navigator.mediadevices) { navigator.mediadevices.getusermedia({ video: true, audio: false }) .then(function onsuccess(stream) { var video = document.getelementbyid('webcam'); video.autoplay = true; video.srcobject = stream; }) .catch(function onerror() { alert('there has been a problem retreiving the streams - are you running on file:/// or did you disallow access?'); }); } else { alert('getusermedia is not supported in this browser.'); } to find out more, read our mediadevices.getusermedia page.
...utoplay = true; video.srcobject = stream; }) .catch(function onerror() { alert('there has been a problem retreiving the streams - are you running on file:/// or did you disallow access?'); }); } else { alert('getusermedia is not supported in this browser.'); } to find out more, read our mediadevices.getusermedia page.
...And 5 more matches
Audio and video manipulation - Developer guides
etfilter(); }); edit.addeventlistener('click', function() { textarea.focus(); }) textarea.addeventlistener('input', setfilter); window.addeventlistener('load', setfilter); note: unless you have cors enabled, to avoid security issues your video should be on the same domain as your code.
... setfilter); window.addeventlistener('load', setfilter); note: unless you have cors enabled, to avoid security issues your video should be on the same domain as your code.
...sues your video should be on the same domain as your code.
...And 5 more matches
<input type="number"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › number
ed.
... of any means that no stepping is implied, and any value is allowed (barring other constraints, such as min and max).
...idered invalid.
...And 5 more matches
<input type="password"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › password
the source for this interactive example is stored in a github repository.
...ts password input boxes generally work just like other textual input boxes; the main difference is the obscuring of the content to prevent people near the user from reading the password.
...enerally work just like other textual input boxes; the main difference is the obscuring of the content to prevent people near the user from reading the password.
...And 5 more matches
CSP: plugin-types - HTTP
tantiation of an <embed>, <object> or <applet> element will fail if: the element to load does not declare a valid mime type, the declared type does not match one of specified types in the plugin-types directive, the fetched resource does not match the declared type.
... csp version 2 directive type document directive default-src fallback no.
... directive type document directive default-src fallback no.
...And 5 more matches
Content-Security-Policy - HTTP
the http content-security-policy response header allows web site administrators to control resources the user agent is allowed to load for a given page.
...cation manifest files.
...ng any assets using http when the page is loaded using https.
...And 5 more matches
The "codecs" parameter in common media types - Web media technologies
es support a variety of codecs, and those codecs may have any number of profiles, levels, and other configuration factors.
...lt value is 01 (itu-r bt.709).
...substreams that offer alternative forms of the same video for use in various constrained environments.
...And 5 more matches
Subresource Integrity - Web security
subresource integrity (sri) is a security feature that enables browsers to verify that resources they fetch (for example, from a cdn) are delivered without unexpected manipulation.
...are delivered without unexpected manipulation.
... using subresource integrity you use the subresource integrity feature by specifying a base64-encoded cryptographic hash of a resource (file) you’re telling the browser to fetch, in the value of the integrity attribute of any <script> or <link> element.
...And 5 more matches
Using the WebAssembly JavaScript API - WebAssembly
store can access any byte in the entire linear memory, which is necessary to faithfully represent c/c++ concepts like pointers.
... i++) { i32[i] = i; } var sum = results.instance.exports.accumulate(0, 10); console.log(sum); note how we create the uint32array view on the memory object’s buffer (memory.prototype.buffer), not on the memory itself.
...e uint32array view on the memory object’s buffer (memory.prototype.buffer), not on the memory itself.
...And 5 more matches
Modules - Archive of obsolete content
function loadscript(url) { loader.loadsubscript(url); } when a script is loaded, it is evaluated in the scope of the global object of the script that loaded it.
....js", since it is overwritten by "b.js".
...foo = 5; importing names in addition to exporting properties from the script being loaded to the loading script, we can also import properties from the loading script to the script being loaded: function loadscript(url, imports) { let global = { imports: imports, exports: {} }; loader.loadsubscript(url, global); return global.exports; } among other things, this allows us to import loadscript to scripts being loaded, allowing them to load further scripts: // index.js: loadscript("www.foo.com/a.js", { loadscript: loadscript }).foo; => 5 // a.js: exports.foo = imports.loadscript("www.foo.com/b.js").bar; // b.js: exports.bar = 5; sandboxes and compartments the loadscript function as defined in the previous section still has some serious shortcomings.
...And 4 more matches
widget - Archive of obsolete content
.
...icked, or you can define a custom click handler to perform some other action, like opening a web page in a tab.
...lude this to listen to the widget's mouseover event.
...And 4 more matches
frame/utils - Archive of obsolete content
e = create(window.document); optionally create can be passed set of options to configure created frame even further.
...es access type of the document loaded into it.
...to it.
...And 4 more matches
Chapter 3: Introduction to XUL—How to build a more intuitive UI - Archive of obsolete content
g 6.
...can be displayed, and you can set the names of the buttons you want to display as a comma-delimited list in the value of the buttons attribute.
...newtab();"/> </menupopup> buttons buttons that users can click on are defined using the button element.
...And 4 more matches
Intercepting Page Loads - Archive of obsolete content
e load event.
...to keep your observer code in non-chrome objects (your xpcom service or jsm module).
...leaks.
...And 4 more matches
The Essentials of an Extension - Archive of obsolete content
tension that works on multiple applications and versions.
...arlier, the chrome is composed of 3 sections: content, locale and skin.
...a window.
...And 4 more matches
Modularization techniques - Archive of obsolete content
= 0; }; the ns_imethod and ns_imethod_(type) macros are basically shorthand for virtual nsresult and virtualtype.
...en though interface b inherits from nsisupports, performing a queryinterface() on it may not return the same interface.
... const nsiid &aiid, void **aresult) = 0; ns_imethod lockfactory(prbool alock) = 0; the reason for using factories is that it provides a mechanism for creating an object without having access to the class declaration for that object.
...And 4 more matches
Archived Mozilla and build documentation - Archive of obsolete content
suited to xbl.
...mo 1.0 launch roadmap comments, ideas, questions and other discussion should be added on the devmo talk:1.0 launch roadmap page.
...nagerui interface.
...And 4 more matches
NPAPI plugin reference - Archive of obsolete content
the articles below describe each of the apis related to npapi plugins.
... to repaint part of the window, and so forth.
...ovides global initialization for a plug-in.
...And 4 more matches
Audio for Web games - Game development
le of differences between desktop and mobile browsers that may have caused browser vendors to make choices that can make web audio difficult for game developers to work with.
...want to play a part of it; for this reason it is useful to include a moment of silence at the end of your audio sample.
...gy would be to provide basic audio using the standard <audio> element and, where supported, enhance the experience using the web audio api.
...And 4 more matches
Introduction to CSS layout - Learn web development
...
...out methods that are switched on via specific display values, for example css grid and flexbox, which alter how elements inside the element they are set on are laid out.
...ned for styling the parts of an html table can be used on non-table elements using display: table and associated properties.
...And 4 more matches
The HTML5 input types - Learn web development
previous overview: forms next in the previous article we looked at the <input> element, covering the original values of the type attribute available since the early days of html.
...e value email for the type attribute: <input type="email" id="email" name="email"> when this type is used, the user is required to type a valid email address into the field.
...idation is too easy to turn off, so malicious users can still easily send bad data through to your server.
...And 4 more matches
Other form controls - Learn web development
objective: to understand the non-<input> form features, and how to implement them using html.
...ubmitted is not wrapped but the text rendered by the browser is wrapped; hard (the cols attribute must be specified when using this value), which means both the submitted and rendered texts are wrapped, and off, which stops wrapping.
...er is wrapped; hard (the cols attribute must be specified when using this value), which means both the submitted and rendered texts are wrapped, and off, which stops wrapping.
...And 4 more matches
Third-party APIs - Learn web development
previous overview: client-side web apis next the apis we've covered so far are built into the browser, but not all apis are.
...atter.
...sually require api keys security for browser apis tends to be handled by permission prompts, as discussed in our first article.
...And 4 more matches
Framework main features - Learn web development
...
...is handlebars template: <header> <h1>hello, {{subject}}!</h1> </header> and this data: { subject: "world" } handlebars will build html like this: <header> <h1>hello, world!</h1> </header> typescript typescript is a superset of javascript, meaning it extends javascript — all javascript code is valid typescript, but not the other way around.
...at function could be written like this: function add(a, b) { return a + b; } this code might be trivial for someone accustomed to javascript, but it could still be clearer.
...And 4 more matches
Getting started with React - Learn web development
...
...re from javascript comes with the use of jsx syntax.
...nity think that the readability of jsx is worthwhile.
...And 4 more matches
Internationalized Domain Names (IDN) Support in Mozilla Browsers
introduction netscape 7.1 is the first commercial browser that has built-in support for internationalized domain name under the new ietf rfc's established in 2003.
...ng non-ascii characters in domain names.
...uppercase characters to lowercase ones (case folding), unify characters with multiple representation, e.g.
...And 4 more matches
Mozilla Port Blocking
warning: the content of this article may be out of date.
... warning: the content of this article may be out of date.
...lication requires access to one of the ports which is blocked in mozilla.
...And 4 more matches
Python binding for NSS
s which have "get" and "set" api function calls are exposed as python properties.
... a nss/nspr function is progress in another thread.
...unction it will be encoded as utf-8 first before being passed to nss/nspr.
...And 4 more matches
Scripting Java
this article shows how to use rhino to reach beyond javascript into java.
... { print(i) } exists parentfile mkdir tostring wait [44 others] note that not only the methods of the file class are listed, but also the methods inherited from the base class java.lang.object (like wait).
...java adapter.
...And 4 more matches
Components.utils.exportFunction
bal window object: it could be any other object in the target window, or an object created by the caller.
...ow, or an object created by the caller.
...d to assign the return value of exportfunction() to an object in the target scope.
...And 4 more matches
nsIFile
pies a source file to a new location if it does not already exist.
...dy exist.
...is method is identical to copytonative() except that any symbolic links will be followed as the name suggests.
...And 4 more matches
nsIPrincipal
nown 2 enable_with_user_permission 3 enable_granted 4 methods native code only!canenablecapability short canenablecapability( in string capability ); parameters capability missing description return value missing description exceptions thrown missing exception missing description checkmayload() checks whether this principal is allowed to load the network resource located at the given uri under the same-origin policy.
...apability short canenablecapability( in string capability ); parameters capability missing description return value missing description exceptions thrown missing exception missing description checkmayload() checks whether this principal is allowed to load the network resource located at the given uri under the same-origin policy.
...rs capability missing description return value missing description exceptions thrown missing exception missing description checkmayload() checks whether this principal is allowed to load the network resource located at the given uri under the same-origin policy.
...And 4 more matches
nsISecurityCheckedComponent
caps/idl/nsisecuritycheckedcomponent.idlscriptable provides methods that let an xpcom component define custom rules for accessing it from potentially unprivileged code.
...ritycheckedcomponent.idlscriptable provides methods that let an xpcom component define custom rules for accessing it from potentially unprivileged code.
... gecko 1.7 capability strings in gecko, a "capability" is a string identifying a set of actions that code is allowed to perform.
...And 4 more matches
nsITreeView
3 note: renamed from progressnone in gecko 1.8 drop_before -1 drop_on 0 drop_after 1 indropbefore 0 obsolete since gecko 1.8 indropon 1 obsolete since gecko 1.8 indropafter 2 obsolete since gecko 1.8 methods candrop() methods used by the drag feedback code to determine if a drag is allowable at the current location.
...before -1 drop_on 0 drop_after 1 indropbefore 0 obsolete since gecko 1.8 indropon 1 obsolete since gecko 1.8 indropafter 2 obsolete since gecko 1.8 methods candrop() methods used by the drag feedback code to determine if a drag is allowable at the current location.
....
...And 4 more matches
Index - Firefox Developer Tools
easingly "tall," projecting outward from the bottom of the page.
...m inspector dom, dom:tools, dom_inspector, extensions, extensions:tools, themes, themes:tools, tools, web development, web development:tools, xul, xul:tools the dom inspector (also known as domi) is a developer tool used to inspect, browse, and edit the document object model of documents - usually web pages or xul windows.
... inspector (also known as domi) is a developer tool used to inspect, browse, and edit the document object model of documents - usually web pages or xul windows.
...And 4 more matches
BiquadFilterNode() - Web APIs
dictionary.
...ents a standard second-order resonant highpass filter with 12db/octave rolloff.
...ot used.
...And 4 more matches
DOMException - Web APIs
names are listed here.
...equesterror the node tree hierarchy is not correct.
...y_request_err) wrongdocumenterror the object is in the wrong document.
...And 4 more matches
Document.requestStorageAccess() - Web APIs
rage access storage access is granted based on a series of checks described here: if the document already has been granted access, resolve.
..., resolve.
...s of future calls to document.hasstorageaccess() and requeststorageaccess().
...And 4 more matches
Using Fetch - Web APIs
and response objects.) note: the body mixin also has similar methods to extract other types of body content; see the body section for more.
...rigin, strict-origin-when-cross-origin, unsafe-url body: json.stringify(data) // body data type must match "content-type" header }); return response.json(); // parses json response into native javascript objects } postdata('https://example.com/answer', { answer: 42 }) .then(data => { console.log(data); // json data parsed by `data.json()` call }); note that mode: "no-cors" only allows a limited set of headers in the request: accept accept-language content-language content-type with a value of application/x-www-form-urlencoded, multipart/form-data, or text/plain sending a request with credentials included to cause browsers to send a request with credentials included, even for a cross-origin call, add credentials: 'include' to the init object you pass to the fetch() me...
...(response => response.blob()) .then(myblob => { myimage.src = url.createobjecturl(myblob); }); request() accepts exactly the same parameters as the fetch() method.
...And 4 more matches
Fullscreen API - Web APIs
such as fscreen for vendor agnostic access to the fullscreen api.
... tells you the element that's currently being displayed in full-screen mode on the dom (or shadow dom).
...ocument or element if an error occurs while attempting to switch it into or out of full-screen mode.
...And 4 more matches
LockedFile - Web APIs
the position of the reading/writing pointer within the file.
...ed each time a read or write operation is successful.
...thod is called.
...And 4 more matches
SVGLengthList - Web APIs
numberofitems unsigned long the number of items in the list.
...g current items from the list and re-initializes the list to hold the single item specified by the parameter.
...responds to a read only attribute or when the object itself is read only.
...And 4 more matches
SVGNumberList - Web APIs
numberofitems unsigned long the number of items in the list.
...ting current items from the list and re-initializes the list to hold the single item specified by newitem.
...nds to a read only attribute or when the object itself is read only.
...And 4 more matches
SVGPathSegList - Web APIs
emsread only unsigned long the number of items in the list.
...from the list and re-initializes the list to hold the single item specified by newitem.
... getitem(in unsigned long index) svgpathseg returns the specified item from the list.
...And 4 more matches
SVGPointList - Web APIs
items in the list.
...om the list and re-initializes the list to hold the single item specified by the parameter.
...ad only.
...And 4 more matches
SVGStringList - Web APIs
r of items in the list.
...urrent items from the list and re-initializes the list to hold the single item specified by the parameter.
...nds to a read only attribute or when the object itself is read only.
...And 4 more matches
Using the Screen Capture API - Web APIs
the user agent responds by presenting a user interface that prompts the user to choose the screen area to share.
...offscreen.
... is taking place.
...And 4 more matches
Typical use cases of Flexbox - CSS: Cascading Style Sheets
box use case.
..., space-evenly.
...ave equal width, then i might use flex: auto, which is the shorthand for flex: 1 1 auto — all items grow and shrink from a flex-basis of auto.
...And 4 more matches
CSS values and units - CSS: Cascading Style Sheets
ant it to be any other pre-defined css keyword.
...ils.
...0ms, or 10px.
...And 4 more matches
clamp() - CSS: Cascading Style Sheets
Web › CSS › clamp
the clamp() css function clamps a value between an upper and lower bound.
... the clamp() css function clamps a value between an upper and lower bound.
...<percentage>, <number>, or <integer> is allowed.
...And 4 more matches
<integer> - CSS: Cascading Style Sheets
Web › CSS › integer
nimation.
... positive integer (without a leading + sign) +123 positive integer (with a leading + sign) -456 negative integer 0 zero +0 zero, with a leading + -0 zero, with a leading - invalid integers 12.0 this is a <number>, not an <integer>, though it represents an integer.
...ng + sign) +123 positive integer (with a leading + sign) -456 negative integer 0 zero +0 zero, with a leading + -0 zero, with a leading - invalid integers 12.0 this is a <number>, not an <integer>, though it represents an integer.
...And 4 more matches
Adding captions and subtitles to HTML5 video - Developer guides
ces if you are not sure what they are.
...ial in this article will apply to both.
...l" kind="subtitles" srclang="es" src="captions/vtt/sintel-es.vtt"> </video> as you can see, each <track> element has the following attributes set: kind is given a value of subtitles, indicating the type of content the files contain label is given a value indicating which language that subtitle set is for — for example english or deutsch — these labels will appear in the user interface to allow the user to easily select which subtitle language they want to see.
...And 4 more matches
<audio>: The Embed Audio element - HTML: Hypertext Markup Language
Web › HTML › Element › audio
e.
...bout how to properly use autoplay.
...le.
...And 4 more matches
MIME types (IANA media types) - HTTP
nse's content-type header.
...sn't handle multipart documents in a special way: the message is transmitted to the browser (which will likely show a "save as" window if it doesn't know how to display the document).
...ent).
...And 4 more matches
HTTP conditional requests - HTTP
validation is used when byte to byte identity is expected, for example when resuming a download.
... like if the request wasn't conditional and the client uses this new resource (and caches it).
...nario: if-range: this solution is more efficient, but slightly less flexible, as only one etag can be used in the condition.
...And 4 more matches
Digital audio concepts - Web media technologies
lossless encoder parameters lossless encoders have a lot less room to manipulate the audio to improve the compression rate, given the need to be able to reproduce the original audio, which limits the number of options available to configure these encoders.
...ithms), and others offer a simple "quality" parameter you can set, which automatically adjusts various properties of the algorithm.
...ts for each second of audio.
...And 4 more matches
Privacy, permissions, and information security
mentally, privacy of your data on the internet is about ensuring that information that has personal implications is kept out of the hands of unauthorized persons or organizations, regardless of how it's obtained.
...f information that's made available by a user's browser and collating it until it becomes possible to uniquely identify that user's browser.
...cy provides the ability to define the extent to which a document's content can be accessed by other devices over the web; used in particular to prevent or mitigate attacks on the server feature policy lets web developers selectively enable, disable, and modify the behavior of certain features and apis both for a document and for subdocuments loaded in <iframe>s <iframe>'s allow attribute technically part of feature policy, the allow attribute on an <iframe> specifies which web features the document in the frame should be allowed to access http public key pinning (hpkp) hpkp is used by servers to instruct a client to associate a specific public key with the server going forward in order to decrease the likelihood of man-in-the-middle attacks http ...
...And 4 more matches
Content type - SVG: Scalable Vector Graphics
::= "h" | "min" | "s" | "ms" hours ::= digit+; any positive number minutes ::= 2digit; range from 00 to 59 seconds ::= 2digit; range from 00 to 59 fraction ::= digit+ timecount ::= digit+ 2digit ::= digit digit digit ::= [0-9] for timecount values, the default metric suffix is "s" (for seconds).
...cal values (either three integer values or three percentage values) followed by ")".
... as part of the iri.
...And 4 more matches
Extension Versioning, Update and Compatibility - Archive of obsolete content
add-on versioning add-ons should specify their versions using the toolkit version format.
...on versioning add-ons should specify their versions using the toolkit version format.
...s updateurl.
...And 3 more matches
Custom XUL Elements with XBL - Archive of obsolete content
="pete" greeting="good morning" image="" />, then those attribute values are "inherited" to the content nodes that have this special attribute.
...attribute( this, "anonid", "xulshoolhello-name-label"); implementation the implementation section defines most of the scripting side of your element.
... from inside your binding methods, you can access fields with: this.fieldname you can also access them from outside of the element, if you have a reference to it: elementref.fieldname just like with js objects, all fields are publicly accessible, and we use a "_" to indicate a field is "private".
...And 3 more matches
Template and Tree Listeners - Archive of obsolete content
movelistener method.
...rver.
...imple.
...And 3 more matches
textbox (Toolkit autocomplete) - Archive of obsolete content
d.
... inputtooltiptext type: string the tooltip text for the textbox.
...: one of the values below you can set the type attribute to one of the values below for a more specialized type of textbox.
...And 3 more matches
Textbox (XPFE autocomplete) - Archive of obsolete content
d.
... inputtooltiptext type: string the tooltip text for the textbox.
...: one of the values below you can set the type attribute to one of the values below for a more specialized type of textbox.
...And 3 more matches
Splitters - Archive of obsolete content
o have two sections of a window where the user can resize the sections.
...zilla browser window, where you can change the size of the sidebar panel by dragging the bar in-between the two frames.
...e notch.
...And 3 more matches
XUL Structure - Archive of obsolete content
nsion or standalone xulrunner application.
...atures to the browser.
...hree sets are the content, the skin, and the locale, which are all described below.
...And 3 more matches
XForms Input Element - Archive of obsolete content
l/xul) month list - used to represent data of type xsd:gmonth (xhtml only) days list - used to represent data of type xsd:gday (xhtml only) number field - used to represent data of numeric type (fx 3.0 only, xul only) more detail about each of these widgets follows below.
...tml only) days list - used to represent data of type xsd:gday (xhtml only) number field - used to represent data of numeric type (fx 3.0 only, xul only) more detail about each of these widgets follows below.
...similar to a combo box populated with the sequence of the possible days in a month.
...And 3 more matches
RDF in Mozilla FAQ - Archive of obsolete content
of statements ("microtheories") together.
...asn't loaded, but it's loading now!"); } say the datasource wasn't loaded, and is loading asynchronously.
...l datasources together as a collective.
...And 3 more matches
CORS - MDN Web Docs Glossary: Definitions of Web-related terms
cors (cross-origin resource sharing) is a system, consisting of transmitting http headers, that determines whether browsers block frontend javascript code from accessing responses for cross-origin requests.
... from accessing responses for cross-origin requests.
...ty policy forbids cross-origin access to resources.
...And 3 more matches
Fundamental text and font styling - Learn web development
ry, before carrying on.
...way into his mighty throat.
...is font — it isn't widely available on mobile oses.
...And 3 more matches
What are browser developer tools? - Learn web development
ars.
...urrent element.
...ted styles for the currently selected element (the final, normalized values that the browser applies).
...And 3 more matches
Video and audio content - Learn web development
nt, easy way to host and consume videos, so you don't have to worry about the enormous bandwidth consumption.
...ontrols attribute to include the browser's own control interface, or build your interface using the appropriate javascript api.
...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.
...And 3 more matches
Cooperative asynchronous JavaScript: Timeouts and intervals - Learn web development
, discusses what they are useful for, and considers their inherent issues.
...chronously until you tell it to stop.
...ting = settimeout(sayhi, 2000, 'mr.
...And 3 more matches
Drawing graphics - Learn web development
previous overview: client-side web apis next the browser contains some very powerful graphics programming tools, from the scalable vector graphics (svg) language, to apis for drawing on html <canvas> elements, (see the canvas api and webgl).
... with some of the other apis the web platform provides.
...equal to window.innerwidth (which gives us the viewport width).
...And 3 more matches
Website security - Learn web development
te security, but it is not exhaustive.
... as <script>, <object>, <embed>, and <link>.
...mful).
...And 3 more matches
Getting started with Svelte - Learn web development
, execute, and keep hanging around in memory.
...ng, code splitting, file-based routing and offline support.
...ompiler, svelte can extend html, css, and javascript, generating optimal javascript code without any runtime overhead.
...And 3 more matches
Dynamic behavior in Svelte: working with variables and props - Learn web development
previous overview: client-side javascript frameworks next now that we have our markup and styles ready we can start developing the required features for our svelte to-do list app.
...expressions in html attributes, like we did with the checked and id attributes of the checkbox.
...e checkbox.
...And 3 more matches
Handling common accessibility problems - Learn web development
, then restart the browser.
... elements), but some browsers have their own idiosyncracies: firefox for the mac doesn't do tabbing by default.
...cessibility sometimes it is not possible to avoid losing keyboard accessibility.
...And 3 more matches
Setting up your own test automation environment - Learn web development
run your tests.
...ront end devs.
...d choices.
...And 3 more matches
Introducing a complete toolchain - Learn web development
deploy a mini site that lists data (taken from one of nasa's open apis) concerning potentially hazardous space objects that threaten our existence on earth!
...ify account to your github repository to deploy this project; we'll see how to do that in the next chapter.
...tives including gitlab and bitbucket, and you could even host your own git repositories.
...And 3 more matches
Embedding API for Accessibility
la accessibility community.
...dfile); /* these alerts will also be mirrored visually, either on the status bar or elsewhere */ no background images setboolpref("browser.accept.background_images", acceptbackgroundimages); no blinking text setboolpref("browser.blink_allowed", acceptblinktext); no animations setcharpref("image.animation_mode", animationmode); animationmode: "normal", "none", "once" moz 0.8 applets setboolpref("browser.accept.applets", acceptapplets); no ...
...", acceptaudio); no timed events setboolpref("browser.accept.timed_events", accepttimedevents); no timer speed setintpref("timer.relative_speed", percent); /* 100 corresponds to normal speed, 200 to double speed */ no allow cycling in lists and links setboolpref("keyboardnav.allow_cycling", allowcycling); no mouse pointer moves with keyboard focus setboolpref("keyboardnav.mouse_follows_keyboard_focus", mousefollows); /* if this pref is set, the mouse pointer will always be move to the 0,0 pixel of the cur...
...And 3 more matches
Chrome registration
r, and it can be any file type viewable from within mozilla.
...ifests are in a simple line-based format.
...s preferences.
...And 3 more matches
Multiple Firefox profiles
tomizations, add-ons, and other personalizations that a user has made or installed into their copy of firefox.
...in the profile manager, select the profile to remove, and click delete profile....
... note: the folder containing the files for the profile is not renamed.
...And 3 more matches
Getting Started with Chat
en 9am and 7pm pst monday to friday, excluding us holidays.
...good question will result in a better experience for both you and the person trying to help.
... ● ●* xchat ● ○ ● key: ● — binary or executable program available ○ — only available by downloading and compiling source code ●* — binary or executable may be available.
...And 3 more matches
Creating localizable web applications
et 2.
...<strong/> html elements inside the gettext function call and concatenates the $persona['date'] variable to it.
...%s is a date */ _("<strong>added:</strong> %s"), $persona['date']);?></p> snippet 5.
...And 3 more matches
Profiling with the Firefox Profiler
are annotated with "[default]" are in the parent (aka "ui", aka "browser chrome", aka "main") process and those annotated with "[tab]" are in the web content (aka "child") processes.
...and not necessarily that there was an event pending for that long.
...alls.
...And 3 more matches
NSS_3.12.3_release_notes.html
ironment_variables environment variable value type description nsrandcount integer (byte count) sets the maximum number of bytes to read from the file named in the environment variable nsrandfile (see below).
...eger (byte count) sets the maximum number of bytes to read from the file named in the environment variable nsrandfile (see below).
...file (see below).
...And 3 more matches
JIT Optimization Strategies
ovide, what kind of program characteristics can prevent them from being used, and common ways to enable the engine to utilize that optimization.
...ization will be suppressed.
...e cpu-level load instruction.
...And 3 more matches
WebReplayRoadmap
te immediately.
...tially implemented) when paused, the inspector panel can be used to inspect the dom and css state of the page.
...t breakpoints would allow searching the recording for places where particular dom events occur, and -- in the same manner as logpoints -- logging them to the console and allowing them to be seeked to later.
...And 3 more matches
Setting up the Gecko SDK
ithreaded dll runtime and the debug configuration to the debug multithreaded dll runtime (this needs clarification): after making these changes, press ok.
...): after making these changes, press ok.
... sets up the compiler to know where included code files are, it looks in the platform sdk, visual studio 9.0 include (installed with the platform sdk), and the gecko sdk includes.
...And 3 more matches
Mozilla internal string guide
en.
...wn its buffer.
...ing beginwriting() to make a string longer is not ok.
...And 3 more matches
nsIFrameScriptLoader
idl file: mozilla-central/source/dom/base/nsimessagemanager.idl inherits from: nsisupports this interface is used to load frame scripts.
...oon as loadframescript() is called.
...in every window for the global message manager if aallowdelayedload is true, then the script will also be loaded into any applicable new frames opened after the loadframescript() call.
...And 3 more matches
nsIProcessScriptLoader
le: mozilla-central/source/dom/base/nsimessagemanager.idl inherits from: nsisupports this interface is used by parent process message managers to load scripts into a child process.
... in boolean aallowdelayedload) void removedelayedprocessscript(in astring aurl); jsval getdelayedprocessscripts(); loadprocessscript() load a script in the child process.
... into all child processes.
...And 3 more matches
Getting Started Guide
ir parents.
...o* fooptr = 0; // ...
...; nscomptr happily calls addref and release implicitly.
...And 3 more matches
Debugger - Firefox Developer Tools
ssigning to it enables or disables this debugger instance; reading it produces true if the instance is enabled, or false otherwise.
...s to false inhibits the ahead-of-time asm.js compiler and forces asm.js code to run as normal javascript.
...s substituted into the error message.
...And 3 more matches
Blob.type - Web APIs
Web › API › Blob › type
the type property of a blob object returns the mime type of the file.
...the user to select a number of files, then checks each file to make sure it's one of a given set of image file types.
...les, then checks each file to make sure it's one of a given set of image file types.
...And 3 more matches
DisplayMediaStreamConstraints.video - Web APIs
a video track must always be included, a value of false results in a typeerror exception being thrown.
...trol over the format of the returned video track may be exercised by instead providing a mediatrackconstraints object, which is used to process the video data after obtaining it from the device but prior to adding it to the stream.
...s specified as part of the displaymediastreamconstraints object's video property when using getdisplaymedia() to obtain a stream for screen sharing.
...And 3 more matches
FeaturePolicy - Web APIs
the featurepolicy interface of the feature policy api represents the set of policies applied to the current execution context.
... feature policy api represents the set of policies applied to the current execution context.
...eature returns a boolean that indicates whether or not a particular feature is enabled in the specified context.
...And 3 more matches
MediaDevices.getUserMedia() - Web APIs
such as a camera, video recording device, screen sharing service, and so forth), an audio track (similarly, produced by a physical or virtual audio source like a microphone, a/d converter, or the like), and possibly other track types.
...n obtained.
...using http rather than https).
...And 3 more matches
MediaTrackConstraints - Web APIs
the mediatrackconstraints dictionary is used to describe a set of capabilities and the value or values each can take on.
...ates which are acceptable and/or required.
...s specified as part of the displaymediastreamconstraints object's video property when using getdisplaymedia() to obtain a stream for screen sharing.
...And 3 more matches
SVGTransform - Web APIs
t (0, 0), e and f will be zero.
...xception with code no_modification_allowed_err is raised when attempting to modify a read only attribute or when the object itself is read only.
... a domexception with code no_modification_allowed_err is raised when attempting to modify a read only attribute or when the object itself is read only.
...And 3 more matches
Signaling and video calling - Web APIs
webrtc allows real-time, peer-to-peer, media exchange between two devices.
...is channel the information back and forth.
... readying the chat server for signaling our chat server uses the websocket api to send information as json strings between each client and the server.
...And 3 more matches
Accessibility documentation index - Accessibility
failure occurs we will test the browser for api incorrectness, using tools such as msaa inspect.
...ent the aria-required attribute is used to indicate that user input is required on an element before a form can be submitted.
... have an aria role assigned.
...And 3 more matches
@font-feature-values - CSS: Cascading Style Sheets
activated differently in opentype.
... feature value blocks @swash specifies a feature name that will work with the swash() functional notation of font-variant-alternates.
...2 4 isn't.
...And 3 more matches
Basic concepts of flexbox - CSS: Cascading Style Sheets
ontainer, they will not wrap but will instead overflow.
...large to all display in one line, they will wrap onto another line.
...or could not shrink small enough to fit.
...And 3 more matches
Making content editable - Developer guides
and fast rich text editor.
...ap the separate lines in <div> elements, matching the behavior of chrome, modern opera, edge, and safari.
...o use the new behavior.
...And 3 more matches
Constraint validation - Developer guides
h what is done on the client side.
...n api either on a single form element or at the form level, on the <form> element itself.
...ted, and then to use the method field.setcustomvalidity() to set the result of the validation: an empty string means the constraint is satisfied, and any other string means there is an error and this string is the error message to display to the user.
...And 3 more matches
<input type="file"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › file
(empty).
...ture was previously a boolean attribute which, if present, requested that the device's media capture device(s) such as camera or microphone be used instead of requesting a file input.
...n-standard attributes in addition to the attributes listed above, the following non-standard attributes are available on some browsers.
...And 3 more matches
<input type="search"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › search
pproximately how many can be seen at a time.
...heck non-standard attributes the following non-standard attributes are available to search input fields.
...ble automatic correction and text substitutions.
...And 3 more matches
HTML elements reference - HTML: Hypertext Markup Language
Web › HTML › Element
<title> the html title element (<title>) defines the document's title that is shown in a browser's title bar or a page's tab.
...ser action.
...using javascript.
...And 3 more matches
Global attributes - HTML: Hypertext Markup Language
pplied (all letters default to lowercase) on or sentences, the first letter of each sentence defaults to a capital letter; all other letters default to lowercase words, the first letter of each word defaults to a capital letter; all other letters default to lowercase characters, all letters should default to uppercase class a space-separated list of the classes of the element.
...rs should default to uppercase class a space-separated list of the classes of the element.
...ser modifies its widget to allow editing.
...And 3 more matches
Content negotiation - HTTP
ers always send this header and the server should be configured to abide to it and to use compression.
...n it, separated by ';'.
...orm the cache of the decision criteria so that it can reproduce it, allowing the cache to be functional while preventing serving erroneous content to the user.
...And 3 more matches
Cross-Origin-Opener-Policy - HTTP
the http cross-origin-opener-policy (coop) response header allows you to ensure a top-level document does not share a browsing context group with cross-origin documents.
...-origin documents.
...ew window, the opening document will not have a reference to it, and the window.opener property of the new window will be null.
...And 3 more matches
Trailing commas - JavaScript
trailing commas (sometimes called "final commas") can be useful when adding new elements, parameters, or properties to javascript code.
...add a new line without modifying the previously last line if that line already uses a trailing comma.
...led sparse (a dense array has no holes).
...And 3 more matches
<mtable> - MathML
Web › MathML › Element › mtable
the mathml <mtable> element allows you to create tables or matrices.
...s on the environment's axis (typically the minus sign).
.../ seamonkey 2.5) the interpretation of negative values has been corrected (bug 601436).
...And 3 more matches
d - SVG: Scalable Vector Graphics
Web › SVG › Attribute › d
large-arc-flag sweep-flag x y)+ draw an arc curve from the current point to the coordinate x,y.
...used to draw the arc is determined automatically based on the other parameters of the command: rx and ry are the two radii of the ellipse; angle represents a rotation (in degrees) of the ellipse relative to the x-axis; large-arc-flag and sweep-flag allows to chose which arc must be drawn as 4 possible arcs can be drawn out of the other parameters.
...s of the command: rx and ry are the two radii of the ellipse; angle represents a rotation (in degrees) of the ellipse relative to the x-axis; large-arc-flag and sweep-flag allows to chose which arc must be drawn as 4 possible arcs can be drawn out of the other parameters.
...And 3 more matches
Web security
arameters, which can have a substantial impact on the security and reliability of data.
... how a document or script loaded from one origin can interact with a resource from another origin.
...helps isolate potentially malicious documents, reducing possible attack vectors.
...And 3 more matches
WebAssembly
webassembly is a new type of code that can be run in modern web browsers — it is a low-level assembly-like language with a compact binary format that runs with near-native performance and provides languages such as c/c++, c# and rust with a compilation target so that they can run on the web.
... web platform — it provides a way to run code written in multiple languages on the web at near native speed, with client apps running on the web that previously couldn’t have done so.
... why it is so useful, how it fits into the web platform (and beyond), and how to use it.
...And 3 more matches
Content Processes - Archive of obsolete content
this article, it's probably best to read it as if content and add-on processes actually exist.
... referred to as a pipe.
...each content script and the main add-on script.
...And 2 more matches
Install Manifests - Archive of obsolete content
ersion>) up to and including the maximum version (<em:maxversion>).
... may specify more if the add-on targets multiple applications that support the add-on manager (e.g.
...l> note: for the above example to work you will also have to add a skin package line to your chrome.manifest file.
...And 2 more matches
Chapter 5: Let's build a Firefox extension - Archive of obsolete content
is used to contain language data that can be translated.
...pen the clock window (figure 9).
...firefox under a different profile (see footnote 1).
...And 2 more matches
Adding Events and Commands - Archive of obsolete content
event propagation.
...andle an event, with the last argument of the function.
...attribute values set or removed as well.
...And 2 more matches
Adding Toolbars and Toolbar Buttons - Archive of obsolete content
« previousnext » adding a new toolbar adding new toolbars to firefox is easy, but adding them the wrong way is very easy as well.
... </toolbox> </window> (note for mac os x: <window id="main-window"> and </window> are not required) our toolbar is added as a child of the toolbox element in the main browser window.
...ser.
...And 2 more matches
Adding windows and dialogs - Archive of obsolete content
thing.
... ok to use this function if you're just debugging some problem and want to see if the program reaches a specific line of code, or to inspect the value of a variable, but your final extension should not have alert calls anywhere.
... message is not well defined.
...And 2 more matches
Appendix E: DOM Building and Insertion (HTML & XUL) - Archive of obsolete content
g to a document fragment while removing any scripts or other unsafe content in the process.
...ment while removing any scripts or other unsafe content in the process.
...l fragment to parse.
...And 2 more matches
XPCOM Objects - Archive of obsolete content
te the two.
...his, false); this._prefservice.queryinterface(ci.nsiprefbranch); this is a common piece of code you'll see when initializing components or jsm that rely on preferences.
...robably break, we'll cover this later on.) in the components directory, the file xsihellocounter.idl has the following contents: #include "nsisupports.idl" /** * counter for the hello world extension.
...And 2 more matches
An Interview With Douglas Bowman of Wired News - Archive of obsolete content
e the interface conventions we've come to expect from web pages.
...ing force behind this compelling new design is douglas bowman, network design manager for terra lycos, who graciously agreed to an interview and in the process shed a lot of light on what goes into a standards-based redesign.
... trouble ensuring a consistent vertical start position of columns using floats.
...And 2 more matches
Inner-browsing extending the browser navigation paradigm - Archive of obsolete content
igational models in mind.
....
...ge with the next block of message headers.
...And 2 more matches
Plug-n-Hack - Archive of obsolete content
to their browser if any of these steps are carried out incorrectly then the browser will typically fail to connect to any website – debugging such problems can be frustrating and time-consuming.
...e frustrating and time-consuming.
...s security tools to declare the functionality that they support which is suitable for invoking directly from the browser.
...And 2 more matches
Same origin policy for XBL - Archive of obsolete content
the same origin policy used for xbl documents is different from the policy used for other content.
...s being looked at).
...loadbindingdocument() methods, the originating principal is the one of the script making the call, or the principal of the document the call is made on if there isn't a script.
...And 2 more matches
URIs and URLs - Archive of obsolete content
warning: the content of this article may be out of date.
...ed in 2002.
...ied by uri "uniform resource identifier" (taken from rfc 2396): uniform uniformity provides several benefits: it allows different types of resource identifiers to be used in the same context, even when the mechanisms used to access those resources may differ; it allows uniform semantic interpretation of common syntactic conventions across different types of resource identifiers; it allows introduction of new types of resource identifiers without interfering with the way that existing identifiers are used; and, it allows the identifiers to be reused in many different contexts, thus permitting new applications or protocols to leverage a pre-existing, large, and widely-used set of resource identifiers.
...And 2 more matches
Venkman Introduction - Archive of obsolete content
features, procedures, and tips described here will make you a more confident web developer and debugger.
...mber will have a breakpoint set.
...n or line, a "future breakpoint" is recorded.
...And 2 more matches
Templates - Archive of obsolete content
with mozilla such as bookmarks, history and mail messages.
...t can be used to get the data.
... in the image that the set of buttons has been created, one for each bookmark.
...And 2 more matches
Trees - Archive of obsolete content
Archive › Mozilla › XUL › Tutorial › Trees
« previousnext » xul provides a way to create tabular or hierarchical lists using a tree.
...pecify the rows in the listbox.
...ree view is an object which implements the nsitreeview interface.
...And 2 more matches
Using Remote XUL - Archive of obsolete content
introduction note: support for remote xul has long been a potential security concern; support for it was disabled in gecko 2.0.
...ncern; support for it was disabled in gecko 2.0.
...or_file to true.
...And 2 more matches
The Implementation of the Application Object Model - Archive of obsolete content
two-fold.
... source that is the equivalent of a local annotation to the xul file.
...will be.
...And 2 more matches
XUL controls - Archive of obsolete content
rpicker color="#ff0000"/> colorpicker reference <colorpicker type="button"> a specialized type of color picker which shows only a button.
... more information about the description element.
...ichlistitem> <richlistitem> <image src="angry.png"/> </richlistitem> </richlistbox> richlistbox reference related elements: richlistitem <scale> a scale displays a bar with a thumb that may be slid across the bar to select between a range of values.
...And 2 more matches
browser - Archive of obsolete content
following arguments.
...t), and preventing documents from inheriting the principal of the parent document.
...ed; subdocuments of content documents are always content documents.
...And 2 more matches
iframe - Archive of obsolete content
t), and preventing documents from inheriting the principal of the parent document.
...ed; subdocuments of content documents are always content documents.
...wser for content.
...And 2 more matches
menuitem - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a single choice in a menupopup element.
...t key (accelerator key) to use to invoke the command.
...d.
...And 2 more matches
timepicker - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] the timepicker is used to allow the user to enter a time.
... « xul reference home [ examples | attributes | properties | methods | related ] the timepicker is used to allow the user to enter a time.
... « xul reference home [ examples | attributes | properties | methods | related ] the timepicker is used to allow the user to enter a time.
...And 2 more matches
tree - Archive of obsolete content
Archive › Mozilla › XUL › tree
t specified using tags, but is determined from a view object.
...d.
...ction.
...And 2 more matches
treecol - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a column of a tree.
...used, for example, in a mail window, for a column that indicates that the message is read or unread with a small mark in the cell.
...y upon user selection of the menuitem.
...And 2 more matches
window - Archive of obsolete content
riented box.
...ame" value="enter last name:"/> <textbox id="your-lname" value="hernandez"/> </hbox> <hbox> <button oncommand="alert('save!')"> <description>save</description> </button> </hbox> </vbox> </radiogroup> </groupbox> </vbox> </window> attributes accelerated type: booleanset this attribute to true to allow hardware layer managers to accelerate the window.
...tended to be loaded in a tab, to disable the find bar for the tab with this document.
...And 2 more matches
calICalendarView - Archive of obsolete content
ent picture of the current state of those nodes.
...se nodes.
...ications, and deletions of items it may be displaying.
...And 2 more matches
2006-10-06 - Archive of obsolete content
illa-dev-tech-xul announcements none during this week.
...ndom webpages have access to the following protocols: feed, pcast, moz-bookmark, webcal, swebcal.
...st of protocols nsscriptsecuritymanager::checkloaduri feed: consensus is that it should be allowed and treated as an ordinary link.
...And 2 more matches
E4X for templating - Archive of obsolete content
rn strs.formatstringfromname(msg,args,args.length); } return strs.getstringfromname(msg); } for example, <toolbarbutton label={$s('mytoolbar.label')}/> conditionals function _if (cond, h, _else) { if (cond && cond != undefined) { // we need undefined condition for e4x return h(cond); } else if (_else) { return _else(cond); } return ''; // empty string allows conditions in attribute as well as element content } for example: {_if(elems.length(), function () <description>{elems[0]}</description>, function _else () <label>no data</label> )} note that the simple xmllist() constructor (<></>) may be useful to still be able to use an expression closure (i.e., without needing return statements and braces): {_if(elems.length(), function () <> ...
...unctions can also be easily serialized inline (and then perhaps converted to the dom) as needed: var list = <>{_if(elems.length(), function () <> <markup/> <markup/> </>)}</>.toxmlstring(); iterating functions such as the following foreach (which can work with arrays, objects, or e4x objects) are quite convenient in iterating over complex structures such as e4x would not normally allow.
...ible to use anonymous functions inline (returning the desired content, including potentially xmllist's) in order to execute more than a single related statement, keeping this logic together with the resulting xml.
...And 2 more matches
Mozilla XForms Specials - Archive of obsolete content
path functions are not supported, you will have to specify all parameters when calling a function.
...mozilla xforms extension we added a getinstancedocuments() function to the model which returns all the model's instance documents.
... the xforms 1.0 specification you have to go through the model element to get to the instance document.
...And 2 more matches
Mozilla XForms User Interface - Archive of obsolete content
s elements will be presented in mozilla since the xforms specifications give only a hint of how controls might be rendered.
...the following presentations: text - default representation for data of most types, especially static text.
...e data types when appearance = 'full'.
...And 2 more matches
Using the Right Markup to Invoke Plugins - Archive of obsolete content
nce this won't work in mozilla-based browsers such as netscape 7.
... you aren't taking advantage of any version specific features, a more generic mime type such as application/x-java-vm will do the job just as well.
...hat can also be used.
...And 2 more matches
Game promotion - Game development
nd a theme if you are stuck for ideas.
... information about your games, so people can see what you've worked on.
...grow your fanbase by talking to them, sharing tips, offering discounts, giving away prizes in competitions, or just complaining at the weather or buggy browser you have to deal with.
...And 2 more matches
XInclude - MDN Web Docs Glossary: Definitions of Web-related terms
xml inclusions (xinclude) is a w3c recommendation to allow inclusion of xml more different sources in a more convenient fashion than xml external entities.
...nclude) is a w3c recommendation to allow inclusion of xml more different sources in a more convenient fashion than xml external entities.
...ple the following code aims to let <xi:include> and <xi:fallback> tags (the two elements in the language) with all of the attributes of <xi:include> be included in an xml document so as to be resolvable into a single xml document.
...And 2 more matches
Legacy layout methods - Learn web development
understanding how they work, and why they are different to css grid layout.
... top row of single columns will now lay out neatly as a grid.
...load it in a browser, and try changing the viewport width — you should see the column widths adjust nicely to suit.
...And 2 more matches
CSS FAQ - Learn web development
Learn › CSS › Howto › CSS FAQ
render correctly?
...erve it with this type, it won't be applied.
....
...And 2 more matches
Web fonts - Learn web development
previous overview: styling text next in the first article of the module, we explored the basic css features available for styling fonts and text.
... previous overview: styling text next in the first article of the module, we explored the basic css features available for styling fonts and text.
...n systems — the so-called web-safe fonts.
...And 2 more matches
Your first form - Learn web development
prerequisites: basic computer literacy, and a basic understanding of html.
..."text" value="by default this element is filled with this text"> on the other hand, if you want to define a default value for a <textarea>, you put it between the opening and closing tags of the <textarea> element, like this: <textarea> by default this element is filled with this text </textarea> the <button> element the markup for our form is almost complete; we just need to add a button to allow the user to send, or "submit", their data once they have filled out the form.
...include one.
...And 2 more matches
The web and web standards - Learn web development
referred to as timbl) wrote a notebook program called enquire, which featured the concept of links between different nodes.
...boration between many different companies, it means that no one company gets to control them, which is a really good thing.
... browsers you are probably reading these words inside a web browser in this very moment (unless you've printed it out, or are using assistive technology, such as a screenreader to read it out to you).
...And 2 more matches
General asynchronous programming concepts - Learn web development
s available.
... b thread 2: task c --> task d javascript is single-threaded javascript is traditionally single-threaded.
... --> task b --> |task d| worker thread: task c -----------> | | in this case, let's say task d makes use of the results of both task b and task c.
...And 2 more matches
Graceful asynchronous programming with Promises - Learn web development
previous overview: asynchronous next promises are a comparatively new feature of the javascript language that allow you to defer further actions until after a previous action has completed, or respond to its failure.
...mise3.catch(e => { console.log('there has been a problem with your fetch operation: ' + e.message); }); to see this in action, try misspelling the url to the image and reloading the page.
...ether it fulfilled or rejected.
...And 2 more matches
Client-side tooling overview - Learn web development
ut also helps to package assets like html, css, and image files into convenient bundles that you can then go on to deploy, and also adds dependencies for you automatically whenever you try to use them.
...thers): the ability to write code using the latest language features and have that transformed into code that works on everyday devices.
... the same kind of thing as babel, but for cutting-edge css features.
...And 2 more matches
Accessibility API cross-reference
level is expressed with the aria-level attribute.
... this thing and then click on the item for tooltip style help helpballoon n/a n/a n/a editable field that allows user to assign a key combination hotkeyfield n/a n/a n/a graphic that indicates something, such as an arrow indicator n/a n/a n/a abstract role - a generic type of widget that allows user input.
...ntended for specifying search criteria.
...And 2 more matches
Testopia
testopia is a test case management extension for bugzilla.
...import of test plans and children support csv export of test cases and results.
...ults.
...And 2 more matches
Eclipse CDT
ination (using the bindings column to sort by key combination helps with this) and remove them, or else you need to make your binding very specific by setting the "when" field to "c/c++ editor" instead of the more general "editing text".
...erent tabs, select the tab of the file that you want to edit, then from the menu bar select "window > new editor".
...o search.) when this happens it frequently causes knock-on errors for the files that include that header (directly or indirectly), since they too now have things missing.
...And 2 more matches
Script security
er, gecko can load javascript from untrusted and potentially hostile web pages and run it on the user's computer.
... https://example.org/ can access each other, and they can also access objects served from https://example.org/foo.
..., there's a separate compartment for every global object.
...And 2 more matches
Mozilla DOM Hacking Guide
known property on the object (window, in our case).
...ray, e.g.
...ata members, and register class names and class prototypes.
...And 2 more matches
Introduction to NSPR
the netscape portable runtime (nspr) api allows compliant applications to use system facilities such as threads, thread synchronization, i/o, interval timing, atomic operations, and several other low-level services in a platform-independent manner.
... the netscape portable runtime (nspr) api allows compliant applications to use system facilities such as threads, thread synchronization, i/o, interval timing, atomic operations, and several other low-level services in a platform-independent manner.
... a condition that signals changes in the state of the associated data.
...And 2 more matches
nss tech note3
all about certificate extensions nss technical note: 3 09 may 2002 nelson b.
...ed to verify the validity of a certificate chain, it verifies the validity of that cert chain for a particular purpose, known as a seccertusage, as of a specific date and time.
...purpose, known as a seccertusage, as of a specific date and time.
...And 2 more matches
NSS tools : certutil
o one.
...tting follows rfc 1113.
...icate database.
...And 2 more matches
sslerr.html
te has been requested." the application has attempted to configure ssl to use an unknown cipher suite.
... ssl_error_no_trusted_ssl_client_ca -12199 "no certificate authority is trusted for ssl client authentication." ssl_error_session_not_found -12198 "client's ssl session id not found in server's session cache." ssl_error_server_cache_not_configured -12185 "ssl server cache not configured and not disabled for this socket." ssl_error_renegotiation_not_allowed -12176 "renegotiation is not allowed on this ssl socket." received a malformed (too long or short or invalid content) ssl handshake: all the error codes in the following block indicate that the local socket received an improperly formatted ssl3 handshake message from the remote peer.
..._error_pkcs7_keyalg_mismatch -8146 cannot decrypt: key encryption algorithm does not match your certificate.
...And 2 more matches
certutil
r sqlite databases (cert9.db and key4.db).
...atting follows rfc 1113.
...ificate database.
...And 2 more matches
Rhino overview
introduction most people who have used javascript before have done so by adding scripts to their html web pages.
...a-262 ecmascript: a general purpose, cross-platform programming language.
...vascript to implement any java interface or extend any java class with a javascript object.
...And 2 more matches
XForms Accessibility
te constants declared in nsiaccessiblestates interface like it shown below: relevant - state_unavailable readonly - state_readonly required - state_required invalid - state_invalid out of range - state_invalid attributes redefines datatype aria attribute.
...e text (see the spec, the docs).
...ee the spec, the docs).
...And 2 more matches
Avoiding leaks in JavaScript XPCOM components
ave nondeterministically or crash.
...ory management models.
...ript code that uses xpcom objects can't depend on all of the benefits of garbage collection.
...And 2 more matches
Component Internals
y the application startup itself.
...t you observe cannot be used to implement something like a "are you sure you want to quit?" dialog.
...es a basic abstraction of the core xpcom object.
...And 2 more matches
nsIIOService
inspects the scheme in order to delegate creation of the new uri to the appropriate protocol handler).
... type description offline boolean returns true if networking is in "offline" mode.
...onding to network services that may be easily exploitable.
...And 2 more matches
nsIMsgFolder
gned long numfolders); nsisupportsarray getallfolderswithflag(in unsigned long aflag); void getexpansionarray(in nsisupportsarray expansionarray); acstring geturiformsg(in nsimsgdbhdr msghdr); void deletemessages(in nsisupportsarray messages,in nsimsgwindow msgwindow, in boolean deletestorage, in boolean ismove, in nsimsgcopyservicelistener listener, in boolean allowundo); void copymessages(in nsimsgfolder srcfolder, in nsisupportsarray messages,in boolean ismove, in nsimsgwindow msgwindow,in nsimsgcopyservicelistener listener, in boolean isfolder, in boolean allowundo); void copyfolder(in nsimsgfolder srcfolder, in boolean ismovefolder,in nsimsgwindow msgwindow, in nsimsgcopyservicelistener listener ); void copyfilemessage(in nsifi...
...s boolean readonly: returns true if this folder has sub folders.
...ath of this folder.
...And 2 more matches
nsIParentalControlsService
toolkit/components/parentalcontrols/public/nsiparentalcontrolsservice.idlscriptable this interface provides access to the operating system's parental controls feature, allowing code to detect whether such a service is enabled and to request overrides to bypass the feature.
...s log entry type represents an access to web content.
...load 2 this log entry type represents a file download.
...And 2 more matches
nsISHistoryListener
urge(in long anumentries); boolean onhistoryreload(in nsiuri areloaduri, in unsigned long areloadflags); methods onhistorygoback() called when navigating to a previous session history entry, for example due to an nsiwebnavigation.goback() call.
...ry being navigated to.
...o proceed or false to cancel it.
...And 2 more matches
nsIWebContentHandlerRegistrar
be thrown.
...=compose&to=%s as a content or protocol handler'permission denied to add http://mail.live.com/secure/start?action=compose&to=%s as a content or protocol handler' when calling method: [nsiwebcontenthandlerregistrar::registerprotocolhandler] if the host names do match then a confirmation like this will be seen: this domain check can be bypassed by setting the preference of gecko.handlerservice.allowregisterfromdifferenthost to true as in this code here: var {classes: cc, interfaces: ci, utils: cu} = components; cu.import("resource://gre/modules/services.jsm"); var nsiwchr = cc["@mozilla.org/embeddor.implemented/web-content-handler-registrar;1"] .getservice(ci.nsiwebcontenthandlerregistrar); var allowregisterfromdifferenthost = services.prefs.getboolpref('gecko.handlerservic...
...gisterfromdifferenthost to true as in this code here: var {classes: cc, interfaces: ci, utils: cu} = components; cu.import("resource://gre/modules/services.jsm"); var nsiwchr = cc["@mozilla.org/embeddor.implemented/web-content-handler-registrar;1"] .getservice(ci.nsiwebcontenthandlerregistrar); var allowregisterfromdifferenthost = services.prefs.getboolpref('gecko.handlerservice.allowregisterfromdifferenthost'); if (!allowregisterfromdifferenthost) { services.prefs.setboolpref('gecko.handlerservice.allowregisterfromdifferenthost', true); } var htmlcontentwindow = services.wm.getmostrecentwindow('navigator:browser'); //because we set the preference to true above, we need any window that has a browser, just pass the domwindow and the registerprotocolhandler will get the conte...
...And 2 more matches
Index
products.
...oped to support the xpcshell-tests; see the core xpcshell-tests page for more information on how to develop these.
...y not be relevant.
...And 2 more matches
DOM Inspector internals - Firefox Developer Tools
o the inspected document, and the other panel reacts to changes to the selection in the first panel.
...espectively.
...d; when the panel is made to switch from one viewer to another, the old viewer is destroyed, and the new viewer is loaded in its place.
...And 2 more matches
Set a breakpoint - Firefox Developer Tools
kpoint that can be set in the debugger; this article covers standard (unconditional) breakpoints and conditional breakpoints.
...e line number for the line you want to break at in the source pane.
...g up the context menu over the line highlight and choose the remove breakpoint option.
...And 2 more matches
Dominators view - Firefox Developer Tools
the dominators view is new in firefox 46.
...re more than one root.
...as a percentage of the total the nodes's name and address in memory.
...And 2 more matches
Element.classList - Web APIs
Web › API › Element › classList
enlist': " + "the token provided ('"+v[wsindex]+"') contains html space characters, which are not valid in tokens."); } // 2.
...are not valid in tokens."); } // 2.
...ropchange = 1, target.classlist = restokenlist, target.classname = strval; skippropchange = 0, restokenlist.length = tokens.length - sub; } } function polyfillclasslist(ele){ if (!ele || !("innerhtml" in ele)) throw typeerror("illegal invocation"); ele.detachevent( "onpropertychange", whenpropchanges ); // prevent duplicate handler infinite loop allowtokenlistconstruction = 1; try{ function protoobj(){} protoobj.prototype = new domtokenlist(); } finally { allowtokenlistconstruction = 0 } var protoobjproto = protoobj.prototype, restokenlist = new protoobj(); a: for(var toks=ele.classname.trim().split(wsre), ci=0, clen=toks.length, sub=0; ci !== clen; ++ci){ for (var inneri=0; inneri !== ci; ++inneri) ...
...And 2 more matches
FileSystemEntrySync - Web APIs
fileexception with the following codes: exception description encoding_err the name supplied is invalid, because at least one of the characters is reserved or illegal.
...clude a backslash (\), dot (.), and two dots (..).
... fileexception with the following codes: exception description encoding_err the name supplied is invalid, because at least one of the characters is reserved or illegal.
...And 2 more matches
HTMLIFrameElement - Web APIs
,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmliframeelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...hor="middle" alignment-baseline="middle">htmliframeelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...ent, htmlelement.
...And 2 more matches
HTMLSelectElement.disabled - Web APIs
the htmlselectelement.disabled is a boolean that reflects the disabled html attribute, which indicates whether the control is disabled.
... the htmlselectelement.disabled is a boolean that reflects the disabled html attribute, which indicates whether the control is disabled.
... syntax edit aselectelement.disabled = abool; example html <label> allow drinks?
...And 2 more matches
Payment Request API - Web APIs
it easy for users to jump from desktop to mobile and back again when buying things.
...rowser can automatically suggest which card to use based on past usage patterns or restrictions from the merchant (e.g, "we only accept visa or mastercard"), or allow the user to say which is their default/favorite card.
...object in response to a user action that initiates a payment, such as clicking a "purchase" button.
...And 2 more matches
Using the Permissions API - Web APIs
w3c permissions api, which provides a programmatic way to query the status of api permissions attributed to the current context.
...much fun to deal with as developers.
...location and plot it out on a google map: you can run the example live, or view the source code on github.
...And 2 more matches
SpeechRecognitionError.error - Web APIs
t.error; value a domstring naming the type of error.
...ng naming the type of error.
... speech input was aborted in some manner, perhaps by some user-agent-specific behavior like a button the user can press to cancel speech input.
...And 2 more matches
SpeechRecognitionErrorEvent.error - Web APIs
t.error; value a domstring naming the type of error.
...ng naming the type of error.
... speech input was aborted in some manner, perhaps by some user-agent-specific behavior like a button the user can press to cancel speech input.
...And 2 more matches
Streams API concepts - Web APIs
the streams api adds a very useful set of tools to the web platform, providing objects allowing javascript to programmatically access streams of data received over the network and process them as desired by the developer.
... contain chunks of different sizes and types.
...ueuing strategies section below).
...And 2 more matches
Rendering and the WebXR frame animation callback - Web APIs
nts of the affected display area simply don't change for that pass through the frame loop.
...he center of the space horizontally), we first need to render the scene from, say, [-0.032, 2.0, 0.0] (32mm to the left of center) and then render it again at [0.032, 2.0, 0.0].
...render it again at [0.032, 2.0, 0.0].
...And 2 more matches
Basic concepts behind Web Audio API - Web APIs
ind how the features of the web audio api work, to help you make informed decisions while designing how audio is routed through your app.
...lements (such as <video> or <audio>).
...therwise aliasing occurs.
...And 2 more matches
Using Web Workers - Web APIs
arent page.
...ch anything you like in the message.
...e, in general, not governed by the content security policy of the document (or parent worker) that created them.
...And 2 more matches
Using XMLHttpRequest - Web APIs
/ /* console.log("ajaxsubmit - the form is now serialized.
...sole.log("the page '" + this.filepath + "' has been changed on " + (new date(nmodif)).tolocalestring() + "!"); }); if you want to know if the current page has changed, please read the article about document.lastmodified.
....html?foobar=baz&12345 as the local cache is indexed by url, this causes every request to be unique, thereby bypassing the cache.
...And 2 more matches
Introduction - Web APIs
introduction one noticeable trend in w3c standards has been the effort to separate content from style.
... introduction one noticeable trend in w3c standards has been the effort to separate content from style.
... style rules to a web document.
...And 2 more matches
Cognitive accessibility - Accessibility
cluding structure and relationships conveyed through the presentation, should be available in a form that can be perceived by all users to achieve this goal.
...basis, such as being logged out after 30 minutes or having 15 minutes to make a purchase.
...nts altogether.
...And 2 more matches
Operable - Accessibility
ality may have a time limit.
... alert.
... 2.3.1 three flashes, or below threshold (a) content doesn't contain any aspect that flashes more than three times per second, or flashing content is below acceptable flash and red flash thresholds.
...And 2 more matches
:visited - CSS: Cascading Style Sheets
Web › CSS › :visited
:link, :hover, or :active) that has at least equal specificity.
......
... strictly limit which styles you can apply using this pseudo-class, and how they can be used: allowable css properties are color, background-color, border-color, border-bottom-color, border-left-color, border-right-color, border-top-color, column-rule-color, outline-color, text-decoration-color, and text-emphasis-color.
...And 2 more matches
Color picker tool - CSS: Cascading Style Sheets
sion : setprecision, setsensivity : setsensivity, getprecision : getprecision, createslider : createslider, }; })(); 'use strict'; window.addeventlistener("load", function() { colorpickertool.init(); }); var colorpickertool = (function colorpickertool() { /*========== get dom element by id ==========*/ function getelembyid(id) { return document.getelementbyid(id); } function allowdropevent(e) { e.preventdefault(); } /*========== make an element resizable relative to it's parent ==========*/ var uicomponent = (function uicomponent() { function makeresizable(elem, axis) { var valuex = 0; var valuey = 0; var action = 0; var resizestart = function resizestart(e) { e.stoppropagation(); e.preventdefault(); if (e.button !== 0) return; ...
...ample() { var node = document.createelement('div'); node.classname = 'sample'; this.uid = samples.length; this.index = nr_samples++; this.node = node; this.color = new color(base_color); node.setattribute('sample-id', this.uid); node.setattribute('draggable', 'true'); node.addeventlistener('dragstart', this.dragstart.bind(this)); node.addeventlistener('dragover' , allowdropevent); node.addeventlistener('drop' , this.dragdrop.bind(this)); this.updateposition(this.index); this.updatebgcolor(); samples.push(this); }; colorsample.prototype.updatebgcolor = function updatebgcolor() { this.node.style.backgroundcolor = this.color.getcolor(); }; colorsample.prototype.updateposition = function updateposition(index) { this.index = index; ...
...; trash_can = getelembyid('trash-can'); addsamplebutton.init(); for (var i=0; i<16; i++) { var sample = new colorsample(); container.appendchild(sample.node); } addsamplebutton.updateposition(samples.length); updateui(); active = samples[0]; active.activate(); container.addeventlistener('click', setactivatesample); trash_can.addeventlistener('dragover', allowdropevent); trash_can.addeventlistener('dragenter', function() { this.parentelement.setattribute('drag-state', 'enter'); }); trash_can.addeventlistener('dragleave', function(e) { this.parentelement.setattribute('drag-state', 'none'); }); trash_can.addeventlistener('drop', deletesample); uicolorpicker.subscribe('picker', function(color) { if (active) active.updat...
...And 2 more matches
filter - CSS: Cascading Style Sheets
Web › CSS › filter
%"> <fegaussianblur in="sourcegraphic" stddeviation="5"/> </filter> </svg> brightness() the brightness() function applies a linear multiplier to the input image, making it appear more or less bright.
...table.standard-table td { padding: 5px; border: 1px solid rgb(204, 204, 204); text-align: left; vertical-align: top; width:25%; height:auto; } #img3 { height:100%; } contrast() the contrast() function adjusts the contrast of the input image.
...o; } #img3 { height:100%; } drop-shadow() the drop-shadow() function applies a drop shadow effect to the input image.
...And 2 more matches
resize - CSS: Cascading Style Sheets
Web › CSS › resize
ax /* keyword values */ resize: none; resize: both; resize: horizontal; resize: vertical; resize: block; resize: inline; /* global values */ resize: inherit; resize: initial; resize: unset; the resize property is specified as a single keyword value from the list below.
...es */ resize: inherit; resize: initial; resize: unset; the resize property is specified as a single keyword value from the list below.
...rd value from the list below.
...And 2 more matches
<time-percentage> - CSS: Cascading Style Sheets
the <time-percentage> css data type represents a value that can be either a <time> or a <percentage>.
... the <time-percentage> css data type represents a value that can be either a <time> or a <percentage>.
...s allowed by this type.
...And 2 more matches
Cross-browser audio basics - Developer guides
details.
...tribute allows you to specify a preference for how the browser preloads the audio, in other words, which part of the file it downloads when the <audio> element is initialized, and before the play button is pressed.
... the audio, in other words, which part of the file it downloads when the <audio> element is initialized, and before the play button is pressed.
...And 2 more matches
HTML attribute: accept - HTML: Hypertext Markup Language
the accept attribute takes as its value a comma-separated list of one or more file types, or unique file type specifiers, describing which file types to allow.
...t selectable.
...file" id="file" name="file" multiple> </div> <div> <button>submit</button> </div> </form> div { margin-bottom: 10px; } this produces the following output: note: you can find this example on github too — see the source code, and also see it running live.
...And 2 more matches
<input type="checkbox"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › checkbox
<input> elements of type checkbox are rendered by default as boxes that are checked (ticked) when activated, like you might see in an official government paper form.
...ctive example is stored in a github repository.
...ctive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
...And 2 more matches
<input type="datetime-local"> - HTML: Hypertext Markup Language
rowser; at the moment support is patchy, with only chrome/opera and edge on desktop and most modern versions of mobile browsers having usable implementations.
...lement that validates that the results are legitimate date/time values before letting them be delivered to the server, as well, but you shouldn't rely on this behavior since you can't easily predict it.
...bute.
...And 2 more matches
<input type="tel"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › tel
es approximately how many can be seen at a time.
...laceholder reappears.
...lways, you can provide a default value for an tel input box by setting its value attribute: <input id="telno" name="telno" type="tel" value="333-4444-4444"> offering suggested values taking it a step farther, you can provide a list of default phone number values from which the user can select.
...And 2 more matches
Using the application cache - HTML: Hypertext Markup Language
le, the browser implicitly adds every page that the user visits and that has the manifest attribute set to the application cache.
...e.g., firefox) display a notification bar the first time a user loads an application that uses the application cache.
...nifest.
...And 2 more matches
HTML: Hypertext Markup Language
Web › HTML
-side/front-end parts of forms.
...a <canvas> element as if they were being loaded from the current origin.
... tags that define it.
...And 2 more matches
Details of the object model - JavaScript
« previousnext » javascript is an object-based language based on prototypes, rather than being class-based.
...age, such as javascript, does not make this distinction: it simply has objects.
... the properties of the superclass and additionally can add new properties or modify the inherited ones.
...And 2 more matches
Template literals (Template strings) - JavaScript
template literals are string literals allowing embedded expressions.
...iterals, you are able to make use of the syntactic sugar, making substitutions like this more readable: let a = 5; let b = 10; console.log(`fifteen is ${a + b} and not ${2 * a + b}.`); // "fifteen is 15 and // not 20." nesting templates in certain cases, nesting a template is the easiest (and perhaps more readable) way to have configurable strings.
... with template literals and without nesting: const classes = `header ${ islargescreen() ?
...And 2 more matches
Web audio codec guide - Web media technologies
o data, and are commonly used to provide audio data for subwoofers, for example.
...practice 64 kbps is always used g.722 annex b super wide-band: 64 kbps, 80 kbps, and 96 kbps g.722 annex d stereo wide-band: 64 kbps and 80 kbps g.722 annex d stereo super wide-band: 80 kbps, 96 kbps, 112 kbps, and 128 kbps variable bit rate (vbr) support no supported sample formats 14-bit integer supported sample rates 16 khz (adpcm is specified to allow 8 khz, 11.025 khz, 22.05 khz, 44.1 khz, but g.722 uses 16 khz) recommended minimum bit rate for stereo sound 128 kbps at 44.1 khz sample rate compression lossy maximum audio channels 2 audio frequency bandwidth 50 hz - 7 khz latency 4 ms browser compatibility feature chrome edge ...
..., webm, mpeg-ts, mp4 rtp / webrtc compatible yes licensing fully open and free of any licensing requirements [1] the specified sample rates are effective sample rates.
...And 2 more matches
Progressive web app structure - Progressive web apps (PWAs)
e.
...ent visits before then loading all the contents of the app.
...ly, instead of a loading spinner or a blank page.
...And 2 more matches
The building blocks of responsive design - Progressive web apps (PWAs)
lly, this means using a combination of percentages and ems/rems to size your containers and text, not fixed widths such as pixels.
...ith a messy layout with different sized elements when using max-width: 100%, such as: media queries fluid grids are a great start, but you'll notice that at certain points (known as breakpoints) the layout starts to break down.
... <source src="videos/320/crystal320.mp4" type="video/mp4" media="all and (max-width: 480px)"> <source src="videos/320/crystal320.webm" type="video/webm" media="all and (max-width: 480px)"> <source src="videos/720/crystal720.mp4" type="video/mp4" media="all and (min-width: 481px)"> <source src="videos/720/crystal720.webm" type="video/webm" media="all and (min-width: 481px)"> </video> this allows your site to serve different video files based on the available space, in order to optimize the user's experience.
...And 2 more matches
Structural overview of progressive web apps - Progressive web apps (PWAs)
e.
...ts before then loading the remainder of the app's contents.
... a loading spinner or a blank page.
...And 2 more matches
Web Components
web components is a suite of different technologies allowing you to create reusable custom elements — with their functionality encapsulated away from the rest of your code — and utilize them in your web apps.
...ntrols, and how using them multiple times can turn your page into a mess if you are not careful.
...ment's dom.
...And 2 more matches
Introduction to using XPath in JavaScript - XPath
the xpathresult object.
...e numerical result if the stringvalue property is requested, so the following code will not work: var paragraphcount = document.evaluate('count(//p)', document, null, xpathresult.any_type, null ); alert( 'this document contains ' + paragraphcount.stringvalue + ' paragraph elements' ); instead, it will return an exception with the code ns_dom_type_error.
..._dom_type_error.
...And 2 more matches
Classes and Inheritance - Archive of obsolete content
a class is a blueprint from which individual objects are created.
... a class is a blueprint from which individual objects are created.
...lass is a blueprint from which individual objects are created.
...defined on the base class: in that case the call is forwarded to a stub implementation defined on class itself.
page-worker - Archive of obsolete content
-script.js"></script> in the page header.
...ctors page(options) creates an uninitialized page worker instance.
... events.
...rt 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.
panel - Archive of obsolete content
turn this off if necessary, to prevent accessibility issue.
...nloading any content that was loaded in it.
....
...read-only.
Enhanced Extension Installation - Archive of obsolete content
ed fully, rather than awaiting the next restart, since themes do not supply xpcom components, preferences defaults etc.
...ization and sets the tobeuninstalled flag so that the item's metadata is removed from the datasource.
...tartup.
...tring locationkey); void uninstallitem(in string id); void enableitem(in string id); void disableitem(in string id); uninstall logs are no longer written, since the item folder is removed completely on uninstall.
Migrating raw components to add-ons - Archive of obsolete content
historically, firefox has allowed third party contributions to be added to the application's components/ directory, but beginning with firefox 3.6, this is no longer permitted.
...s is no longer permitted.
...ay, we have documented a set of best practices.
...d-on authors create binary components not because they want to interact with firefox at the c++ level, but strictly so that they can make use of third party dlls.
Appendix: What you should know about open-source software licenses - Archive of obsolete content
hether there is a different license mixed in the source.
...mozilla foundation, does not permit modifications of its name or trademarked icon.
...le to these other media, a number of other licenses for documents and other resources have appeared, such as the following: gnu free documentation license (gfdl) creative commons the gfdl is a license for documents and was created by the fsf, the same people behind the gpl and lgpl.
...ot just to documents but other creative works, including music, pictures, video, etc.
The Box Model - Archive of obsolete content
nded to keep style code in the skin section of the chrome.
...nt should be used mainly for text in xul forms, such as the ones you see in the firefox options / preferences window.
...n use the css property width to restrict the width of the description so that it wraps as you need it to.
...o set the internal text in a description element in a way that it wraps properly.
Security best practices in extensions - Archive of obsolete content
ent/chrome security barrier, if for example, you want a web page to send a notification to the add-on (or vice versa).
...xample, you want a web page to send a notification to the add-on (or vice versa).
...ification to the add-on (or vice versa).
...turn formats for web services.
Tabbed browser - Archive of obsolete content
t in the onload handler will be a 'tab' xul element).
...where: "current" current tab (if there aren't any browser windows, then in a new window instead) "tab" new tab (if there aren't any browser windows, then in a new window instead) "tabshifted" same as "tab" but in background if default is to select new tabs, and vice versa "window" new window "save" save to disk (with no filename hint!) openuilink( url, e, ignorebutton, ignorealt, allowkeywordfixup, postdata, referrerurl ) the following code will open a url in a new tab, an existing tab, or an existing window based on which mouse button was pressed and which hotkeys (ex: ctrl) are being held.
...lization var container = gbrowser.tabcontainer; container.addeventlistener("tabpinned", exampletabpinned, false); container.addeventlistener("tabunpinned", exampletabunpinned, false); // when no longer needed container.removeeventlistener("tabpinned", exampletabpinned, false); container.removeeventlistener("tabunpinned", exampletabunpinned, false); detecting tab selection the following code allows you to detect when a new tab is selected in the browser: function exampletabselected(event) { var browser = gbrowser.selectedbrowser; // browser is the xul element of the browser that's just been selected } // during initialisation var container = gbrowser.tabcontainer; container.addeventlistener("tabselect", exampletabselected, false); // when no longer needed container.removeeventlisten...
...r = gbrowser.selectedbrowser; // browser is the xul element of the browser that's just been selected } // during initialisation var container = gbrowser.tabcontainer; container.addeventlistener("tabselect", exampletabselected, false); // when no longer needed container.removeeventlistener("tabselect", exampletabselected, false); getting document of currently selected tab the following code allows you to retrieve the document that is in the selected tab.
Drag and Drop JavaScript Wrapper - Archive of obsolete content
to drag to the transferdata object.
...may be able to initiate a drag and accept a drop.
...ur.
...d flavour which holds the flavour of the data.
Style System Overview - Archive of obsolete content
ame, since frames point to style contexts rather than the other way around.
......
... title: c para: f class="emph" para: d ↓ ↓ quote: a quote: a ↓ span: e class="emph" the rule tree and style data all of the style structs that can be obtained through a style context add up to around 900 bytes.
...g on the middle of selectors to catch p:hover a).
Remote XUL - Archive of obsolete content
how to use xul delivered from a webserver, not as part of chrome.
...ncern; support for it was disabled in gecko 2.0.
... whitelist that lets you specify sites that can still use remote xul.
... remote xul.
Multiple Rules - Archive of obsolete content
no content is generated for it.
... the first rule, in the order that the rules appear in the template, that matches for a result is used, not all of them that match.
...es for a result is used, not all of them that match.
... apply.
Manifest Files - Archive of obsolete content
tivewrappers=yes overlay chrome://global/content/viewsource.xul chrome://browser/content/viewsourceoverlay.xul overlay chrome://global/content/viewpartialsource.xul chrome://browser/content/viewsourceoverlay.xul overlay chrome://browser/content/pageinfo.xul chrome://pippki/content/pageinfooverlay.xul two packages are listed here, 'branding' and 'browser'.
...pi file is just a zip file with a different extension, so you can create and view xpi files with a zip utility.
... extension manager handles installing extensions packaged into xpi files automatically.
...ritten in javascript to install files.
Numeric Controls - Archive of obsolete content
viousnext » xul has two elements used for the entry of numeric values or ranges, and well as two elements for entering dates and times.
...s two elements for entering dates and times.
... indiciate a maximum possible value of 20.
...ault arrangement of a scale is horizontal with lower values to the left and higher values to the right.
XUL element attributes - Archive of obsolete content
d on their left edges.
...ements are aligned on their right edges.
...property -moz-box-align.
...s a datasource to negate an earlier assertion.
key - Archive of obsolete content
Archive › Mozilla › XUL › key
d.
...is occurs when a user selects a menu item or presses a keyboard shortcut attached to the command.
...r key, and no other keys.
...ssed, the key will not match.
keyset - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a container element for key elements.
... xul reference home [ examples | attributes | properties | methods | related ] a container element for key elements.
...d.
...with an anchor tag (an <a> link) will have no effect.
listbox - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] this element is used to create a list of items where one or more of the items may be selected.
...d.
...article.
...never an item is selected, either by the user or by calling one of the select methods.
listhead - Archive of obsolete content
d.
... using it with an anchor tag (an <a> link) will have no effect.
...h an anchor tag (an <a> link) will have no effect.
... sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
listheader - Archive of obsolete content
d.
...us and menuitems, is normally preferred to use of the attribute, as it may need to update additional state.
...ems, is normally preferred to use of the attribute, as it may need to update additional state.
...rdinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
menu - Archive of obsolete content
Archive › Mozilla › XUL › menu
« xul reference home [ examples | attributes | properties | methods | related ] an element, much like a button, that is placed on a menubar.
...t key (accelerator key) to use to invoke the command.
...d.
...the width of the popup will not be constrained to the size of the menu.
menuseparator - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] used to create a separator between menu items.
...key (accelerator key) to use to invoke the command.
...d.
... this value is read-only.
rows - Archive of obsolete content
Archive › Mozilla › XUL › rows
mples | attributes | properties | methods | related ] defines the rows of a grid.
...ave a separate appearance such as a different border, or separate scrolling may be defined for these rows.
...e appearance such as a different border, or separate scrolling may be defined for these rows.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
scale - Archive of obsolete content
Archive › Mozilla › XUL › scale
« xul reference home [ examples | attributes | properties | methods | related ] a scale (sometimes referred to as a "slider") allows the user to select a value from a range.
... « xul reference home [ examples | attributes | properties | methods | related ] a scale (sometimes referred to as a "slider") allows the user to select a value from a range.
...d.
...the area in which the scroll bar thumb moves) is clicked, or when the page up or page down keys are pressed.
scrollbox - Archive of obsolete content
abel value="02 our fathers brought forth on "/> <label value="03 this continent, a new nation, "/> <label value="04 conceived in liberty, and "/> <label value="05 dedicated to the proposition "/> <label value="06 that all men are created equal."/> </vbox> the next bunch of labels is similar, but if the container doesn't give enough room for it, scroll bars will sprout out of nowhere and allow the user to scroll around the big content in the small view space.
...llintoview.
...prior to gecko 19, scrollintoview() didn't exist in xul.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
titlebar - Archive of obsolete content
ative titlebar of normal windows; instead, it's used to create custom titlebars for chromeless windows.
... style="background: rgba(30, 30, 30, 0.9); -moz-border-radius: 10px; -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.8); margin: 8px 12px 16px;"/> </window> it can be opened from the error console like this: open("file:///users/markus/sites/hudwindow.xul", "", "chrome=1, titlebar=0") attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortd...
...r, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width note: the allowevents attribute did not work for title bars prior to firefox 3.
...eight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width note: the allowevents attribute did not work for title bars prior to firefox 3.
Back to the Server: Server-Side JavaScript On The Rise - Archive of obsolete content
ese.
...an't see me!"; } </script> <script runat="client"> alert( exposed() ); alert( notexposed() ); </script> there are two blocks of scripts defined, one with runat set to server and the other set to client.
... application is running under jaxer build 0.9.7.2472 and also incorporates the extjs version 2.1 javascript framework for user interface controls.
...it.
XForms Custom Controls - Archive of obsolete content
la.org/projects/xforms/2005/type.
...ase contact the mozilla xforms developers before you start.
...hrough one of a variety of ways (i.e.
...xforms controls (except minimal/default select1 that is hosted in select1.xml file) range.xml - contains the base bindings for the range xforms control.
Obsolete: XPCOM-based scripting for NPAPI plugins - Archive of obsolete content
.9.2 and higher and netscape versions 6.1 and higher.
...vel due to the jri/jni switch.
...d a good article on xpcom.
...nsiclassinfo.h" // we must implement nsiclassinfo because it signals the // mozilla security manager to allow calls from javascript.
Anatomy of a video game - Game development
o call methods right as they are needed and idle (or do their other tasks) in the gaps.
...ain() function, defined in the first statement.
...on the other hand, counts the number of milliseconds since navigationstart (when the previous document is unloaded).
...e about what the user sees.
Tiles and tilemaps overview - Game development
be a collision grid, a path-finding grid, etc., depending on the type of game.
...le = map.gettile(column, row); var x = column * map.tilesize; var y = row * map.tilesize; drawtile(tile, x, y); } } you can read more about this and see an example implementation in square tilemaps implementation: static maps.
...l, however, and can take a toll on performance.
...nce the same image can be used with different backgrounds.
Preflight request - MDN Web Docs Glossary: Definitions of Web-related terms
quest headers: access-control-request-method, access-control-request-headers, and the origin header.
...t appears when request is qualified as "to be preflighted" and omitted for simple requests.
...e requests.
...elete request, by using a preflight request: options /resource/foo access-control-request-method: delete access-control-request-headers: origin, x-requested-with origin: https://foo.bar.org if the server allows it, then it will respond to the preflight request with an access-control-allow-methods response header, which lists delete: http/1.1 204 no content connection: keep-alive access-control-allow-origin: https://foo.bar.org access-control-allow-methods: post, get, options, delete access-control-max-age: 86400 the preflight response can be optionally cached for the requests created in the same url using access-control-max-age header like in the above example.
Accessible multimedia - Learn web development
lt="a red tyrannosaurus rex: a two legged dinosaur standing upright like a human, with small arms, and a large head with lots of sharp teeth."> accessible audio and video controls implementing controls for web-based audio/video shouldn't be a problem, right?
...e degree, but it still isn't ideal.
...="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.
... github, written by ian devlin (see the source code too.) this example uses some javascript to allow users to choose between different subtitles.
Responsive design - Learn web development
rview: css layout next in the early days of web design, pages were built to target a particular screen size.
...sponsive sites easier.
...as described in the layout topic flexbox: flexible sizing of flex items.
... you will want to use.
Sending form data - Learn web development
works you may be using with it.
...les, you need to take three extra steps: set the method attribute to post because file content can't be put inside url parameters.
....
...s with vary depending on the context in which the data is used and the server platform you employ, but all server-side languages have functions for this.
JavaScript basics - Learn web development
the core javascript language, unlocking a vast amount of functionality with minimum effort.
...string.
...heading.textcontent = 'mozilla is cool, ' + myname; } the setusername() function contains a prompt() function, which displays a dialog box, similar to alert().
...ether the name data exists.
Publishing your website - Learn web development
e program shows you your local files and the web server's files in two windows, and provides a way for you to transfer files back and forth.
...rst experiments.
...blish your website online: github is a "social coding" site.
...oogle’s infrastructure — whether you need to build a multi-tiered web application from scratch or host a static website.
Responsive images - Learn web development
elva dressed as a fairy"> the srcset and sizes attributes look complicated, but they're not too hard to understand if you format them as shown above, with a different part of the attribute value on each line.
...ng web pages (some mobile browsers lie about their viewport width, and instead load pages at a larger viewport width then shrink the loaded page down, which is not very helpful for responsive images or design).
...t different image display sizes.
...s kind of thing very often.
HTML table basics - Learn web development
Learn › HTML › Tables › Basics
ows and cells, headings, making cells span multiple columns and rows, and how to group together all the cells in a column for styling purposes.
...e data you are looking for when the headers clearly stand out, and the design just generally looks better.
...r own styling to the table, to help them stand out.
...te what we want: animals hippopotamus horse mare stallion crocodile chicken hen rooster we need a way to get "animals", "hippopotamus", and "crocodile" to span across two columns, and "horse" and "chicken" to span downwards over two rows.
Introducing asynchronous JavaScript - Learn web development
the different asynchronous techniques you'll encounter, showing how they can help us solve such problems.
...ng with a url to fetch and a content type.
...e resource at the given url, then pass the response to the callback to do something with.
...can find an answer here (see it running live also).
Client-side web APIs - Learn web development
il has had a huge impact on the performance and behavior of sites.
... at the difference between browser apis and 3rd party apis and shows some typical uses of the latter.
...o allow you to learn more.
...for embedding rich media in documents — <video> and <audio> — which in turn come with their own apis for controlling playback, seeking, etc.
Aprender y obtener ayuda - Learn web development
t effective for you to learn with.
...o 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.
...ealistic about how quickly you can do it.
...b developer you'll probably remember the last time you solved a similar problem, and only have to look up a few bits of the syntax that you forgot since then.
Client-Server Overview - Learn web development
ength: 41823).
...ttp-equiv="x-ua-compatible" content="ie=edge"> <script>(function(d) { d.classname = d.classname.replace(/\bno-js/, ''); })(document.documentelement);</script> ...
...e example of a product site, the server would store product "data" in a database rather than individual html files.
...tterns = [ # example: /best/ url(r'^$', views.index), # example: /best/junior/ url(r'^junior/$', views.junior), ] note: the first parameters in the url() functions may look a bit odd (e.g.
React interactivity: Events and state - Learn web development
previous overview: client-side javascript frameworks next with our component plan worked out, it's now time to start updating our app from a completely static ui to one that actually allows us to interact and change things.
...> to spontaneously create its own props, but we can ask it to track some of its own data for us.
...hat allow us to provide new capabilities to components, like state.
...__lg" name="text" autocomplete="off" value={name} onchange={handlechange} /> <button type="submit" classname="btn btn__primary btn__lg"> add </button> </form> ); } export default form; putting it all together: adding a task now that we've practiced with events, callback props, and hooks we're ready to write functionality that will allow a user to add a new task from their browser.
Command line crash course - Learn web development
windows dos prompt.
...txt.bak creates a copy of mdn-example.txt called mdn-example.txt.bak (you can of course call it something else if you wish).
...omething else if you wish).
...hat effectively gives us a directory and file count.
Gecko info for Windows accessibility vendors
t msaa) xul-based clients make full use of the gecko architecture, not only for html content, as well as for menus, dialogs and the entire user interface via an xml language called xul (extensible user-interface language).
... document for the default modality of the screen reader.
...the document, in response to user changes in the form controls themselves.
...upported dynamic content, where the page appearance changes because of javascript.
Mozilla's Section 508 Compliance
xtually.
...without a mouse, all sidebar functions that come with the browser are available through other means 2) java and in-page plugins cannot be used with the keyboard, so they must not be installed for keyboard-only users additional features for the keyboard: 1) find as you type allows for quick navigation to links and convenient text searching 2) browse with caret (f7 key toggles) allows users to select arbitrary content with the keyboard and move through content as if inside a readonly editor.
...pearance preferences panel contains a large number of color possibilities.
... or blinking text, objects, or other elements having a flash or blink frequency greater than 2 hz and lower than 55 hz.
Software accessibility: Where are we today?
swer to this problem, many small accessibility hardware and software vendors created products and software which helped people who could not perform one of the four basic tasks to use common computer applications.
...tware which helped people who could not perform one of the four basic tasks to use common computer applications.
...amples of these assistive devices and software include: screen reading software, which speaks text displayed on the screen using hardware or software text-to-speech, and which allows a blind person to use the keyboard to simulate mouse actions alternate input devices, which allow people with physical disabilities to use alternatives to a keyboard and mouse voice recognition software, which allows a person to simulate typing on a keyboard or selecting with a mouse by speaking into the computer screen magnification software, which allows a low-vision computer user to more easily read portions of the screen comprehension software, which allows a dyslexic or learning disabled computer user to see and hear text as it is manipulated on the computer screen in fact, the entire adaptive tech...
...s technology could be useful to mainstream users, on portable information appliances, or to access information when the eyes are busy elsewhere.
Android-specific test suites
e.net/index.html and https://docs.gradle.org/2.14/userguide/checkstyle_plugin.html for more details.
...heck the javascript coding style throughout the tree.
...urceforge.net/index.html and https://docs.gradle.org/2.14/userguide/findbugs_plugin.html for more details.
...or more details.
Debugging on Mac OS X
t this time, official builds of firefox 69 and later are notarized.
... builds of firefox 69 and later are notarized.
...roduction environment should use a try build.
...ent should use a try build.
Makefile - variables
iles to remove.
... moz_url_classifier moz_widget_toolkit android, beos, cocoa, gtk2, os2, qt, windows moz_xpctools moz_xul moz_x11 test variable description enable_tests boolean value that should wrapper all unit tests to allow disabling on demand[1].
... exports a list of exported headers and source files for external use.
... l10n.mk and localization variable description en_us_binary_url server url from which wget will ftp binaries.
Eclipse CDT Manual Setup
file the resolvable include paths, preprocessor defines, and pre-include files that were passed to the compiler.
...ating the compiler options that eclipse associates with each source file.
...rce file.
...ot debugging) "searching for binaries" action from constantly interrupting everything.
Performance best practices for Firefox front-end engineers
or script to cause delays in event processing or painting.
...ell worth the read.
... methods generally return the most-recently-calculated value for the requested value, which means the value may no longer be current, but may still be "close enough" for your needs.
...r needs.
Security best practices for Firefox front-end engineers
end code for firefox.
....
...s (form, input, keygen, option, optgroup, select, button, datalist).
...tring literals that are hard coded in the source code, assuming benevolent developers.
Using the Browser API
Mozilla › Gecko › Chrome › API › Browser API › Using
non-standard this feature is non-standard and is not on a standards track.
... listen for changes to the embedded content's state, interited by the htmliframeelement interface.
...src = urlbar.value; urlbar.blur(); }); we first call preventdefault() to stop the form just submitting and reloading the page — which is really not what we want.
...ted'); } else if(search.getattribute('class') === 'search shifted') { search.setattribute('class', 'search'); if(searchactive) { browser.clearmatch(); searchactive = false; prev.disabled = true; next.disabled = true; searchbar.value = ''; } } }); note that whenever one of the search-related methods is invoked, a mozbrowserfindchange event is fired to allow you to react to search changes in a more precise way if desired: //browser.addeventlistener('mozbrowserfindchange', function(e) { // can react to find changes if required //}) reporting errors we've got one more piece of code to mention from our source: browser.addeventlistener('mozbrowsererror', function (e) { console.log("loading error: " + e.detail); }); this simple listener logs an er...
Roll your own browser: An embedding how-to
zilla source tree.
...t browser.
...(screenshot) macromedia homesite html editor: internal browser for the homesite studio application is implemented by embedding mozilla.
...y embedding mozilla.
PBackground
r) processes.
...fault in dxr): if (xre_getprocesstype() == geckoprocesstype_default) { dothething(arguments); } else { mipdlprotocol->senddothething(arguments); } this can get unwieldy very quickly, so a better solution was needed.
...pass both main threads if used from a non-main thread in a content process write process-agnostic code because it can be used even from another thread in the parent process the parent side of a pbackground actor pair is always on the designated background thread, while the child side is on the thread that chooses to use pbackground.
...ed background thread, while the child side is on the thread that chooses to use pbackground.
JavaScript code modules
.
...or performing in-code logical assertions with optional, customizable error reporting.
...to interact with the downloading capabilities of the platform.
...style api for logging, log messages to various endpoints, such as the browser console or a file on disk.
Scroll-linked effects
the "snaptarget" div.
... background-color: green; } </style> <div class="snaptarget"></div> </body> this version can work smoothly in the browser even if there is slow-running javascript on the browser's main thread.
...ffects that can be implemented using css to avoid jank.
...compositor.
L20n HTML Bindings
alizable.
...r <a href="http://myevilwebsite.com" onclick="alert('pwnd!')" title="back to the homepage">cancel</a>.
...="alert('pwnd!')" title="back to the homepage">cancel</a>.
... <p data-l10n-id="back"> <input value="save" type="submit"> or <a href="/main" class="btn-cancel" title="back to the homepage">cancel</a>.
About NSPR
and thread notification facilities (condition variables) implemented by nspr.
...ed for complex applications.
...er.
...e wrap-around issue, only half that namespace may be utilized.
PR_Shutdown
shuts down part of a full-duplex connection on a specified socket.
...ex connection on a specified socket.
... <prio.h> prstatus pr_shutdown( prfiledesc *fd, prshutdownhow how); parameters the function has the following parameters: fd a pointer to a prfiledesc object representing a connected socket.
...how); parameters the function has the following parameters: fd a pointer to a prfiledesc object representing a connected socket.
nss tech note1
l: tells the decoder that this component is optional.
...nent data, but does not proceed to the next component if within a sequence template array.
...if within a sequence template array.
...y of the input data into the decoded target as needed, while sec_quickderdecodeitem will generate output with pointers into the input.
GCIntegration - SpiderMonkey Redirect 1
o store it in the js representation.
...there should be no need for them.
...dle them.
...mewhere, we need to check if the source is in the tenured gen and if the destination is in the nursery.
Bytecode Descriptions
ot give us.
..._function ("x[symbol.iterator] is not a function").
...percall operands: (uint16_t argc) stack: callee, isconstructing, args[0], ..., args[argc-1], newtarget ⇒ rval invoke callee as a constructor with args and newtarget, and push the return value.
...tarts unwinding the stack.
Exact Stack Rooting
to compile.
...s::rootedt.
...w out-parameters for rooted gcthings.
...operly before the next js-api call.
JS::CompileOptions
ype description cx jscontext * pointer to a js context from which to derive runtime information.
...est on this jscontext.
...sion used to compile the script.
... canlazilyparse bool true if the source code can be parsed lazily (check only syntax for first time, and fully parse when it's really needed).
JS_SetOptions
//@line number ["filename"] option supported for the xul preprocessor and kindred beasts.
...soption_xml obsolete since jsapi 15 ecmascript for xml (e4x) support: parse <!-- --> as a token, not backward compatible with the comment-hiding hack used in html script tags.
...jsoption_allow_xml added in spidermonkey 15 if this is off, e4x syntax isn't supported no matter what version number is set.
...eptions from being converted to error reports.
JSAPI reference
umber js_reporterrorflagsandnumberuc js_reporterrornumberucarray added in spidermonkey 24 js_reportoutofmemory js_reportallocationoverflow added in spidermonkey 1.8 js_geterrorreporter js_seterrorreporterobsolete since jsapi 52 js_errorfromexception js_geterrorprototype jsreport_is_exception jsreport_is_strict jsreport_is_warning jsreport_is_strict_mode_error the following functions allow c/c++ functions to throw and catch javascript exceptions: js::createerror added in spidermonkey 38 js_isexceptionpending js_getpendingexception js_setpendingexception js_clearpendingexception js_throwstopiteration added in spidermonkey 1.8 js_isstopiteration added in spidermonkey 31 typedef jsexceptionstate js_saveexceptionstate js_restoreexceptionstate js_dropexceptionstate the...
... since jsapi 32 a function that behaves like typeof: js_gettypename obsolete since jsapi 34 and functions that behave like the equality operators: js_strictlyequal js_looselyequal js_samevalue memory management these functions act like the standard c malloc family of functions, except that errors are reported using the spidermonkey error apis rather than errno.
...ropertybyid added in spidermonkey 1.8.1 js_hasownproperty 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.
...rator obsolete since jsapi 36 js_nextproperty obsolete since jsapi 36 js_setpropertyattributes obsolete since jsapi 26 js_setucpropertyattributes obsolete since jsapi 26 the following functions behave like js_getproperty and js_getpropertybyid except when operating on e4x xml objects.
Querying Places
executing a query places queries have several basic parts: the query object: nsinavhistoryquery, holds the search parameters the query options: nsinavhistoryqueryoptions, allows configuration of the search result the history service: nsinavhistoryservice, executes the query the first first step is to create the query and options, and fill them with the parameters you want.
...all history, sorted in database order, // which is nsinavhistoryqueryoptions.sort_by_none.
...ory = 0 const unsigned short query_type_bookmarks = 1 const unsigned short query_type_unified = 2 (not yet implemented -- see bug 378798) attribute unsigned short querytype complex queries you can pass one or more nsinavhistoryquery objects to executequeries().
...sinavhistoryvisitresultnode, contains information about how the user navigated to this page.
XPCOM array guide
Mozilla › Tech › XPCOM › Guide › Arrays
this guide describes the available arrays as well as the enumerator classes that can be used to get to them.
...his document the term array refers to a container for multiple objects with a numeric, zero-based index.
...ypesafe arrays like nscomarray<t> nstarray<t> wherever possible.
...svisible); if (!isvisible) { fooitems.removeobjectat(i); } } // now deal with the processed list processlist(fooitems); // fooitems will release all its members // when it goes out of scope } access to elements nscomarray<t> is a concrete c++ class, and so the [] operator is used to access its members.
Finishing the Component
e weblock class to implement the nsicontentpolicy interface.
...scheme isn't "http", "https", or "ftp", it immediately returns true, which continues the loading process unblocked.
...re; nsembedcstring scheme; contentlocation->getscheme(scheme); if (strcmp("http", scheme.get()) != 0 && strcmp("https", scheme.get()) != 0 && strcmp("ftp", scheme.get()) != 0) { // this isn't a type of uri that we deal with *_retval = pr_true; return ns_ok; } nsembedcstring hosttoload; contentlocation->gethost(hosttoload); // assume failure.
...h = pr_false; while (node) { nscomptr<nsiuri> uri; nsembedcstring urlstring(node->urlstring); rv = mioservice->newuri(urlstring, nsnull, nsnull, getter_addrefs(uri)); // if anything bad happens, just abort if (ns_failed(rv)) return rv; nsembedcstring host; uri->gethost(host); if (strcmp(hosttoload.get(), host.get()) == 0) { // match found.
operator+=
« xpcom api reference summary this operator+= is a shortcut for the append family of functions.
...ring ); parameters astring [in] a nsastring to append to this string.
..._type* adata ); parameters adata [in] a raw character array to append to this string.
...chaining.
operator=
« xpcom api reference summary this operator is a shortcut for the inherited nsacstring::assign family of functions.
...; parameters astring [in] a nsembedcstring to append to this string.
...astring ); parameters astring [in] a nsacstring to append to this string.
... char_type* adata ); parameters adata [in] a raw character array to append to this string.
operator=
« xpcom api reference summary this operator is a shortcut for the inherited nsastring::assign family of functions.
... ); parameters astring [in] a nsembedstring to append to this string.
... astring ); parameters astring [in] a nsastring to append to this string.
... char_type* adata ); parameters adata [in] a raw character array to append to this string.
nsIAbCard
birthday astring custom1 astring custom2 astring custom3 astring custom4 astring notes astring lastmodifieddate unsigned long popularityindex unsigned long popularityindex is bumped every time e-mail is sent to this recipient .
...ned long popularityindex unsigned long popularityindex is bumped every time e-mail is sent to this recipient .
...index unsigned long popularityindex is bumped every time e-mail is sent to this recipient .
...urn value true if the cards are the same.
nsIChannel
netwerk/base/nsichannel.idlscriptable this interface allows clients to construct 'get' requests for specific protocols, and manage them in a uniform way.
...hannel()), parameters for that request may be set by using the channel attributes, or by calling queryinterface() to retrieve a subclass of nsichannel for protocol-specific parameters.
...passed to onstartrequest.
...tions are allowed to synchronously add themselves to the associated load group (if any).
nsIEffectiveTLDService
uri is empty.
...parts to be returned in addition to the public suffix.
... the uri to be analyzed.
...acstring getpublicsuffixfromhost( in autf8string ahost ); parameters ahost the host string to be analyzed.
nsIPermissionManager
pe); pruint32 testexactpermissionfromprincipal(in nsiprincipal principal, in string type); pruint32 testpermission(in nsiuri uri, in string type); pruint32 testpermissionfromprincipal(in nsiprincipal principal, in string type); attributes attribute type description enumerator nsisimpleenumerator enumerates all stored permissions.
...ibutes attribute type description enumerator nsisimpleenumerator enumerates all stored permissions.
... description enumerator nsisimpleenumerator enumerates all stored permissions.
...on objects.
nsIXPConnect
text, in jsobjectptr ajsobj, in nsiidref aiid, [iid_is(aiid),retval] out nsqiresult result); nsixpconnectjsobjectholder wrapnative(in jscontextptr ajscontext, in jsobjectptr ascope, in nsisupports acomobj, in nsiidref aiid); void wrapnativetojsval(in jscontextptr ajscontext, in jsobjectptr ascope, in nsisupports acomobj, in nswrappercacheptr acache, in nsiidptr aiid, in boolean aallowwrapper, out jsval aval, out nsixpconnectjsobjectholder aholder); attributes attribute type description collectgarbageonmainthreadonly prbool obsolete since gecko 1.9 currentjsstack nsistackframe read only.
... same as wrapnative(), but also returns the jsobject in aval.
...oper type of security wrapper on top of the xpcwrappednative (if needed).
...tivetojsval( in jscontextptr ajscontext, in jsobjectptr ascope, in nsisupports acomobj, in nswrappercacheptr acache, in nsiidptr aiid, in boolean aallowwrapper, out jsval aval, out nsixpconnectjsobjectholder aholder ); parameters ajscontext missing description ascope missing description acomobj missing description acache missing description aiid missing description aallowwrapper missing description aval missing description aholder missing description ...
nsIXULTemplateBuilder
tribute on the root node is used to identify the source of data to be used.
...e query is needed -- in that case the <query> and <rule>s are allowed to be children of the <template> node.
...y.
...ill typically be generated.
XPCOM
xpcom is a cross platform component object model, similar to microsoft com.
...fic functionality, it is often useful to access the windows registry for information about the environment or other installed programs.
...com newsgroup or another experienced nscomptr user, or find the answer by experimentation.using nsiclassinfoif you use a c++ class which implements nsiclassinfo from javascript, then you don't have to explicitly call queryinterface on the javascript object to access the object's interfaces.using nsidirectoryservicensdirectoryservice implements the nsiproperties interface.
...'binary' or 'native'.xpcom category image-sniffing-servicesin versions of firefox prior to firefox 3, extensions could add decoders for new image types.
XPIDL
prtime (xpidl unsigned long long typedef, 64 bits) number prtime is in microseconds, while js date assumes time in milliseconds nsresult (xpidl unsigned long typedef, 32 bits) number nsrefcnt (xpidl unsigned long typedef, 32 bits) number size_t (xpidl unsigned long typedef, 32 bits) number voidptr void* void* not allowed charptr char* char** not allowed unicharptr char16_t* char16_t** not allowed nsidref const nsid& nsid* ?
...ring const nsacstring& nsacstring& string full unicode set permitted (translated to utf-8) acstring const nsacstring& nsacstring& string only chars in range \u0000-\u00ff permitted astring const nsastring& nsastring& string full unicode set permitted jsval const jsval& jsval* anything jsid jsid jsid* not allowed promise mozilla::dom::promise* mozilla::dom::promise** promise typedefs in idl are basically as they are in c or c++: you define first the type that you want to refer to and then the name of the type.
...s declared notxpcom, the mangling of the return type is prevented, so it is called mostly as it looks.
...onal property indicates that script code may omit the property without problems; all subsequent parameters must either by optional themselves or the retval parameter.
Mail and RDF
warning: the content of this article may be out of date.
...rver, and so forth.
...rvers update ui.
...on.
Flash Activation: Browser Comparison - Plugins
future of flash and changes to the user experience.
...on also appears on the left side of the location bar.
...gin element to show a prompt for allowing flash: if the site provides fallback content for an object element, chrome will display that content and will not prompt the user to enable flash.
...et a visible prompt.
DOM Inspector FAQ - Firefox Developer Tools
how do i inspect a web site/window?
... how do i inspect a web site/window?
...e names are exactly "tab".
...o inspect.
Introduction to DOM Inspector - Firefox Developer Tools
nd see the dom structure of the mozilla.org home page.
...ws the css rules that are applied to the node.
...b pages, user interface, and other elements.
...nspector displays information about a particular node or subtree, it presents individual nodes and their values (in the dom, attributes are subnodes of elements, typically) in an active list.
Deprecated tools - Firefox Developer Tools
u're currently writing.
...n about:debugging as of firefox 68.
...lowed users to inspect the canvas element and see how frequently a given function is called.
....
Dominators - Firefox Developer Tools
this article provides an introduction to the concepts of reachability, shallow versus retained size, and dominators, as they apply in garbage-collected languages like javascript.
...unreachable, and can be deallocated.
...enced by a single local variable which goes out of scope) then any objects it references also become unreachable, as long as no other objects reference them: conversely, this means that objects are kept alive as long as some other reachable object is holding a reference to them.
...ects are kept alive as long as some other reachable object is holding a reference to them.
Examine and edit HTML - Firefox Developer Tools
ocument and in any frames.
...autocomplete popup shows any class or id attributes that match the current search term: press up and down to cycle through suggestions, tab to choose the current suggestion, then enter to select the first node with that attribute.
...rst node with that attribute.
...losing tag of an element when the node is collapsed if it has larger contents.
CSS Grid Inspector: Examine grid layouts - Firefox Developer Tools
the grid inspector allows you to examine css grid layouts using the firefox devtools, discovering grids present on a page, examining and modifying them, debugging layout issues, and more.
...out view can be found underneath the layout tab on the right-hand pane of the page inspector.
... mini grid view: a smaller view of the currently overlaid grid.
...ox allowing you to toggle the grid overlay for that grid on and off.
AddressErrors - Web APIs
address could not be validated.
... for a description of how this code works.
...e, that we want to ask for shipping information).
...eset of the object's values taken from shippingaddresserrors, and, using "...defaultpaymentdetails" as the final entry in the object, the remeainder of the properties' values are taken from defaultpaymentdetails.
AudioWorkletProcessor.process - Web APIs
r's corresponding audioworkletnode.
...or each of the inputs' channels.
... safe to shut down the node.
... example, take the audiobuffersourcenode — the processor behind such a node should return true from the process method while the buffer is playing, and start returning false when the buffer playing has ended (there's no way to call play on the same audiobuffersourcenode again).
Background Tasks API - Web APIs
a good citizen of the web and help to prevent stalls in the execution of the event loop.
...ictable amount of time.
... timeremaining: function() { return math.max(0, 50.0 - (date.now() - starttime)); } }); }, 1); }; window.cancelidlecallback = window.cancelidlecallback || function(id) { cleartimeout(id); }; managing the task queue next, let's look at the way we manage the tasks that need to be performed.
...andler: taskhandler, data: taskdata }); totaltaskcount++; if (!taskhandle) { taskhandle = requestidlecallback(runtaskqueue, { timeout: 1000 }); } schedulestatusrefresh(); } enqueuetask() accepts as input two parameters: taskhandler is a function which will be called to handle the task.
Content Index API - Web APIs
the content index api allows developers to register their offline enabled content with the browser.
... the content index api allows developers to register their offline enabled content with the browser.
... the content index api allows developers to register their offline enabled content with the browser.
...lopers to tell the browser about their specific offline content.
Fetch API - Web APIs
Web › API › Fetch API
the fetch api provides an interface for fetching resources (including across the network).
... be sure to include credentials: 'same-origin' init option on all api requests that may be affected by cookies/user login state.
...sers have started to add experimental support for the abortcontroller and abortsignal interfaces (aka the abort api), which allow operations like fetch and xhr to be aborted if they have not already completed.
...ch interfaces windoworworkerglobalscope.fetch() the fetch() method used to fetch a resource.
FileError - Web APIs
Web › API › FileError
not optional for your sanity although error callbacks are optional, you should include them in the arguments of the methods for the sake of the sanity of your users.
...p from file:// for security reasons, browsers do not allow you to run your app from file://.
...ble values.
...owed.
Introduction to the File and Directory Entries API - Web APIs
rectory entries api, see the reference landing page and its subpages.
...more efficient storage solution than a database.
...s user-generated or unique data.
... pictures and my documents) on the user's hard drive.
HTMLMediaElement.play() - Web APIs
e.
...n started, or is rejected if for any reason playback cannot be started.
...ay be reported, depending on browser implementation details, media player implementation, and so forth.
...toplay" is usually thought of as referring to pages that immediately begin playing media upon being loaded, web browsers' autoplay policies also apply to any script-initiated playback of media, including calls to play().
In depth: Microtasks and the JavaScript runtime environment - Web APIs
would be handled by javascript was relatively low at that time.
...s and the context stack in this manner, many of the fundamentals of how a program operates can be managed, including local and global variables, function calls and returns, and so forth.
...de, can cause the user to suffer a sluggish browser.
...kers, which allow the main script to run other scripts in new threads, help to alleviate this problem.
Headers - Web APIs
Web › API › Headers
the headers interface of the fetch api allows you to perform various actions on http request and response headers.
...ote: you can find more out about the available headers by reading our http headers reference.
...or allowing to go through all key/value pairs contained in this object.
... a given name.
IDBDatabaseException - Web APIs
idbtransaction.abort.
...atisfied.
...ists and a request attempted to create a new one.
...te a new one.
IDBTransaction.mode - Web APIs
the transaction (i.e.
...want to write to the object stores?) the default value is readonly.
... in web workers.
...adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of opening the transaction transaction.oncomplete = function(event) { note.innerhtml += '<li>transaction completed: database modification finished.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
IDBTransaction - Web APIs
s up to the transaction object.
...ts are no longer available — they were removed in gecko 25.
... have one of three modes: constant value description read_only "readonly" (0 in chrome) allows data to be read but not changed.
...eady to add data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of opening the transaction transaction.oncomplete = function(event) { note.innerhtml += '<li>transaction completed: database modification finished.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
Key Values - Web APIs
k_key_iso_level5_lock (0xfe13) qt::key_altgr (0x01001103 qt::key_mode_switch (0x0100117e) "capslock" the caps lock key.
...ontrol" the control, ctrl, or ctl key.
...the fnlock or f-lock (function lock) key.toggles the function key mode described by "fn" on and off.
...ws).
MediaStream Image Capture API - Web APIs
the mediastream image capture api is an api for capturing images or videos from a photographic device.
... the mediastream image capture api is an api for capturing images or videos from a photographic device.
...am image capture api is an api for capturing images or videos from a photographic device.
... what the device allows.
Media Session API - Web APIs
the media session api provides a way to customize media notifications.
... the media session api provides a way to customize media notifications.
...avior is available.
...on api is the mediasession interface.
Navigator.getBattery() - Web APIs
se to get information about the battery's state.
...ceptions this method doesn't throw true exceptions; instead, it rejects the returned promise, passing into it a domexception whose name is one of the following: securityerror the user agent does not expose battery information to insecure contexts and this method was called from insecure context.
... the following: securityerror the user agent does not expose battery information to insecure contexts and this method was called from insecure context.
...ery information to insecure contexts and this method was called from insecure context.
Navigator - Web APIs
Web › API › Navigator
the navigator interface represents the state and the identity of the user agent.
...s a batterymanager object you can use to get information about the battery charging status.
...d, navigatorcontentutils, navigatorusermedia, and navigatorstorageutils.
...if a call to navigator.share() would succeed.
Notifications API - Web APIs
note: this feature is available in web workers.
...requestpermission() method.
...for permission }) this is not only best practice — you should not be spamming users with notifications they didn't agree to — but going forward browsers will explicitly disallow notifications not triggered in response to a user gesture.
...push will also be enabled.
Push API - Web APIs
Web › API › Push API
n subscribe to push notifications, using pushmanager.subscribe().
...nd a message to your application.
...is currently no standard mechanism.
...provides a way to receive notifications from third-party servers, as well as request urls for push notifications.
RTCConfiguration - Web APIs
the rtcconfiguration dictionary is used to provide configuration options for an rtcpeerconnection.
...; once the certificates have been set, this property is ignored in future calls to rtcpeerconnection.setconfiguration().
...e ice agent; these are typically stun and/or turn servers.
... using certificates when you wish to provide your own certificates for use by an rtcpeerconnection instead of having the rtcpeerconnection generate them automatically, you do so through calls to rtcpeerconnection.generatecertificate().
SVGAngle - Web APIs
Web › API › SVGAngle
ith a grad unit.
...ation_allowed_err is raised when the length corresponds to a read-only attribute, or when the object itself is read-only.
...ly.
...uespecifiedunits reset the value as a number with an associated unittype, thereby replacing the values for all of the attributes on the object.
SVGLength - Web APIs
Web › API › SVGLength
nsigned short the type of the value as specified by one of the svg_lengthtype_* constants defined on this interface.
...d when the length corresponds to a read only attribute or when the object itself is read only.
...ring the value as a string value, in the units expressed by unittype.
... reset the value as a number with an associated unittype, thereby replacing the values for all of the attributes on the object.
Streams API - Web APIs
the streams api allows javascript to programmatically access streams of data received over the network and process them as desired by the developer.
...treams readablestream represents a readable stream of data.
... byte streams.
...s yet, and questions have been raised as to whether the spec details are in a finished enough state for them to be implemented.
URLSearchParams - Web APIs
: this feature is available in web workers.
...ams object instance.
...lows iteration through all values contained in this object via a callback function.
...contained in this object.
Viewpoints and viewers: Simulating cameras in WebXR - Web APIs
y over the scene, or might use various angles to show perspective.
...e in meters to a plane parallel to the display surface closer than which nothing gets drawn.
...x, axisquat); mat4.multiply(viewmatrix, viewmatrix, rotatematrix); this converts the euler angles for pitch, yaw, and roll into a quaternion representing all three rotations.
...ght differences between the two perspectives to figure out depth and distance.
Fundamentals of WebXR - Web APIs
fortunately, webgl and the various webgl-based frameworks and libraries are available to make it much easier to deal with all of that.
... the image on a screen.
...goggles' lenses, either partially or completely blocking the physical environment from being seen through the obscured portion of the lens.
...built atop webgl to make it more convenient to use.
Example and tutorial: Simple synth keyboard - Web APIs
this article presents the code and working demo of a video keyboard you can play using the mouse.
...nd another to select what periodic waveform to use when generating notes.
... is set to reference the global audiocontext object (or webkitaudiocontext if necessary).
...event handler for these events.
Window.open() - Web APIs
Web › API › Window › open
windows.
...in general, users usually disable moving and resizing of existing windows because allowing authors' scripts to do so has been abused overwhelmingly in the past and the rare scripts that do not abuse such feature are often wrong, inaccurate when resizing the window.
...n?
...to open a link in a new window, then follow tested and recommendable usability and accessibility guidelines: never use this form of code for links: <a href="javascript:window.open(...)" ...> "javascript:" links break accessibility and usability of webpages in every browser.
Window.print() - Web APIs
Web › API › Window › print
romeedgefirefoxinternet exploreroperasafariandroid webviewchrome for androidfirefox for androidopera for androidsafari on iossamsung internetprintchrome full support 1notes full support 1notes notes starting with chrome 46, this method is blocked inside an <iframe> unless its sandbox attribute has the value allow-modals.edge full support 12firefox full support 1ie full support 5opera full support 6notes full support 6notes notes starting with opera 33, this method is blocked inside a...
... 12firefox full support 1ie full support 5opera full support 6notes full support 6notes notes starting with opera 33, this method is blocked inside an <iframe> unless its sandbox attribute has the value allow-modals.safari full support 1.1webview android full support 1notes full support 1notes notes starting with webview 46, this method is blocked inside an <iframe> unless its sandbox attribute has the value allow-modals.chrome android full support ...
...notes notes starting with webview 46, this method is blocked inside an <iframe> unless its sandbox attribute has the value allow-modals.chrome android full support 18notes full support 18notes notes starting with chrome 46, this method is blocked inside an <iframe> unless its sandbox attribute has the value allow-modals.firefox android no support nonotes no support nonotes notes see bug 1247609.opera android full support 10.1notes full support 10.1notes notes starting with opera 33, this method is blocked inside an <iframe> un...
...o support nonotes no support nonotes notes see bug 1247609.opera android full support 10.1notes full support 10.1notes notes starting with opera 33, this method is blocked inside an <iframe> unless its sandbox attribute has the value allow-modals.safari ios full support 1samsung internet android full support 1.0notes full support 1.0notes notes starting with samsung internet 5.0, this method is blocked inside an <iframe> unless its sandbox attribute has the value allow-modals.legend ...
Window.prompt() - Web APIs
Web › API › Window › prompt
omeedgefirefoxinternet exploreroperasafariandroid webviewchrome for androidfirefox for androidopera for androidsafari on iossamsung internetpromptchrome full support 1notes full support 1notes notes starting with chrome 46, this method is blocked inside an <iframe> unless its sandbox attribute has the value allow-modals.edge full support 12firefox full support 1ie full support 4notes full support 4notes notes this function has no effect in the modern ui/metro version of internet explorer for windows 8.
...e user, and always returns undefined.
...e an <iframe> unless its sandbox attribute has the value allow-modals.safari full support 1webview android full support 1notes full support 1notes notes starting with webview 46, this method is blocked inside an <iframe> unless its sandbox attribute has the value allow-modals.chrome android full support 18notes full support 18notes notes starting with chrome 46, this method is blocked inside an <iframe> unless its sandbox attribute has the value allow-modals.firefox android full support 4opera android full suppo...
...e> unless its sandbox attribute has the value allow-modals.firefox android full support 4opera android full support 10.1notes full support 10.1notes notes starting with opera 33, this method is blocked inside an <iframe> unless its sandbox attribute has the value allow-modals.safari ios full support 1samsung internet android full support 1.0notes full support 1.0notes notes starting with samsung internet 5.0, this method is blocked inside an <iframe> unless its sandbox attribute has the value allow-modals.legend ...
ARIA Screen Reader Implementors Guide - Accessibility
rs' need to try different things.
..., and the assistive technology may allow for global, site or even region-specific settings, as well as heuristics to help with live changes on pages that have no wai-aria hints.
...in order to avoid presenting the region twice for two changes that occur quickly one after the other.
...s for settings and heuristics allow for a different voice (in text-to-speech) or other varying presentational characteristics to set live changes apart.
ARIA: Main role - Accessibility
> <h1>active <code>main</code> element</h1> <!-- content --> </main <main hidden> <h1>hidden <code>main</code> element</h1> <!-- content --> </main> best practices prefer html using the <main> element will automatically communicate a section has a role of main.
...<!-- content --> </main> best practices prefer html using the <main> element will automatically communicate a section has a role of main.
...main.
...lows it to be a target of a skip navigation link.
ARIA: Region role - Accessibility
ge, it may be worth reinvestigating the page's overall structure.
...y="please-reconsider"> <h3 id="please-reconsider">please reconsider your document structure</h3> <!-- content --> </div> in this example, the region's label is being generated by the aria-labelledby attribute.
...the region's label is being generated by the aria-labelledby attribute.
..." to convey to screen reader users that is a generic region.
An overview of accessible web applications and widgets - Accessibility
true"] { display: none; } the javascript to update the aria-hidden property has the form shown in example 2c.
... var showtip = function(el) { el.setattribute('aria-hidden', 'false'); } role changes aria allows developers to declare a semantic role for an element that otherwise offers incorrect or no semantics.
...ction.
... the control, while the enter key should submit the form's default action.
Overview of CSS Shapes - CSS: Cascading Style Sheets
ottom of the item in a rectangular fashion.
...ide — allows definition of basic shapes shape-image-threshold — sets an opacity threshold value.
...n() and make the shape as complex as you want.
...hange the value border-box to any of the other allowed values to see how the shape moves closer or further away from the box.
color-adjust - CSS: Cascading Style Sheets
the color-adjust css property sets what, if anything, the user agent may do to optimize the appearance of the element on the output device.
...the appearance of the element on the output device.
... uses text and background colors that will be too similar on the output device for legibility purposes.
...wser might want to replace light-colored text on a dark background with dark text on a white background.
<frequency-percentage> - CSS: Cascading Style Sheets
a value that can be either a <frequency> or a <percentage>.
...c() where a <frequency-percentage> is specified as an allowable type, this means that the percentage resolves to a frequency and therefore can be used in a calc() expression.
...en the number and the unit valid frequency values 12hz positive integer 4.3hz non-integer 14khz the unit is case-insensitive, though non-si capitalization is not recommended.
....3hz non-integer 14khz the unit is case-insensitive, though non-si capitalization is not recommended.
vertical-align - CSS: Cascading Style Sheets
ent.
...e middle of the element with the baseline plus half the x-height of the parent.
...super, text-top, text-bottom, <length>, and <percentage>) aligns the baseline of the cell with the baseline of all other cells in the row that are baseline-aligned.
...32" height="32" /> image with a middle alignment.</div> css img.top { vertical-align: text-top; } img.bottom { vertical-align: text-bottom; } img.middle { vertical-align: middle; } result specifications specification status comment css level 2 (revision 1)the definition of 'vertical-align' in that specification.
EXSLT
ions to xslt.
... provides functions for working with numeric values and comparing nodes.regular expressions (regexp)the exslt regular expressions package provides functions that allow testing, matching, and replacing text using javascript style regular expressions.sets (set)the exslt sets package offers functions that let you perform set manipulation.strings (str)the exslt strings package provides functions that allow the manipulation of strings.
...kage is http://exslt.org/common.
...essions.
Web Audio playbackRate explained - Developer guides
the playbackrate property of the <audio> and <video> elements allows us to change the speed, or rate, at which a piece of web audio or video is playing.
...p> </form> and apply some javascript to it: window.onload = function () { var v = document.getelementbyid("myvideo"); var p = document.getelementbyid("pbr"); var c = document.getelementbyid("currentpbr"); p.addeventlistener('input',function(){ c.innerhtml = p.value; v.playbackrate = p.value; },false); }; finally, we listen for the input event firing on the <input> element, allowing us to react to the playback rate control being changed.
...adjusting the playback rate control to see the effect.
... ratechange in addition to playbackrate, we also have a defaultplaybackrate property available, which lets us set the default playback rate: the playback rate to which the media resets; for example, if we change the source of the video, or (in some browsers) when an ended event is generated.
Rich-Text Editing in Mozilla - Developer guides
o consult the more up-to-date document available at making content editable.
...etting the designmode property of a document to "on", such as the document inside an iframe.
...t as if it were a textarea.
...ting section of migrate apps from internet explorer to mozilla.
User input and controls - Developer guides
requestfullscreen(); } else if (elem.msrequestfullscreen) { elem.msrequestfullscreen(); } else if (elem.mozrequestfullscreen) { elem.mozrequestfullscreen(); } else if (elem.webkitrequestfullscreen) { elem.webkitrequestfullscreen(); } note: to find more out about adding fullscreen functionality your application, read our documentation about using fullscreen mode.
... { elem.webkitrequestfullscreen(); } note: to find more out about adding fullscreen functionality your application, read our documentation about using fullscreen mode.
... in open web apps any dom element can be made directly editable using the contenteditable attribute.
... to draw in a <canvas> with more than one finger at a time.
<input type="month"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › month
<input> elements of type month create input fields that let the user enter a month and year allowing a month and year to be easily entered.
...ied.
...{ padding-right: 30px; } input:invalid+span:after { position: absolute; content: '✖'; padding-left: 5px; } input:valid+span:after { position: absolute; content: '✓'; padding-left: 5px; } important: html form validation is not a substitute for scripts that ensure that the entered data is in the proper format.
...get the user to enter the month and year in separate controls (<select> elements being popular; see below for an implementation), or use javascript libraries such as the jquery date picker plugin.
<input type="time"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › time
ied.
...e step value isn't used.
... validation by default, <input type="time"> does not apply any validation to entered values, other than the user agent's interface generally not allowing you to enter anything other than a time value.
... time (or with a time outside the set bounds), the browser displays an error.
<input type="url"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › url
nt implement it as a standard text input field with basic validation features.
...ars.
...s as always, you can provide a default value for a url input box by setting its value attribute: <input id="myurl" name="myurl" type="url" value="http://www.example.com"> offering suggested values taking it a step farther, you can provide a list of default options from which the user can select by specifying the list attribute.
...h automatically ensures that the contents meet the requirements to be a valid url.
<input type="week"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › week
<input> elements of type week create input fields allowing easy entry of a year plus the iso 8601 week number during that year (i.e., week 1 to 52 or 53).
...put> elements, week inputs offer the following attributes: attribute description max the latest year and week to accept as valid input min the earliest year and week to accept as valid input readonly a boolean which, if present, indicates that the user cannot edit the field's contents step the stepping interval (the distance between allowed values) to use for both user interface and constraint validation max the latest (time-wise) year and week number, in the string format discussed in the value section above, to accept.
...ied.
... </div> </form> if you try to submit the form with no value, the browser displays an error.
Link types - HTML: Hypertext Markup Language
in html, link types indicate the relationship between two documents, in which one links to the other using an <a>, <area>, <form>, or <link> element.
... in html, link types indicate the relationship between two documents, in which one links to the other using an <a>, <area>, <form>, or <link> element.
...he rev attribute on <a>, <area> or<link> elements with a link type of made is incorrect and should be replaced by the rel attribute with this link type.
... canonical from wikipedia, the free encyclopedia: canonical_link_element a canonical link element is an html element that helps webmasters prevent duplicate content issues by specifying the "canonical" or "preferred" version of a web page as part of search engine optimization.
CSP: trusted-types - HTTP
the http content-security-policy (csp) trusted-types directive instructs user agents to restrict usage of known dom xss sinks to a predefined set of functions that only accept non-spoofable, typed values in place of strings.
... small, isolated parts of the web application codebase, facilitating their monitoring and code review.
...g and code review.
...this directive declares a white-list of trusted type policy names created with trustedtypes.createpolicy from trusted types api.
PATCH - HTTP
Web › HTTP › Methods › PATCH
the resource in the same state.
...e state.
...source, then a put will naturally overwrite it (since it overwrites everything), but not necessarily so for patch.
...t in the allow or access-control-allow-methods (for cors) response headers.
Array.from() - JavaScript
the array.from() static method creates a new, shallow-copied array instance from an array-like or iterable object.
...ptional map function to call on every element of the array.
....from(obj, mapfn, thisarg) has the same result as array.from(obj).map(mapfn, thisarg), except that it does not create an intermediate array.
...es.
JSON - JavaScript
en.
...s and property keys in json; but their use in these features in javascript string literals is a syntaxerror.
...a), and space (u+0020) characters are the only valid whitespace characters.
...hat the replacer has used to stand in for other datatypes.
eval() - JavaScript
sday","friday","saturday","sunday"][n%7 || 0]; } function runcodewithdatefunction(obj){ return function('"use strict";return (' + obj + ')')()( date ); } console.log(runcodewithdatefunction( "function(date){ return date(5) }" )) the code above may seem inefficiently slow because of the triple nested function, but let's analyze the benefits of the above efficient method: it allows the code in the string passed to runcodewithdatefunction() to be minified.
...unction( "function(date){ return date(5) }" )) the code above may seem inefficiently slow because of the triple nested function, but let's analyze the benefits of the above efficient method: it allows the code in the string passed to runcodewithdatefunction() to be minified.
...e("onclick", "...") use: elt.addeventlistener('click', function() { ...
...ata (for example, an array: "[1, 2, 3]"), as opposed to code, you should consider switching to json, which allows the string to use a subset of javascript syntax to represent data.
Add to Home screen - Progressive web apps (PWAs)
add to home screen (or a2hs for short) is a feature available in modern browsers that allows a user to "install" a web app, ie.
... add to home screen (or a2hs for short) is a feature available in modern browsers that allows a user to "install" a web app, ie.
...rted in all mobile browsers, except ios webview.
...r experience on mobile oses, there is movement to make pwas installable on desktop platforms too.
Progressive web apps (PWAs)
must be served over a secure network.
...endent, progressive, re-engageable, responsive, and safe.
...below will be replaced soon --> add to home screenadd to home screen (or a2hs for short) is a feature available in modern browsers that allows a user to "install" a web app, ie.
...take advantage of it.how to make pwas installablein this article, we learned about how we can make pwas installable with a properly-configured web manifest, and how the user can then install the pwa with the "add to home screen" feature of their browser.how to make pwas re-engageable using notifications and pushhaving the ability to cache the contents of an app to work offline is a great feature.
Using shadow DOM - Web Components
y> <section> <img src="dinosaur.png" alt="a red tyrannosaurus rex: a two legged dinosaur standing upright like a human, with small arms, and a large head with lots of sharp teeth."> <p>here we will add a link to the <a href="https://www.mozilla.org/">mozilla homepage</a></p> </section> </body> </html> this fragment produces the following dom structure: shadow dom allows hidden dom trees to be attached to elements in the regular dom tree — this shadow dom tree starts with a shadow root, underneath which can be attached to any elements you want, in the same way as the normal dom.
...oot: the root node of the shadow tree.
...that the shadow dom is not a new thing by any means — browsers have used it for a long time to encapsulate the inner structure of an element.
...; linkelem.setattribute('href', 'style.css'); // attach the created element to the shadow dom shadow.appendchild(linkelem); note that <link> elements do not block paint of the shadow root, so there may be a flash of unstyled content (fouc) while the stylesheet loads.
Contributor's Guide - Archive of obsolete content
classes and inheritance a class is a blueprint from which individual objects are created.
... classes and inheritance a class is a blueprint from which individual objects are created.
...lass is a blueprint from which individual objects are created.
content/worker - Archive of obsolete content
hods postmessage(data) asynchronously emits "message" events in the enclosed worker, where content script was loaded.
...nd removing all registered listeners.
...ument, returns the related tab.
jpm - Archive of obsolete content
profile.
...pl print test output in treeherder format --times number run tests number of times: jpm test --times 2 -v --verbose verbose operation.
...ion to after creating an xpi.
HTML to DOM - Archive of obsolete content
("iframe"); // iframe (or browser on older firefox) frame.setattribute("id", "sample-frame"); frame.setattribute("name", "sample-frame"); frame.setattribute("type", "content"); frame.setattribute("collapsed", "true"); document.getelementbyid("main-window").appendchild(frame); // or // document.documentelement.appendchild(frame); // set restrictions as needed frame.webnavigation.allowauth = false; frame.webnavigation.allowimages = false; frame.webnavigation.allowjavascript = false; frame.webnavigation.allowmetaredirects = true; frame.webnavigation.allowplugins = false; frame.webnavigation.allowsubframes = false; // listen for load frame.addeventlistener("load", function (event) { // the document of the html in the dom var doc = event.originaltarget; //...
...forget to modify the id and name!
..."false" height="0"> <iframe type="content" src="" name="donkey-browser" hidden="false" id="donkey-browser" height="0"/> </vbox> then, in your extension's "load" event handler: onload: function() { donkeybrowser = document.getelementbyid("donkey-browser"); if (donkeybrowser) { donkeybrowser.style.height = "0px"; donkeybrowser.webnavigation.allowauth = true; donkeybrowser.webnavigation.allowimages = false; donkeybrowser.webnavigation.allowjavascript = false; donkeybrowser.webnavigation.allowmetaredirects = true; donkeybrowser.webnavigation.allowplugins = false; donkeybrowser.webnavigation.allowsubframes = false; donkeybrowser.addeventlistener("domcontentloaded", function (e) { donkeyfire.donkeybrowser_onpageload(e); }, true); } with that code, we obtain a reference to t...
Interaction between privileged and non-privileged pages - Archive of obsolete content
xtensionevent.
...listener("myextensionevent", function(e) { myextension.mylistener(e); }, false, true); if you need to to pass lots of data, consider using cdata sections instead of the simple attributes on a custom element.
...part1", "answers this."); doc.documentelement.appendchild(answerevt); var event = doc.createevent("htmlevents"); event.initevent("myanswerevent", true, false); answerevt.dispatchevent(event); } } document.addeventlistener("myextensionevent", function(e) { myextension.mylistener(e); }, false, true); // the last value is a mozilla-specific value to indicate untrusted content is allowed to trigger the event.
Migrating from Internal Linkage to Frozen Linkage - Archive of obsolete content
smsgutils.h header is being enhanced to fill in some of the gaps caused by the differences between the internal and external apis.
...r api.
...st<print32*>(prv), radix) this allows you to pass a pointer to an nsresult to the tointeger method, when it normally accepts a print32.
Getting Started with Firefox Extensions - Archive of obsolete content
« previousnext » what's a firefox extension?
...extensions are add-ons, but add-ons can also be themes, plugins, or language packs.
...ck on the link below.
Handling Preferences - Archive of obsolete content
ands of other preferences firefox handles that are not readily available to the user.
...u should be very careful when changing preferences.
...e many preferences, you can organize them using the prefpane element.
Using the Stylesheet Service - Archive of obsolete content
the stylesheet service allows extensions to manage user and ua stylesheets without having to touch usercontent.css or userchrome.css files.
...ritten in javascript using xpcom.
...me://myext/content/myext.css" in the examples below is just an example.
cert_override.txt - Archive of obsolete content
fields fields are separated by a tab character.
...character.
...port 443 for https (ssl) hash algorithm oid sha1-256: oid.2.16.840.1.101.3.4.2.1 (most used) sha-384: oid.2.16.840.1.101.3.4.2.2 sha-512: oid.2.16.840.1.101.3.4.2.3 certificate fingerprint using previous hash algorithm one or more characters for override type: m : allow mismatches in the hostname u : allow untrusted certs (whether it's self signed cert or a missing or invalid issuer cert) t : allow errors in the validity time, for example, for expired or not yet valid certs certificate's serial number and the issuer name as a base64 encoded string ...
Embedding Mozilla in a Java Application using JavaXPCOM - Archive of obsolete content
olete since gecko 4.0this feature is obsolete.
...ided by the java application.
...} catch (xpcomexception e) { // this exception is thrown if termembedding failed } working with xpcom objects now that mozilla is embedded, the java application can work with xpcom objects.
Layout System Overview - Archive of obsolete content
d presentation, where the width of the presentation is constrained by the dimensions of the printed output (paper) and the height of each page is fixed.
...e 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).
...to the content that the frame is representing, the style context representing all of the stylistic data corresponding to the frame, a parent frame pointer, a sibling frame pointer, and a series of state bits.
GRE - Archive of obsolete content
the framework for embedding mozilla technologies was at one point called the gre (gecko runtime environment).
... was part of the mozilla application suite.
...com.so (xpcom.lib import lib), your application will not launch unless xpcom.dll is in your path.
Styling - Archive of obsolete content
prism allows for some client-side web application styling.
... prism allows for some client-side web application styling.
... webapp.css (called the webapp style).
Supporting private browsing mode - Archive of obsolete content
rivatebrowsingenabled = true; /* this is all private */ pbs.privatebrowsingenabled = oldprivatemode; in this example, we save the current state of the private browsing mode setting in the oldprivatemode variable, then turn on private browsing by setting its value to true.
...te browsing mode setting in the oldprivatemode variable, then turn on private browsing by setting its value to true.
...mode /* you should display some user interface here */ asubject.data = true; // cancel the operation } } }, "private-browsing-cancel-vote", false); note: a well-mannered extension should display some sort of user interface to indicate that private browsing mode will be kept on, and possibly offer the option to cancel whatever operation is preventing the extension from allowing private browsing to be shut off.
Tamarin mercurial commit hook - Archive of obsolete content
violate the check will be ignored.
...the following will be displayed: > hg commit -m "change with a tab" tab(s) found in test/test.txt for rev 1458 (change 53543674b8e6): @@ -65,4 +65,6 @@ +# tab here ^ (n)o, (y)es, (a)llow tabs for current file are you sure you want to commit this change?
...4 +65,6 @@ +# tab here ^ (n)o, (y)es, (a)llow tabs for current file are you sure you want to commit this change?
The new nsString class implementation (1999) - Archive of obsolete content
string, nsautostring and nscstring all offer additional api's (that all degrade to those found in nsstrimpl) for construction, searching and comparison.
...ng interface mimics fully the interface in the existing nsstring class found in mozilla/base/src/nsstring.h.
...l buffer.
Using Breakpoints in Venkman - Archive of obsolete content
an when you're at a breakpoint, see the debugging basics section of the introductory venkman article.
...ies dialog that determine how venkman will deal with the output of the associated script.
...alse value will do), execution will continue normally.
Install script template - Archive of obsolete content
/** doron rosenberg -- doronatnospamallowedherenetscape.com arun k.
... /** doron rosenberg -- doronatnospamallowedherenetscape.com arun k.
... /** doron rosenberg -- doronatnospamallowedherenetscape.com arun k.
browser.type - Archive of obsolete content
t), and preventing documents from inheriting the principal of the parent document.
...ed; subdocuments of content documents are always content documents.
...wser for content.
Introduction to XUL - Archive of obsolete content
applications, for instance, will have preconceived notions of what to do when they receive an "open file" command.
....xul"> the html namespace is of course the standard one.
...andler fires when the menu is selected by the user, and it dumps the text "hello world!" to the debug console.
loadOneTab - Archive of obsolete content
« xul reference home loadonetab( url, referreruri, charset, postdata, loadinbackground, allowthirdpartyfixup ) loadonetab( url, { referreruri: ..., charset: ..., postdata: ..., inbackground: ..., allowthirdpartyfixup: ..., relatedtocurrent: ...
...postdata, loadinbackground, allowthirdpartyfixup ) loadonetab( url, { referreruri: ..., charset: ..., postdata: ..., inbackground: ..., allowthirdpartyfixup: ..., relatedtocurrent: ...
...ab is specified automatically.
OpenClose - Archive of obsolete content
both menupopups that use the menu tag, the button tag and the toolbarbutton tag.
...both.
...menu is closed when the mouse is moved away.
Multiple Queries - Archive of obsolete content
le, the results are combined and only three results are shown.
...rom the first query and three from the second.
...builder will need to construct the children six times.
Sorting Results - Archive of obsolete content
last value is the default if the attribute is not specified.
...which column the tree is sorted by.
...ax-ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:r="http://www.xulplanet.com/rdf/" xmlns:nc="http://home.netscape.com/nc-rdf#"> <rdf:description rdf:about="http://www.xulplanet.com/ndeakin/images/t/palace.jpg"> <r:date nc:parsetype="date">1125966767295<r:date> </rdf:description> </rdf:rdf> you can also specify parsetype="integer" for numbers which will allow sorting numerically.
Document Object Model - Archive of obsolete content
pt element in the xul file.
...lement using any of the following methods: getattribute ( name ) return the value of the attribute with the given name.
...properties are listed below: firstchild reference to the first child node of an element lastchild reference to the last child node of an element childnodes holds a list of the children of an element parentnode reference to the parent of an node nextsibling reference to the next sibling in sequence previoussibling reference to the previous sibling in sequence these properties allow you to navigate through a document is various ways.
Element Positioning - Archive of obsolete content
size to hold their text.
...o make the box flexible also.
... you may find the box alignment example useful for trying out the various box properties.
Introduction - Archive of obsolete content
ts of menus, trees and other elements can be populated with this data, or with your own data supplied in an rdf file.
...he browser's user interface.
...owever, these types of applications do not have security restrictions placed on them, so they may access local files and read and write preferences, for example.
List Controls - Archive of obsolete content
tbox> <listcols> <listcol/> <listcol/> </listcols> <listitem> <listcell label="george" /> <listcell label="house painter" /> </listitem> <listitem> <listcell label="mary ellen" /> <listcell label="candle maker" /> </listitem> <listitem> <listcell label="roger" /> <listcell label="swashbuckler" /> </listitem> </listbox> header rows list boxes also allow a special header row to be used.
... <listcell label="house painter" /> </listitem> <listitem> <listcell label="mary ellen" /> <listcell label="candle maker" /> </listitem> <listitem> <listcell label="roger" /> <listcell label="swashbuckler" /> </listitem> </listbox> in this example, the flex attribute is used to make the column flexible.
...our choices, one for each menuitem element.
Using the Editor from XUL - Archive of obsolete content
that causes the editoronload() javascript function to get executed when the xul is done loading.
...ad.
... via nseditorshell::doeditormode()) we also hook up various listeners and observers for ui updating and user interaction, and store a file specifier for the document we opened.
Writing Skinnable XUL and CSS - Archive of obsolete content
senger package has a css file that describes the appearance of the messenger button that appears on the taskbar used by all windows.
...e the button is used in the navigator window (through overlays), the fonts/colors used should not be described by messenger.
...instead take place through the chrome registry.
XUL Changes for Firefox 1.5 - Archive of obsolete content
reated with the <richlistitem> element may be selected.
... on some platforms.
...ems this way.
action - Archive of obsolete content
ariables in place of attribute values.
...lace of attribute values.
...ight, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventliste...
arrowscrollbox - Archive of obsolete content
flex="1"> <button label="red"/> <button label="blue"/> <button label="green"/> <button label="yellow"/> <button label="orange"/> <button label="silver"/> <button label="lavender"/> <button label="gold"/> <button label="turquoise"/> <button label="peach"/> <button label="maroon"/> <button label="black"/> </arrowscrollbox> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortd...
...d.
...ling for the corresponding arrowscrollbox, false disables it.
assign - Archive of obsolete content
ple needed) attributes expr type: string for xml queries, an xpath expression which returns results.
...attributes expr type: string for xml queries, an xpath expression which returns results.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
bbox - Archive of obsolete content
Archive › Mozilla › XUL › bbox
« xul reference home [ examples | attributes | properties | methods | related ] a horizontal box that is baseline aligned.
... « xul reference home [ examples | attributes | properties | methods | related ] a horizontal box that is baseline aligned.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
binding - Archive of obsolete content
ned within a bindings element.
...bindings element.
... width properties object type: string the object of the element.
bindings - Archive of obsolete content
et of variable bindings for a rule.
...e bindings for a rule.
... object type: string the object of the element.
box - Archive of obsolete content
Archive › Mozilla › XUL › box
ot overlap.
...he default orientation is horizontal.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
broadcaster - Archive of obsolete content
utomatically.
... an onbroadcast event will be sent to the observers when a change is made.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
broadcasterset - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a container element for broadcaster elements.
... « xul reference home [ examples | attributes | properties | methods | related ] a container element for broadcaster elements.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
column - Archive of obsolete content
d in each successive cell of the grid.
...cessive cell of the grid.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
columns - Archive of obsolete content
lumns to appear in the grid.
...ar in the grid.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
conditions - Archive of obsolete content
n mark (?).
...hen evaluating the rule for a particular rdf resource, the variables are replaced with values from the resource.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
deck - Archive of obsolete content
Archive › Mozilla › XUL › deck
x="2"> <description value="this is the first page"/> <button label="this is the second page"/> <box> <description value="this is the third page"/> <button label="this is also the third page"/> </box> </deck> attributes selectedindex type: integer gets and sets the index of the currently selected panel.
...cription value="this is the first page"/> <button label="this is the second page"/> <box> <description value="this is the third page"/> <button label="this is also the third page"/> </box> </deck> attributes selectedindex type: integer gets and sets the index of the currently selected panel.
...y assigning -1 to this property, all items will be deselected.
dropmarker - Archive of obsolete content
a dropmarker is a button with an arrow which will reveal more details when pressed.
...er is a button with an arrow which will reveal more details when pressed.
...rdinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
grippy - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] an element that may be used inside a splitter which can be used to collapse a sibling element of the splitter.
... « xul reference home [ examples | attributes | properties | methods | related ] an element that may be used inside a splitter which can be used to collapse a sibling element of the splitter.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
groupbox - Archive of obsolete content
for instance, only the caption appears with no border around the group.
..., only the caption appears with no border around the group.
...rdinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
hbox - Archive of obsolete content
Archive › Mozilla › XUL › hbox
elated ] a container element which can contain any number of child elements.
...container element which can contain any number of child elements.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
listcols - Archive of obsolete content
ist box has a single column.
... single column.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
member - Archive of obsolete content
les | attributes | properties | methods | related ] used within a rule's conditions element to match elements that are containers or are contained within another element.
...utes | properties | methods | related ] used within a rule's conditions element to match elements that are containers or are contained within another element.
... type: ?
observes - Archive of obsolete content
: attribute name the attribute that the observer is observing.
...ame the attribute that the observer is observing.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
page - Archive of obsolete content
Archive › Mozilla › XUL › page
« xul reference home [ examples | attributes | properties | methods | related ] similar to a window, except it should be used for xul files that are to be loaded into an iframe.
... « xul reference home [ examples | attributes | properties | methods | related ] similar to a window, except it should be used for xul files that are to be loaded into an iframe.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
popupset - Archive of obsolete content
s optional; the given elements need not appear in a popupset container.
...he given elements need not appear in a popupset container.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
preferences - Archive of obsolete content
y; three of these could be merged into a single member attribute nsiprefservice service; the preferences service.
...hese could be merged into a single member attribute nsiprefservice service; the preferences service.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods void firechangedevent(in domelem...
progressmeter - Archive of obsolete content
the bar that is filled in.
...is filled in.
... gets and sets the value of the max attribute.
query - Archive of obsolete content
Archive › Mozilla › XUL › query
xpr attribute and may optionally contain assign elements.
... and may optionally contain assign elements.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
queryset - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a container for query elements when more than one query is used.
... « xul reference home [ examples | attributes | properties | methods | related ] a container for query elements when more than one query is used.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
resizer - Archive of obsolete content
he element that should be resized by the resizer.
...at should be resized by the resizer.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
richlistbox - Archive of obsolete content
d.
... select more specific items.
...ver an item is selected, either by the user or by calling one of the select methods.
row - Archive of obsolete content
Archive › Mozilla › XUL › row
rows element.
....
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
script - Archive of obsolete content
application/javascript.
...javascript.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
scrollcorner - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] this element is used for the small box where the horizontal and vertical scrollbars meet.
... « xul reference home [ examples | attributes | properties | methods | related ] this element is used for the small box where the horizontal and vertical scrollbars meet.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
separator - Archive of obsolete content
="groove-thin"/> attributes orient type: one of the values below used to specify whether the separator is a horizontal or vertical separator.
..."/> attributes orient type: one of the values below used to specify whether the separator is a horizontal or vertical separator.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
spacer - Archive of obsolete content
to place spacing within a container.
...ing within a container.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
spinbuttons - Archive of obsolete content
ated ] spin buttons are two arrows, one to increase a value and one to decrease a value.
... buttons are two arrows, one to increase a value and one to decrease a value.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
stack - Archive of obsolete content
Archive › Mozilla › XUL › stack
0" top="10" bottom="10"/> </hbox> <hbox> <!-- some content here.
...ottom="10"/> </hbox> <hbox> <!-- some content here.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
statusbar - Archive of obsolete content
along the bottom of a window.
...tom of a window.
... ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
stringbundleset - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a container for stringbundle elements.
... « xul reference home [ examples | attributes | properties | methods | related ] a container for stringbundle elements.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
tabpanel - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a individual panel in a tabpanels element.
... « xul reference home [ examples | attributes | properties | methods | related ] a individual panel in a tabpanels element.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
template - Archive of obsolete content
or reference variable.
... variable.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
textnode - Archive of obsolete content
lue attribute.
....
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
toolbargrippy - Archive of obsolete content
| properties | methods | related ] not in firefox the notch on the side of a toolbar which can be used to collapse and expand it.
... | methods | related ] not in firefox the notch on the side of a toolbar which can be used to collapse and expand it.
...rough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessible type: nsiaccessible returns the accessibility object for the element.
toolbarpalette - Archive of obsolete content
overlays the toolbarpalette with the idbrowsertoolbarpalette.
...toolbarpalette with the idbrowsertoolbarpalette.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
toolbarseparator - Archive of obsolete content
s a separator between groups of toolbar items.
... between groups of toolbar items.
..., ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
toolbarset - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] firefox only this element is used as a container for custom toolbars, which are added in the custom toolbar dialog.
... « xul reference home [ examples | attributes | properties | methods | related ] firefox only this element is used as a container for custom toolbars, which are added in the custom toolbar dialog.
...eight, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlisten...
toolbarspacer - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] firefox only a space between toolbar items.
... « xul reference home [ examples | attributes | properties | methods | related ] firefox only a space between toolbar items.
...rdinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
toolbarspring - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] firefox only a flexible space between toolbar items.
... « xul reference home [ examples | attributes | properties | methods | related ] firefox only a flexible space between toolbar items.
... ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
treecell - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a single cell in a tree.
...ere content generation begins.
...proof); 3) use setuserdata() (future-proof and clean, but not easily serializable).
treechildren - Archive of obsolete content
fine container rows in the tree.
...r rows in the tree.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
treecols - Archive of obsolete content
related ] a group of treecol elements.
...a group of treecol elements.
...rdinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
treerow - Archive of obsolete content
aced in a treechildren element inside the parent treeitem.
...echildren element inside the parent treeitem.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
treeseparator - Archive of obsolete content
[ examples | attributes | properties | methods | related ] used to place a separator row in a tree.
...es | attributes | properties | methods | related ] used to place a separator row in a tree.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
triple - Archive of obsolete content
attributes object type: string the object of the element.
... object type: string the object of the element.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
vbox - Archive of obsolete content
Archive › Mozilla › XUL › vbox
thods | related ] a container element which can contain any number of child elements.
...ted ] a container element which can contain any number of child elements.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
where - Archive of obsolete content
Archive › Mozilla › XUL › where
of subject must come after value alphabetically startswith the value of subject must start with the value endswith the value of subject must end with the value contains the value of subject must contain the value as a substring subject type: string the variable or string to compare.
...ust come after value alphabetically startswith the value of subject must start with the value endswith the value of subject must end with the value contains the value of subject must contain the value as a substring subject type: string the variable or string to compare.
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
wizard - Archive of obsolete content
devtools:scratchpad - scratchpad windows navigator:view-source - the view source windows properties canadvance type: boolean this property is set to true if the user can press the next button to go to the next page.
...the effect of enabling or disabling the next button, or, on the last page of the wizard, the finish button.
...ild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata « xul reference home advance( pageid ) return type: no return value call this method to go to the next page.
XUL Explorer - Archive of obsolete content
s still available.
...ippet used to load the editor on startup.
...ice” checks such as: using of commands and keys, strings in dtds and so on - xul checker multi-tabbed editor support support wizards to generate common projects - extensions support extension testing using firefox extension test mode venkman support dom inspector support future: support more “best practice” checks such as: more a11y checks, strings in dtds and so on - xul checker allow users to add snippets on the fly add sidebars for more functionality - property sidebar and project sidebar support wizards to generate common projects - xul files, js xpcom, and xulrunner applications for more detailed information, see the xul_explorer:planning#feature_planning_for_xul_explorer.
Gecko Compatibility Handbook - Archive of obsolete content
that have updated to support standards.
...type problem: an incorrect doctype can completely alter a page's presentation.
... standards mode follows the w3c recommendations for html and css.
Extentsions FAQ - Archive of obsolete content
point: http://www..xulplanet.com/tutorials/...u/advmenu.html http://www.xulplanet.com/tutorials/x...dommodify.html request for a thunderbird extension that can automatically detect the default domain when composing e-mails via autodetect.
...ber 29 - october 6, 2006 (↑ top) is there anyway, via plugin or extension, for firefox to mimic the functionality of ie in this respect?
...e, which hopefully will be fixed for gecko 1.9.
NPN_SetValueForURL - Archive of obsolete content
« gecko plugin api reference « browser side plug-in api summary allows a plugin to change the stored information associated with a url, in particular its cookies.
... « gecko plugin api reference « browser side plug-in api summary allows a plugin to change the stored information associated with a url, in particular its cookies.
...l for which to change information.
Why RSS Content Module is Popular - Including HTML Contents - Archive of obsolete content
ed html data in it.
... suppose to be used for any of this.
...n text.
What is RSS - Archive of obsolete content
t stood for rich site summary.
... <link>http://joe-blow.example.net/log/19</link> </item> <item> <title>black cat spotted</title> <guid>http://joe-blow.example.net/log/18</guid> <pubdate>fri, 13 may 2005 13:13:13 -0500</pubdate> <link>http://joe-blow.example.net/log/18</link> </item> </channel> </rss> those who create internet radio use rss to allow users to access their shows.
...tle>black cat spotted</title> <guid>http://joe-blow.example.net/log/18</guid> <pubdate>fri, 13 may 2005 13:13:13 -0500</pubdate> <link>http://joe-blow.example.net/log/18</link> </item> </channel> </rss> note: broadcasting of internet radio is sometimes call podcasting, ipradio, and audio blogging.
Browser Detection and Cross Browser Support - Archive of obsolete content
members of an entire family of user agents based upon the gecko layout engine which includes the commercial browser compuserve 7, and open source browsers such as epiphany, galeon, camino, kmeleon, and seamonkey.
...imate reasons to use the user agent string (or the navigator object) to determine exactly what vendor, version or operating system is being used.
...{ // opera 5/6 do not implement the standard correctly // and assume that elm.style.left and similar properties // are numbers.
Array comprehensions - Archive of obsolete content
ing usages, consider using array.prototype.map, array.prototype.filter, arrow functions, and spread syntax.
...tax was a javascript expression which allowed you to quickly assemble a new array based on an existing one.
...moved from the standard and the firefox implementation.
Generator comprehensions - Archive of obsolete content
non-standard.
...on which allowed you to quickly assemble a new generator function based on an existing iterable object.
...d from the standard and the firefox implementation.
Archived JavaScript Reference - Archive of obsolete content
obsolete javascript features and unmaintained docs arguments.callerthe obsolete arguments.caller property used to provide the function that invoked the currently executing function.
...ect's properties.
... chapter contains information about javascript's version history and implementation status for mozilla/spidermonkey-based javascript applications, such as firefox.number.tointeger()the number.tointeger() method used to evaluate the passed value and convert it to an integer, but its implementation has been removed.object.getnotifier()the object.getnotifer() method was used to create an object that allows to synthetically trigger a change, but has been deprecated and removed in browsers.object.observe()the object.observe() method was used for asynchronously observing the changes to an object.
LiveConnect Overview - Archive of obsolete content
of java.io.filenotfound) { // handling for filenotfound } else { throw e; } } see exception handling statements for more information about javascript exceptions.
... exception handling statements for more information about javascript exceptions.
... a method in your java code, you can pass it a javascript object as one of its argument.
Properly Using CSS and JavaScript in XHTML Documents - Archive of obsolete content
t were nothing more than html.
...nt problems in xhtml when it is treated as xml rather than html.
...ain double dashes (——).
Troubleshooting XForms Forms - Archive of obsolete content
<xf:instance id="ins2" xmlns=""> <data> <value>42</value> </data> </xf:instance> you should use <output ref="instance('ins2')/value"/> to show the contents of the value element.
...he document being returned is xml.
...requests into data-less get requests check box.
XForms Select Element - Archive of obsolete content
introduction allows the user to choose one or more selections from a list of pre-defined items (see the spec).
...select element do not support visual grouping.
... and closed, default is closed.
XForms Select1 Element - Archive of obsolete content
introduction allows the user to choose a single value from a list of pre-defined values (see the spec).
...me representations of the select1 element do not support visual grouping.
...fer if the attribute is supported for every representation).
Choosing Standards Compliance Over Proprietary Practices - Archive of obsolete content
on may decide that c++, java, and javascript will be the primary coding languages.
... an elegant workstation with an iconic desktop developed by the engineers at parc (palo alto research center).
...r action or function will work or respond.
Popup Window Controls - Archive of obsolete content
mozilla and firefox allow users to control most unsolicited attempts to open new windows such as popup and popunder windows.
...illa and firefox allow users to control most unsolicited attempts to open new windows such as popup and popunder windows.
...ttempt to open an unsolicited window var popup = window.open('about:blank', 'popup'); if (!popup) { // the user has suppressed the popup } // --> </script> </head> <body> <!-- your page here --> </body> </html> if your popup window is crucial to the operation of your web site you can notify the user and ask them to add your site to the list of sites which are allowed to use unsolicited popup windows.
Windows Media in Netscape - Archive of obsolete content
.ocx.7"); } } catch(e) { // handle error -- no wmp 7 or 9 control // can use wmp 6 also if necessary, but this is legacy software nowadays } if (player) { // windows media player control exists and it is version 7 or 9 // can use wmp 7 or 9 api -- call versioninfo property, only in 7 and 9 var versionstring = player.versioninfo; alert(versionstring); } only geckoactivexobject allows for the use of the windows media player classid as an argument.
... { // windows media player control exists and it is version 7 or 9 // can use wmp 7 or 9 api -- call versioninfo property, only in 7 and 9 var versionstring = player.versioninfo; alert(versionstring); } only geckoactivexobject allows for the use of the windows media player classid as an argument.
...ting systems.
Developer Tools - MDN Web Docs Glossary: Definitions of Web-related terms
developer tools (or "development tools" or short "devtools") are programs that allow a developer to create, test and debug software.
... developer tools (or "development tools" or short "devtools") are programs that allow a developer to create, test and debug software.
... developer tools (or "development tools" or short "devtools") are programs that allow a developer to create, test and debug software.
Thread - MDN Web Docs Glossary: Definitions of Web-related terms
will hang.
...nicating between one another.
...s capable of notifying the user when things happen while they're not actively engaged with a site.
About Scriptable Interfaces - Interfaces
status of this document this is just a starter document, it should not be considered complete.
...ils of the component implementation.
...erface) from scripts (e.g javascript), and that we can write new components implementing the interface using script languages.
Advanced styling effects - Learn web development
cks, providing an introduction to some interesting advanced styling features such as box shadows, blend modes, and filters.
... the exact shapes of the content inside the box, not just the box itself as one big chunk, so it is worth knowing the difference.
...f a few basic shapes that are defined, however there are a number of different ways to create shapes.
Backgrounds and borders - Learn web development
distorted the image.
...we are positioning the background 20px from the top and 10px from the right: .box { background-image: url(star.png); background-repeat: no-repeat; background-position: top 20px right 10px; } use the example below to play around with these values and move the star around inside the box.
... a look at the mdn page for background to see all of the considerations.
The box model - Learn web development
an element in firefox's devtools, you can see the size of the element plus its margin, padding, and border.
...ing an element in this way is a great way to find out if your box is really the size you think it is!
...add width and height properties.
CSS building blocks - Learn web development
module.
...ll come across plenty of exercises to allow you to test your understanding.
... therefore we will introduce them in this article.
Positioning - Learn web development
previous overview: css layout next positioning allows you to take elements out of the normal document layout flow, and make them behave differently; for example sitting on top of one another, or always remaining in the same place inside the browser viewport.
...duction to html), and an idea of how css works (study introduction to css.) objective: to learn how css positioning works.
...x; width: 500px; background: white; padding: 10px; } p:nth-of-type(1) { margin-top: 60px; } note: you can see the example at this point live at 6_fixed-positioning.html (see source code).
CSS layout - Learn web development
need to know to get started with page layout, then test your grid skills before moving on.
...ion values, and how to use them.
...ign for a multi-device web, and in this article we'll help you understand the main techniques you need to know to master it.
create fancy boxes - Learn web development
lowing: its box model properties: width, height, padding, border, etc.
...or: #a4c9cf; /* well, actually we are not making a full circle as we want the bottom of our cloud to be flat.
... when we mix all of this together.
What HTML features promote accessibility? - Learn web development
the following content describes specific features of html that can be used to make a web page more accessible to people with different disabilities.
...n explanation and an apology.">click here</a> to find out more.</p> access keys access keys provide easier navigation by assigning a keyboard shortcut to a link, which will usually gain focus when the user presses alt or ctrl + the access key.
... access keys access keys provide easier navigation by assigning a keyboard shortcut to a link, which will usually gain focus when the user presses alt or ctrl + the access key.
Client-side form validation - Learn web development
ta, the browser and/or the web server will check to see that the data is in the correct format and within the constraints set by the application.
...eral errors that will prevent the form from being submitted, including a badinput, patternmismatch, rangeoverflow or rangeunderflow, stepmismatch, toolong or tooshort, typemismatch, valuemissing, or a customerror.
...or each one.
UI pseudo-classes - Learn web development
and the css looks like this: input + span { position: relative; } input + span::after { font-size: 0.7rem; position: absolute; padding: 5px 10px; top: -26px; } input:required + span::after { color: white; background-color: black; content: "required"; left: -70px; } input:out-of-range + span::after { color: white; background-color: red; width: 155px; content: "outside allowable value range"; left: -182px; } this is a similar story to what we had before in the :required example, except that here we've split out the declarations that apply to any ::after content into a separate rule, and given the separate ::after content for :required and :out-of-range states their own content and styling.
...in the source code than the :required rule, the cascade rules come into play, and the out of range message is shown.
....
Tips for authoring fast-loading HTML pages - Learn web development
e domains appearing in css link(s) and javascript and image src(es).
... of modern css reduces the amount of markup, can reduce the need for (spacer) images, in terms of layout, and can very often replace images of stylized text -- that "cost" much more than the equivalent text-and-css.
...an the equivalent text-and-css.
Adding vector graphics to the Web - Learn web development
ion showing exactly where each pixel is to be placed, and exactly what color it should be.
...cle cx="150" cy="100" r="90" fill="blue" /> </svg> this creates the following output: from the example above, you may get the impression that svg is easy to handcode.
...ull guide to learning svg, just a pointer so you know what svg is if you meet it in your travels around the web.
HTML table advanced features and accessibility - Learn web development
.
... </tr> </table> the output of which looks something like this: title1 title2 title3 cell1 cell2 cell3 cell2 cell3 cell4 cell5 cell6 tables for visually impaired users let's recap briefly on how we use data tables.
...h scope="col">date</th> <th scope="col">evaluation</th> <th scope="col">cost (€)</th> </tr> </thead> and each row could have a header defined like this (if we added row headers as well as column headers): <tr> <th scope="row">haircut</th> <td>hairdresser</td> <td>12/09</td> <td>great idea</td> <td>30</td> </tr> screenreaders will recognize markup structured like this, and allow their users to read out the entire column or row at once, for example.
Making asynchronous programming easier with async and await - Learn web development
function definition you can see that the code closely resembles the previous promise version, but there are some differences.
...ee also the source code).
...sole.log); browser support one consideration when deciding whether to use async/await is support for older browsers.
Introduction to events - Learn web development
there is a counterpart function, removeeventlistener(), which removes a previously added listener.
...roperties containing extra data that they need to function.
...he one modern browsers implemented.
Fetching data from the server - Learn web development
displayed on your computer.
...xperience, especially as pages get larger and more complex.
...it of setting this in case you want to fetch other types of data in the future.
CSS performance optimization - Learn web development
hich properties of an element are expected to change enabling browsers to set up optimizations before the element is actually changed, improving performance by doing potentially expensive work before it is required.
...llback font while a font loads, or fails to load.
...th a trade-off being a flash of unstyled text.
Ember Interactivity: Footer functionality, conditional rendering - Learn web development
footer next, go and find the newly-created todomvc/app/components/footer.js file and update it to the following: import component from '@glimmer/component'; import { inject as service } from '@ember/service'; export default class footercomponent extends component { @service('todo-data') todos; } now we need to go back to our todo-data.js file and add some functionality that will allow us to return the number of incomplete todos (useful for showing how many are left), and clear the completed todos out of the list (which is what the “clear completed” functionality needs).
...te the contents to look like so, to give the todo component access to the service: import component from '@glimmer/component'; import { inject as service } from '@ember/service'; export default class todocomponent extends component { @service('todo-data') todos; } next, go back again to our todo-data.js service file and add the following action just below the previous ones, which will allow us to toggle a completion state for each todo: @action togglecompletion(todo) { todo.iscompleted = !todo.iscompleted; } updating the template to show completed state finally, we will edit the todo.hbs template such that the checkbox's value is now bound to the iscompleted property on the todo, and so that on change, the togglecompletion() method on the todo service is invoked.
...ng line: <input aria-label="toggle the completion of this todo" class="toggle" type="checkbox" > and replace it with this: <input class="toggle" type="checkbox" aria-label="toggle the completion of this todo" checked={{ @todo.iscompleted }} {{ on 'change' (fn this.todos.togglecompletion @todo) }} > note: the above snippet uses a new ember-specific keyword — fn.
Ember interactivity: Events, classes and state - Learn web development
we can type whatever we want, and when we hit enter we'll be greeted with an alert message telling us exactly what we typed.
...containing the text of the todo, and a @tracked iscompleted property that specifies whether the todo has been completed or not.
...h todo available in the list of todos returned by the service’s all() getter: {{#each this.todos.all as |todo|}} <todo @todo={{todo}} /> {{/each}} another way to look at this: this — the rendering context / component instance.
Ember resources and troubleshooting - Learn web development
m/chat server where you can meet the ember community, ask for help, and help others!
...re information on specifying the route's model here.
...nf 2017: secrets of the glimmer vm what is the state of the mut helper?
React interactivity: Editing, filtering, conditional rendering - Learn web development
previous overview: client-side javascript frameworks next as we near the end of our react journey (for now at least), we'll add the finishing touches to the main areas of functionality in our todo list app.
...r <todo /> components as a prop in the same way we did with deletetask: const tasklist = tasks.map(task => ( <todo id={task.id} name={task.name} completed={task.completed} key={task.id} toggletaskcompleted={toggletaskcompleted} deletetask={deletetask} edittask={edittask} /> )); now open todo.js.
...uld now be able to edit a task in your browser!
Deployment and next steps - Learn web development
w to prepare our svelte app for production, and what learning resources you should visit next.
...all `npm run start` once // the bundle has been generated !production && serve(), // watch the `public` directory and refresh the // browser on changes when not in production !production && livereload('public'), // if we're building for production (npm run build // instead of npm run dev), minify production && terser() ], there are many plugins for rollup that allow you to customize its behavior.
...t has finished deploying, go to the "production" url in your browser, and you'll see the app deployed!
Introduction to cross browser testing - Learn web development
there are multiple general strategies to cross browser development, for example: get all the functionality working as closely as possible in all target browsers.
...self (pulling in team mates to help out if you are working in a team).
...by hand can start to take a really long time.
Deploying our app - Learn web development
and colleagues.
...thub.com/remy/super-website.git, as in the screenshot above, your command would be git remote add github https://github.com/remy/super-website.git change the url to your own repository, and run it now.
...y change the name of the netlify project or specify to use our own domain name, which netlify offers some excellent documentation on.
Package management basics - Learn web development
in the form of a package registry.
... experimental app.
... start parcel and serve up your index.html at the local development server, as we saw before: server running at http://localhost:1234 ✨ built in 5.48s.
Mozilla accessibility architecture
s a chance to review its data.
...ach document.
...ument, and then use that document accessible's specific cache to check for an entry for the dom node.
Command line options
./firefox -profilemanager if you use firefox nightly, you can enter: cd /applications/firefoxnightly.app/contents/macos ./firefox -profilemanager linux open terminal and enter the following command: cd thunderbird installation directory ./thunderbird -profilemanager the example above invokes the "-profilemanager" command line option with mozilla's thunderbird mail client.
...nning an instance of the application.
...n installs the extension into the application directory.
Debugging on Windows
o be able to follow child processes as they are created.
...lding firefox for windows and have a local debug build, you can execute ./mach run --debug from the same command line.
...nts:" should show the options.
Configuring Build Options
directory system and you can build multiple applications (e.g., firefox and thunderbird) from the same source tree.
... diagnostic asserts).
...ome countries, it may be illegal to use or export cryptographic software.
Performance
decoratebutton(button, message.data.num) } tabmm.addmessagelistener("my-addon:paragraph-count", callback); tabmm.loadframescript("data:,sendasyncmessage('my-addon:paragraph-count', {num: content.document.queryselectorall('p').length})", false) } function decoratebutton(button, count) { // do stuff with result } this executes the script only when it is needed and only in one tab and allows it to be garbage-collected immediately after execution.
...-addon:check-load", {destination: location, source: origin}) // <=== sync message!
...) => r == true)) return ci.nsicontentpolicy.accept; return ci.nsicontentpolicy.reject_request; } }); // more boilerplate code here this example is a (somewhat condensed) content policy which gets triggered for every network request in a child process to either allow or deny the request.
Storage access policy: Block cookies from trackers
provide the same level of storage access, we recommend third parties switch to using the storage access api in order to guarantee their access to storage.
...ified as tracking resources.
...if the preference does not exist, click "string" and then "+" to create a new preference.
Embedding Tips
resslistener object to listen for progress and state notifications.
...progresslistener object to listen for progress and state notifications.
... is defined here.
Extending a Protocol
now we need to pwindowglobal.ipdl to manage our pecho protocol.
...hochild_h // we include the protocol, which is automatically generated for us.
...k to navigator ok, we now have all the things we need to send a message and get a response, we just need to put it all together.
CustomizableUI.jsm
this module is only available from firefox 29 onwards.
...t with customizable buttons and items in firefox's main window ui.
... toolbars have their xbl bindings constructed (which will happen when they're added to the dom and are not hidden).
Application Translation with Mercurial
y).
...objects; decline verbs or not like the operating system does.
...ring out the translation style and translate according to them: check your localization team's page by clicking on the team with your language code (e.g.
Index
internationalization, localization when creating a localization for mozilla products, it’s important to be aware of the encoding of the files that you generate.
... this tutorial will guide you through making a couple of changes to firefox's user interface using koala, an add-on for komodo edit created to help localizing mozilla.
...hat starts the localization process by focusing on how to localize two of the primary types of localization files (dtd and properties) used in the mozilla source code.
Localization content best practices
l, some don't, some use a non-breaking space.
...graphic rules, as it ought to be meud na haplacaid.
...bel.
Localizing with Koala
strings, let's commit your work to the local hg repository that you created in the "creating a new project" section.
...d_enginemanager.label searchendcap.label search.properties: cmd_addfoundengine it's time to put these files under mercurial's version control system.
...allow you to track changes, export them to remote repositories (first on bitbucket, later on hg.mozilla.org) and revert files to earlier versions in case of errors.
QA phase
ure once your command-line finishes spitting out the config command's output, navigate to the newly created directory: $ cd ../firefox-build/browser/locales now you're ready to build!
...see you lose any of it.
... is http://hg.mozilla.org/l10n-central/x-testing pushing to http://hg.mozilla.org/l10n-central/x-testing searching for changes http authorization required realm: hg.mozilla.org http user: your_id password: after you enter your account information, the changeset will be pushed.
Localization formats
efox</h1> the localizer then submits the translated html or php back to us by either checking in changes to svn or sending us a patch that pascal checks in.
...aced into an array that is used by the php code later.
...ontrez-le en téléchargeant et en imprimant votre " "certificat personnalisé firefox 3 download day." advantages of gettext gettext has very powerful tools to update this site (if you use the actual english strings in msgids, not unique identifier strings like certificate_intro) very established with a large set of powerful tools harder to screw things up because existing tools will not allow localizers to edit the l10n file where they shouldn't separates localizable strings available for localizers for the rest of the code, protecting it from unintended changes disadvantage of gettext .po file needs to be compiled into a .mo file for localizer to see changes using regular diff to see changes to a file is sometimes impossible because the editing tool can save the .po file using...
Mozilla Style System Documentation
de other declarations.
...ons are the property-value pairs within style rules.
...le rules.
Profile Manager
ns..." button: each firefox version in the list has the following properties: path, version, and default.
... create from the archive.
...ng any profile in the profile list will cause a popup menu to appear with the following commands: copy - makes a copy of the profile using a name and location of your choice.
AsyncTestUtils extended framework
l probably move the asynctestutils framework to a nested event loop in a backwards-compatible fashion.
...john doe", "john_doe@example.com"]} would result in four messages from john doe to random recipients.
...ld 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.
Cached Monitors
this chapter describes the functions you use when you work with cached monitors.
...o be associated with another object without preallocating a monitor for all objects.
...le as needed.
NSPR Error Handling
address_not_supported_error the type of network address specified is not supported.
...completing the write or seek operation would have resulted in a file larger than the system could handle.
...while the file system is busy.
FIPS Mode - an explanation
e or software, that device will have all the cryptographic engines in it, and also will stores keys and perhaps certificates inside.
...th a password, it must ensure that their passwords are strong passwords.
...known as "tls", and not the older ssl 2 or ssl 3.0 protocols, and firefox can only talk to those servers that use fips standard encryption algorithms such as aes or triple-des.
NSS 3.16.4 release notes
ributions are available on ftp.mozilla.org for secure https download: source tarballs: https://ftp.mozilla.org/pub/mozilla.org/security/nss/releases/nss_3_16_4_rtm/src/ new in nss 3.16.4 this release consists primarily of ca certificate changes as listed below, and includes a small number of bug fixes.
...te has been included, without explicit trust.
...icit trust.
NSS 3.31 release notes
released nss 3.31, which is a minor release.
...nformation the hg tag is nss_3_31_rtm.
... a tls version range have been changed to trim the requested range to the overlap with a systemwide crypto policy, if configured.
NSS API Guidelines
ple: layercapitalizedenglishwords or seckeyprivatekey.
...the arena, and allocates some memory from it.
...s some memory from the arena.
NSS Config Options
nss config options format the specified ciphers will be allowed by policy, but an application may allow more by policy explicitly: config="allow=curve1:curve2:hash1:hash2:rsa-1024..." only the specified hashes and curves will be allowed: config="disallow=all allow=sha1:sha256:secp256r1:secp384r1" only the specified hashes and curves will be allowed, and rsa keys of 2048 or more will be accepted, and dh key exchange with 1024-bit primes or more: config="disallow=all allow=sha1:sha256:secp256r1:secp384r1:min-rsa=2048:min-dh=1024" a policy that enables the aes ciphersuites and the secp256/384 curves: config="allow=aes128-cbc:aes128-gcm::hmac-sha1:sha1:sha256:sha384:rsa:ecdhe-rsa:secp256r1:secp384r1" turn off md5 config="disallow=md5" turn off md5 and sha1 only for ssl confi...
...ted, and dh key exchange with 1024-bit primes or more: config="disallow=all allow=sha1:sha256:secp256r1:secp384r1:min-rsa=2048:min-dh=1024" a policy that enables the aes ciphersuites and the secp256/384 curves: config="allow=aes128-cbc:aes128-gcm::hmac-sha1:sha1:sha256:sha384:rsa:ecdhe-rsa:secp256r1:secp384r1" turn off md5 config="disallow=md5" turn off md5 and sha1 only for ssl config="disallow=md5(ssl):sha1(ssl)" disallow values are parsed first, and then allow values, independent of the order in which they appear.
...sha256:sha384:rsa:ecdhe-rsa:secp256r1:secp384r1" turn off md5 config="disallow=md5" turn off md5 and sha1 only for ssl config="disallow=md5(ssl):sha1(ssl)" disallow values are parsed first, and then allow values, independent of the order in which they appear.
NSS tools : crlutil
e encoded in asn.1 encode format.
...cal [key-id | dn cert-serial] where: authkeyident: identifies the name of an extension critical: value of 1 of 0.
...ss, and a uri.
sslcrt.html
ains a list of distinguished names (dns) against which to check the dns for the signers in the certificate chain.
...stroycertificate(certcertificate *cert); parameters this function has the following parameter: cert a pointer to the certificate to destroy.
...ey_destroyprivatekey, the function decrements the reference count and, if the reference count reaches zero as a result, both frees the memory and sets all the bits to zero.
NSS Tools certutil
ing the values of the -t argument.
... to access a certificate database.
...alue from the specified binary file to use in generating a new rsa private and public key pair.
NSS Tools crlutil
bypass ca signature checks.
... where: authkeyident: identifies the name of an extension critical: value of 1 of 0.
...ical name-list where: subjaltnames: identifies the name of an extension should be set to 0 since this is non-critical extension name-list: comma separated list of names add crl number extension: the crl number is a non-critical crl extension which conveys a monotonically increasing sequence number for a given crl scope and crl issuer.
NSS tools : crlutil
Mozilla › Projects › NSS › tools › crlutil
fy an action and are lowercase.
...ert-serial] where: authkeyident: identifies the name of an extension critical: value of 1 of 0.
...sueraltnames non-critical name-list where: subjaltnames: identifies the name of an extension should be set to 0 since this is non-critical extension name-list: comma separated list of names * add crl number extension: the crl number is a non-critical crl extension which conveys a monotonically increasing sequence number for a given crl scope and crl issuer.
NSS tools : signtool
hive] description the signing tool, signtool, creates digital signatures and uses a java archive (jar) file to associate the signatures with files in a directory.
... * confirm the identity of the individual, company, or other entity whose digital signature is associated with the files * check whether the files have been tampered with since being signed if you have a signing certificate, you can use netscape signing tool to digitally sign files and package them as a jar file.
...only once.
Shumway
nks.
...ed by adobe.
...ted as "shockwave flash" under the plugins tab).
Creating JavaScript jstest reftests
standard's technical committee.
...tion or out of memory error will terminate the shell with an exit code of 3.
...wser with a typical exit code of 5 by throwing a c++ exception when an out of memory error occurs.
JSDeletePropertyOp
or is propagated to the caller.
...n error occurred, return false as per normal jsapi error practice.
...ecause the property was non-configurable), set *succeeded to false and return true.
JS_GetSecurityCallbacks
js_setruntimesecuritycallbacks(jsruntime *rt, jssecuritycallbacks *callbacks); name type description rt jsruntime * a runtime to get/set the security callbacks.
...idermonkey 1.8.5 jssubsumesop subsumes; // added in spidermonkey 31 jscheckaccessop checkobjectaccess; // obsolete since jsapi 29 jsprincipalstranscoder principalstranscoder; // obsolete since jsapi 13 jsobjectprincipalsfinder findobjectprincipals; // obsolete since jsapi 13 }; name type description contentsecuritypolicyallows jscspevalchecker a pointer to the function which checks if a csp instance wants to disable eval() and friends.
...policyallows jscspevalchecker a pointer to the function which checks if a csp instance wants to disable eval() and friends.
JS_SuspendRequest
solete since jsapi 18this feature is obsolete.
...readed application is in a request but needs to block or perform lengthy computation that can race safely with the garbage collector, it should call js_suspendrequest before the time-consuming operation and js_resumerequest after.
...m lengthy computation that can race safely with the garbage collector, it should call js_suspendrequest before the time-consuming operation and js_resumerequest after.
Shell global objects
otalchunks slicetimebudget markstacklimit highfrequencytimelimit highfrequencylowlimit highfrequencyhighlimit highfrequencyheapgrowthmax highfrequencyheapgrowthmin lowfrequencyheapgrowth dynamicheapgrowth dynamicmarkslice allocationthreshold minemptychunkcount maxemptychunkcount compactingenabled refreshframeslicesenabled relazifyfunctions(...) perform a gc and allow relazification of functions.
...hese assertions are valuable and should be generally enabled, however they can be very expensive for large (wasm) programs.
... returns the number of allocations before the next trigger.
Split object
s in which split objects affect spidermonkey's behavior.
...fast property accessors that do not perform security checks.
... in a function's scope chain.
Mozilla Projects
thunderbird.
... certificate management (including issuance and revocation), and other common pki functions.
...e found on the thread sanitizer wiki.
A Web PKI x509 certificate primer
al or non-critical, conforming certificate verification libraries should stop processing verification when encountering a critical extension that they do not understand ( and should continue processing if the extension is marked as non-critical) mozila::pkix has this behavior.
...ld continue processing if the extension is marked as non-critical) mozila::pkix has this behavior.
...ate manager.
Animated PNG graphics
Mozilla › Tech › APNG
lpha components are all set to zero.
...l' chunk is not specified.
...specifying delays that don't into integer numbers of milliseconds.
Embedded Dialog API
posing gecko dialogs in embedding applications problem statement an application embedding gecko cannot tightly control its own windows and still allow gecko to be a fully functional web browser.
... posing gecko dialogs in embedding applications problem statement an application embedding gecko cannot tightly control its own windows and still allow gecko to be a fully functional web browser.
... windows opened in response to web page script, or dialogs or alerts which may arise from script or merely during normal operation of the browser.
The Publicity Stream API
gator.apps object.
..., formatted as per the fixme: deadlinkactivity streams open specification.
...am tweeted 4 times').
Using XPCOM Components
0; c<deletedcookies.length; c++) { cmgr.remove(deletedcookies[c].host, deletedcookies[c].name, deletedcookies[c].path); } deletedcookies.length = 0; } connecting to components from the interface the mozilla user interface uses javascript that has been given access to xpcom components in the application core with a technology called xpconnect.
...lean attribute that indicates whether to match case in the search.
...e clear about in the documentation for your component.
Using XPCOM Utilities to Make Things Easier
into a new project.
...d when the module is created and/or destroyed.
... ns_impl_nsgetmodule(name, components) implements the nsimodule interface with the module name of name and the component list in components.
Language bindings
objects from that language (where access means reading/writing/creating xpcom objects as well as calling methods on them).
...tless (boostrapped) extensions, so that you can unload an old version of a code module when a new version of your add-on is installed.components.utils.unwaivexraysundo a previous call to components.utils.waivexrays(), restoring xray vision for the caller.components.utils.waivexrayswaives xray vision for an object, giving the caller a transparent wrapper to the underlying object.javaxpcomjavaxpcom allows for communication between java and xpcom, such that a java application can access xpcom objects, and xpcom can access any java class that implements an xpcom interface.
... for communication between java and xpcom, such that a java application can access xpcom objects, and xpcom can access any java class that implements an xpcom interface.
Observer Notifications
e data is still available at this point.
... just before the profile is lost.
... called when the network link status changes.
operator=
« xpcom api reference summary this operator is a shortcut for the assign family of functions.
...astring ); parameters astring [in] a nsacstring to append to this string.
... char_type* adata ); parameters adata [in] a raw character array to append to this string.
operator+=
« xpcom api reference summary this operator+= is a shortcut for the append family of functions.
...tring ); parameters astring [in] a nsacstring to append to this string.
...char_type* adata ); parameters adata [in] a raw character array to append to this string.
operator=
« xpcom api reference summary this operator= is a shortcut for the append family of functions.
... astring ); parameters astring [in] a nsastring to append to this string.
... char_type* adata ); parameters adata [in] a raw character array to append to this string.
imgIContainer
auserspacetoimagespace the transformation from user space (for example, appunits) to image space.
...arameters none.
...ne.
mozIStorageVacuumParticipant
/storage/public/mozistoragevacuumparticipant.idlscriptable components can implement this interface to provide information to allow a database to be periodically vacuumed by the storage service.
...abase.
...de, but this will only work reliably if the participant properly resets statements.
nsIChromeFrameMessageManager
content/base/public/nsimessagemanager.idlscriptable handles loading of content in a remote chrome frame.
...rits from: nsiframemessagemanager last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) method overview void loadframescript(in astring aurl, in boolean aallowdelayedload); void removedelayedframescript(in astring aurl); methods loadframescript() loads a script into the remote frame.
...ing aurl, in boolean aallowdelayedload); void removedelayedframescript(in astring aurl); methods loadframescript() loads a script into the remote frame.
nsIClipboard
clipboard into a transferable.
...nsferable on the native clipboard.
...pecifies the clipboard to which this operation applies.
nsIContentSecurityPolicy
t shouldload(in unsigned long acontenttype, in nsiuri acontentlocation, in nsiuri arequestorigin, in nsisupports acontext, in acstring amimetypeguess, in nsisupports aextra); short shouldprocess(in unsigned long acontenttype, in nsiuri acontentlocation, in nsiuri arequestorigin, in nsisupports acontext, in acstring amimetype, in nsisupports aextra); attributes attribute type description allowseval boolean whether this policy allows eval and eval-like functions such as settimeout("code string", time).
...pe, in nsiuri acontentlocation, in nsiuri arequestorigin, in nsisupports acontext, in acstring amimetype, in nsisupports aextra); attributes attribute type description allowseval boolean whether this policy allows eval and eval-like functions such as settimeout("code string", time).
...storigin, in nsisupports acontext, in acstring amimetype, in nsisupports aextra); attributes attribute type description allowseval boolean whether this policy allows eval and eval-like functions such as settimeout("code string", time).
nsIDOMXULElement
fox 3) method overview void blur(); void click(); void docommand(); void focus(); nsidomnodelist getelementsbyattribute(in domstring name, in domstring value); nsidomnodelist getelementsbyattributens(in domstring namespaceuri, in domstring name, in domstring value); attributes attribute type description align domstring gets/sets the value of the element's align attribute.
...void click(); void docommand(); void focus(); nsidomnodelist getelementsbyattribute(in domstring name, in domstring value); nsidomnodelist getelementsbyattributens(in domstring namespaceuri, in domstring name, in domstring value); attributes attribute type description align domstring gets/sets the value of the element's align attribute.
...ts the value of the element's align attribute.
nsIDragService
domnode adomnode, in nsisupportsarray atransferables, in nsiscriptableregion aregion, in unsigned long aactiontype ); parameters adomnode the source node on which the drag gesture was started.
...ode aimage, in long aimagex, in long aimagey, in nsidomdragevent adragevent, in nsidomdatatransfer adatatransfer ); parameters adomnode the source node on which the drag gesture was started.
...ion.
nsIMarkupDocumentViewer
shell/base/nsimarkupdocumentviewer.idlscriptable describes the properties of a content viewer for an html or xml markup document.
... describes the properties of a content viewer for an html or xml markup document.
... - the default order for the charset 2 - logical order 3 - visual order.
nsIMemoryReporter
xpcom/base/nsimemoryreporter.idlscriptable reports memory usage information for a single area of the software.
....0 / seamonkey 2.4), and its type was long long.
...ted up.
nsIMsgWindow
default message window is stored in the global variable msgwindow.
...e, in astring body, in boolean clearmsghdr); void stopurls(); void closewindow(); attributes attribute type description windowcommands nsimsgwindowcommands this allows the backend code to send commands to the ui, such as clearmsgpane.
...attributes attribute type description windowcommands nsimsgwindowcommands this allows the backend code to send commands to the ui, such as clearmsgpane.
nsINavBookmarksService
toolbarfolder long long the item id of the personal toolbar folder.
... getfolderidforitem() this method retrieves the parent folder's id for an item.
... nsinavbookmarkobserver.onendupdatebatch().
nsIPermission
the nsipermission interface defines a "permission" object, which is used to allow or block objects (for example cookies, images) from certain sites based on user preferences.
... example cookies, images) from certain sites based on user preferences.
...ion.idlscriptable please add a summary to this article.
nsIProtocolProxyService
it generates a list of proxies for the given uri, and then it applies the proxy filters.
...o filters register for the same position, then the filters will be visited in the order in which they were registered.
..., then its position will be updated.
nsISound
event constants constant value description event_new_mail_received 0 the system receives email.
...ter data, such as an authentication dialog) is opened.
...ing on: _moz_mailbeep the system sound when the system receives email.
nsIUTF8ConverterService
charset, in boolean askipcheck); autf8string converturispectoutf8(in acstring aspec, in string acharset); methods convertstringtoutf8() ensure that astring is encoded in utf-8.
...8ness' check.
...ly if you suspect that astring can be mistaken for ascii / utf-8 but is actually not in ascii / utf-8 so that astring has to go through the conversion.
nsIUserCertPicker
security/manager/ssl/public/nsiusercertpicker.idlscriptable please add a summary to this article.
... security/manager/ssl/public/nsiusercertpicker.idlscriptable please add a summary to this article.
...s from: nsisupports last changed in gecko 1.7 method overview nsix509cert pickbyusage(in nsiinterfacerequestor ctx, in wstring selectednickname, in long certusage, in boolean allowinvalid, in boolean allowduplicatenicknames, out boolean canceled); methods pickbyusage() nsix509cert pickbyusage( in nsiinterfacerequestor ctx, in wstring selectednickname, in long certusage, in boolean allowinvalid, in boolean allowduplicatenicknames, out boolean canceled ); parameters ctx selectednickname certusage allowinvalid allowduplicatenicknames canceled return value ...
nsIXULTemplateQueryProcessor
processor.
...sidomnode arootnode, in boolean aistrusted, in nsixultemplatebuilder abuilder, out boolean ashoulddelaybuilding); void initializeforbuilding(in nsisupports adatasource, in nsixultemplatebuilder abuilder, in nsidomnode arootnode); nsixultemplateresult translateref(in nsisupports adatasource, in astring arefstring); methods addbinding() add a variable binding for a particular rule.
...e is not supported.
Reference Manual
ter is stored as an nsisupports* (except in debug builds where nscap_feature_debug_ptr_types is turned on).
...iweakreference.
...he problem is that inside the getter there is no knowledge of nscomptrs.
Using nsIDirectoryService
content formerly at http://www.mozilla.org/projects/xpcom/nsdirectoryservice.html general nsdirectoryservice information: nsdirectoryservice implements the nsiproperties interface.
...roperties) .set("myfilename", file); now, if your cost is too high to set all of these properties at once, you can register to be a callback that can provide an nsifile.
...vider, which implements the getfile callback function: var provider = { getfile : function(prop, persistant) { // return an nsifile }, } components.classes["@mozilla.org/file/directory_service;1"] .getservice(components.interfaces.nsidirectoryservice).registerprovider(provider); when the callback is called, it will be passed the string key, and should return an nsifile.
Weak reference
easures.
...to the thing being observed.
...ike the nsiweakreference that you are holding is just another interface on the target object.
xptcall FAQ
be passed as parameters to the target function (including void* to represent arbitrary pointer types).
...all any method on any xpcom interface.
...c to do all this.
XUL Overlays
Mozilla › Tech › XUL › Overlays
appear at the top of the parent menu.
...n an overlay is applied, use a <script> element: <script src="overlay.js"/> if you need to set the version of javascript, you can set the type attribute: <script type="application/x-javascript;version=1.8" src="overlay.js"/> ui reuse with overlays one of the biggest benefits of using overlays is that it allows you to reuse groups of elements that appear frequently in the ui.
...rlay.js"/> if you need to set the version of javascript, you can set the type attribute: <script type="application/x-javascript;version=1.8" src="overlay.js"/> ui reuse with overlays one of the biggest benefits of using overlays is that it allows you to reuse groups of elements that appear frequently in the ui.
Mozilla technologies
g interfaces (apis) built on top of gecko which provide advanced services to xul applications.
...ocument format.
...pidlxpidl is an interface description language used to specify xpcom interface classes.xray visiongecko runs javascript from a variety of different sources and at a variety of different privilege levels.xslt 2.0although xslt 2.0 is not natively supported in firefox, it is possible via saxon-b (java) or, more recently, saxon-ce (javascript) to perform xslt 2.0.xtfthe extensible tag framework (xtf) allows adding support for new namespaces using xpcom components to mozilla (written in javascript or c++).
Mail composition back end
ility to save rfc822 files to disk, should you need this data for some reason.
...ing the ability to save disk files for later use.
...s are controlled by the "nsmsgdelivermode mode" argument of the createandsendmessage and sendmessagefile methods.
Using tab-modal prompts
you can force a prompt to be tab-modal using code like this: var thewindow = gbrowser.contentwindow; let prompt = components.classes["@mozilla.org/prompter;1"] .getservice(components.interfaces.nsipromptfactory) .getprompt(thewindow, components.interfaces.nsiprompt); let bag = prompt.queryinterface(components.interfaces.nsiwritablepropertybag2); bag.setpropertyasbool("allowtabmodal", true); the var "thewindow" is a reference to the dom window.
...rent tab.
...xample below, here we apply the prompt with a checkbox: var window = gbrowser.contentwindow; var promptfact = components.classes['@mozilla.org/prompter;1'].getservice(components.interfaces.nsipromptfactory); var prompt = promptfact.getprompt(window, components.interfaces.nsiprompt); var promptbag = prompt.queryinterface(components.interfaces.nsiwritablepropertybag2); promptbag.setpropertyasbool('allowtabmodal', true); var check = {value: false}; //initial state of checkbox, however if no text is supplied the checkbox is not shown var input = {value: 'pre filled value'}; var ok = prompt.prompt.apply(null, ['title - but not shown in tab modal', 'text goes here', input, 'check text, if no text, checkbox is not shown', check]); //this here is just an alert, showing the values of the prompt prom...
Accessibility Inspector - Firefox Developer Tools
the accessibility inspector provides a means to access important information exposed to assistive technologies on the current page via the accessibility tree, allowing you to check what's missing or otherwise needs attention.
...sibility tab in the developer tools toolbox.
...rast ranges from 4.72 to 5.98.
Debugger.Frame - Firefox Developer Tools
ing the stack back to a previously accessed frame yields the same frame object as before.
...he debuggee is not considered an “immediate caller” of handler methods it triggers.
...dings from the objectbindings.
Debugger.Object - Firefox Developer Tools
this “viewing compartment” is chosen to match the way the debugger came across the referent.
...om the objectbindings.
... the referent is an inner object (say, an html5 window object), return the corresponding outer object (say, the html5 windowproxy object).
Debugger.Object - Firefox Developer Tools
ent.
...om the objectbindings.
... the referent is an inner object (say, an html5 window object), return the corresponding outer object (say, the html5 windowproxy object).
Console messages - Firefox Developer Tools
icy for more details.
...p spec compliant syntax instead.
...len.
AudioNode.connect() - Web APIs
Web › API › AudioNode › connect
ible.
...udionode to; the default is 0.
...onode to another audionode, which in turn connects back to the first audionode, creating a cycle.
Broadcast Channel API - Web APIs
the broadcast channel api allows basic communication between browsing contexts (that is, windows, tabs, frames, or iframes) and workers on the same origin.
...e event is dispatched to each broadcastchannel object connected to this channel.
...e event handler: // a handler that only logs the event to the console: bc.onmessage = function (ev) { console.log(ev); } disconnecting a channel to leave a channel, call the close() method on the object.
CSS.registerProperty() - Web APIs
the css.registerproperty() method registers custom properties, allowing for property type checking, default values, and properties that do or do not inherit their value.
... the css.registerproperty() method registers custom properties, allowing for property type checking, default values, and properties that do or do not inherit their value.
... the css.registerproperty() method registers custom properties, allowing for property type checking, default values, and properties that do or do not inherit their value.
Using the CSS properties and values API - Web APIs
the css properties and values api — part of the css houdini umbrella of apis — allows the registration of css custom properties, allowing for property type checking, default values, and properties that do or do not inherit their value.
... the css properties and values api — part of the css houdini umbrella of apis — allows the registration of css custom properties, allowing for property type checking, default values, and properties that do or do not inherit their value.
... the css properties and values api — part of the css houdini umbrella of apis — allows the registration of css custom properties, allowing for property type checking, default values, and properties that do or do not inherit their value.
Applying styles and colors - Web APIs
0, 112.5, 150, 37.5); // draw semi transparent rectangles for (var i = 0; i < 10; i++) { ctx.fillstyle = 'rgba(255, 255, 255, ' + (i + 1) / 10 + ')'; for (var j = 0; j < 4; j++) { ctx.fillrect(5 + i * 14, 5 + j * 37.5, 14, 27.5); } } } <canvas id="canvas" width="150" height="150"></canvas> draw(); screenshotlive sample line styles there are several properties which allow us to style lines.
...ter length is the product of the line width measured in the current coordinate system, by the value of this miterlimit property (whose default value is 10.0 in the html <canvas>), so the miterlimit can be set independently from the current display scale or any affine transforms of paths: it only influences the effectively rendered shape of line edges.
...forms of paths: it only influences the effectively rendered shape of line edges.
Channel Messaging API - Web APIs
the channel messaging api allows two separate scripts running in different browsing contexts attached to the same document (e.g., two iframes, or the main document and an iframe, two documents via a sharedworker, or two workers) to communicate directly, passing messages between one another through two-way channels (or pipes) with a port at each end.
...ck to the original document using messageport.postmessage.
...orts.
DOMError - Web APIs
Web › API › DOMError
describes an error object that contains an error name.
...ror type name.
... be modified.
DOMTokenList - Web APIs
newtoken) replaces token with newtoken.
...ts, or adds token to the list if it doesn't.
...kenlist.entries() returns an iterator, allowing you to go through all key/value pairs contained in this object.
DataTransfer.dropEffect - Web APIs
eration effect.
... </p> </div> <div id="target" ondrop="drop_handler(event);" ondragover="dragover_handler(event);">drop zone</div> css content div { margin: 0em; padding: 2em; } #source { color: blue; border: 1px solid black; } #target { border: 1px solid black; } javascript content function dragstart_handler(ev) { console.log("dragstart: dropeffect = " + ev.datatransfer.dropeffect + " ; effectallowed = " + ev.datatransfer.effectallowed); // add this element's id to the drag payload so the drop handler will // know which element to add to its tree ev.datatransfer.setdata("text", ev.target.id); ev.datatransfer.effectallowed = "move"; } function drop_handler(ev) { console.log("drop: dropeffect = " + ev.datatransfer.dropeffect + " ; effectallowed = " + ev.datatransfer.effectallowed)...
...datatransfer.dropeffect + " ; effectallowed = " + ev.datatransfer.effectallowed); ev.preventdefault(); // get the id of the target and add the moved element to the target's dom var data = ev.datatransfer.getdata("text"); ev.target.appendchild(document.getelementbyid(data)); } function dragover_handler(ev) { console.log("dragover: dropeffect = " + ev.datatransfer.dropeffect + " ; effectallowed = " + ev.datatransfer.effectallowed); ev.preventdefault(); // set the dropeffect to move ev.datatransfer.dropeffect = "move" } specifications specification status comment html living standardthe definition of 'dropeffect' in that specification.
DataTransfer.getData() - Web APIs
method returns an empty string.
...vior, being datatransfer.getdata() not returning an expected value.
...tml content <div id="div1" ondrop="drop(event)" ondragover="allowdrop(event)"> <span id="drag" draggable="true" ondragstart="drag(event)">drag me to the other box</span> </div> <div id="div2" ondrop="drop(event)" ondragover="allowdrop(event)"></div> css content #div1, #div2 { width:100px; height:50px; padding:10px; border:1px solid #aaaaaa; } javascript content function allowdrop(allowdropevent) { allowdropevent.target.style.color = 'blue'; allowdropevent.preventdefault(); } function drag(dragevent) { dragevent.datatransfer.setdata("text", dragevent.target.id); dragevent.target.style.color = 'green'; } function drop(dropevent) { dropevent.preventdefault(); var data = dropevent.datatransfer.getdata("text"); dropevent.target.appendchild(doc...
DirectoryEntrySync - Web APIs
ory an error is thrown.
...error is thrown.
... ) raises (fileexception); parameter none returns void exceptions this method can raise a fileexception with the following codes: exception description not_found_err the target directory does not exist.
Using files from web applications - Web APIs
chrome code, you can; however, note there are some additional features to be aware of.
... handles the click event can look like this: const fileselect = document.getelementbyid("fileselect"), fileelem = document.getelementbyid("fileelem"); fileselect.addeventlistener("click", function (e) { if (fileelem) { fileelem.click(); } }, false); you can style the new button for opening the file picker as you wish.
...ant to do is let the user upload the selected file or files (such as the images selected using the previous example) to a server.
FileHandle API - Web APIs
non-standard this feature is non-standard and is not on a standards track.
...nism in order to avoid race issues.
...ted to the handled file as well as any change made to the handled file will never be pushed to the file object.
FormData - Web APIs
Web › API › FormData
r (var p of myformdata.entries()).
...g to go through all key/value pairs contained in this object.
...hin a formdata.
Guide to the Fullscreen API - Web APIs
lscreenchange event.
...nge event doesn't provide any information itself as to whether the document is entering or exiting fullscreen mode, but if the document has a non null fullscreenelement, you know you're in fullscreen mode.
...plications: documentorshadowroot.fullscreenelement the fullscreenelement property tells you the element that's currently being displayed fullscreen.
Using the Gamepad API - Web APIs
object's properties are as follows: id: a string containing some information about the controller.
...s fully pressed.
...object itself, for security reasons.
Dragging and Dropping Multiple Items - Web APIs
he getdata(), setdata() and cleardata() methods, however, they take an additional argument that specifies the index of the item to retrieve, modify or remove.
...rop targets can expect consistent data.
...="document.getelementbyid('output').textcontent = ''; event.stoppropagation(); event.preventdefault();" ondragover="event.stoppropagation(); event.preventdefault();" ondrop="event.stoppropagation(); event.preventdefault(); dodrop(event);"> <div> fix</div> </div> </body> </html> this example cancels both the dragenter and dragover events by calling the preventdefault().
IDBIndex.unique - Web APIs
Web › API › IDBIndex › unique
the unique read-only property returns a boolean that states whether the index allows duplicate keys.
...cided when the index is created, using the idbobjectstore.createindex method.
...method.
IDBObjectStore.createIndex() - Web APIs
the createindex() method of the idbobjectstore interface creates and returns a new idbindex object in the connected database.
...eate an index with an empty name.
... attribute description unique if true, the index will not allow duplicate values for a single key.
IDBObjectStoreSync - Web APIs
rovide a key for each modification operation.
... the mode for isolating access to the data in this object store.
...oning algorithm.
Using the MediaStream Recording API - Web APIs
easy way to record from the user's input devices and instantly use the result in web apps.
...t straight to the javascript, skip to the basic app setup section.
...you create a new media recorder instance with the mediarecorder() constructor and pass it the stream directly.
Media Capabilities API - Web APIs
the media capabilities api allows developers to determine decoding and encoding abilities of the device, exposing information such as whether media is supported and whether playback should be smooth and power efficient, with real time feedback about playback to better enable adaptive streaming, and access to display property information.
...ilities dictionaries mediaconfiguration describes how video and audio configuration dictionaries must be configured, or defined, to be passed as a parameter of the mediacapabilities.encodinginfo() and mediacapabilities.decodinginfo() methods.
...ediadecodingconfiguration and mediaencodingconfiguration dictionaries.
NDEFWriter.write() - Web APIs
Web › API › NDEFWriter › write
rs message the message to be written, either domstring or buffersource or ndefmessageinit.
...ancell this write operation.
...he write operation was aborted with abortsignal passed in options.
Navigator.msLaunchUri() - Web APIs
nohandlercallbackoptional a function matching mslaunchuricallback to be executed if the protocol handler is not present.
...oes not have a program registered to handle a specific protocol, and a nohandlercallback is provided, windows internet explorer will invoke the nohandlercallback.
...red to handle a specific protocol, and a nohandlercallback is provided, windows internet explorer will invoke the nohandlercallback.
NodeList - Web APIs
Web › API › NodeList
list's length.
...n-javascript dom implementations.
...s starting from 0 and the values are nodes.) nodelist.foreach() executes a provided function once per nodelist element, passing the element as an argument to the function.
Using the Notifications API - Web APIs
w the app running live.
...of push notifications in the past, web browsers and developers have begun to implement strategies to help mitigate this problem.
...hey didn't agree to — but going forward browsers will explicitly disallow notification permission requests not triggered in response to a user gesture.
PannerNode.PannerNode() - Web APIs
tionx: the pannernode.orientationx you want the pannernode to have (the default is 1.) orientationy: the pannernode.orientationy you want the pannernode to have (the default is 0.) orientationz: the pannernode.orientationz you want the pannernode to have (the default is 0.) refdistance: the pannernode.refdistance you want the pannernode to have.
...t the pannernode to have (the default is 0.) orientationz: the pannernode.orientationz you want the pannernode to have (the default is 0.) refdistance: the pannernode.refdistance you want the pannernode to have.
...is 0.) refdistance: the pannernode.refdistance you want the pannernode to have.
Pointer Lock API - Web APIs
to raw mouse movement, locks the target of mouse events to a single element, eliminates limits on how far mouse movement can go in a single direction, and removes the cursor from view.
....
...ne iframe at a time.
Response.redirected - Web APIs
the read-only redirected property of the response interface indicates whether or not the response is the result of a request you made which was redirected.
...edirected.
...ome-picture.jpg").then(function(response) { let elem = document.getelementbyid("warning-message-box"); if (response.redirected) { elem.innerhtml = "unexpected redirect"; } else { elem.innerhtml = ""; } return response.blob(); }).then(function(imageblob) { let imgobjecturl = url.createobjecturl(imageblob); document.getelementbyid("img-element-id").src = imgobjecturl; }); disallowing redirects because using redirected to manually filter out redirects can allow forgery of redirects, you should instead set the redirect mode to "error" in the init parameter when calling fetch(), like this: fetch("awesome-picture.jpg", { redirect: "error" }).then(function(response) { return response.blob(); }).then(function(imageblob) { let imgobjecturl = url.createobjecturl(imageblob); ...
SVGStyleElement - Web APIs
vgstyleelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interface also inherits properties from its parent interface, svgelement and implements properties from linkstyle.
...g to the type attribute of the given element.
... to the media attribute of the given element.
Screen Capture API - Web APIs
cetype an enumerated string type which is used to identify the kind of display surface to capture.
...or the displaysurface property in the constraints and settings objects, and has the possible values application, browser, monitor, and window.
..., and has the possible values application, browser, monitor, and window.
Using readable streams - Web APIs
65+ and chrome 42+ (and equivalent chromium-based browsers).
... fetch body in chunks, we then enqueue them into another, custom stream of our own creation.
...n looks like this: const stream = new readablestream({ start(controller) { }, pull(controller) { }, cancel() { }, type, autoallocatechunksize }, { highwatermark, size() }); the constructor takes two objects as parameters.
SyncManager.register() - Web APIs
ncmanager.register method of the syncmanager interface returns a promise that resolves to a syncregistration instance.
...ise that resolves to a syncregistration instance.
...ions optional an object that sets options for an instance of syncregistration.
Touch events - Web APIs
us.
...evt.metakey, 0, null); evt.originaltarget.dispatchevent(newevt); } calling preventdefault() only on a second touch one technique for preventing things like pinchzoom on a page is to call preventdefault() on the second touch in a series.
...spatchevent(newevt); } calling preventdefault() only on a second touch one technique for preventing things like pinchzoom on a page is to call preventdefault() on the second touch in a series.
WakeLock.request() - Web APIs
Web › API › WakeLock › request
the request() method of the wakelock interface returns a promise that resolves with a wakelocksentinel object, which allows control over screen dimming and locking.
...romise that resolves with a wakelocksentinel object, which allows control over screen dimming and locking.
...cking.
Color masking - Web APIs
m colors by applying color masking to limit the range of displayed colors to specific shades.
...ifies the random color animation by applying color masking with colormask().
...ly red would give shades of cyan (also sea greens, blues, and so on).
WebGL model view projection - Web APIs
a three dimensional point, but the gl_position variable that ends up getting passed down through the pipeline is actually 4 dimensional — instead of (x, y, z) it is (x, y, z, w).
... convention this fourth dimension is labeled w.
...ection matrix uses the division by the w component to achieve its transformation.
Writing WebSocket client applications - Web APIs
you need to create a websocket object; this will automatically attempt to open the connection to the server.
...trings.
...nection to determine if any data has yet to be transmitted on the network.
Geometry and reference spaces in WebXR - Web APIs
s placed in a safe location for the viewer to stand, where the value of the y axis is 0 at floor level.
...m moving into certain areas, you must handle that yourself.
... to shift the objects to the correct position relative to the effective origin.
Starting up and shutting down a WebXR session - Web APIs
able and your document's environment.
...images you present.
...stored into the worlddata object for safe-keeping, we call the session's requestanimationframe() method to schedule a callback to be executed when it's time to render the next frame of animation for the webxr session.
Web Authentication API - Web APIs
authenticating, and second-factor authentication with websites.
...phically random number sent from a server 0x8c, 0x0a, 0x26, 0xff, 0x22, 0x91, 0xc1, 0xe9, 0xb9, 0x4e, 0x2e, 0x17, 0x1a, 0x98, 0x6a, 0x73, 0x71, 0x9d, 0x43, 0x48, 0xd5, 0xa7, 0x6a, 0x15, 0x7e, 0x38, 0x94, 0x52, 0x77, 0x97, 0x0f, 0xef ]).buffer } }; // sample arguments for login var getcredentialdefaultargs = { publickey: { timeout: 60000, // allowcredentials: [newcredential] // see below challenge: new uint8array([ // must be a cryptographically random number sent from a server 0x79, 0x50, 0x68, 0x71, 0xda, 0xee, 0xee, 0xb9, 0x94, 0xc3, 0xc2, 0x15, 0x67, 0x65, 0x26, 0x22, 0xe3, 0xf3, 0xab, 0x3b, 0x78, 0x2e, 0xd5, 0x6f, 0x81, 0x26, 0xe2, 0xa6, 0x01, 0x7d, 0x74, 0x50 ]).buffer }, }; // register / ...
...targs) .then((cred) => { console.log("new credential", cred); // normally the credential ids available for an account would come from a server // but we can just copy them from above...
Web Locks API - Web APIs
the web locks api allows scripts running in one tab or worker to asynchronously acquire a lock, hold it while work is performed, then release it.
... the web locks api allows scripts running in one tab or worker to asynchronously acquire a lock, hold it while work is performed, then release it.
...sed.
Web Workers API - Web APIs
web workers makes it possible to run a script operation in a background thread separate from the main execution thread of a web application.
...for more details.
...ility for direct scripted audio processing to be done inside a web worker context.
XMLHttpRequest.setRequestHeader() - Web APIs
d to the end of the existing header's content.
...ng header's content.
... called.
XRReferenceSpace - Web APIs
et transform between the tracked object and another location in the world.
...s placed in a safe location for the viewer to stand, where the value of the y axis is 0 at floor level.
...call the xrsession method requestreferencespace(), specifying the reference space type you wish to obtain.
ARIA Test Cases - Accessibility
cial table reading modes while the user traverses the grid.
...page includes some nested landmarks as well.
... (leopard) pass n/a pass pass zoomtext - - - - orca - - - - describedby aria-describedby aria-describedby with display: none aria-describedby with visibility: hidden aria-describedby on img's with role="button" expected at behavior: when the textfield is focused, this description should be spoken after the label "minutes": "allows you to specify the number of minutes of inactivity after which your computer should shut down." (al) the describedby text should be spoken whether it is hidden or not.
Accessibility: What users can do to browse more safely - Accessibility
ng where to go.
..., you will have to change the value back to "normal" use browser extensions gif blocker for chrome, gif blocker is an extension available at the web store.
...rayscale may be found in the discussion thread, "what is the “grayscale” setting for in accessibility options?".
Web Accessibility: Understanding Colors and Luminance - Accessibility
criterion 1.4.3: contrast) a viewer's distance from the screen, the ambient background, the health of his eyes, and more all affect how that color is received by the viewer.
...ies behind the evolution of digital technology set the standards, and these standards still retain a powerful presence today.
... used by televsion signals to allocate less bandwidth to the yellow-blue part of their signal, thus saving bandwidth.
Understandable - Accessibility
ess there is a good reason not to (e.g.
...ctions, or personal data), at least one of the following should be true: submissions are reversible.
...firming and correcting information before final submission.
::first-letter (:first-letter) - CSS: Cascading Style Sheets
y table below.) a combination of the ::before pseudo-element and the content property may inject some text at the beginning of the element.
...p>「特殊的汉字标点符号开头。</p> <p>《特殊的汉字标点符号开头。</p> <p>“特殊的汉字标点符号开头。</p> css p::first-letter { color: red; font-size: 150%; } result specifications specification status comment css pseudo-elements level 4the definition of '::first-letter' in that specification.
...status comment css pseudo-elements level 4the definition of '::first-letter' in that specification.
::first-line (:first-line) - CSS: Cascading Style Sheets
note that the length of the first line depends on many factors, including the width of the element, the width of the document, and the font size of the text.
...* warning: do not use these */ /* many properties are invalid in ::first-line pseudo-elements */ margin-left: 20px; text-indent: 20px; } result specifications specification status comment css pseudo-elements level 4the definition of '::first-line' in that specification.
...n that specification.
font-stretch - CSS: Cascading Style Sheets
the font-stretch css descriptor allows authors to specify a normal, condensed, or expanded face for the fonts specified in the @font-face rule.
... semi-condensed, condensed, extra-condensed, ultra-condensed specifies a more condensed font face than normal, with ultra-condensed as the most condensed.
...rule@font-faceinitial valuenormalcomputed valueas specified formal syntax <font-stretch-absolute>{1,2}where <font-stretch-absolute> = normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | <percentage> examples setting a percentage range for font-stretch the following find a local open sans font or import it, and allow using the font for normal, semi-condensed and semi-expanded states.
font-style - CSS: Cascading Style Sheets
the font-style css descriptor allows authors to specify font styles for the fonts specified in the @font-face rule.
... italic specifies that font-face is an italicized version of the normal font.
...l font.
@font-face - CSS: Cascading Style Sheets
rn browsers) this also accepts two values to specify a range that is supported by a font-face, for example font-style: oblique 20deg 50deg; font-weight a font-weight value.
...for example font-style: oblique 20deg 50deg; font-weight a font-weight value.
...f2", "truetype", "opentype", "embedded-opentype", and "svg".
@media - CSS: Cascading Style Sheets
Web › CSS › @media
placed by speech, which is similar.
...splay mode of the application, as specified in the web app manifest's display member defined in the web app manifest spec.
...o> examples testing for print and screen media types @media print { body { font-size: 10pt; } } @media screen { body { font-size: 13px; } } @media screen, print { body { line-height: 1.2; } } @media only screen and (min-width: 320px) and (max-width: 480px) and (resolution: 150dpi) { body { line-height: 1.4; } } introduced in media queries level 4 is a new range syntax that allows for less verbose media queries when testing for any feature accepting a range, as shown in the below examples: @media (height > 600px) { body { line-height: 1.4; } } @media (400px <= width <= 700px) { body { line-height: 1.4; } } for more examples, please see using media queries.
Using URL values for the cursor property - CSS: Cascading Style Sheets
gecko 1.8 supports url values for the css cursor property on windows and linux.
...ing arbitrary images as mouse cursors — any image format supported by gecko can be used.
...lue would be allowed: cursor: url(foo.cur), url(http://www.example.com/bar.gif), auto; this will first try loading foo.cur.
Using multi-column layouts - CSS: Cascading Style Sheets
the css multi-column layout module extends the block layout mode to allow the easy definition of multiple columns of text.
...s to move from the end of the one line to the beginning of the next, they lose track of which line they were on.
...oximately equal.
Backwards Compatibility of Flexbox - CSS: Cascading Style Sheets
e candidate recommendation that we have today.
...line-block like preserving white space between items no longer applies.
...on will not happen.
Relationship of flexbox to other layout methods - CSS: Cascading Style Sheets
s therefore modularised, and the various css specifications are different modules that make up css today.
...rid layout — why do we have two specifications that sometimes appear to be doing the same thing?
...e.
Using media queries - CSS: Cascading Style Sheets
placed by speech, which is similar.
...splay mode of the application, as specified in the web app manifest's display member defined in the web app manifest spec.
... speech and (aspect-ratio: 11/5) { ...
Shorthand properties - CSS: Cascading Style Sheets
eally means that it overrides previously set values.
...s3), font-stretch: normal (css3).
...f the property is naturally inherited it acts like inherit, otherwise it acts like initial.
Syntax - CSS: Cascading Style Sheets
Web › CSS › Syntax
the basic goal of the cascading stylesheet (css) language is to allow a browser engine to paint elements of the page with specific features, like colors, positioning, or decorations.
...out, and to style it.
....
Using CSS custom properties (variables) - CSS: Cascading Style Sheets
t.
... { color: white; background-color: var(--main-bg-color); margin: 10px; width: 100px; } .five { background-color: var(--main-bg-color); } <div> <div class="one"></div> <div class="two">text <span class="five">- more text</span></div> <input class="three"> <textarea class="four">lorem ipsum</textarea> </div> this leads to the same result as the previous example, yet allows for one canonical declaration of the desired property value; very useful if you want to change the value across the entire page later.
...-color: var(--my-var, --my-background, pink); /* invalid: "--my-background, pink" */ } including a custom property as a fallback, as seen in the second example above, is the correct way to provide more than one fallback.
Value definition syntax - CSS: Cascading Style Sheets
css value definition syntax, a formal grammar, is used for defining the set of valid values for a css property or function.
... one of them must be present, and they may appear in any order.
...t one time.
background-repeat - CSS: Cascading Style Sheets
ted as much as possible without clipping.
... displayed without clipping.
...peat-y; height: 144px; } result in this example, each list item is matched with a different value of background-repeat.
<color> - CSS: Cascading Style Sheets
s that transparent should be calculated in the alpha-premultiplied color space.
...ponds to 100% (full opacity).
...s some people have difficulty distinguishing colors.
cursor - CSS: Cascading Style Sheets
Web › CSS › cursor
ext can be selected.
...cally the shape of a sideways i-beam.
...y table for any notes on cursor size limits.
Adapting to the new two-value syntax of display - CSS: Cascading Style Sheets
o-value syntax as you can see from the above explanation, the display property has gained considerable new powers.
... being display: block flow-root therefore makes a lot of sense.
... values of: inline-block inline-table inline-flex inline-grid if a supporting browser comes across these as single values then it treats them the same as the two-value versions: inline flow-root inline table inline flex inline grid so all of the current situations are neatly covered, meaning that we maintain compatibility of existing and new sites that use the single values, while allowing the spec to evolve.
display - CSS: Cascading Style Sheets
Web › CSS › display
the element behaves like an inline element and lays out its content according to the grid model.
...oup | table-column | table-caption | ruby-base | ruby-text | ruby-base-container | ruby-text-container<display-box> = contents | none<display-legacy> = inline-block | inline-list-item | inline-table | inline-flex | inline-grid examples display value comparison in this example we have two block-level container elements, each one with three inline children.
...y-base-container | ruby-text-container<display-box> = contents | none<display-legacy> = inline-block | inline-list-item | inline-table | inline-flex | inline-grid examples display value comparison in this example we have two block-level container elements, each one with three inline children.
<easing-function> - CSS: Cascading Style Sheets
epending on the specific function used, the calculated output can sometimes grow to be greater than 1.0 or smaller than 0.0 during the course of an animation.
... than 0.0 during the course of an animation.
... types of easing function: linear, cubic bézier curves, and staircase functions.
env() - CSS: Cascading Style Sheets
Web › CSS › env
rea-inset-bottom, 20px) env(safe-area-inset-left, 20px); } in addition, unlike custom properties, which cannot be used outside of declarations, the env() function can be used in place of any part of a property value, or any part of a descriptor (e.g.
...tangular displays — like a round watch face — the four values set by the user agent form a rectangle such that all content inside the rectangle is visible.
...env(safe-area-inset-bottom, 50px); /* 50px because ua properties are case sensitive */ padding: env(x, 50px 20px); /* as if padding: '50px 20px' were set because x is not a valid environment variable */ padding: env(x, 50px, 20px); /* ignored because '50px, 20px' is not a valid padding value and x is not a valid environment variable */ the syntax of the fallback, like that of custom properties, allows commas.
<filter-function> - CSS: Cascading Style Sheets
grayscale.
...rall hue of the image.
...er-saturates or desaturates the input image.
max() - CSS: Cascading Style Sheets
Web › CSS › max
the max() css function lets you set the largest (most positive) value from a list of comma-separated expressions as the value of a css property value.
...d max() values, or use max() within a clamp() or calc() function.
...sponsive { font-size: max(4vw, 2em, 2rem); } the font-size will at minimum be 2rems, or twice the default size of font for the page.
overflow - CSS: Cascading Style Sheets
Web › CSS › overflow
chosen from the list of values below.
...t applies to overflow-x and the second to overflow-y.
...tium doloremque laudantium.
Using HTML sections and outlines - Developer guides
display: block; } of course the web developer can style them differently, but keep in mind that in a non-html5 browser, the default styling is different from what is expected for such elements.
...r, the default styling is different from what is expected for such elements.
...ript disabled that your page relies on javascript: <noscript> <p><strong>this web page requires javascript to be enabled.</strong></p> <p>javascript is an object-oriented computer programming language commonly used to create interactive effects within web browsers.</p> <p><a href="https://goo.gl/koeeaj">how to enable javascript?</a></p> </noscript> this leads to the following code to allow the support of the html5 sections and headings elements in non-html5 browsers, even for internet explorer (8 and older), with a proper fallback for the case where this latter browser is configured not to use scripting: <!--[if lt ie 9]> <script> document.createelement("article"); document.createelement("aside"); document.createelement("footer"); document.createelement("header")...
HTML attribute: step - HTML: Hypertext Markup Language
Web › HTML › Attributes › step
ng up and down spinner buttons, moving a slider left and right on a range, and validating the different date types.
...ypes.
...erns provide instructions to help users understand how to complete the form and use individual form controls.
Date and time formats used in HTML - HTML: Hypertext Markup Language
8601, so there can be subtle differences in how date and time strings are expected to look.
...ay be specified, optionally, by adding a decimal point character (".", u+002e) followed by one, two, or three digits.
...for time zones to the east of the prime meridian or the minus character ("-", or u+002d) for time zones to the west of the prime meridian.
<input type="radio"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › radio
ed radio buttons because they look and operate in a similar manner to the push buttons on old-fashioned radios, such as the one shown below.
...anner to the push buttons on old-fashioned radios, such as the one shown below.
...scenario, if the user clicked on the "phone" option and submitted the form, the resulting form data would be contact=on, which isn't helpful.
<input type="range"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › range
bute.
...ue of any means that no stepping is implied, and any value is allowed (barring other constraints, such as min and max).
...user doesn't adhere to the stepping configuration, the user agent may round to the nearest valid value, preferring numbers in the positive direction when there are two equally close options.
Standard metadata names - HTML: Hypertext Markup Language
Web › HTML › Element › meta › name
robots, is only followed by googlebot (the indexing crawler for google).
...ve crawlers, or "robots", should use with the page.
... will work, but only after the robot visits the page again.
<meta>: The Document-level Metadata element - HTML: Hypertext Markup Language
Web › HTML › Element › meta
et attributes.
... if the attribute is present, its value must be an ascii case-insensitive match for the string "utf-8".
...".
<script>: The Script element - HTML: Hypertext Markup Language
Web › HTML › Element › script
ipts, if the async attribute is present, then the classic script will be fetched in parallel to parsing and evaluated as soon as it is available.
...is a boolean attribute: the presence of a boolean attribute on an element represents the true value, and the absence of the attribute represents the false value.
...ent from firing until the script has loaded and finished evaluating.
<textarea> - HTML: Hypertext Markup Language
Web › HTML › Element › textarea
the html <textarea> element represents a multi-line plain-text editing control, useful when you want to allow users to enter a sizeable amount of free-form text, for example a comment on a review or feedback form.
...ble amount of free-form text, for example a comment on a review or feedback form.
...lone https://github.com/mdn/interactive-examples and send us a pull request.
Choosing between www and non-www URLs - HTTP
d if you're using relative urls in your website) and always sharing links (by email/social networks, etc.) to the same domain.
...n.
...cal name.
Using HTTP cookies - HTTP
Web › HTTP › Cookies
d have the httponly attribute.
...rivacy act these regulations have global reach, because they apply to any site on the world wide web that is accessed by users from these jurisdictions (the eu and california, with the caveat that california's law applies only to entities with gross revenue over 25 million usd, among other things.) these regulations include requirements such as: notifying users that your site uses cookies.
...y apply to any site on the world wide web that is accessed by users from these jurisdictions (the eu and california, with the caveat that california's law applies only to entities with gross revenue over 25 million usd, among other things.) these regulations include requirements such as: notifying users that your site uses cookies.
Content-Security-Policy-Report-Only - HTTP
the http content-security-policy-report-only response header allows web developers to experiment with policies by monitoring (but not enforcing) their effects.
...pt-sample the first 40 characters of the inline script, event handler, or style that caused the violation.
...sheets from cdn.example.com.
Server-Timing - HTTP
trics and descriptions for a given request-response cycle.
...ou could only show metrics to authenticated users and nothing to the public.
...d nothing to the public.
SameSite cookies - HTTP
the samesite attribute of the set-cookie http response header allows you to declare if your cookie should be restricted to a first-party or same-site context.
... the samesite attribute of the set-cookie http response header allows you to declare if your cookie should be restricted to a first-party or same-site context.
...ree values: lax cookies are allowed to be sent with top-level navigations and will be sent along with get request initiated by third party website.
Trailer - HTTP
Web › HTTP › Headers › Trailer
the trailer response header allows the sender to include additional fields at the end of chunked messages in order to supply metadata that might be dynamically generated while the message body is sent, such as a message integrity check, digital signature, or post-processing status.
... the trailer response header allows the sender to include additional fields at the end of chunked messages in order to supply metadata that might be dynamically generated while the message body is sent, such as a message integrity check, digital signature, or post-processing status.
...ge integrity check, digital signature, or post-processing status.
HTTP Public Key Pinning (HPKP) - HTTP
ur site, you need to return the public-key-pins http header when your site is accessed over https: public-key-pins: pin-sha256="base64=="; max-age=expiretime [; includesubdomains][; report-uri="reporturi"] pin-sha256 the quoted string is the base64 encoded subject public key information (spki) fingerprint.
...ng one of the defined keys.
...is also valid for all subdomains, which is told by the includesubdomains declaration.
HTTP range requests - HTTP
http range requests allow to send only a portion of an http message from a server to a client.
...s with the 206 partial content status: http/1.1 206 partial content content-range: bytes 0-1023/146515 content-length: 1024 ...
...range request that is out of bounds (none of the range values overlap the extent of the resource, i.e first-byte-pos of all ranges is greater than the resource length), the server responds with a 416 requested range not satisfiable status.
Redirections in HTTP - HTTP
the resource.
....
... pressed, only that page is redisplayed, without replaying the unsafe requests.
HTTP
Web › HTTP
ests are http requests for resources from a different domain than the domain of the resource making the request.
...t, post, and also less common requests like options, delete, or trace.
... http status response codes http response codes indicate whether a specific http request has been successfully completed.
Functions - JavaScript
above is syntactically a statement, functions can also be created by a function expression.
...turns 20 instead of 10 the name conflict happens at the statement return x and is between inside's parameter x and outside's variable x.
...; } multiply(5); // 5 with default parameters (post-ecmascript 2015) with default parameters, a manual check in the function body is no longer necessary.
Grammar and types - JavaScript
rror: unexpected token !
...console.log("john's cat".length) // in this case, 10.
... lines.' console.log(str); // this string is broken across multiple lines.
Introduction - JavaScript
of the fundamentals, you can use the javascript reference to get more details on individual objects and statements.
...as array, date, and math, and a core set of language elements such as operators, control structures, and statements.
...supplying objects to control a browser and its document object model (dom).
Iterators and generators - JavaScript
h value in the associated array in sequence.
...that took interval in between: 0 to 10] note: it is not possible to know reflectively whether a particular object is an iterator.
...ns expect iterables.
JavaScript modules - JavaScript
uare; note the lack of curly braces.
...sses by replacing import { square } from './modules/square.js'; import { circle } from './modules/circle.js'; import { triangle } from './modules/triangle.js'; with the following single line: import { square, circle, triangle } from './modules/shapes.js'; dynamic module loading the newest part of the javascript modules functionality to be available in browsers is dynamic module loading.
...triangle } from './modules/shapes.js'; dynamic module loading the newest part of the javascript modules functionality to be available in browsers is dynamic module loading.
Inheritance and the prototype chain - JavaScript
.log(inst.bar_prop); function foo(){} foo.prototype = { foo_prop: "foo val" }; function bar(){} var proto = object.create( foo.prototype, { bar_prop: { value: "bar val" } } ); bar.prototype = proto; var inst = new bar; console.log(inst.foo_prop); console.log(inst.bar_prop) support in all in-use-today browsers which are all non-microsoft browsers plus ie9 and up.
...te( foo.prototype, { bar_prop: { value: "bar val" } } ); bar.prototype = proto; var inst = new bar; console.log(inst.foo_prop); console.log(inst.bar_prop) support in all in-use-today browsers which are all non-microsoft browsers plus ie9 and up.
...prop); console.log(inst.bar_prop); function foo(){} foo.prototype = { foo_prop: "foo val" }; function bar(){} var proto; proto=object.setprototypeof( { bar_prop: "bar val" }, foo.prototype ); bar.prototype = proto; var inst = new bar; console.log(inst.foo_prop); console.log(inst.bar_prop) support in all in-use-today browsers which are all non-microsoft browsers plus ie9 and up.
SyntaxError: a declaration in the head of a for-of loop can't have an initializer - JavaScript
the javascript exception "a declaration in the head of a for-of loop can't have an initializer" occurs when the head of a for...of loop contains an initializer expression such as |for (var i = 0 of iterable)|.
...initializer (edge) syntaxerror: a declaration in the head of a for-of loop can't have an initializer (firefox) syntaxerror: for-of loop variable declaration may not have an initializer.
...a for-of loop can't have an initializer (firefox) syntaxerror: for-of loop variable declaration may not have an initializer.
RangeError - JavaScript
the rangeerror object indicates an error when a value is not in the set or range of allowed values.
... the rangeerror object indicates an error when a value is not in the set or range of allowed values.
... the rangeerror object indicates an error when a value is not in the set or range of allowed values.
Planned changes to shared memory - JavaScript
ders mentioned above are set, for compatibility with web content.
...uffer objects.
..., the requirements listed above for sharing a sharedarraybuffer between workers also apply to sharing a webassembly.memory.
parseInt() - JavaScript
10, letters of the english alphabet indicate numerals greater than 9.
...t 3 and forbidden by ecmascript 5, many implementations interpret a numeric string beginning with a leading 0 as octal.
...int function produces an integer value dictated by interpretation of the contents of the string argument according to the specified radix.
Lexical grammar - JavaScript
for numeric literals, underscores (_, u+005f) can be used as separators: // separators in decimal numbers 1_000_000_000_000 1_050.95 // separators in binary numbers 0b1010_0001_1000_0101 // separators in octal numbers 0o2_2_5_6 // separators in hex numbers 0xa0_b0_c0 // separators in bigints 1_000_000_000_000_000_000_000n note these limitations: // more than one underscore in a row is not allowed 100__000; // syntaxerror // not allowed at the end of numeric literals 100_; // syntaxerror // can not be used after leading 0 0_1; // syntaxerror object literals see also object and object initializer for more information.
... zero or more unicode code points enclosed in single or double quotes.
...h semicolons and are therefore affected by automatic semicolon insertion (asi): empty statement let, const, variable statement import, export, module declaration expression statement debugger continue, break, throw return the ecmascript specification mentions three rules of semicolon insertion.
Object initializer - JavaScript
ole.log(a) // {x: 2} in ecmascript 5 strict mode code, duplicate property names were considered a syntaxerror.
...*generator() { ...........
... 2 console.log(a.foo3) // 3 let param = 'size' let config = { [param]: 12, ['mobile' + param.charat(0).touppercase() + param.slice(1)]: 4 } console.log(config) // {size: 12, mobilesize: 4} spread properties the rest/spread properties for ecmascript proposal (stage 4) adds spread properties to object literals.
class expression - JavaScript
}; description a class expression has a similar syntax to a class declaration (statement).
...statements.
...respond to typeof with the value "function".
Expressions and operators - JavaScript
he destination of an assignment.
....
...gnment.
MathML attribute reference - MathML
denomalign <mfrac> the alignment of the denominator under the fraction.
...scripts move to sub- and superscript positions.
...oes the cell extend.
Authoring MathML - MathML
n hasmathmlsupport() { var div = document.createelement("div"), box; div.innerhtml = "<math><mspace height='23px' width='77px'/></math>"; document.body.appendchild(div); box = div.firstchild.firstchild.getboundingclientrect(); document.body.removechild(div); return math.abs(box.height - 23) <= 1 && math.abs(box.width - 77) <= 1; } alternatively, the following ua string sniffing will allow to detect the rendering engines with native mathml support (gecko and webkit).
... support (gecko and webkit).
...pt and copy it to your web site.
MathML documentation index - MathML
Web › MathML › Index
sing the side attribute on the <mtable> element).
...-order tensors are needed to represent square matrices.
...sup> element is used to attach both a subscript and a superscript, together, to an expression.
Performance budgets - Web Performance
mary goal is to prevent regressions, but they can provide insights to forecast trends (i.e.
...s, you should focus on user experience, which will dictate not only the bounce or conversion rate but how likely is that user to return.
... url.
How to make PWAs installable - Progressive web apps (PWAs)
previous overview: progressive next in the last article, we read about how the example application, js13kpwa, works offline thanks to its service worker, but we can go even further and allow users to install the web app on mobile and desktop browers that support doing so.
...cle, we read about how the example application, js13kpwa, works offline thanks to its service worker, but we can go even further and allow users to install the web app on mobile and desktop browers that support doing so.
...ing the default browser user interface that would otherwise be present, creating an even more seamless and native-like feel.
Making PWAs work offline with Service workers - Progressive web apps (PWAs)
w.js file, and can be executed after the registration is successful.
...is also an activate event, which is used in the same way as install.
...function that tries to find the resource in the cache and return the response if it's there.
Web API reference - Web technology reference
Web › Reference › API
an be accessed using javascript code, and let you do anything from making minor adjustments to any window or element, to generating intricate graphical and audio effects using apis such as webgl and web audio.
...from making minor adjustments to any window or element, to generating intricate graphical and audio effects using apis such as webgl and web audio.
...ndividual interface across all apis is listed in the index.
SVG Core Attributes - SVG: Scalable Vector Graphics
Web › SVG › Attribute › Core
in or the language that editable elements should be written in.
...e id; animatable: no tabindex the tabindex svg attribute allows you to control whether an element is focusable and to define the relative order of the element for the purposes of sequential focus navigation.
...ntial focus navigation.
SVG 2 support in Mozilla - SVG: Scalable Vector Graphics
a copy of any list item being inserted that is already in another list implementation status unknown crossorigin attribute for <image> and <script> elements not implemented yet (at least for <image>; bug 1240357) rendering model change notes svg root and <foreignobject> not overflow:hidden in ua style sheet implementation status unknown allow overflow: auto; to clip and show scroll bars implementation status unknown allow overflow: scroll; to show scroll bars on <svg> elements implementation status unknown basic data types and interfaces change notes dommatrix or dommatrixreadonly instead of svgmatrix implementation status unknown domrect or domrectreadonly instead of svgrect...
...() not implemented (bug 778654) svgelement.tabindex implemented (bug 778654) document.activeelement implementation status unknown globaleventhandlers on svgelement implementation status unknown options dictionary attribute for svggraphicselement.getbbox() implemented behind the preference svg.new-getbbox.enabled (bug 999964, bug 1019326) allow leading and trailing whitespace in <length>, <angle>, <number> and <integer> implementation status unknown form feed (u+000c) in whitespace implementation status unknown svgelement.xmlbase, svgelement.xmllang and svgelement.xmlspace removed implementation status unknown svgviewspec removed implementation status unknown svgelement.style removed im...
....usecurrentview not removed yet (bug 1174097) svgunknownelement not implemented (bug 1239218) lang attribute without namespace implemented (bug 721920) svgsvgelement.viewport removed never implemented xml:base attribute removed implementation status unknown reorder descendent elements of <switch> having systemlanguage attribute according to allowreorder smil attribute implementation status unknown made <tspan> and <textpath> graphics elements implementation status unknown allow x, y, width, and height on <symbol> implementation status unknown made <use> element shadow trees consistent with shadow dom spec implementation status unknown role mapping of <a> element depending on whether it is a ...
SVG Filters Tutorial - SVG: Scalable Vector Graphics
filters svg allows us to use similar tools as the bitmap description language such as the use of shadow, blur effects or even merging the results of different filters.
...ffects or even merging the results of different filters.
...duce the desire rendering.
SVG fonts - SVG: Scalable Vector Graphics
how standard svg paths work.
...font.
...font-face to reference remote (and not so remote) fonts: <font id="super_sans"> <!-- and so on --> </font> <style type="text/css"> @font-face { font-family: "super sans"; src: url(#super_sans); } </style> <text font-family="super sans">my text uses super sans</text> option: reference a remote font the above mentioned font-face-uri element allows you to reference an external font, hence allowing greater re-usability: <font> <font-face font-family="super sans"> <font-face-src> <font-face-uri xlink:href="fonts.svg#super_sans" /> </font-face-src> </font-face> </font> « previousnext » ...
Mixed content - Web security
errors, all blocked mixed content requests are logged to the security pane of the web console, as seen below: to fix this type of error, all requests to http content should be removed and replaced with content served over https.
...to the security pane of the web console, as seen below: to fix this type of error, all requests to http content should be removed and replaced with content served over https.
...ror, all requests to http content should be removed and replaced with content served over https.
WebAssembly Concepts - WebAssembly
community group with the following goals: be fast, efficient, and portable — webassembly code can be executed at near-native speed across different platforms by taking advantage of common hardware capabilities.
...s for more ideas).
....wasm binary.
Cross-domain Content Scripts - Archive of obsolete content
d-on's package.json under the "cross-domain-content" key, which itself lives under the "permissions" key: "permissions": { "cross-domain-content": ["http://example.org/", "http://example.com/"] } the domains listed must include the scheme and fully qualified domain name, and these must exactly match the domains serving the content - so in the example above, the content script will not be allowed to access content served from https://example.com/.
...der the "permissions" key: "permissions": { "cross-domain-content": ["http://example.org/", "http://example.com/"] } the domains listed must include the scheme and fully qualified domain name, and these must exactly match the domains serving the content - so in the example above, the content script will not be allowed to access content served from https://example.com/.
/loader - Archive of obsolete content
dules/commonjs/toolkit/foo.js // toolkit/foo/bar -> resource://gre/modules/commonjs/toolkit/foo/bar.js 'toolkit/': 'resource://gre/modules/commonjs/toolkit/', // resolev all other non-relative module requirements as follows: // devtools/gcli -> resource:///modules/devtools/gcli.js // panel -> resource:///modules/panel.js '': 'resource:///modules/', // allow relative urls and resolve them to add-on root: // ./main -> resource://my-addon/root/main.js './': 'resource://my-addon/root/' } }); the order of keys in paths is irrelevant since they are sorted by keys from longest to shortest to allow overlapping mapping.
...oader/options'); let loader = loader(options); this module is useful in very specific cases.
content/loader - Archive of obsolete content
t with web content, such as panel and page-mod.
... the domcontentloaded event "end": load content scripts once all the content (dom, js, css, images) for the page has been loaded, at the time the window.onload event fires contentscriptoptions read-only value exposed to content scripts under self.options property.
content/symbiont - Archive of obsolete content
ce all the content (dom, js, css, images) for the page has been loaded, at the time the window.onload event fires this property is optional and defaults to "end".
... the domcontentloaded event "end": load content scripts once all the content (dom, js, css, images) for the page has been loaded, at the time the window.onload event fires contentscriptoptions read-only value exposed to content scripts under self.options property.
net/xhr - Archive of obsolete content
uch that they're "sandboxed" and don't communicate potentially sensitive cookie information.
...ctor, so its use should always be preceded by the new operator.
JS XPCOM - Archive of obsolete content
ructor("@mozilla.org/file/local;1", "nsifile", "initwithpath"); var file = new nsfile(filepath); they can also be created and initialized manually: var file = components.classes["@mozilla.org/file/local;1"] .createinstance(components.interfaces.nsifile); file.initwithpath(filepath); this creates a new instance of the object with contract id @mozilla.org/file/local;1 and allows you to call methods from the nsifile interface on it.
...or a component some components implement more than one interface.
JavaScript Debugger Service - Archive of obsolete content
obsolete since gecko 33 (firefox 33 / thunderbird 33 / seamonkey 2.30) this feature is obsolete.
...eturns false // it is not well-known why debughook sometimes fails to trigger jsd.debughook = { onexecute: function(frame, type, rv) { stacktrace = ""; for (var f = frame; f; f = f.callingframe) { stacktrace += f.script.filename + "@" + f.line + "@" + f.functionname + "\n"; } dump(stacktrace); return components.interfaces.jsdiexecutionhook.return_continue; } }; filters jsd also allows the use of filters to track which scripts should trigger the hooks.
Rosetta - Archive of obsolete content
ome languages (like c), it is even not well defined the meaning of part of their semantics in respect to a scope that is more restricted than the full access to the resources they usually deal with – imagine, for example, the meaning of a c pointer within a html page!
...ogramming languages (i.e., creating compilers).
Downloading JSON and JavaScript in extensions - Archive of obsolete content
mmon practice found in many extensions is using xmlhttprequest (or some other mechanism) to download javascript or json (they are different) from a remote website.
... the javascript is hosted were to be hijacked or compromised.
Inline options - Archive of obsolete content
firefox 7 supports a new syntax for defining extensions' preferences for both bootstrapped and traditional extensions.
...n the chrome.manifest.
Jetpack Processes - Archive of obsolete content
service, provided by nsijetpackservice, is not included by default in firefox 4.
...ething to indicate that it is no longer needed.
Chapter 4: Using XPCOM—Implementing advanced processes - Archive of obsolete content
ts()) { browser = browsers.getnext().queryinterface(components.interfaces.nsidomwindowinternal); browser.browsertrytoclosewindow(); } this method returns an overview of the specified window type in the form of an iterator pattern object called nsisimpleenumerator.
...t with the nsisimpleenumerator.getnext() method, use the queryinterface method to get the interface, which allows you to handle each element as a window object.
Adding sidebars - Archive of obsolete content
ur sidebar with css or even disable resizing altogether, but none of those are good practices.
...lves a lot of code for something so simple, specially if that's the only case where you need dynamic text.
Connecting to Remote Content - Archive of obsolete content
t is obtained and processed.
...document xuldocument = xsltprocessor.transformtodocument(responsexml); // append the xul node to a xul element xulnode = document.adoptnode(xuldocument.firstchild); document.getelementbyid("foo").appendchild(xulnode); }; we effectively transformed the xml file into xul and integrated it into the ui.
JavaScript Object Management - Archive of obsolete content
at requires too much code, look for ways to divide it into multiple objects and files.
....
Setting up an extension development environment - Archive of obsolete content
ed settings, and further isolating personal data (such as bookmarks, extensions, and settings) from your testing environment.
...on of firefox you may choose any profile you like.
Underscores in class and ID Names - Archive of obsolete content
an.
...behavior with regard to underscores is rather convoluted.
Source Navigator - Archive of obsolete content
source-navigator's build system to automatically generate a makefile.
... execute the following: snavigator.
Source code directories overview - Archive of obsolete content
c interfaces and code for the mail and news component (i.e.
...com classes).
Download Manager improvements in Firefox 3 - Archive of obsolete content
firefox 3 offers improvements to the download manager that allow multiple progress listeners, use of the storage api for data management, download resuming, and more.
...ore.
Editor Embedding Guide - Archive of obsolete content
created underneath and the event listeners are all prepa if (ns_failed(rv)) return ns_error_failure; // we are not setup??!!
...ace(getter_addrefs(editingsession)); if (editingsession) editingsession->makewindoweditable(domwindow, "html", pr_true); the valid editor types are: "text" (similar to notepad or a textarea; does not allow for html) "textmail" (similar to "text" but html can be inserted; intended for plaintext mail usage and handling of citations) "html" (this is the default type if no type is specified; it allows for all html tags to be inserted) "htmlmail" (this is much like "html" except there are a few editing rules/behaviors that differ such as splitting of mail quotes) editor commands you need to call commands and receive updates in order to make any changes to the content on the browser.
Repackaging Firefox - Archive of obsolete content
.properties locale/ru/partner.properties locale/sk/partner.properties locale/sv-se/partner.properties locale/tr/partner.properties locale/zh-cn/partner.properties locale/zh-tw/partner.properties partner-bookmarks.xml one by one, the files listed above are: chrome.manifest contains a specialized listing of the contents of the xpi.
... the same values, you do not need to include any properties files at all.
Creating a Help Content Pack - Archive of obsolete content
f how rdf works.
...nstructions there to create additional data sources as you need them.
JavaScript crypto - Archive of obsolete content
on.
...cardchange, false); } function deregister() { document.removeeventlistener("smartcard-insert", onsmartcardchange, false); document.removeeventlistener("smartcard-remove", onsmartcardchange, false); } document.body.onload = register; document.body.onunload = deregister; </script> with the above example, your web site will automatically reload anytime a smartcard is inserted or removed.
Metro browser chrome tests - Archive of obsolete content
the metro browser chrome test suite is an automated testing framework designed to allow testing of the immersive version of firefox for windows 8 and above using javascript.
... the metro browser chrome test suite is an automated testing framework designed to allow testing of the immersive version of firefox for windows 8 and above using javascript.
Mozilla Crypto FAQ - Archive of obsolete content
mozilla and crypto now been resolved?
... released source code is dual-licensed under the mpl and the gpl.
Plug-n-Hack Phase1 - Archive of obsolete content
plug-n-hack (pnh) phase 1 allows easier integration and defines how security tools can advertise their capabilities to browsers.
...nks to another manifest which describes the commands the browser can invoke.
Plug-n-Hack Phase2 - Archive of obsolete content
the next phase of plug-n-hack (pnh) is still being planned but is intended to allow browsers to advertise their capabilities to security tools.
... the next phase of plug-n-hack (pnh) is still being planned but is intended to allow browsers to advertise their capabilities to security tools.
Scripting - Archive of obsolete content
prism allows for some client-side web application customization.
... prism allows for some client-side web application customization.
Prism - Archive of obsolete content
app.ini configuration file.
...out a web application.
Proxy UI - Archive of obsolete content
.
... online (proxy: auto url) online (proxy: manual) --- proxy configuration...
Abc Assembler Tests - Archive of obsolete content
ights reserved.
...may be used under the terms of * either the gnu general public license version 2 or later (the "gpl"), or * the gnu lesser general public license version 2.1 or later (the "lgpl"), * in which case the provisions of the gpl or the lgpl are applicable instead * of those above.
Tamarin Acceptance Test Template - Archive of obsolete content
ights reserved.
...may be used under the terms of * either the gnu general public license version 2 or later (the "gpl"), or * the gnu lesser general public license version 2.1 or later (the "lgpl"), * in which case the provisions of the gpl or the lgpl are applicable instead * of those above.
Cmdline tests - Archive of obsolete content
the cmdline testsuite is located in test/cmdline.
... the cmdline testsuite is located in test/cmdline.
Tamarin build documentation - Archive of obsolete content
lo.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.
...bc (where hello.abc is a simple abc to print a string, or can substitute with any test abc) now any acceptance or performance tests can be run as on desktop using test/acceptance/runtests.py or tests/performance/runtests.py tamarin buildbot adobe maintains a continuous build and test system for tamarin redux, similar to tinderbox.
Treehydra Manual - Archive of obsolete content
ree(fn) { print("function " + decl_name(fn)); // fn is a function_decl let cfg = function_decl_cfg(fn); for (let bb in cfg_bb_iterator(cfg)) { print(" basic block " + bb_label(cfg, bb)); for (let isn in bb_isn_iterator(bb)) { print(" " + isn_display(isn)); } } } post-inlining gimple cfgs treehydra can be positioned after any pass, allowing you access various levels of gimple.
...tor(cfg)) { print(" basic block " + bb_label(cfg, bb)); for (let isn in bb_isn_iterator(bb)) { print(" " + isn_display(isn)); } } } post-inlining gimple cfgs treehydra can be positioned after any pass, allowing you access various levels of gimple.
Using gdb on wimpy computers - Archive of obsolete content
t of memory.
... stop loading shared libraries.
Venkman - Archive of obsolete content
f debugger functionality implemented in c.
... to reflect that api into java, and create his cross platform front end, eventually producing netscape javascript debugger 1.0 and 1.1.
Event Handlers - Archive of obsolete content
means the handler will only fire if event.originaltarget is the same as the target to which the handler is attached, and capturing, which indicates the handler should fire during the capturing phase of event flow.
...an be specified using the modifiers attribute.
mousethrough - Archive of obsolete content
, the default value is never.
...s are transparent to the element.
textbox.type - Archive of obsolete content
: one of the values below you can set the type attribute to one of the values below for a more specialized type of textbox.
...use a regular textbox.
Building accessible custom components in XUL - Archive of obsolete content
var label = done_edit(textbox, true); label.focus(); }, 0); break; case key_escape: settimeout(function() { var label = done_edit(textbox, false); label.focus(); }, 0); break; } } </code> with this new code, we can now navigate to a specific cell within the spreadsheet and press enter to edit the value.
... further reading accessible html spreadsheet demo on mozilla.org future enhancements now that we know how to create an accessible spreadsheet, it should be possible to use xbl to create a reusable component that encapsulates the accessibility implementation.
Uploading and Downloading Files - Archive of obsolete content
cumentation on files and i/o not using the unavailable nsiscriptableio apis: code snippets: file i/o, open and save dialogs, reading textual data, writing textual data, list of file-related error codes.
...tprequest: function upload(posturl, fieldname, filepath) { var formdata = new formdata(); formdata.append(fieldname, new file(filepath)); var req = new xmlhttprequest(); req.open("post", posturl); req.onload = function(event) { alert(event.target.responsetext); }; req.send(formdata); } http put you can also upload a file using an http put operation.
addTab - Archive of obsolete content
Archive › Mozilla › XUL › Method › addTab
« xul reference home addtab( url, referreruri, charset, postdata, owner, allowthirdpartyfixup ) addtab( url, {referreruri: ..., charset: ..., postdata: ..., owner: ..., allowthirdpartyfixup: ..., relatedtocurrent: ...
...llowthirdpartyfixup ) addtab( url, {referreruri: ..., charset: ..., postdata: ..., owner: ..., allowthirdpartyfixup: ..., relatedtocurrent: ...
Menus - Archive of obsolete content
pplication.
...us by using another menu element as one of the items inside the 'sort' menupopup.
PopupEvents - Archive of obsolete content
l="show time" popup="time-panel"/> you can prevent a menu or popup from appearing by calling the preventdefault method of the event from within a popupshowing listener.
...wing listener.
PopupKeys - Archive of obsolete content
handling keys within menus when using a menupopup element, a keyboard listener is attached to the window that will handle keypresses for the menu.
...ys yourself.
Containment Properties - Archive of obsolete content
« previousnext » so far, we've seen how the simple query syntax can generate results from the children of an rdf container.
...http://www.xulplanet.com/rdf/a"> <rdf:li rdf:resource="http://www.xulplanet.com/rdf/e"/> <rdf:li rdf:resource="http://www.xulplanet.com/rdf/f"/> </rdf:seq> the effect is that there are five results instead of three.
Result Generation - Archive of obsolete content
ocessing, the template builder builds up a network of information such as: possible results that are available where content should be generated information that indicates what to do when the rdf datasource changes this network of information remains for the lifetime of the template, or until it is rebuilt.
...ates what to do when the rdf datasource changes this network of information remains for the lifetime of the template, or until it is rebuilt.
Special Condition Tests - Archive of obsolete content
usnext » there are several additional types of conditional tests that may be performed.
...scontainer attribute should be set to true if you only want to match containers, and false if you only want to match non-containers.
XML Assignments - Archive of obsolete content
this using the built-in string-length method.
...r="string-length(@name)"/> <assign var="?siblings" expr="count(../*) - 1"/> </query> <action> <hbox uri="?" align="center"> <button label="?name"/> <label value="?gender"/> <label value="?namelength"/> <label value="?siblings"/> </hbox> </action> </template> </vbox> two assign elements are placed as children of the query element.
Tree Widget Changes - Archive of obsolete content
ssnormal -> nsitreeview.progress_normal (1) nsitreeview.progressundetermined -> nsitreeview.progress_undetermined (2) nsitreeview.progressnode -> nsitreeview.progress_none (3) as well, the drag and drop methods candropon and candropbeforeafter have been replaced with a single method candrop(idx,orientation) which handles both.
...lumns.getprimarycolumn(); treecell.setcelltext(5, col, "banana"); this will change the label of the cell in row 5 and the primary column to banana.
Adding HTML Elements - Archive of obsolete content
ple 1 : source view <html:p> search for: <html:input id="find-text"/> <button id="okbutton" label="ok"/> </html:p> this code will cause the text 'search for:' to be displayed, followed by an input element and an ok button.
...e will cause the text 'search for:' to be displayed, followed by an input element and an ok button.
Creating a Window - Archive of obsolete content
ation bar in a mozilla browser window.
...using firefox, try below.
Creating a Wizard - Archive of obsolete content
« previousnext » many applications use wizards to help the user through complex tasks.
...called when the back, next and cancel buttons are pressed respectively.
Install Scripts - Archive of obsolete content
ll script.
...age in user-readable form.
Keyboard Shortcuts - Archive of obsolete content
ubar> you can also use the accesskey attribute on buttons.
... those shortcuts to activate the commands.
Localization - Archive of obsolete content
xul and xml provide entities which are a convenient way of allowing localization.
...stead of hard-coding text directly into an application, each piece of text is only a reference into the string table.
Persistent Data - Archive of obsolete content
a pain to do for every application.
...ser preferences.
Using Spacers - Archive of obsolete content
have larger displays with higher resolutions and others may have lower resolutions.
...s of the user.
XBL Attribute Inheritance - Archive of obsolete content
« previousnext » in this section we'll see how attributes can be inherited.
...hat should inherit an attribute from the outer element, in this case the button.
XBL Example - Archive of obsolete content
« previousnext » this section will describe an example xbl element.
..."+totalpages); </constructor> additional features we can add some additional features as well.
command - Archive of obsolete content
d.
...or use in the content.
content - Archive of obsolete content
iliza para vincular una variable a un nodo de contenido cuando se emparejan.
...ncular una variable a un nodo de contenido cuando se emparejan.
datepicker - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a datepicker allows the user to enter a date.
...d.
description - Archive of obsolete content
d.
...ty which, except for menus and menuitems, is normally preferred to use of the attribute, as it may need to update additional state.
grid - Archive of obsolete content
Archive › Mozilla › XUL › grid
<textbox id="user"/> </row> <row> <label value="group"/> <menulist> <menupopup> <menuitem label="accounts"/> <menuitem label="sales" selected="true"/> <menuitem label="support"/> </menupopup> </menulist> </row> </rows> </grid> </groupbox> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortd...
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
listcell - Archive of obsolete content
d.
... for an editable menuitem element the value of this attribute is copied to the menulist.value property upon user selection of the menuitem.
listcol - Archive of obsolete content
tbox> <listhead> <listheader label="first"/> <listheader label="last"/> </listhead> <listcols> <listcol flex="1"/> <listcol/> </listcols> <listitem> <listcell label="buck"/> <listcell label="rogers"/> </listitem> <listitem> <listcell label="john"/> <listcell label="painter"/> </listitem> </listbox> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortd...
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
listitem - Archive of obsolete content
d.
...ning element.
menulist - Archive of obsolete content
d.
....
notificationbox - Archive of obsolete content
w.mozilla.org"/> </notificationbox> there is a more complex code available in the code snippets area.
..."/> </notificationbox> there is a more complex code available in the code snippets area.
radio - Archive of obsolete content
Archive › Mozilla › XUL › radio
d.
... this value is read-only.
radiogroup - Archive of obsolete content
d.
...e.
richlistitem - Archive of obsolete content
d.
... this value is read-only.
scrollbar - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] when a container's contents which are larger that the size of the container, scroll bars may be placed at the side of the container to allow the user to scroll around in the container.
... integer the maximum position of the scrollbar.
splitter - Archive of obsolete content
ch have state="collapsed" and collapse="both", determines which direction the splitter is actually collapsed in.
...00px intrinsic height of the lower box, causing the child box to overflow, until reaching the min-height, at which point it will stop or collapse.
<statusbarpanel> - Archive of obsolete content
ft out, no text appears.
... attribute.
stringbundle - Archive of obsolete content
ilable in the xul tutorial.
... xul tutorial.
tabpanels - Archive of obsolete content
er be hidden; hiding the tab suffices to make the panel inaccessible.
... hiding the tab suffices to make the panel inaccessible.
toolbaritem - Archive of obsolete content
bus" selected="true"/> <menuitem label="train"/> </menupopup> </menulist> </toolbaritem> <toolbaritem id="sample-toolbutton-unified"> <toolbarbutton id="myext-button1" class="toolbarbutton-1" label="label1" /> <toolbarbutton id="myext-button2" class="toolbarbutton-1" label="labe2l" /> </toolbaritem> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortd...
...ght, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlist...
Getting started with XULRunner - Archive of obsolete content
rue); pref("nglayout.debug.disable_xul_cache", true); pref("nglayout.debug.disable_xul_fastload", true); xulrunner specific preferences include: toolkit.defaultchromeuri specifies the default window to open when the application is launched.
..._cache", true); pref("nglayout.debug.disable_xul_fastload", true); xulrunner specific preferences include: toolkit.defaultchromeuri specifies the default window to open when the application is launched.
calICalendarViewController - Archive of obsolete content
summary a calicalendarviewcontroller provides a way for a calicalendarview to create, modify, and delete items.
... in calidatetime anewstarttime, in calidatetime anewendtime); the modifyoccurrence method is used to change the attributes of an already existing caliitem.
nsIContentPolicy - Archive of obsolete content
introduced gecko 1.0 inherits from: nsicontentpolicybase last changed in gecko 42 (firefox 42 / thunderbird 42 / seamonkey 2.39) you can observe content that is being loaded into your browser by implementing nsicontentpolicy.
...this is the principal of the page that caused this load.
2006-11-10 - Archive of obsolete content
ty.
...ment, backing up benjamin's post.
NPN_MemAlloc - Archive of obsolete content
l.
...mory space.
SSL and TLS - Archive of obsolete content
authentication occur over ssl/tls.
...ic-key encryption.
Table Reflow Internals - Archive of obsolete content
mmand with a target frame, reflow command types are: dirty - something changed inside a target (e.g.
...ation gets reflowed, it takes c and its siblings as children and reflows them.
Building a Theme - Archive of obsolete content
an use that for zipping it up: 7z a -tzip my_theme.xpi chrome chrome.manifest note: the command-line tool will update an existing zip file, not replace it - so if you have files you've deleted from your theme, be sure to remove the .xpi file before running the zip command again.
... mozilla add-ons is a distribution site where you can host your theme for free.
-ms-content-zoom-limit - Archive of obsolete content
cifies values for the -ms-content-zoom-limit-min and -ms-content-zoom-limit-max properties.
...nt-zoom-limit-max: 400%-ms-content-zoom-limit-min: 100%applies tonon-replaced block-level elements and non-replaced inline-block elementsinheritednopercentagesas each of the properties of the shorthand:-ms-content-zoom-limit-max: the largest allowed zoom factor.
-ms-hyphenate-limit-zone - Archive of obsolete content
width of the hyphenation zone.
...nteger followed by a percent sign (%), which specifies the width of the hyphenation zone, calculated with respect to the line box.
-ms-ime-align - Archive of obsolete content
the -ms-ime-align css property is a microsoft extension aligning the input method editor (ime) candidate window box relative to the element on which the ime composition is active.
...ented in microsoft edge and internet explorer 11.
::-ms-fill - Archive of obsolete content
the ::-ms-fill css pseudo-element is a microsoft extension that represents a progress bar displayed by <progress>.
...moving dots animation for an indeterminate progress bar.
Accessing XML children - Archive of obsolete content
ar"].appendchild(<quux/>); adds a child to the "bar" child node of element1.
...(comments[0]); // returns <!-- abc --> the * selector will return all child nodes in an xml list.
ArrayBuffer.transfer() - Archive of obsolete content
length is undefined, the bytelength of the oldbuffer is used.
...er(buf1, 80); buf1.bytelength; // 0 but if you use the polyfill then the value is still 40 buf2.bytelength; // 80 new int32array(buf2)[0]; // 42 var buf3 = arraybuffer.transfer(buf2, 0); buf2.bytelength; // 0 but if you use the polyfill then the value is still 80 buf3.bytelength; // 0 polyfill you can partially work around this by inserting the following code at the beginning of your scripts, allowing use of much of the functionality of transfer() in browsers that do not natively support it.
New in JavaScript 1.8.5 - Archive of obsolete content
 307791 object.getownpropertynames() returns an array of all enumerable and non-enumerable properties on an object.
...son() returns a json format string for a date object.
New in JavaScript 1.8 - Archive of obsolete content
es that require the use of the new keywords "yield" and "let" require you to specify version 1.7 or higher because existing code might use those keywords as variable or function names.
...e features that do not introduce new keywords (such as generator expressions) can be used without specifying the javascript version.
LiveConnect Reference - Archive of obsolete content
this section documents the java classes used for liveconnect, along with their constructors and methods.
...r liveconnect, along with their constructors and methods.
RFE to the Custom Controls Interfaces - Archive of obsolete content
sixformsaccessors - serves to get/set the value of the instance data node that the xforms element is bound to as well as getting the various states of that node nsixformsdelegate - used to obtain the nsixformsaccessors interface nsixformsuiwidget - used by the xforms processor to update the value/state of an xforms element when its bound node's value/state is changed our current mechanism that allows authors to build custom controls assumes that the controls will be bound to instance nodes of simple content type.
... nsixformsdelegate - used to obtain the nsixformsaccessors interface nsixformsuiwidget - used by the xforms processor to update the value/state of an xforms element when its bound node's value/state is changed our current mechanism that allows authors to build custom controls assumes that the controls will be bound to instance nodes of simple content type.
XForms Upload Element - Archive of obsolete content
introduction provides a means for the user to select a file (see the spec) from the file system.
... supported.
Describing microformats in JavaScript - Archive of obsolete content
ress" : { plural: true }, "extended-address" : { }, "locality" : { }, "region" : { }, "postal-code" : { }, "country-name" : { } } }; the properties are quite simple here.
... }, "country-name" : { } } }; the properties are quite simple here.
Archive of obsolete content
p summaries obsolete: xpcom-based scripting for npapi plugins plugins that used to take advantage of being scriptable via liveconnect in 4.x netscape browsers lost this possibility in the new world.
...does not cover advanced topics.
Index - Game development
t that is hardware accelerated.
... shape positions into 3d drawing coordinates.
Explaining basic 3D theory - Game development
and lighting — it calculates final colors based on the given parameters.
...res textures are 2d images used in the 3d space to make the objects look better and more realistic.
Building up a basic demo with A-Frame - Game development
the webxr and webgl apis already enable us to start creating virtual reality (vr) experiences inside web browsers, but the community is still waiting for tools and libraries to appear, to make this easier.
...so far: you can also check it out on github.
Building up a basic demo with Three.js - Game development
he latter is important for the objects on the screen to have the right proportions when rendered, and not look stretched.
...ld set a fixed ratio — for example 16 ⁄ 9, which is the aspect ratio of a widescreen tv.
Desktop gamepad controls - Game development
n controls explained — if the y button is pressed and held, the help becomes visible; when it is released the help diappears.
...le and desktop, and adding gamepad controls is just as straightforward — in the update() function, we check to see if the current state status is paused — if so, the relevant actions are enabled: if(gamepadapi.buttons.pressed('start')) { this.managepause(); } if(gamepadapi.buttons.pressed('back')) { this.stateback(); } similarly, when the gameover state status is active, then we can allow the user to restart the game instead of continuing it: if(gamepadapi.buttons.pressed('start')) { this.staterestart(); } if(gamepadapi.buttons.pressed('back')) { this.stateback(); } when the game over screen is visible, the start button restarts the game while the back button helps us get back to the main menu.
Implementing controls using the Gamepad API - Game development
this article looks at implementing an effective, cross-browser control system for web games using the gamepad api, allowing you to control your web games using console game controllers.
...ames using the gamepad api, allowing you to control your web games using console game controllers.
asm.js - Game development
asm.js is a specification defining a subset of javascript that is highly optimizable.
... that is highly optimizable.
Game over - Game development
let it reach the bottom edge of the screen, then it's game over.
... over.
Plug-in Development Overview - Gecko Plugin API Reference
.
...each stream has an associated mime type identifying the format of the data in the stream.
CSS Object Model (CSSOM) - MDN Web Docs Glossary: Definitions of Web-related terms
and other relationship.
...ritical rendering path which is a series of steps that must happen to properly render a website.
Computer Programming - MDN Web Docs Glossary: Definitions of Web-related terms
gram what to do in a language which the computer understands.
....
Fetch directive - MDN Web Docs Glossary: Definitions of Web-related terms
csp fetch directives are used in a content-security-policy header and control locations from which certain resource types may be loaded.
... csp fetch directives are used in a content-security-policy header and control locations from which certain resource types may be loaded.
Gzip compression - MDN Web Docs Glossary: Definitions of Web-related terms
gzip is a file format used for file compression and decompression.
... gzip is a file format used for file compression and decompression.
IMAP - MDN Web Docs Glossary: Definitions of Web-related terms
imap (internet message access protocol) is a protocol used to retrieve and store emails.
... imap (internet message access protocol) is a protocol used to retrieve and store emails.
MVC - MDN Web Docs Glossary: Definitions of Web-related terms
the view defines how the app's data should be displayed.
...ke mvc, but mvc makes these components follow a more rigid pattern.
Quality values - MDN Web Docs Glossary: Definitions of Web-related terms
quality values, or q-values and q-factors, are used to describe the order of priority of values in a comma-separated list.
...the first two values, the order in the list is irrelevant.
State machine - MDN Web Docs Glossary: Definitions of Web-related terms
ransition is a set of actions to execute when a condition is fulfilled or an event received.
...n a condition is fulfilled or an event received.
WebSockets - MDN Web Docs Glossary: Definitions of Web-related terms
websocket is a protocol that allows for a persistent tcp connection between server and client so they can exchange data at any time.
... websocket is a protocol that allows for a persistent tcp connection between server and client so they can exchange data at any time.
Safe - MDN Web Docs Glossary: Definitions of Web-related terms
t but unsafe.
...answer to a safe method on-the-fly, as long as the generating script guarantees safety: it should not trigger external effects, like triggering an order in an e-commerce web site.
Mobile accessibility - Learn web development
is turned on, unlocking the phone is a bit different.
...der back to off.
Test your skills: WAI-ARIA - Learn web development
de and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
...you allow screenreader users to recognize this as a list?
Cascade and inheritance - Learn web development
f the property is naturally inherited it acts like inherit, otherwise it acts like initial.
... you can avoid it.
Images, media, and form elements - Learn web development
label parts of forms such as <fieldset> and <legend>.
...contains attributes that enable web developers to indicate which fields are required, and even the type of content that needs to be entered.
Beginner's guide to media queries - Learn web development
previous overview: css layout next the css media query gives you a way to apply css only when the browser and device environment matches a rule that you specify, for example "viewport is wider than 480 pixels".
...re a number of other media features that you can test for, although some of the newer features introduced in level 4 and 5 of the media queries specification have limited browser support.
Practical positioning examples - Learn web development
oesn't follow on from the previous example, so a fresh start file is required.
...e browser viewport.
Getting started with CSS - Learn web development
xample.com">link</a>.</p> <p>this is the second paragraph.
...t bullets, and if i decide i don't want those bullets i can remove them like so: li { list-style-type: none; } try adding this to your css now.
What is CSS? - Learn web development
overview: first steps next css (cascading style sheets) allows you to create great-looking web pages, but how does it work under the hood?
... we are styling level one headings (<h1>).
Styling text - Learn web development
st practices to consider.
...nks when styling links, it is important to understand how to make use of pseudo-classes to style link states effectively, and how to style links for use in common varied interface features such as navigation menus and tabs.
How do you upload your files to a web server? - Learn web development
opy files with rsync over ssh.
... it.
How do I use GitHub Pages? - Learn web development
github is a "social coding" site.
...it.
What are hyperlinks? - Learn web development
alled links, are a foundational concept behind the web.
...ext.
HTML forms in legacy browsers - Learn web development
are "nicer" or "with advanced functionality", but building efficient html forms is not a question of design or technology.
..., using them for javascript is less risky than for css or html; there many cases where javascript can break (network issues, script conflicts, etc.).
Test your skills: Basic controls - Learn web development
load.
... a set of checkboxes.
Web forms — Working with user data - Learn web development
this module provides a series of articles that will help you master the essentials of web forms.
...case study.
HTML basics - Learn web development
which in this case, is just text.
... at all.
Using data attributes - Learn web development
html5 is designed with extensibility in mind for data that should be associated with a particular element but need not have any defined meaning.
...so use the attribute selectors in css to change styles according to the data: article[data-columns='3'] { width: 400px; } article[data-columns='4'] { width: 600px; } you can see all this working together in this jsbin example.
Creating hyperlinks - Learn web development
n getting started with html.
...ion address.
Getting started with HTML - Learn web development
use this to disable the form input elements so the user can't make entries.
...ts with character references.
HTML text fundamentals - Learn web development
dings, your page will perform poorly in terms of seo (search engine optimization).
... hummus, process it for a longer time.</li> </ul> </li> </ol> try going back to the previous active learning example and updating the second list like this.
What’s in the head? Metadata in HTML - Learn web development
h your browser you should be able to see that things have changed: the javascript has added an empty list to the page.
...the primary language of the document finally, it's worth mentioning that you can (and really should) set the language of your page.
Multimedia and Embedding - Learn web development
se the html5 <video> and <audio> elements to embed video and audio on our pages, including basics, providing access to different file formats to different browsers, adding captions and subtitles, and how to add fallbacks for older browsers.
...s and subtitles, and how to add fallbacks for older browsers.
Asynchronous JavaScript - Learn web development
s here we look at the traditional methods javascript has available for running code asychronously after a set time period has elapsed, or at a regular interval (e.g.
...s is really useful for setting up a sequence of operations to work correctly.
Functions — reusable blocks of code - Learn web development
previous overview: building blocks next another essential concept in coding is functions, which allow you to store a piece of code that does a single task inside a defined block, and then call that code whenever you need it using a single short command — rather than having to type out the same code multiple times.
...ted a random number: let mynumber = math.random(); // the random() function generates a random number between // 0 and up to but not including 1, and returns that number ...we were using a function!
Manipulating documents - Learn web development
is pointing to, so that it doesn't go to the wrong place when it is clicked on.
...h = window.innerwidth; winheight = window.innerheight; div.style.width = winwidth + 'px'; div.style.height = winheight + 'px'; } note: if you get stuck, have a look at our finished window resize example (see it live also).
Video and Audio APIs - Learn web development
ayback, seeking, etc.
...ive controls in most browsers aren't very keyboard-accessible.
Arrays - Learn web development
item number equal to the length of the array.
...from the code area (tab inserts a tab character).</p> <textarea id="code" class="playable-code" style="height: 370px; width: 95%"> const list = document.queryselector('.output ul'); const searchinput = document.queryselector('.output input'); const searchbtn = document.queryselector('.output button'); list.innerhtml = ''; let myhistory = []; searchbtn.onclick = function() { // we will only allow a term to be entered if the search input isn't empty if (searchinput.value !== '') { // number 1 // empty the list so that we don't display duplicate entries // the display is regenerated every time a search term is entered.
Basic math in JavaScript — numbers and operators - Learn web development
ther the values' datatypes are the same.
...damental information you need to know about numbers in javascript, for now.
Handling text — strings in JavaScript - Learn web development
ings together.
...ain familiarity with the basics of strings in javascript.
JavaScript object basics - Learn web development
ollows this pattern: const objectname = { member1name: member1value, member2name: member2value, member3name: member3value }; the value of an object member can be pretty much anything — in our person object we've got a string, a number, two arrays, and two functions.
...ire page's structure, content, and other features such as its url.
Inheritance in JavaScript - Learn web development
ate a teacher() constructor — add the following below the existing code: function teacher(first, last, age, gender, interests, subject) { person.call(this, first, last, age, gender, interests); this.subject = subject; } this looks similar to the person constructor in many ways, but there is something strange here that we've not seen before — the call() function.
... note: if you have trouble getting this to work, compare your code to our finished version (see it running live also).
Working with JSON - Learn web development
file, which is basically just a text file with an extension of .json, and a mime type of application/json.
...ryselector('section'); we have made our json data available on our github, at https://mdn.github.io/learning-area/javascript/oojs/json/superheroes.json.
Object building practice - Learn web development
'canvas'); const ctx = canvas.getcontext('2d'); const width = canvas.width = window.innerwidth; const height = canvas.height = window.innerheight; this script gets a reference to the <canvas> element, then calls the getcontext() method on it to give us a context on which we can start to draw.
...ight of the canvas, using fillrect() (the four parameters provide a start coordinate, and a width and height for the rectangle drawn).
Measuring performance - Learn web development
computer literacy, basic software installed, and basic knowledge of client-side web technologies.
... time spent executing the window's load handler, and more.
Multimedia: Images - Learn web development
omplicated or feels like too much work for your team then there is also online services that you can use as image cdns that will automate the serving of the correct image format on-the-fly, according to the type of device or browser requesting the image.
...nline services that you can use as image cdns that will automate the serving of the correct image format on-the-fly, according to the type of device or browser requesting the image.
The business case for web performance - Learn web development
of web performance.
...umulative experiences impact conversion and retention rates.
Multimedia: video - Learn web development
ure that a looping background video autoplays, you must add several attributes to the video tag: autoplay, muted, and playsinline.
... offering more modest bandwidth savings, setting preload="metadata" may download up to 3% of the video on page load.
Properly configuring server MIME types - Learn web development
are correct mime types important?
...ko 2.0 will no longer do this for stylesheets loaded from a different origin than the requesting document.
Routing in Ember - Learn web development
tly not doing any filtering in the page that we've been working with, but we will need to reorganize it a bit to handle a different view for the "active" and "completed" todos.
..., return once more to our todo-data.js file.
Componentizing our React app - Learn web development
nsible way of breaking our todo list app into components.
...belledby="list-heading" > {tasklist} </ul> this gets us some of the way towards showing all the components again, but we’ve got more work to do: the browser currently renders each task's name as unstructured text.
Beginning our React todo list - Learn web development
previous overview: client-side javascript frameworks next let's say that we’ve been tasked with creating a proof-of-concept in react – an app that allows users to add, edit, and delete tasks they want to work on, and also mark tasks as complete without deleting them.
...ment, with an <input type="text"> for writing out a new task, and a button to submit the form.
Vue conditional rendering: editing existing todos - Learn web development
previous overview: client-side javascript frameworks next now it is time to add one of the major parts of functionality that we're still missing — the ability to edit existing todo items.
...cks need to be the first sibling of a v-if/v-else-if block, otherwise vue will not recognize them.
Creating our first Vue component - Learn web development
/template> to the top of the file.
...on.
Adding a new todo form: Vue events, methods, and models - Learn web development
previous overview: client-side javascript frameworks next we now have sample data in place, and a loop that takes each bit of data and renders it inside a todoitem in our app.
...functions), you'll need a terminal with node + npm installed.
Strategies for carrying out testing - Learn web development
s.
...est with the microsoft emulator for windows 10 mobile (these only run on windows).
Tools and testing - Learn web development
works, to testing and automation tools, and more besides.
...part of their tooling, so many front-end development jobs now require framework experience.
Learn web development
ascript — dynamic client-side scripting javascript is the scripting language used to add dynamic functionality to web pages.
...wing how to build up a server-side app using two popular frameworks: django (python) and express (node.js).
Mozilla Plugin Accessibility
own of problems and the planned solutions: new!
...ard navigation proposal to see how the largest problems can be solved.
Multiprocess on Windows
own code to facilitate the safe handing off of an inbound rpc from the content process's mta to the content main thread's sta.
...s reference to be released on an mta thread.
Index
found 689 pages: # page tags and summary 1 add-ons add-ons, extension, extensions, landing, mozilla add-ons allow developers to extend and modify the functionality of firefox.
...ad.
Add-ons
add-ons allow developers to extend and modify the functionality of firefox.
...r community of users and creators and find an audience for your add-on.
Adding a new event
e code.
...eded to be dispatch to content, the class should be able to cross process boundary.
Browser chrome tests
the browser chrome test suite is an automated testing framework designed to allow testing of application chrome windows using javascript.
... the browser chrome test suite is an automated testing framework designed to allow testing of application chrome windows using javascript.
Cookies Preferences in Mozilla
m 0-65535, rfc 2109 and 2965 require this to be at least 300 network.cookie.maxperhost default value: 50 configures the maximum amount of cookies to be stored per host valid range is from 0-65535, rfc 2109 and 2965 require this to be at least 20 network.cookie.disablecookieformailnews default value: true true = do not accept any cookies from within mailnews or from mail-style uris false = allow cookies in these situations this preference is applicable to all versions of seamonkey.
...d 2965 require this to be at least 20 network.cookie.disablecookieformailnews default value: true true = do not accept any cookies from within mailnews or from mail-style uris false = allow cookies in these situations this preference is applicable to all versions of seamonkey.
How Mozilla's build system works
ariable not specific to a particular build target is dirs.
...are traversed after their parent directories.
Obsolete Build Caveats and Tips
ld firefox without a .mozconfig file.
...nstall the windows 7 sdk.
Cross Process Object Wrappers
ss process object wrappers (cpows), which enable chrome code to synchronously access content in multiprocess firefox.
...r perform unsafe cpow operations.
Firefox and the "about" protocol
bout:about provides an overview of all about: pages available for your current firefox version about:addons add-ons manager about:buildconfig displays the configuration and platform used to build firefox about:cache displays information about the memory, disk, and appcache about:checkerboard switches to the checkerboarding measurement page, which allows to detect checkerboarding issues about:config provides a way to inspect and change firefox preferences and settings about:compat lists overriding site compatability fixes, linked to specific bug issues.
...d settings about:compat lists overriding site compatability fixes, linked to specific bug issues.
Embedding the editor
tly rooted the editor in a composer window is current owned by the nseditorshell, which in turn is created, owned and destroyed by the nseditorboxobject.
...one true editor via window.editorshell.
How Mozilla determines MIME Types
the file for "magic numbers"; this can currently detect pdf and postscript.
...t in edit/preferences/helper applications) if that failed, a list of "extra" mime types is searched for an extension match.
How to implement a custom autocomplete search component
autocomplete sources, including: history: search the browser's url history (firefox: 1.0+; seamonkey: 1.1+) form-history: search the values that the user has entered into form fields.
... like this: <textbox id="text1" type="autocomplete" autocompletesearch="simple-autocomplete" showcommentcolumn="true" autocompletesearchparam='[{"value":"mark","comment":"cool dude"},{"value":"mary","comment":"nice lady"},{"value":"jimmy","comment":"very uncool guy"},{"value":"jimbo","comment":null}]' /> the component uses the autocompletesearchparam attribute or searchparam property to allow the developer to define a set of data to use for autocompletion.
IME handling guide
his modifies the stored composition string and its clause information.
...nt is handled via imecontentobserver because if it has a cache of selection, it can set reply of equeryselectedtext event only with the cache.
Integrated Authentication
delegation-uris lists the sites for which the browser may delegate user authorization to the server.
...the browser may delegate user authorization to the server.
JavaScript Tips
rst/lastchild with next/previoussibling.
...looks silly.) xul also maps the hidden and collapsed attributes to properties, but note that these are boolean properties whereas the above list are all string properties.
NetUtil.jsm
ify an nsichannel as the input source, and its notification callbacks have already been set, callers are responsible for implementing nsibadcertlistener and nsisslerrorlistener.
...stener and nsisslerrorlistener.
Task.jsm
e been converted to tasks and some not.
... retrieve the associated iterator.
WebRequest.jsm
" chrome incompatibilities although this api is modeled on chrome's webrequest extension api, there are some differences.
...modeled on chrome's webrequest extension api, there are some differences.
Bootstrapping a new locale
please see those documents.
...t, firefox 3.6: ff36.phaselist).
Mozilla Content Localized in Your Language
ology what is your localization team's process for identifying and creating new terminology?
...used currency and symbols used in your country/language for paid apps.
Localization sign-off reviews
cess has been notoriously shrouded in mystery.
...m quality assurance (qa) testing on your l10n efforts.
Localization technical reviews
g for any trying to start a new localization.
... quality assurance (qa) testing on your l10n efforts.
MathML Demo: <mmultiscripts> - attach prescripts and tensor indices to a base
a mathml mmultiscripts object allows you to build tensor-like objects.
...ensor-like objects.
Mozilla Style System
he css cascade.
...tyle (front end) the interface that the front end exposes to the rest of mozilla consists of a single nsstyleset object and many nsstylecontext objects, each of which holds the computed style for an element, pseudo-element, or text node.
Investigating leaks using DMD heap scan mode
firefox’s dmd heap scan mode tracks the set of all live blocks of malloc-allocated memory and their allocation stacks, and allows you to log these blocks, and the values stored in them, to a file.
... moz_dmd_shutdown_log=$logdir: this option specifies that we want a dmd log to be taken very late in xpcom shutdown, and the location for that log to be saved.
JS::PerfMeasurement
sk values in the above table.
...nes you want together and pass them to the constructor.
Leak-hunting strategies and tips
debugging leaks that go through xpconnect many large object graphs that leak go through xpconnect.
...ect graphs that leak go through xpconnect.
Memory reporting
(via moz_malloc_usable_size).
...ytes aren't measured they'll end up in about:memory's heap-unclassified entry, which is bad.
Reporting a Performance Problem
and select 'capture'.
...hat slows down firefox while recording the profile.
about:memory
are presented within trees.
...represents the main browser ui window.
A brief guide to Mozilla preferences
firefox being installed (nightly, aurora, beta, release) browser/defaults/preferences/firefox-l10n.js - defaults specific to the installed language of firefox.
... optionally load the config file.
Midas
item will bump up a level in the list or break out of the list entirely.
...out of the list entirely.
Interval Timing
nspr defines a platform-dependent type, printervaltime, for timing intervals of fewer than approximately 6 hours.
... nspr defines a platform-dependent type, printervaltime, for timing intervals of fewer than approximately 6 hours.
PRIntervalTime
efine a range in ticks per second.
...since the sampling of the counter used to define an arbitrary epoch may have any 32-bit value, some care must be taken in the use of interval times.
PR_Initialize
d c programming practice.
...program's argument vector.
PR_InitializeNetAddr
yte order.
...rk address values and the port number, while also setting the state that indicates the version of the address being used.
NSS Certificate Download Specification
hain: this is a single pkcs#7 signeddata object.
...a certificates to the local database.
HTTP delegation
t start with sec_http.
...t howto.
HTTP delegation
t start with sec_http.
...t howto.
NSS Key Log Format
...
...n traffic secret for the client side (for tls 1.3) server_traffic_secret_0: the first hex-encoded application traffic secret for the server side (for tls 1.3) early_exporter_secret: the hex-encoded early exporter secret (for tls 1.3, used for 0-rtt keys in older quic drafts).
NSS_3.12_release_notes.html
orithmid (see cryptohi.h) new macros for camellia support (see blapit.h): nss_camellia nss_camellia_cbc camellia_block_size new macros for rsa (see blapit.h): rsa_max_modulus_bits rsa_max_exponent_bits new macros in certt.h: x.509 v3 ku_encipher_only cert_max_serial_number_bytes cert_max_dn_bytes pkix cert_rev_m_do_not_test_using_this_method cert_rev_m_test_using_this_method cert_rev_m_allow_network_fetching cert_rev_m_forbid_network_fetching cert_rev_m_allow_implicit_default_source cert_rev_m_ignore_implicit_default_source cert_rev_m_skip_test_on_missing_source cert_rev_m_require_info_on_missing_source cert_rev_m_ignore_missing_fresh_info cert_rev_m_fail_on_missing_fresh_info cert_rev_m_stop_testing_on_fresh_info cert_rev_m_continue_testing_on_fresh_info cert_rev_mi_test_each_method...
...bug 349011: please stop exporting these crmf_ symbols bug 397178: crash when entering chrome://pippki/content/resetpassword.xul in url bar bug 403822: pkix_pl_ocsprequest_create can leave some members uninitialized bug 403910: cert_findusercertbyusage() returns wrong certificate if multiple certs with same subject available bug 404919: memory leak in sftkdb_readsecmoddb() (sftkmod.c) bug 406120: allow application to specify ocsp timeout bug 361025: support for camellia cipher suites to tls rfc4132 bug 376417: pk11_generatekeypair needs to get the key usage from the caller.
NSS 3.14 release notes
illa.org/pub/mozilla.org/security/nss/releases/nss_3_14_rtm/src/.
...date).
NSS 3.15.2 release notes
bug 880543 - support for aes-gcm ciphersuites that use the sha-256 prf bug 663313 - md2, md4, and md5 signatures are no longer accepted for ocsp or crls, consistent with their handling for general certificate signatures.
...al macro bugs fixed in nss 3.15.2 bug 734007 - sizeof() used incorrectly bug 900971 - nssutil_readsecmoddb() leaks memory bug 681839 - allow ssl_handshakenegotiatedextension to be called before the handshake is finished.
NSS 3.19.2.1 release notes
these issues can overflow the heap and may be able to obtain remote code execution.
...e been resolved in nspr 4.10.10, which affect nss.
NSS 3.19.4 release notes
these issues can overflow the heap and may be able to obtain remote code execution.
...e been resolved in nspr 4.10.10, which affect nss.
NSS 3.20.1 release notes
these issues can overflow the heap and may be able to obtain remote code execution.
...e been resolved in nspr 4.10.10, which affect nss.
NSS 3.20 release notes
r.
...y default, the server side tls implementation will use dhe parameters with a size of 2048 bits when using dhe ciphersuites.
NSS 3.24 release notes
se a performance regression.
...sslv2-compatible client hello.
NSS 3.25 release notes
lable on ftp.mozilla.org for secure https download at the following location.
...ash algorithm as the prf when using tls 1.2 client authentication.
NSS 3.28 release notes
ments a key exporter based on the tls 1.3 early exporter secret.
...ted (on the client) or accepted (on the server).
NSS 3.44 release notes
n nss test certificates, use @example.com (not @bogus.com) 1538479 - post-handshake messages after async server authentication break when using record layer separation 1521578 - x25519 support in pk11pars.c 1540205 - freebl build fails with -dnss_disable_chachapoly 1532312 - post-handshake auth doesn't interoperate with openssl 1542741 - certutil -f crashes with segmentation fault 1546925 - allow preceding text in try comment 1534468 - expose chacha20 primitive 1418944 - quote cc/cxx variables passed to nspr 1543545 - allow to build nss as a static library 1487597 - early data that arrives before the handshake completes can be read afterwards 1548398 - freebl_gtest not building on linux/mac 1548722 - fix some coverity warnings 1540652 - softoken/sdb.c: logically dead code 1549413 ...
... 1487597 - early data that arrives before the handshake completes can be read afterwards 1548398 - freebl_gtest not building on linux/mac 1548722 - fix some coverity warnings 1540652 - softoken/sdb.c: logically dead code 1549413 - android log lib is not included in build 1537927 - ipsec usage is too restrictive for existing deployments 1549608 - signature fails with dbm disabled 1549848 - allow building nss for ios using gyp 1549847 - nss's sqlite compilation warnings make the build fail on ios 1550041 - freebl not building on ios simulator 1542950 - macos cipher test timeouts this bugzilla query returns all the bugs fixed in nss 3.44: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_format=advanced&product=nss&target_milestone=3.44 compat...
NSS 3.47 release notes
am plans to make two changes to the default tls configuration in nss 3.48, which will be released in early december: tls 1.3 will be the default maximum tls version.
...g 1581024 - heap overflow in nss utility "derdump" bug 1582343 - soft token mac verification not constant time bug 1578238 - handle invald tag sizes for ckm_aes_gcm bug 1576295 - check all bounds when encrypting with seed_cbc bug 1580286 - nss rejects tls 1.2 records with large padding with sha384 hmac bug 1577448 - create additional nested s/mime test messages for thunderbird bug 1399095 - allow nss-try to be used to test nspr changes bug 1267894 - libssl should allow selecting the order of cipher suites in clienthello bug 1581507 - fix unportable grep expression in test scripts bug 1234830 - [cid 1242894][cid 1242852] unused values bug 1580126 - fix build failure on aarch64_be while building freebl/gcm bug 1385039 - build nspr tests as part of nss continuous integration bug 158139...
nss tech note8
the callers relied on the ability of the respective cache functions to be able to compute the expiration time.
...ion times explicitly, as shown above.
Overview of NSS
rm-neutral open-source api for system functions designed to facilitate cross-platform development.
...ging, diagnostics, certificate and key management, cryptography module management, and other development tasks.
PKCS11 FAQ
Mozilla › Projects › NSS › PKCS11 › FAQ
.
...ied in the pnotify and papplication parameters for c_opensession?
NSS Key Functions
ure.
...key_destroyprivatekey, the function decrements the reference count and, if the reference count reaches zero as a result, both frees the memory and sets all the bits to zero.
NSS functions
d later sec_pkcs7includecertchain mxr 3.2 and later sec_pkcs7iscontentempty mxr 3.2 and later sec_pkcs7setcontent mxr 3.4 and later sec_pkcs7verifydetachedsignature mxr 3.4 and later sec_pkcs7verifysignature mxr 3.2 and later secmime_decryptionallowed mxr 3.4 and later pkcs #12 functions the public functions listed here perform pkcs #12 operations required by some of the nss tools and other applications.
... later sec_pkcs12decodervalidatebags mxr 3.2 and later sec_pkcs12decoderverify mxr 3.2 and later sec_pkcs12destroyexportcontext mxr 3.2 and later sec_pkcs12enablecipher mxr 3.2 and later sec_pkcs12encode mxr 3.2 and later sec_pkcs12isencryptionallowed mxr 3.2 and later sec_pkcs12setpreferredcipher mxr 3.2 and later ...
NSS tools : modutil
herenableflags{0x0001} files { unix/fort.so { relativepath{%root%/lib/fort.so} absolutepath{/usr/local/netscape/lib/fort.so} filepermissions{555} } xplat/instr.html { relativepath{%root%/docs/inst.html} absolutepath{/usr/local/netscape/docs/inst.html} filepermissions{555} } } } irix:6.2:mips { equivalentplatform { sunos:5.5.1:sparc } } } script grammar the script is basic java, allowing lists, key-value pairs, strings, and combinations of all of them.
... nss database types nss originally used berkeleydb databases to store security information.
NSS tools : pk12util
1 (0x1) certificate: data: version: 3 (0x2) serial number: 13 (0xd) signature algorithm: pkcs #1 sha-1 with rsa encryption issuer: "e=personal-freemail@thawte.com,cn=thawte personal freemail c a,ou=certification services division,o=thawte consulting,l=cape t own,st=western cape,c=za" alternatively, the -r prints the certificates and then exports them into separate der binary files.
... nss database types nss originally used berkeleydb databases to store security information.
sslintro.html
this page is part of the ssl reference that we are migrating into the format described in the mdn style guide.
...o change from those established with ssl_optionsetdefault.
sslkey.html
ivatekey(seckeyprivatekey *key); parameter this function has the following parameter: key a pointer to the private key structure to destroy.
...y_destroyprivatekey, the function decrements the reference count and, if the reference count reaches zero as a result, both frees the memory and sets all the bits to zero.
ssltyp.html
ases.
... a whole new copy.
TLS Cipher Suite Discovery
establishment algorithm (such as rsa, dh, or ecdh) peer authentication algorithm (such as rsa, dsa, ecdsa) bulk data encryption algorithm (such as rc4, des, aes) and key size digest algorithm for message authentication checking (sha1, sha256) there are numerous available choices for each of those categories, and the number of possible combinations of all those choices is large.
...s rsa, dsa, ecdsa) bulk data encryption algorithm (such as rc4, des, aes) and key size digest algorithm for message authentication checking (sha1, sha256) there are numerous available choices for each of those categories, and the number of possible combinations of all those choices is large.
NSS Tools certutil-tasks
nss security tools: certutil tasks newsgroup: mozilla.dev.tech.crypto task list better error reporting.
... nss security tools: certutil tasks newsgroup: mozilla.dev.tech.crypto task list better error reporting.
NSS Tools pk12util
using the pkcs #12 tool (pk12util) newsgroup: mozilla.dev.tech.crypto the pkcs #12 utility makes sharing of certificates among enterprise server 3.x and any server (netscape products or non-netscape products) that supports pkcs#12 possible.
...leylen specify the desired length of the symmetric key to be used to encrypt the top level protocol data unit password based encryption pkcs #12 provides for not only the protection of the private keys but also the certificate and meta-data associated with the keys.
NSS tools : modutil
Mozilla › Projects › NSS › tools › modutil
ocal/netscape/lib/fort.so} filepermissions{555} } xplat/instr.html { relativepath{%root%/docs/inst.html} absolutepath{/usr/local/netscape/docs/inst.html} filepermissions{555} } } } irix:6.2:mips { equivalentplatform { sunos:5.5.1:sparc } } } script grammar the script is basic java, allowing lists, key-value pairs, strings, and combinations of all of them.
...s originally used berkeleydb databases to store security information.
NSS tools : pk12util
ial number: 13 (0xd) signature algorithm: pkcs #1 sha-1 with rsa encryption issuer: "e=personal-freemail@thawte.com,cn=thawte personal freemail c a,ou=certification services division,o=thawte consulting,l=cape t own,st=western cape,c=za" ....
...s originally used berkeleydb databases to store security information.
Necko Architecture
urls and channels (nsichannel) in necko.
...listener to actually retrieve data that the channel has acquired.
Rhino Examples
examples have been provided that show how to control the javascript engine and how to implement scriptable host objects.
...by typing interactively while the shell is running.
SpiderMonkey compartments
d with arbitrary other javascript objects from other origins.
...an never accidentally leak into an untrusted website such as "evil.com".
SpiderMonkey Internals: Thread Safety
untime data structures are serialized with a few mutexes.
...ase we don't care what it's doing) or else in jsapi, but blocked, waiting for gc to finish.
JSAPI User Guide
tions automatically pass exceptions to the error reporter in certain cases.
...back functions (see jsclass.checkaccess and js_setcheckobjectaccesscallback).
JS::Value
le semantics (ignoring performance).
...or issues to be aware of when using js::value.
JSErrorReport
filename const char * indicates the source file or url that produced the error condition.
...t produced the error condition.
JS_FS
lags uint16 the bitwise or of any number of function flags.
...de.
JS_GetGCParameter
imit" maximum size the gc mark stack can grow to (units: entries).
... tenured and the nursery is at least 4mb, then process object groups to look for pretenuring candidates.
JS_SetNativeStackQuota
systemcodestacksize.
... of the native stack that should not be exceeded.
SpiderMonkey 1.8.5
an interpreter, as in previous versions.
...see bug 581263.
Running Automated JavaScript Tests
directory path.
...shell developers will usually want to run like this to skip the slow tests and cover the most important options: jit_test.py --no-slow path_to_js_shell you can select specific tests to run in the same way as the jstests shell harness.
Security and the jar protocol
egardless of its mime type (in other words, its mime type was assumed to be application/zip, regardless of what it actually was).
...a big deal, since site developers wouldn't put up dangerous files and set them up to download like zip archives.
Signing Mozilla apps for Mac OS X
tton and uncheck the "developer id installer certificate" box.
...e, or you can simply type "man codesign" in a terminal window.
XUL Accessibility
e="it's label for control" control="control" /> <hbox role="grouping" id="control" /> get tooltiptext attribute if the element is anonymous child of the element that is the direct child of toolbaritem element or the element is direct child of toolbaritem element then title attribute of toolbaritem element is used (currently it's used in firefox ui only) if the element has aria role and the role allows to aggregate name from subtree of element then generate name from subtree of the element description the following rules to generate accessible description are applied: check aria-describedby attribute, description is generated from elements pointed by aria-describedby attribute <description id="descr1">label1</description> <description id="descr2">label2</description> <textbox aria-describ...
...abel2</description> <textbox aria-describedby="descr1 descr2" /> if neighbour of the element has description element pointing to this element by the control attribute, if the description element is found then use its content.
Places utilities for JavaScript
showminimaladdlivemarkui(afeeduri, asiteuri, atitle, adescription, adefaultinsertionpoint, ashowpicker) see showaddlivemarkui for a description of the params.
... calling this before we visit a url, we will use transition_bookmark as the transition for the visit to that url (if we don't have a referrer).
Preferences API
preferences api allows you to save and read strings, numbers, booleans, and references to files to the preferences store.
... preferences api allows you to save and read strings, numbers, booleans, and references to files to the preferences store.
XPCOM changes in Gecko 2.0
several changes that affect xpcom component compatibility are taking place in gecko 2.
...tartup process, all without having to restart the browser.
Creating the Component Code
ct.
...erstr, const char *atype) = 0; ns_imethod unregisterself(nsicomponentmanager *acompmgr, nsifile *alocation, const char *aloaderstr) = 0; registerself is called when a component is first registered with xpcom.
Components.utils.Sandbox
box has the same effect as calling sandbox(...) without new.
...s: freshzone if true creates a new gc region separate from both the calling context's and the sandbox prototype's region.
Components.utils
which error reporter gets called.
...) export a javascript function from a more-privileged to a less-privileged scope, allowing it to be called in the less-privileged scope.
JavaXPCOM
javaxpcom allows for communication between java and xpcom, such that a java application can access xpcom objects, and xpcom can access any java class that implements an xpcom interface.
...velopment how to get and build the source, as well as how to view and report bugs.
XPCShell Reference
rthermore, xpcshell looks for xpcshell.js in the current directory.
...ar() removes all properties from an object.
XPCOM glue classes
ns convertasciitoutf16 externalclass declarationns convertutf16toutf8 externalclass declarationns convertutf8toutf16 externalclass declarationns lossyconvertutf16toascii externalclass declarationns_convertasciitoutf16class declarationns_convertutf16toutf8class declarationns_convertutf8toutf16class declarationns_lossyconvertutf16toasciiclass declarationns_overridens_override is a macro which allows c++ code in mozilla to specify that a method is intended to override a base class method.
...tes null-terminated storage.nsembedstringthe nsembedstring concrete class provides a way to construct a nsastring object that allocates null-terminated storage.nsfixedcstringclass declarationnsfixedstringclass declarationnsliteralcstring (external)class declarationnsliteralstring (external)class declarationnsmemorythe nsmemory class provides static helper routines to manage memory.
amIWebInstaller
toolkit/mozapps/extensions/amiwebinstaller.idlscriptable this interface is used to allow web pages to start installing add-ons.
...ing the number of add-ons to install.
mozIStorageProgressHandler
.
... periodically while an sqlite operation is ongoing.
nsIAboutModule
d in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) method overview unsigned long geturiflags(in nsiuri auri); nsichannel newchannel(in nsiuri auri); constants constant value description uri_safe_for_untrusted_content (1 << 0) a flag that indicates whether a uri is safe for untrusted content.
...ong geturiflags(in nsiuri auri); nsichannel newchannel(in nsiuri auri); constants constant value description uri_safe_for_untrusted_content (1 << 0) a flag that indicates whether a uri is safe for untrusted content.
nsIAccessibleStates
accessible/public/nsiaccessiblestates.idlscriptable please add a summary to this article.
...ecko 1.9 (firefox 3) prior to gecko 1.9, these constants were implemented in nsiaccessible.
nsIChannelPolicy
netwerk/base/public/nsichannelpolicy.idlscriptable a container for policy information to be used during channel creation.
...ists to allow the content policy mechanism to function properly during channel redirects.
nsIChromeRegistry
full 2 methods canonify() obsolete since gecko 1.8 (firefox 1.5 / thunderbird 1.5 / seamonkey 1.0) note: this method is obsolete; use convertchromeurl() instead.
...ing for new packages and so forth.
nsIContentViewer
bsolete since gecko 1.8 attributes attribute type description container nsisupports domdocument nsidomdocument enablerendering boolean obsolete since gecko 2.0 historyentry nsishentry get the history entry that this viewer will save itself into when destroyed.
...o prevent unloading by firing beforeunload on the document, and if it does, prompts the user.
nsICookiePermission
in nsiuri auri, in nsichannel achannel); boolean cansetcookie(in nsiuri auri, in nsichannel achannel, in nsicookie2 acookie, inout boolean aissession, inout print64 aexpiry); nsiuri getoriginatinguri(in nsichannel achannel); void setaccess(in nsiuri auri, in nscookieaccess aaccess); constants constant value description access_default 0 nscookieaccess's access default value access_allow 1 nscookieaccess's access allow value access_deny 2 nscookieaccess's access deny value access_session 8 additional values for nscookieaccess, which are not directly used by any methods on this interface, but are nevertheless convenient to define here.
...abase, either to set or get cookies.
nsIDOMWindowUtils
oid getscrollxy( in boolean aflushlayout, out long ascrollx, out long ascrolly ); parameters aflushlayout flushes layout if true.
...arameters aflushlayout flushes layout if true.
nsIDownloadManager
ted) on the nsicancelable provided by the download.
... ns_error_failure the download is not in progress.
nsIEditorSpellCheck
s added to the personal dictionary.
...e since gecko 9.0 (firefox 9.0 / thunderbird 9.0 / seamonkey 2.6)this feature is obsolete.
nsIEventListenerInfo
ervice.getlistenerinfofor, which provides a list of all the listeners to a given event target.
... given event target.
nsIFilePicker
*.raw filters for file extensions.
...le extensions.
nsIHttpChannelInternal
setupfallbackchannel(in string afallbackkey); attributes attribute type description canceled boolean returns true if and only if the channel has been canceled.
...est's major version number.
nsIINIParserWriter
nsiiniparserwriter xpcom/ds/nsiiniparser.idlscriptable allows writing to an ini-format configuration file.
... nsiiniparserwriter xpcom/ds/nsiiniparser.idlscriptable allows writing to an ini-format configuration file.
nsIJumpListBuilder
.1) jump lists are built and then applied.
... jump list using commitlistbuild().
nsIMIMEInputStream
netwerk/base/public/nsimimeinputstream.idlscriptable the mime stream separates headers and a datastream.
... void setdata(in nsiinputstream stream); attributes attribute type description addcontentlength boolean when true a "content-length" header is automatically added to the stream.
nsIMsgFilterCustomAction
ilter type (manual, offlinemail, etc.) * * @return errormessage a localized message to display if invalid * set to null if the actionvalue is valid */ autf8string validateactionvalue(in autf8string actionvalue, in nsimsgfolder actionfolder, in nsmsgfiltertypetype filtertype); /* allow duplicate actions in the same filter list?
...ized message to display if invalid * set to null if the actionvalue is valid */ autf8string validateactionvalue(in autf8string actionvalue, in nsimsgfolder actionfolder, in nsmsgfiltertypetype filtertype); /* allow duplicate actions in the same filter list?
nsIMsgSearchCustomTerm
defined in comm-central/ mailnews/ base/ search/ public/ nsimsgsearchcustomterm.idl attributes id /** * globally unique string to identify this search term.
... comm-central/ mailnews/ base/ search/ public/ nsimsgsearchcustomterm.idl attributes id /** * globally unique string to identify this search term.
nsINavHistoryContainerResultNode
inavhistoryresultnode 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.
...nterface should not allow the list of children to be altered.
nsINavHistoryQueryOptions
his is designed for cases where you want to give the user the option of filing something into a list of folders.
...e:querytype=1&resulttype=7&folder=tag_folder_id.
nsITelemetry
toolkit/components/telemetry/nsitelemetry.idlscriptable a service to gather performance data that can be tracked over time to allow generating histograms.
...egoryname, in jsval ascalardata); void clearevents(); test only attributes attribute type description canrecordbase boolean a flag indicating if telemetry can record base data (fhr data).
nsITraceableChannel
netwerk/base/public/nsitraceablechannel.idlscriptable this interface is used to allow intercepting of http traffic.
...ith a new one, returning the listener previously assigned to the channel.
nsITransport
block the calling thread until at least one byte is available or until the stream is closed.
...ill block the calling thread until all of the data can be written or until the stream is closed.
nsIURI
netwerk/base/public/nsiuri.idlscriptable this is an interface for an uniform resource identifier with internationalization support, offering attributes that allow setting and querying the basic components of a uri, and methods for performing basic operations on uris.
... base.
nsIURIFixup
eexposableuri(in nsiuri auri); nsiuri createfixupuri(in autf8string auritext, in unsigned long afixupflags); nsiuri keywordtouri(in autf8string akeyword); nsiurifixupinfo getfixupuriinfo(in autf8string auritext, in unsigned long afixupflags); constants constant value description fixup_flag_none 0 no fixup flags.
...; nsiuri createfixupuri(in autf8string auritext, in unsigned long afixupflags); nsiuri keywordtouri(in autf8string akeyword); nsiurifixupinfo getfixupuriinfo(in autf8string auritext, in unsigned long afixupflags); constants constant value description fixup_flag_none 0 no fixup flags.
nsIUpdateTimerManager
can instead register an update-timer category with comma-separated values as a single string representing the timer, like this: _xpcom_categories: [{ category: "update-timer", value: "contractid," + "method," + "id," + "preference," + "interval" }], this allows you to schedule the timer without actually having to instantiate the component; instead, the component is instantiated when the timer is triggered.
... the values are: contractid the component's contract id.
nsIWebNavigation
if this flag is set, stop() will be called before the load starts and will stop both content and network activity (the default is to only stop network activity).
...d-party server for correction.
nsIXPCScriptable
t_checkaccess 1 << 12 want_call 1 << 13 want_construct 1 << 14 want_hasinstance 1 << 15 want_trace 1 << 16 use_jsstub_for_addproperty 1 << 17 use_jsstub_for_delproperty 1 << 18 use_jsstub_for_setproperty 1 << 19 dont_enum_static_props 1 << 20 dont_enum_query_interface 1 << 21 dont_ask_instance_for_scriptable 1 << 22 classinfo_interfaces_only 1 << 23 allow_prop_mods_during_resolve 1 << 24 allow_prop_mods_to_prototype 1 << 25 dont_share_prototype 1 << 26 dont_reflect_interface_names 1 << 27 want_equality 1 << 28 want_outer_object 1 << 29 want_inner_object 1 << 30 reserved 1 << 31 the high order bit is reserved for consumers of these flags.
...l id, in jsvalptr vp ); parameters wrapper cx obj id vp return value ns_success_i_did_something if this method does something.
nsIAbCard/Thunderbird3
note: this interface has been overhauled completely for thunderbird 3.
...lularnumbertype jobtitle, department, company _aimscreenname dates: anniversaryyear, anniversarymonth, anniversaryday birthyear, birthmonth, birthday webpage1 (work), webpage2 (home) custom1, custom2, custom3, custom4 notes integral properties: lastmodifieddate popularityindex prefermailformat (see nsiabprefermailformat) boolean properties: allowremotecontent inherits from: nsiabitem method overview nsivariant getproperty(in autf8string name, in nsivariant defaultvalue); [noscript] astring getpropertyasastring(in string name); [noscript] autf8string getpropertyasautf8string(in string name); [noscript] pruint32 getpropertyasuint32(in string name); [noscript] boolean getpropertyasbool(in...
Storage
utomatically as part of system restore functionality.
...ject that implements mozistoragestatementcallback.
wrappedJSObject
de as it forces you to clearly define the interfaces that should be used to access the component, it's inconvenient to write the interfaces (and recompile each time you change them) when working on a prototype of the component.
...pper.wrappedjsobject property if the wrapped object allows this.
Xptcall Porting Guide
ge the number of stubs or to change their specific declaration) using the perl script xptcall/public/genstubs.pl.
...n for win32 and linux x86, netbsd x86, and freebsd.
Declaring and Using Callbacks
c functions occasionally take function pointers as arguments, which are generally used as callbacks.
... c functions occasionally take function pointers as arguments, which are generally used as callbacks.
js-ctypes
js-ctypes allows application and extension code to call back and forth to native code written in c.
...de to call back and forth to native code written in c.
Browser Side Plug-in API - Plugins
pn_forceredraw forces a paint message for a windowless plug-in.
...npn_posturl posts data to a url.
Initialization and Destruction - Plugins
you can allocate instance-specific private data at this time.
...e, the following embed element has the standard attributes src, height, and width and the private attribute loop: <embed src="movie.avi" height="100" width="100" loop="true"> with the embed element in the example, the browser passes the values in argv to the plug-in instance: argc = 4 argn = { "src", "height", "width", "loop" } argv = { "movie.avi", "100", "100", "true" } the saved parameter allows an instance of a plug-in to save its data and, when the instance is destroyed, pass the data to the next instance of the plug-in at the same url.
Plug-in Basics - Plugins
s determine the type of object to embed, the type and location of the object's implementation (code), and the type and implementation of the object's data.
... salign="tl" menu="0"> </embed> </object> using custom embed attributes in addition to these standard attributes, you can create private, plug-in-specific attributes and use them in the embed attribute to pass extra information between the html page and the plug-in code.
Plug-in Development Overview - Plugins
.
...each stream has an associated mime type identifying the format of the data in the stream.
Plug-in Side Plug-in API - Plugins
, see the how plug-ins work and overview of plug-in structure sections in the introduction.
...in the introduction.
Gecko Plugin API Reference - Plugins
npn_forceredraw forces a paint message for a windowless plug-in.
... npn_posturl posts data to a url.
Plugin Roadmap for Firefox - Plugins
has announced an end-of-life plan.
...vate each plugin.
Browser Console - Firefox Developer Tools
rowser console looks like this: you can see that the browser console looks and behaves very much like the web console: most of the window is occupied by a pane that display messages.
...xported symbol from console.jsm is "console".
Debugger.Source - Firefox Developer Tools
ipt source code, as a string.
...efers to webassembly code, the serialized text representation.
Aggregate view - Firefox Developer Tools
hat account for 15% of the total heap.
...rs arranged in a triangle: click this to see every instance of that type.
Throttling - Firefox Developer Tools
the network monitor allows you to throttle your network speed to emulate various connection speeds so you can see how your app will behave under different connection types.
... the network monitor allows you to throttle your network speed to emulate various connection speeds so you can see how your app will behave under different connection types.
Page inspector 3-pane mode - Firefox Developer Tools
this article explains how to use the page inspector's 3-pane mode.
... hand side, as usual.
Edit fonts - Firefox Developer Tools
nd entering a new value.
...tions of a typeface inside a single font file.
Style Editor - Firefox Developer Tools
xpressive syntax.
...d css, then manually work out how to reapply that to the original source.
Validators - Firefox Developer Tools
me.
...rmat web pages for better reading.
AbortController - Web APIs
the abortcontroller interface represents a controller object that allows you to abort one or more web requests as and when desired.
...using the fetch api.
AbortSignal - Web APIs
the abortsignal interface represents a signal object that allows you to communicate with a dom request (such as a fetch) and abort it if required via an abortcontroller object.
...using the fetch api.
AudioNode - Web APIs
Web › API › AudioNode
the way channels must be matched between the node's inputs and outputs.
...ing of the channels.
BeforeInstallPromptEvent - Web APIs
tallpromptevent() creates a new beforeinstallpromptevent.
...ed.
Bluetooth.getDevices() - Web APIs
the getdevices() method of bluetooth interface of web bluetooth api exposes the bluetooth devices this origin is allowed to access.
... the getdevices() method of bluetooth interface of web bluetooth api exposes the bluetooth devices this origin is allowed to access.
BroadcastChannel - Web APIs
the broadcastchannel interface represents a named channel that any browsing context of a given origin can subscribe to.
...error is fired—that is, when it receives a message that cannot be deserialized.
CSSStyleDeclaration.setProperty() - Web APIs
roperty(propertyname, value, priority); parameters propertyname is a domstring representing the css property name (hyphen case) to be modified.
...ot contain "!important" -- that should be set using the priority parameter.
CSS Object Model (CSSOM) - Web APIs
the css object model is a set of apis allowing the manipulation of css from javascript.
... the css object model is a set of apis allowing the manipulation of css from javascript.
Using the CSS Painting API - Web APIs
give the worklet — this is the name we will use in our css as the parameter of the paint() function when we want to apply this styling to an element.
...; } /* ctx is the 2d drawing context a subset of the html5 canvas api.
CSS Painting API - Web APIs
the css painting api — part of the css houdini umbrella of apis — allows developers to write javascript functions that can draw directly into an element's background, border, or content.
... the css painting api — part of the css houdini umbrella of apis — allows developers to write javascript functions that can draw directly into an element's background, border, or content.
CSS Properties and Values API - Web APIs
the css properties and values api — part of the css houdini umbrella of apis — allows developers to explicitly define their css custom properties, allowing for property type checking, default values, and properties that do or do not inherit their value.
...s how a browser should parse a css custom properties.
CSS Typed Object Model API - Web APIs
liably than string parsing and concatenation.
...maintainable code that is both more understand and easier to write.
Cache.matchAll() - Web APIs
Web › API › Cache › matchAll
n the cache object.
...re: ignoresearch: a boolean that specifies whether the matching process should ignore the query string in the url.
CanvasRenderingContext2D.drawImage() - Web APIs
tional the height of the sub-rectangle of the source image to draw into the destination context.
...eft corner of the source image.
CanvasRenderingContext2D.getImageData() - Web APIs
ctangle's top-left corner are (sx, sy), while the coordinates of the bottom corner are (sx + sw, sy + sh).
...oordinates of the bottom corner are (sx + sw, sy + sh).
Finale - Web APIs
Web › API › Canvas API › Tutorial › Finale
tantly arriving to make it possible to develop better and more powerful games that can be run in any standards-compliant web browser.
...en working further with canvas and graphics: webgl advanced api for rendering complex graphics, including 3d.
Hit regions and accessibility - Web APIs
with disabilities.
...information.
Using channel messaging - Web APIs
the channel messaging api allows two separate scripts running in different browsing contexts attached to the same document (e.g., two iframes, or the main document and an iframe, or two documents via a sharedworker) to communicate directly, passing messages between one another through two-way channels (or pipes) with a port at each end.
...d high scores from your game into your main profile, or add new background music choices from the audio player onto the game?
Clients - Web APIs
Web › API › Clients
the clients interface provides access to client objects.
...t via self.clients within a service worker.
Clipboard.read() - Web APIs
Web › API › Clipboard › read
ty table before using these methods.
... presented.
Constraint validation API - Web APIs
the constraint validation api enables checking values that users have entered into form controls, before submitting the values to the server.
... be cancelled, by invoking setcustomvalidity() with an empty string value.
Credential Management API - Web APIs
the credential management api lets a website store and retrieve user, federated, and public key credentials.
...e different types of credentials.
CredentialsContainer.get() - Web APIs
llects all credentials in the credentialscontainer that meet the necessary criteria (defined in the options argument).
...collectfromcredentialstore]] is called.
DOMMatrixReadOnly - Web APIs
the dommatrixreadonly interface represents a read-only 4×4 matrix, suitable for 2d and 3d operations.
...ommatrixreadonly interface represents a read-only 4×4 matrix, suitable for 2d and 3d operations.
DisplayMediaStreamConstraints.audio - Web APIs
d to process the audio prior to adding it to the stream.
...fine what the contents of the audio track should be.
EventTarget.addEventListener() - Web APIs
les and constants available to the containing function are also available to the event handler when using an arrow function.
...ng a particular value in the options object, it's a good idea to ensure that the user's browser supports it, since these are an addition that not all browsers have supported historically.
File.getAsBinary() - Web APIs
Web › API › File › getAsBinary
ork for every user.
...d use the filereader method readasbinarystring() or readasarraybuffer() instead.
FileException - Web APIs
he condition.
....
FileList - Web APIs
Web › API › FileList
ails on this usage.
...nput = document.getelementbyid("myfileinput"); // files is a filelist object (similar to nodelist) var files = fileinput.files; var file; // loop through files for (var i = 0; i < files.length; i++) { // get item file = files.item(i); //or file = files[i]; alert(file.name); } here is a complete example.
FontFace - Web APIs
Web › API › FontFace
the fontface interface represents a single usable font face.
... the fontface interface represents a single usable font face.
Using the Frame Timing API - Web APIs
mance entry types and the observer will have data about the duration of each frame event.
..._frame.observe({entrytypes: ['frame']}); the tools will save you!
GamepadButton - Web APIs
the gamepadbutton interface defines an individual button of a gamepad or other controller, allowing access to the current state of different types of buttons available on the control device.
...gamepads needs a webkit prefix and the button values are stored as an array of double values, whereas in firefox navigator.getgamepads doesn't need a prefix, and the button values are stored as an array of gamepadbutton objects; it is the gamepadbutton.value or gamepadbutton.pressed properties of these we need to access, depending on what type of buttons they are.
Using the Geolocation API - Web APIs
tion is obtained.
... number that can be used to uniquely identify the requested position watcher; you use this value in tandem with the clearwatch() method to stop watching the user's location.
Geolocation API - Web APIs
the geolocation api allows the user to provide their location to web applications if they so desire.
... the geolocation api allows the user to provide their location to web applications if they so desire.
Audio() - Web APIs
is given.
... <audio> element when there's enough audio available to begin playback, although interruptions may occur).
HTMLElement.oncut - Web APIs
Web › API › HTMLElement › oncut
the htmlelement.oncut property of the htmlelement interface is an eventhandler that processes cut events.
....oncut property of the htmlelement interface is an eventhandler that processes cut events.
HTMLHyperlinkElementUtils - Web APIs
the htmlhyperlinkelementutils mixin defines utility methods and properties to work with htmlanchorelement and htmlareaelement.
...tmlanchorelement and htmlareaelement.
HTMLImageElement.decoding - Web APIs
omstring representing the decoding hint.
...lues are: sync: decode the image synchronously for atomic presentation with other content.
HTMLImageElement.sizes - Web APIs
the htmlimageelement property sizes allows you to specify the layout width of the image for each of a list of media conditions.
...he source size value is a css length.
HTMLInputElement - Web APIs
.
...of the image displayed for the button, if the value of type is image.
HTMLOptionsCollection - Web APIs
oke="#d4dde4" stroke-width="2px" /><text x="286" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmloptionscollection</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties name type description length unsigned long as optionally allowed by the spec, this property isn't read-only.
...="middle">htmloptionscollection</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties name type description length unsigned long as optionally allowed by the spec, this property isn't read-only.
HTMLTableCellElement - Web APIs
in this way.
... value is only allowed if the cell is in a column group.
Using microtasks in JavaScript with queueMicrotask() - Web APIs
k of interfering with another script's execution, yet also ensures that the microtask runs before the user agent has the opportunity to react to actions taken by the microtask.
...ks until the queue is empty, there's a real risk of getting the event loop endlessly processing microtasks.
The HTML DOM API - Web APIs
cument was loaded, cookies, modification date, referring site, and so forth.
...ertext.
History - Web APIs
Web › API › History
the history interface allows manipulation of the browser session history, that is the pages visited in the tab or frame that the current page is loaded in.
... browser session history, that is the pages visited in the tab or frame that the current page is loaded in.
Working with the History API - Web APIs
ameter is optional; if it isn't specified, it's set to the document's current url.
...e state object or url of the current history entry in response to some user action.
IDBCursorSync - Web APIs
y readonly any the key for the record at the cursor's position.
...s reached the end of its range; otherwise returns true.
IndexedDB API - Web APIs
retrieving and modifying data idbtransaction represents a transaction.
... on a database, specify the scope (such as which object stores you want to access), and determine the kind of access (read only or readwrite) that you want.
KeyboardEvent.code - Web APIs
ent.preventdefault(); }, true); try it out to ensure that keystrokes go to the sample code, click inside the black game play field below before pressing keys.
...hat keystrokes go to the sample code, click inside the black game play field below before pressing keys.
LargestContentfulPaint - Web APIs
input on a web page.
...i?id=209216 try { let lcp; const po = new performanceobserver((entrylist) => { const entries = entrylist.getentries(); const lastentry = entries[entries.length - 1]; // update `lcp` to the latest value, using `rendertime` if it's available, // otherwise using `loadtime`.
MediaRecorder.onerror - Web APIs
rred, check the value of mediarecordererrorevent.error.name.
...st.push(event.data); }; recorder.onerror = function(event) { let error = event.error; switch(error.name) { case invalidstateerror: shownotification("you can't record the video right " + "now.
MediaRecorderErrorEvent.error - Web APIs
s name property's value may be any exception that makes sense during the handling of media recording, including these specifically identified by the specification.
...od references.
MediaTrackSupportedConstraints.frameRate - Web APIs
nstraint.
...his property lets you determine if the user agent allows constraining the video track configuration by frame rate.
Media Source API - Web APIs
gins for a few years now, but the basic features offered have really only been useful for playing single whole tracks.
...pler http protocol to fetch files.
NDEFReader.scan() - Web APIs
Web › API › NDEFReader › scan
ndef records from compatible nfc devices, e.g., ndef nfc tags.
...this scan() operation.
Navigator.mozIsLocallyAvailable() - Web APIs
the navigator.mozislocallyavailable() method allows add-ons to determine whether or not a given resource is available.
... the navigator.mozislocallyavailable() method allows add-ons to determine whether or not a given resource is available.
Web-based protocol handlers - Web APIs
lto: protocol: <a href="mailto:webmaster@example.com">web master</a> web authors can use a mailto: link when they want to provide a convenient way for users to send an email, directly from the webpage.
....google.co.uk/?uri=%s", "burger handler"); where the parameters are: the protocol.
Navigator.registerProtocolHandler() - Web APIs
text message links by passing the "sms" scheme.
...andler that lets web+burger: links send the user to your site, inserting the accessed burger url into the %s placeholder.
NavigatorID.userAgent - Web APIs
on based on detecting the user agent string is unreliable and is not recommended, as the user agent string is user configurable.
...e: in firefox, you can change the preference general.useragent.override in about:config.
Node - Web APIs
Web › API › Node
prefix will return the default namespace.
...te methods node.getuserdata() allows a user to get some domuserdata from the node.
Notification.requestPermission() - Web APIs
(permission) { // if the user accepts, let's create a notification if (permission === "granted") { var notification = new notification("hi there!"); } }); } // at last, if the user has denied notifications, and you // want to be respectful there is no need to bother them any more.
...in <iframe>s, with other browsers to follow.
Notification - Web APIs
(permission) { // if the user accepts, let's create a notification if (permission === "granted") { var notification = new notification("hi there!"); } }); } // at last, if the user has denied notifications, and you // want to be respectful there is no need to bother them any more.
...in <iframe>s, with other browsers to follow.
OES_texture_float - Web APIs
nctionality of this extension is available on the webgl2 context by default.
...ipmap_nearest, gl.nearest_mipmap_linear, or gl.linear_mipmap_linear, and use floating-point textures, the texture will be marked as incomplete.
OES_texture_float_linear - Web APIs
the oes_texture_float_linear extension is part of the webgl api and allows linear filtering with floating-point pixel types for textures.
...rt of the webgl api and allows linear filtering with floating-point pixel types for textures.
OES_texture_half_float - Web APIs
ebgl2 context by default.
...st_mipmap_linear, or gl.linear_mipmap_linear, and use half floating-point textures, the texture will be marked as incomplete.
OES_texture_half_float_linear - Web APIs
the oes_texture_half_float_linear extension is part of the webgl api and allows linear filtering with half floating-point pixel types for textures.
...webgl api and allows linear filtering with half floating-point pixel types for textures.
PaymentResponse - Web APIs
ingoption read only secure context returns the id attribute of the shipping option selected by the user.
...sed.
Payment processing concepts - Web APIs
ervice is the payment method provider.
...on.
PerformanceServerTiming - Web APIs
note: this feature is available in web workers.
... note: this feature is available in web workers.
Using Performance Timeline - Web APIs
the performance timeline standard defines extensions to the performance interface to support client-side latency measurements within applications.
...1", "mark-1", "mark-2"); var pelist = performance.getentries(); var pe = pelist[0]; if (pe.tojson === undefined) { log ("performanceentry.tojson() is not supported"); return; } // print the performanceentry object var json = pe.tojson(); var s = json.stringify(json); log("performanceentry.tojson = " + s); } performance observers the performance observer interfaces allow an application to register an observer for specific performance event types, and when one of those event types is recorded, the application is notified of the event via the observer's callback function that was specified at the time, the observer was created.
Performance Timeline - Web APIs
the performance timeline api defines extensions to the performance interface to support client-side latency measurements within applications.
...nting the time value of the duration of the performance event.
Permissions API - Web APIs
the permissions api provides a consistent programmatic way to query the status of api permissions attributed to the current context.
...cular api has been granted or denied.
Pointer events - Web APIs
ointer event.
... 1 4 right mouse, pen barrel button 2 2 x1 (back) mouse 3 8 x2 (forward) mouse 4 16 pen eraser button 5 32 notice: the button property indicates a change in the state of the button.
PublicKeyCredentialRequestOptions - Web APIs
econds, which indicates the time the caller is willing to wait for the retrieval operation to complete.
...th legacy fido apis credentials, prompting a specific text on the authenticator, etc.).
RTCDataChannel - Web APIs
receives a datachannel event (which has type rtcdatachannelevent) to let it know the data channel has been added to the connection.
... an id number (between 0 and 65,534) which uniquely identifies the rtcdatachannel.label read only the read-only rtcdatachannel property label returns a domstring containing a name describing the data channel.
RTCInboundRtpStreamStats.pliCount - Web APIs
value an integer value indicating the number of times a pli packet was sent by the rtcrtpreceiver to the sender.
...otify the encoder (the sender) that an undefined amount of coded video data, which may span frame boundaries, has been lost.
RTCOutboundRtpStreamStats.pliCount - Web APIs
as sent to this sender by the remote peer's rtcrtpreceiver.
...ecoder to notify the sender's encoder that an undefined amount of coded video data, which may span frame boundaries, has been lost.
RTCPeerConnection.restartIce() - Web APIs
the webrtc api's rtcpeerconnection interface offers the restartice() method to allow a web application to easily request that ice candidate gathering be redone on both ends of the connection.
... the webrtc api's rtcpeerconnection interface offers the restartice() method to allow a web application to easily request that ice candidate gathering be redone on both ends of the connection.
RTCPeerConnection - Web APIs
t browser versions have implemented it.removetrack()the rtcpeerconnection.removetrack() method tells the local end of the connection to stop sending media from the specified track, without actually removing the corresponding rtcrtpsender from the list of senders as reported by rtcpeerconnection.getsenders().restartice()the webrtc api's rtcpeerconnection interface offers the restartice() method to allow a web application to easily request that ice candidate gathering be redone on both ends of the connection.setconfiguration() the rtcpeerconnection.setconfiguration() method sets the current configuration of the rtcpeerconnection based on the values included in the specified rtcconfiguration object.
...on "new" the ice agent is gathering addresses or is waiting to be given remote candidates through calls to rtcpeerconnection.addicecandidate() (or both).
RTCRtpEncodingParameters - Web APIs
dtx only used for an rtcrtpsender whose kind is audio, this property indicates whether or not to use discontinuous transmission (a feature by which a phone is turned off or the microphone muted automatically in the absence of voice activity).
...m the enumerated string type rtcdtxstatus.
RTCRtpSendParameters.encodings - Web APIs
dtx only used for an rtcrtpsender whose kind is audio, this property indicates whether or not to use discontinuous transmission (a feature by which a phone is turned off or the microphone muted automatically in the absence of voice activity).
...m the enumerated string type rtcdtxstatus.
RTCRtpStreamStats.pliCount - Web APIs
unt; value an integer value indicating the number of times a pli packet was sent by the stream's receiver to the sender.
...ders (running on the receiving end of the stream) to notify the encoder (the sender) that an undefined amount of coded video data, which may span frame boundaries, has been lost.
ReportingObserver() - Web APIs
back a callback function that runs when the observer starts to collect reports (i.e.
...er.observe()).
Reporting API - Web APIs
gobserver object is created using the reportingobserver() constructor, which is passed two parameters: a callback function that has available as parameters the reports available in the observer's report queue, and a copy of the same reportingobserver object, so observation can be controlled directly from inside the callback.
...(reportingobserver.takerecords()), and disconnect the observer so it can no longer collect records (reportingobserver.disconnect()).
Resize Observer API - Web APIs
ng element.getboundingclientrect or window.getcomputedstyle, for example.
...etty much the same as other observers, such as performance observer or intersection observer — you create a new resizeobserver object using the resizeobserver() constructor, then use resizeobserver.observe() to make it look for changes to a specific element's size.
Using the Resource Timing API - Web APIs
a/img/firefox/firefox-256.e2c1fc556816.jpg" // set a callback if the resource buffer becomes filled performance.onresourcetimingbufferfull = buffer_full; } coping with cors when cors is in effect, many of the timing properties' values are returned as zero unless the server's access policy permits these values to be shared.
...comes filled performance.onresourcetimingbufferfull = buffer_full; } coping with cors when cors is in effect, many of the timing properties' values are returned as zero unless the server's access policy permits these values to be shared.
Resource Timing API - Web APIs
browser receives the last byte of the resource.
...nnection a secureconnectionstart timestamp will be available between the connection start and end events.
SVGMarkerElement - Web APIs
methods this also inherits methods from its parent, svgelement, and implements properties from svgstylable.
... exceptions: a domexception with code no_modification_allowed_err is raised when the object itself is read only.
Screen Wake Lock API - Web APIs
eds to keep running.
...se cases for keeping a screen on, including reading an ebook, map navigation, following a recipe, presenting to an audience, scanning a qr/barcode or applications that use voice or gesture control, rather than tactile input (the default way to keep a screen awake).
Selection.rangeCount - Web APIs
-only property returns the number of ranges in the selection.
...ection.
Selection - Web APIs
Web › API › Selection
g method.
... a selection object represents the ranges that the user has selected.
Sensor APIs - Web APIs
r code is inconsistent with the policies set on your server.
...proach is to attempt to use the error and listen for the securityerror.
ServiceWorkerGlobalScope - Web APIs
handler should assume it's being invoked with a bare, default global state.
... the serviceworkerglobalscope.onpushsubscriptionchange property.
ServiceWorkerRegistration.showNotification() - Web APIs
the shownotification() method of the serviceworkerregistration interface creates a notification on an active service worker.
...alue is absent or false, the desktop version of chrome will auto-minimize notifications after approximately twenty seconds.
Service Worker API - Web APIs
service workers essentially act as proxy servers that sit between web applications, the browser, and the network (when available).
...ceworkerglobalscope from another context) — extends the lifetime of such events.
TextRange - Web APIs
Web › API › TextRange
ar element = document.getelementbyid("test"); range.movetoelementtext(element); range.select(); // selected "sometexttobeselected" <!doctype html> <html> <head> <title>textrange example</title> </head> <body> <p id="test">sometexttobeselected</p> </body> </html> notes use textrange to operate the selection valid only under ie9.
... compatibility the document.selection object is the primary purpose of textrange.
UIEvent.cancelBubble - Web APIs
the uievent.cancelbubble property indicates if event bubbling for this event has been canceled or not.
... the uievent.cancelbubble property indicates if event bubbling for this event has been canceled or not.
WebGLRenderingContext.lineWidth() - Web APIs
the webglrenderingcontext.linewidth() method of the webgl api sets the line width of rasterized lines.
... the webglrenderingcontext.linewidth() method of the webgl api sets the line width of rasterized lines.
WebGLRenderingContext.pixelStorei() - Web APIs
ecifies the pixel storage modes.
...r channels glboolean false true, false webgl gl.unpack_colorspace_conversion_webgl default color space conversion or no color space conversion.
Using textures in WebGL - Web APIs
e must also be set to clamp_to_edge.
...set the wrapping mode to repeat or mirrored_repeat.
WebGL best practices - Web APIs
g); } for (const [vs, fs, prog] of programs) { if (!gl.getprogramparameter(prog, gl.link_status)) { console.error('link failed: ' + gl.getprograminfolog(prog)); console.error('vs info-log: ' + gl.getshaderinfolog(vs)); console.error('fs info-log: ' + gl.getshaderinfolog(fs)); } } khr_parallel_shader_compile for non-blocking compile/link status while we've described a pattern to allow browsers to compile and link in parallel, normally checking compile_status or link_status blocks until the compile or link completes.
...k.
WebRTC connectivity - Web APIs
wn as an ice candidate and details the available methods the peer is able to communicate (directly or through a turn server).
...s.
Introduction to WebRTC protocols - Web APIs
this article introduces the protocols on top of which the webrtc api is built.
...ablishment (ice) is a framework to allow your web browser to connect with peers.
Writing WebSocket servers - Web APIs
, common headers like user-agent, referer, cookie, or authentication headers might be there as well.
...ped to do so.
Web Video Text Tracks Format (WebVTT) - Web APIs
ous text .
...to be specified.
Using bounded reference spaces - Web APIs
, it is always good practice to handle this yourself, watching for collisions between the user's position and the boundary of the world, and providing guidance to move back toward the origin point, or at least to stay inside the safe zone.
...and if the user actually collides with the boundary, don't let them continue past it.
Inputs and input sources - Web APIs
the select action on.
...ts as usual without any further worries about which input source is primary.
WebXR permissions and security - Web APIs
t there are things to be aware of when setting up an ar session, as well.
...promise returned by requestsession() is resolved, and the new xrsession object is passed into the fulfillment handler.
WebXR Device API - Web APIs
the center of the room or surface.
...ent to indicate that the set of available input sources has changed for the xrsession.
Web Animations API Concepts - Web APIs
ons and css transitions specs.
...have already been outlined in the currently-in-progress level 2 spec of the web animations api.
Web Audio API best practices - Web APIs
ting jsx it might be worth looking at.
...r('click', function() { // check if context is in suspended state (autoplay policy) if (audioctx.state === 'suspended') { audioctx.resume(); } }, false); you might instead be working with an offlineaudiocontext, in which case you can resume the suspended audio context with the startrendering() method.
Window.history - Web APIs
Web › API › Window › history
that you should be aware of before using them.
...ng back button history.go(-1); // equivalent to history.back(); notes for top-level pages you can see the list of pages in the session history, accessible via the history object, in the browser's dropdowns next to the back and forward buttons.
Window.mozAnimationStartTime - Web APIs
ork in some browsers, its use is discouraged since it could be removed at any time.
...e removed at any time.
WindowOrWorkerGlobalScope.fetch() - Web APIs
specifies the referrer policy to use for the request.
...igin, strict-origin-when-cross-origin, or unsafe-url.
WindowOrWorkerGlobalScope.setInterval() - Web APIs
d by the windoworworkerglobalscope mixin.
...e this problem is the following framework.
WindowOrWorkerGlobalScope.setTimeout() - Web APIs
dow.settimeout()) sets a timer which executes a function or specified piece of code once the timer expires.
... // prints "one" after 2.5 seconds arrow functions are a possible alternative, too: settimeout(() => {myarray.mymethod()}, 2.0*1000); // prints "zero,one,two" after 2 seconds settimeout(() => {myarray.mymethod('1')}, 2.5*1000); // prints "one" after 2.5 seconds another possible way to solve the "this" problem is to replace the host settimeout() and setinterval() global functions with ones that allow passing a this object and set it in the callback using function.prototype.call, e.g.: // enable setting 'this' in javascript timers var __nativest__ = window.settimeout, __nativesi__ = window.setinterval; window.settimeout = function (vcallback, ndelay /*, argumenttopass1, argumenttopass2, etc.
XPathEvaluator - Web APIs
the xpathevaluator interface allows to compile and evaluate xpath expressions.
... the xpathevaluator interface allows to compile and evaluate xpath expressions.
XREnvironmentBlendMode - Web APIs
the webxr api's enumerated type xrenvironmentblendmode defines strings used to identify if and how to blend the rendered virtual content with the real world.
...ly-immersive vr headsets, which totally obscure the surrounding environment, with none of the real world shown to the user at all.
XRSession.environmentBlendMode - Web APIs
d a stable state.
...ly-immersive vr headsets, which totally obscure the surrounding environment, with none of the real world shown to the user at all.
XRSession: selectend event - Web APIs
nt 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.
... you should react to them, see primary actions in inputs and input sources.
XRSession: selectstart event - Web APIs
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.
... you should react to them, see primary actions in inputs and input sources.
XRSession: squeezeend event - Web APIs
t 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.
...react to them, see primary squeeze actions in inputs and input sources.
XRSession: squeezestart event - Web APIs
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.
...react to them, see primary squeeze actions in inputs and input sources.
XRView.eye - Web APIs
Web › API › XRView › eye
iew.eye; value a domstring whose value is one of the strings enumerated by the xreye type: left the xrview represents the point-of-view of the viewer's left eye.
... let viewport = gllayer.getviewport(view); gl.viewport(viewport.x, viewport.y, viewport.width, viewport.height); renderscene(gl, view); } } for each of the views, the value of eye is checked and if it's either left or right, we check to see if the body.lefteye.injured or body.righteye.injured property is true; if so, we call a function updateinjury() on that eye to do things such as allow a bit of healing to occur, track the progress of a poison effect, or the like, as appropriate for the game's needs.
Using the alert role - Accessibility
note: the same result can be achieved with less code when using a script library like jquery: $("<p role='alert'>you must agree with our terms of service to create an account.</p>").appendto(document.body); example 3: adding alert role to an existing element sometimes it's useful to add an alert role to an element that is already visible on the page rather than creating a new element.
...e on an element implies that element has aria-live="assertive".
Using the slider role - Accessibility
this technique demonstrates how to use the slider role and describes the effect it has on browsers and assistive technology.
...ent volume is 50.
ARIA: Complementary role - Accessibility
a section has a role of complementary.
...aders will announce the type of role the landmark is.
ARIA: contentinfo role - Accessibility
endant of the <body> element.
...ment will automatically communicate a section has a role of contentinfo (save for a known issue in voiceover).
ARIA: form role - Accessibility
.
...aration of role="form" with an of aria-label="contact form" may be announced redundantly as, "contact form form".
ARIA: gridcell role - Accessibility
f columns, and aria-rowindex to describe a gridcell's order in the list of rows.
...tyle grouping of content does not provide information about the columns and rows, gridcells must have their positions programatically described by using aria-describedby.
ARIA: Navigation Role - Accessibility
it difficult to understand the overall layout of the page.
...nce the type of role the landmark is.
ARIA: search role - Accessibility
te "noise" in screen readers, making it difficult to understand the overall layout of the page.
...ers will announce the type of role the landmark is.
ARIA: table role - Accessibility
n> </div> </div> </div> description an element with role="table" is a static tabular structure with rows containing cells.
... to simply use the <table> element, along with all the related semantic elements and attributes that are all supported by all assistive technologies.
Alerts - Accessibility
e “@” symbol, and if the name entry contains at least 1 character.
... have q.
Architecture - Accessibility
le to piece its text representation together.
... doublecheck, hit the delete key and see if it removes the first char of the next line.
Web accessibility for seizures and physical reactions - Accessibility
a user-chosen limited color palette on the page".
... for the mediaquerylist object.
Text labels and names - Accessibility
there are many situations in which a control, dialog, or other website feature should be given a descriptive name or label to allow users of assistive technologies to understand what its purpose is and to be able to understand and operate it correctly.
...valent purpose, except for the situations listed in the above link.
-webkit-mask-repeat-x - CSS: Cascading Style Sheets
the image is repeated as much as possible without clipping.
...ition property is ignored unless only one image can be displayed without clipping.
-webkit-mask-repeat-y - CSS: Cascading Style Sheets
is repeated as much as possible without clipping.
...perty is ignored unless only one image can be displayed without clipping.
:host-context() - CSS: Cascading Style Sheets
the :host-context() css pseudo-class function selects the shadow host of the shadow dom containing the css it is used inside (so you can select a custom element from inside its shadow dom) — but only if the selector given as the function's parameter matches the shadow host's ancestor(s) in the place it sits inside the dom hierarchy.
..., this allows a custom element, or anything within that custom element's shadow dom, to apply different styles based on its position within the outer dom or classes/attributes applied to ancestor elements.
font-weight - CSS: Cascading Style Sheets
the font-weight css descriptor allows authors to specify font weights for the fonts specified in the @font-face rule.
...fied formal syntax <font-weight-absolute>{1,2}where <font-weight-absolute> = normal | bold | <number <a href="/docs/css/value_definition_syntax#brackets" title="brackets: enclose several entities, combinators, and multipliers to transform them as a single component">[1,1000]> examples setting normal font weight in a @font-face rule the following finds a local open sans font or import it, and allows using the font for normal font weights.
Styling Columns - CSS: Cascading Style Sheets
ch as css grid layout.
...eans your columns will not run into each other.
CSS Containment - CSS: Cascading Style Sheets
the aim of the css containment specification is to improve performance of web pages by allowing developers to isolate a subtree of the page from the rest of the page.
...ng about the element is painted inside its bounds.
Controlling Ratios of Flex Items Along the Main Axis - CSS: Cascading Style Sheets
s 0 — all the space is up for grabs and as all of the items have the same flex-grow factor, they each get an equal amount of space distributed.
... shrink in order that they do not overflow the container.
Mastering Wrapping of Flex Items - CSS: Cascading Style Sheets
ainer and lay themselves out in reverse ordered lines.
...mples if our items are allowed to grow and shrink, when there are fewer items in the last row or column then those items grow to fill the available space.
Ordering Flex Items - CSS: Cascading Style Sheets
erse on the left.
...es for accessibility, see the following resources.
Flow Layout and Overflow - CSS: Cascading Style Sheets
t only needs vertical scrolling.
... block dimension.
OpenType font features guide - CSS: Cascading Style Sheets
for lining up tables of numbers in financial tables.
...r defining all of the above.
Logical properties for sizing - CSS: Cascading Style Sheets
xample finally you can use max-inline-size and max-block-size as logical replacements for max-width and max-height.
...size as logical replacements for max-width and max-height.
CSS Motion Path - CSS: Cascading Style Sheets
motion path is a css module that allows authors to animate any graphical object along a custom path.
... motion path is a css module that allows authors to animate any graphical object along a custom path.
Using CSS transitions - CSS: Cascading Style Sheets
animate (by listing them explicitly), when the animation will start (by setting a delay), how long the transition will last (by setting a duration), and how the transition will run (by defining a timing function, e.g.
...es the name or names of the css properties to which transitions should be applied.
CSS Layout cookbook - CSS: Cascading Style Sheets
n item horizontally and vertically.
...chy.
Linear-gradient Generator - CSS: Cascading Style Sheets
lineargradienttool.init(); }); window.addeventlistener("load", function() { lineargradienttool.init(); }); var lineargradienttool = (function lineargradienttool() { 'use strict'; var radian = 180 / math.pi; var inv_radian = math.pi / 180; var units = {'%': 1, 'px' : 0}; /*========== dom methods ==========*/ function getelembyid(id) { return document.getelementbyid(id); } function allowdropevent(e) { e.preventdefault(); } function createclasselement(tag, classname, parent) { var elem = document.createelement(tag); elem.classname = classname; if (parent) parent.appendchild(elem); return elem; }; function trackmouse(elem, callback, startfunc, endfunc) { startfunc = startfunc || function(e) {}; endfunc = endfunc || function(e) {}; elem.addeventlistener('mouse...
...xis.style.left = (lg_axes.length - 1) * 60 + 'px'; axis.addeventlistener('click', function() { activateaxisshortcut(axis); var axisid = this.getattribute('axisid') | 0; activateaxis(axisid); }); axis.addeventlistener('dragstart', function (e) { dragelem = this; e.datatransfer.setdata('axisid', this.getattribute('axisid')); }); axis.addeventlistener('dragover', allowdropevent); axis.addeventlistener('drop', function swap(e) { if (dragelem === this) return; var from = getorderid(e.datatransfer.getdata('axisid')); var to = getorderid(this.getattribute('axisid')); var swap = lg_axes[from]; lg_axes[from] = lg_axes[to]; lg_axes[to] = swap; var left = dragelem.offsetleft; dragelem.style.left = this.offsetleft + 'px'; t...
<angle-percentage> - CSS: Cascading Style Sheets
the <angle-percentage> css data type represents a value that can be either a <angle> or a <percentage>.
... the <angle-percentage> css data type represents a value that can be either a <angle> or a <percentage>.
background-size - CSS: Cascading Style Sheets
ble without stretching the image.
...e not allowed.
<blend-mode> - CSS: Cascading Style Sheets
colors of the foreground and the background, perfoms a calculation on them, and returns a new color value.
...n them, and returns a new color value.
border-image-slice - CSS: Cascading Style Sheets
image set on it.
... diamonds are 30px across, therefore setting 30 pixels as the value for both border-width and border-image-slice will get you complete and fairly crisp diamonds in your border: border-width: 30px; border-image-slice: 30; these are the default values we have used in this example.
border-radius - CSS: Cascading Style Sheets
, such as in border-radius:0 0 inherit inherit, which would partially override existing definitions.
...f the first radius allows one to four values */ /* radius is set for all 4 sides */ border-radius: 10px; /* top-left-and-bottom-right | top-right-and-bottom-left */ border-radius: 10px 5%; /* top-left | top-right-and-bottom-left | bottom-right */ border-radius: 2px 4px 2px; /* top-left | top-right | bottom-right | bottom-left */ border-radius: 1px 0 3px 4px; /* the syntax of the second radius allows one to four values */ /* (first radius values) / radius */ border-radius: 10px / 20px; /* (first radius values) / top-left-and-bottom-right | top-right-and-bottom-left */ border-radius: 10px 5% / 20px 30px; /* (first radius values) / top-left | top-right-and-bottom-left | bottom-right */ border-radius: 10px 5px 2em / 20px 25px 30%; /* (first radius values) / top-left | top-right | bottom-righ...
box-lines - CSS: Cascading Style Sheets
Web › CSS › box-lines
will lay out its children in a single row, and a vertical box will lay out its children in a single column.
... of the keyword values listed below.
box-shadow - CSS: Cascading Style Sheets
d send us a pull request.
...al distance.
box-sizing - CSS: Cascading Style Sheets
examples and send us a pull request.
...width.
calc() - CSS: Cascading Style Sheets
Web › CSS › calc
the calc() css function lets you perform calculations when specifying css property values.
...nstance, calc(50% -8px) will be parsed as a percentage followed by a negative length — an invalid expression — while calc(50% - 8px) is a percentage followed by a subtraction operator and a length.
contain - CSS: Cascading Style Sheets
Web › CSS › contain
the contain css property allows an author to indicate that an element and its contents are, as much as possible, independent of the rest of the document tree.
... the contain css property allows an author to indicate that an element and its contents are, as much as possible, independent of the rest of the document tree.
cross-fade() - CSS: Cascading Style Sheets
es are included, each image will be 33.33% opaque.
...e( url(red.png) 33.33%, url(yellow.png) 33.33%, url(blue.png) 33.33%); older, implemented syntax cross-fade( <image, <image>, <percentage> ) the specification for the cross-fade() function allows for multiple images and for each image to have transparency values independent of the other values.
drop-shadow() - CSS: Cascading Style Sheets
gular shadow behind an element's entire box, while the drop-shadow() filter function creates a shadow that conforms to the shape (alpha channel) of the image itself.
...fies the vertical distance, where negative values place the shadow above the element.
font-variation-settings - CSS: Cascading Style Sheets
nitial valuenormalapplies toall elements.
...ted valueas specifiedanimation typea transform formal syntax normal | [ <string> <number> ]# examples you can find a number of other variable fonts examples at our variable fonts guide, v-fonts.com, and axis-praxis.org.
<frequency> - CSS: Cascading Style Sheets
Web › CSS › frequency
fied in the si.
....3hz non-integer 14khz the unit is case-insensitive, though non-si capitalization is not recommended.
image() - CSS: Cascading Style Sheets
is better to describe it semantically in the document.
...escribe it semantically in the document.
<length-percentage> - CSS: Cascading Style Sheets
the <length-percentage> css data type represents a value that can be either a <length> or a <percentage>.
...{ /* length-percentage examples */ width: 75%; height: 200px; margin: 3rem; padding: 1%; border-radius: 10px 10%; font-size: 250%; line-height: 1.5em; /* length examples */ text-shadow: 1px 1px 1px red; border: 5px solid red; letter-spacing: 3px; /* percentage example */ text-size-adjust: 20%; } result use in calc() where a <length-percentage> is specified as an allowable type, this means that the percentage resolves to a length and therefore can be used in a calc() expression.
<length> - CSS: Cascading Style Sheets
Web › CSS › length
and are usable in some of the same properties that accept <length> values, they are not themselves <length> values.
...bers.
mask-repeat - CSS: Cascading Style Sheets
repeated as much as possible without clipping.
... is ignored unless only one image can be displayed without clipping.
mask-size - CSS: Cascading Style Sheets
Web › CSS › mask-size
th and height, you can supply one or two values: if only one value is given it sets the width, with the height set to auto.
...lue scales the mask image in the corresponding dimension to the specified percentage of the mask positioning area, which is determined by the value of mask-origin.
<number> - CSS: Cascading Style Sheets
Web › CSS › number
.
...ative fraction 0.0 zero +0.0 zero, with a leading + -0.0 zero, with a leading - .60 fractional number without a leading zero 10e3 scientific notation -3.4e-2 complicated scientific notation invalid numbers 12.
<position> - CSS: Cascading Style Sheets
that preceeds it */ formal syntax [ [ left | center | right ] || [ top | center | bottom ] | [ left | center | right | <length> | <percentage> ] [ top | center | bottom | <length> | <percentage> ]?
...ule level 3 is supported, its definition of <position> must also be used.
<string> - CSS: Cascading Style Sheets
Web › CSS › string
eally long awesome string" specifications specification status comment css values and units module level 3the definition of '<string>' in that specification.
...string>' in that specification.
<time> - CSS: Cascading Style Sheets
Web › CSS › time
onversion between s and ms follows the logical 1s = 1000ms.
... non-integer 14ms the unit is case-insensitive, although capital letters are not recommended.
<transform-function> - CSS: Cascading Style Sheets
) must be expressed separately, as two additional parameters.
...ovides a 3d cube created from dom elements and transforms, and a select menu allowing you to choose different transform functions to transform the cube with, so you can compare the effects of the different types.
unicode-bidi - CSS: Cascading Style Sheets
the unicode-bidi css property, together with the direction property, determines how bidirectional text in a document is handled.
... of the isolate keyword to the surrounding content and the override behavior of the bidi-override keyword to the inner content.
Video player styling basics - Developer guides
lscreen</button> </div> related css alteration the previous article simply set the display property of the video controls to block in order to display them.
...on is then called by the relevant event handlers: video.addeventlistener('play', function() { changebuttonstate('playpause'); }, false); video.addeventlistener('pause', function() { changebuttonstate('playpause'); }, false); stop.addeventlistener('click', function(e) { video.pause(); video.currenttime = 0; progress.value = 0; // update the play/pause button's 'data-state' which allows the correct button image to be set via css changebuttonstate('playpause'); }); mute.addeventlistener('click', function(e) { video.muted = !video.muted; changebuttonstate('mute'); }); you might have noticed that there are new handlers where the play and pause events are reacted to on the video.
Creating and triggering events - Developer guides
ore verbose approach (which works with internet explorer), see the old-fashioned way below.
...hes elem }, false); // target can be any element or other eventtarget.
DOM onevent handlers - Developer guides
(such as click) for a given object in different ways: adding an html attribute named on<eventtype>: <button onclick="handleclick()">, or by setting the corresponding property from javascript: document.queryselector("button").onclick = function(event) { … }.
...n be assigned.
Overview of events and handlers - Developer guides
is change effectively in several lectures, notably his talk, an inconvenient api: the theory of the dom, which shows the change in flow from the original browser flow to the event driven browser.
... in flow from the original browser flow to the event driven browser.
Touch events (Mozilla experimental) - Developer guides
0 / thunderbird 18.0 / seamonkey 2.15), when support for the standard touch events was implemented.
...7.
Index - Developer guides
Web › Guide › Index
e previous cross browser video player article we described how to build a cross-browser html5 video player using the media and fullscreen apis.
...escribes how the user agent should order characters while rendering unicode text.
A hybrid approach - Developer guides
preferred option for layout changes.
...technically constrained to using client-side techniques here: another option is to use server-side user-agent detection to show the user the proper content.
HTML attribute: max - HTML: Hypertext Markup Language
Web › HTML › Attributes › max
acceptable and valid for the input containing the attribute.
... the maximum allowed by the max attribute, constraint validation will prevent form submission.
HTML attribute: maxlength - HTML: Hypertext Markup Language
han or equal to the value of minlength, if present and valid.
...valid.
HTML attribute: multiple - HTML: Hypertext Markup Language
id="emails"> if and only if the multiple attribute is specified, the value can be a list of properly-formed comma-separated e-mail addresses.
... html5the definition of 'multiple attribute' in that specification.
DASH Adaptive Streaming for HTML 5 Video - HTML: Hypertext Markup Language
dynamic adaptive streaming over http (dash) is an adaptive streaming protocol.
...of network performance, in order to keep a video playing.
<embed>: The Embed External Content element - HTML: Hypertext Markup Language
Web › HTML › Element › embed
that accepts embedded content.
...lement's attributes include the global attributes.
<fieldset>: The Field Set element - HTML: Hypertext Markup Language
Web › HTML › Element › fieldset
eractive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
... as the example above shows, the <fieldset> element provides a grouping for a part of an html form, with a nested <legend> element providing a caption for the <fieldset>.
<input type="image"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › image
it"> and <button> elements.
...t works out what color was clicked on by the coordinates submitted, and keeps a tally of the favorite colors people voted for.
<input type="text"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › text
no automatic validation applied to them (since a basic text input needs to be capable of accepting any arbitrary string), but there are some client-side validation options available, which we'll discuss below.
... padding-left: 5px; } the technique also requires a <span> element to be placed after the form element, which acts as a holder for the icons.
<noframes>: The Frame Fallback element - HTML: Hypertext Markup Language
Web › HTML › Element › noframes
frames or frame fallback element, <noframes>, provides content to be presented in browsers that don't support (or have disabled support for) the <frame> element.
...we see a frameset with two frames.
<tr>: The Table Row element - HTML: Hypertext Markup Language
Web › HTML › Element › tr
sic structure of a table.
...ce to right-justify currency values in tables, let's do that here.
contenteditable - HTML: Hypertext Markup Language
the contenteditable global attribute is an enumerated attribute indicating if the element should be editable by the user.
...he element is editable.
id - HTML: Hypertext Markup Language
ould not rely on it to convey human-readable information (although having your ids somewhat human-readable can be useful for code comprehension, e.g.
... id's value must not contain whitespace (spaces, tabs etc.).
itemprop - HTML: Hypertext Markup Language
a valid url that is used as a proprietary item property name (i.e.
...ntains no "." (u+002e full stop) characters and no ":" characters (u+003a colon) and is used as a proprietary item property name (again, one not defined in a public specification).
Preloading content with rel="preload" - HTML: Hypertext Markup Language
ut the benefits can be seen much more clearly the later resources are discovered and the larger they are.
.../woff2" crossorigin> <link href="style.css" rel="stylesheet"> </head> <body> … </body> not only are we providing the mime type hints in the type attributes, but we are also providing the crossorigin attribute to handle the cors issue.
Configuring servers for Ogg media - HTTP
html <audio> and <video> elements allow media presentation without the need for the user to install any plug-ins or other software to do so.
...pports http compression (gzip/deflate) using the accept-encoding: gzip,deflate header when requesting media files.
CSP: block-all-mixed-content - HTTP
.
...to force https on older browsers that do not force it after a redirect to http.
Expect-CT - HTTP
the expect-ct header lets sites opt in to reporting and/or enforcement of certificate transparency requirements, to prevent the use of misissued certificates for that site from going unnoticed.
...bles the expect-ct header, they are requesting that the browser check that any certificate for that site appears in public ct logs.
Large-Allocation - HTTP
to a new process currently, so the document must load in the current process.
... same process as their opener, as they can communicate, meaning that we cannot allow them to switch processes.
Public-Key-Pins-Report-Only - HTTP
note: public key pinning mechanism was deprecated in favor of certificate transparency and expect-ct header.
...-only: pin-sha256="<pin-value>"; max-age=<expire-time>; includesubdomains; report-uri="<uri>" directives pin-sha256="<pin-value>" the quoted string is the base64 encoded subject public key information (spki) fingerprint.
Set-Cookie - HTTP
\ " / [ ] ?
...umber will expire the cookie immediately.
X-Frame-Options - HTTP
the x-frame-options http response header can be used to indicate whether or not a browser should be allowed to render a page in a <frame>, <iframe>, <embed> or <object>.
... sameorigin the page can only be displayed in a frame on the same origin as the page itself.
HTTP Messages - HTTP
Web › HTTP › Messages
headers are often very similar from one message to the next one, yet still repeated across connections.
...ions.
POST - HTTP
Web › HTTP › Methods › POST
each value is sent as a block of data ("body part"), with a user agent-defined delimiter ("boundary") separating each part.
...articles; adding a new user through a signup modal; providing a block of data, such as the result of submitting a form, to a data-handling process; extending a database through an append operation.
Protocol upgrade mechanism - HTTP
grade an already established connection to a different protocol, using the upgrade header field.
...ding preference order.
A typical HTTP session - HTTP
Web › HTTP › Session
in the underlying transport layer, usually this is tcp.
....e.
CSS Houdini
are provided with a parse syntax that defines a type, inheritance behaviour, and an initial value.
...t manipulation.
Closures - JavaScript
they share the same function body definition, but store different lexical environments.
...s demonstrated in the following code example.
Control flow and error handling - JavaScript
turns true if the number of characters in a text object is three.
...rown, however, the statements in the finally block execute even if no catch block handles the exception that was thrown.
Loops and iteration - JavaScript
aluates to false.
...tion is assumed to be true.) the statement executes.
Meta programming - JavaScript
« previousnext » starting with ecmascript 2015, javascript gains support for the proxy and reflect objects allowing you to intercept and define custom behavior for fundamental language operations (e.g.
... starting with ecmascript 2015, javascript gains support for the proxy and reflect objects allowing you to intercept and define custom behavior for fundamental language operations (e.g.
Unicode property escapes - JavaScript
unicode property escapes regular expressions allows for matching characters based on their unicode properties.
...he subcategories using short aliases) story.match(/\p{lu}|\p{ll}|\p{lt}|\p{lm}|\p{lo}/gu); scripts and script extensions some languages use different scripts for their writing system.
Regular expressions - JavaScript
alue of lastindex is 0" the occurrences of /d(b+)d/g in the two statements are different regular expression objects and hence have different values for their lastindex property.
...ese flags can be used separately or together in any order, and are included as part of the regular expression.
JavaScript technologies overview - JavaScript
at aren't defined in a standard.
... for the document object, window object, and the other dom elements?
SyntaxError: invalid regular expression flag "x" - JavaScript
sed separately or together in any order, but there are only six of them in ecmascript.
... containing two slashes is interpreted as a regular expression literal.
TypeError: can't access dead object - JavaScript
the javascript exception "can't access dead object" occurs when firefox disallows add-ons to keep strong references to dom objects after their parent document has been destroyed to improve in memory usage and to prevent memory leaks.
... the javascript exception "can't access dead object" occurs when firefox disallows add-ons to keep strong references to dom objects after their parent document has been destroyed to improve in memory usage and to prevent memory leaks.
SyntaxError: applying the 'delete' operator to an unqualified name is deprecated - JavaScript
the javascript strict mode-only exception "applying the 'delete' operator to an unqualified name is deprecated" occurs when variables are attempted to be deleted using the delete operator.
...ct mode (edge) syntaxerror: applying the 'delete' operator to an unqualified name is deprecated (firefox) syntaxerror: delete of an unqualified identifier in strict mode.
SyntaxError: for-in loop head declarations may not have initializers - JavaScript
the javascript strict mode-only exception "for-in loop head declarations may not have initializers" occurs when the head of a for...in contains an initializer expression, such as |for (var i = 0 in obj)|.
...p head declarations may not have initializers valid for-in loop you can remove the initializer (i = 0) in the head of the for-in loop.
SyntaxError: missing name after . operator - JavaScript
dot operator (.) is used for property access.
..., you might need to change your property access from using a dot to using square brackets.
RangeError: precision is out of range - JavaScript
argument must be between 0 and 20 (chrome) rangeerror: tofixed() digits argument must be between 0 and 20 (chrome) rangeerror: toprecision() argument must be between 1 and 21 (chrome) error type rangeerror what went wrong?
...chrome) rangeerror: toprecision() argument must be between 1 and 21 (chrome) error type rangeerror what went wrong?
arguments.callee - JavaScript
ymous functions").
...ise be necessary.) the other major issue is that the recursive call will get a different this value, e.g.: var global = this; var sillyfunction = function(recursed) { if (!recursed) { return arguments.callee(true); } if (this !== global) { alert('this is: ' + this); } else { alert('this is the global'); } } sillyfunction(); ecmascript 3 resolved these issues by allowing named function expressions.
Functions - JavaScript
list of such strings separated with a comma; for example "x", "thevalue", or "a,b".
... invoking the generatorfunction constructor as a function (without using the new operator) has the same effect as invoking it as a constructor.
Array.prototype.concat() - JavaScript
d in a github repository.
...d creates a new array consisting of the elements in the object on which it is called, followed in order by, for each argument, the elements of that argument (if the argument is an array) or the argument itself (if the argument is not an array).
Array.prototype.slice() - JavaScript
the slice() method returns a shallow copy of a portion of an array into a new array object selected from start to end (end not included) where start and end represent the index of items in that array.
...the third element through the second-to-last element in the sequence.
Atomics - JavaScript
t that index.
...rns the value.
Intl.RelativeTimeFormat() constructor - JavaScript
ptional.
...ues: "auto" style: "long", // other values: "short" or "narrow" }); // format relative time using negative value (-1).
Intl - JavaScript
h" dialect (variant) the subtags identifying languages, scripts, regions (including countries), and (rarely used) variants in unicode bcp 47 locale identifiers are registered in the iana language subtag registry.
... year 25 of the heisei period, or 平成25.
JSON.parse() - JavaScript
number' ?
..."1": 1, "2": 2, "3": {"4": 4, "5": {"6": 6}}}', (key, value) => { console.log(key); // log the current property name, the last is "".
JSON.stringify() - JavaScript
f you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
...az":"quux"}' var b = json.stringify({ baz: "quux", foo: "bar" }) //'{"baz":"quux","foo":"bar"}' console.log(a !== b) // true // some memoization functions use json.stringify to serialize arguments, // which may cause a cache miss when encountering the same object like above example of using json.stringify() with localstorage in a case where you want to store an object created by your user and allowing it to be restored even after the browser has been closed, the following example is a model for the applicability of json.stringify(): // creating an example of json var session = { 'screens': [], 'state': true }; session.screens.push({ 'name': 'screena', 'width': 450, 'height': 250 }); session.screens.push({ 'name': 'screenb', 'width': 650, 'height': 350 }); session.screens.push({ 'name':...
Math.imul() - JavaScript
ive example is stored in a github repository.
... (math is not a constructor).
Object.defineProperty() - JavaScript
m/mdn/interactive-examples and send us a pull request.
...ty being defined or modified.
Object.freeze() - JavaScript
reeze(a); // the array cannot be modified now.
...ect, the entire reference graph (direct and indirect references to other objects) must reference only immutable frozen objects.
Object.getOwnPropertyDescriptors() - JavaScript
erves as a setter for the property, or undefined if there is no setter (accessor descriptors only).
...the property may be deleted from the corresponding object.
Object - JavaScript
of all symbol properties found directly upon a given object.
...y).
Promise - JavaScript
the promise object represents the eventual completion (or failure) of an asynchronous operation, and its resulting value.
...(you need a browser that supports promise.
Reflect.deleteProperty() - JavaScript
the static reflect.deleteproperty() method allows to delete properties.
... send us a pull request.
RegExp.prototype.dotAll - JavaScript
dicates that the dot special character (".") should additionally match the following line terminator ("newline") characters in a string, which it would not match otherwise: u+000a line feed (lf) ("\n") u+000d carriage return (cr) ("\r") u+2028 line separator u+2029 paragraph separator this effectively means the dot will match any character on the unicode basic multilingual plane (bmp).
...ne") characters in a string, which it would not match otherwise: u+000a line feed (lf) ("\n") u+000d carriage return (cr) ("\r") u+2028 line separator u+2029 paragraph separator this effectively means the dot will match any character on the unicode basic multilingual plane (bmp).
String.prototype.anchor() - JavaScript
the anchor() method creates a string beginning with an <a name="..."> start tag, then some text, and then an </a> end tag.
...te, so this method doesn't even create valid markup.
TypedArray.from() - JavaScript
array.
...ing the count, then sets the values on the instance.
TypedArray.prototype.slice() - JavaScript
the slice() method returns a shallow copy of a portion of a typed array into a new typed array object.
...and 3).
WebAssembly.Instance - JavaScript
a webassembly.instance object is a stateful, executable instance of a webassembly.module.
...cutable instance of a webassembly.module.
encodeURIComponent() - JavaScript
0file%282%29.txt" function encoderfc5987valuechars(str) { return encodeuricomponent(str).
...987 does not, // so we do not need to escape it replace(/['()*]/g, c => "%" + c.charcodeat(0).tostring(16)).
Iteration protocols - JavaScript
as a couple of additions to ecmascript 2015, iteration protocols aren't new built-ins or syntax, but protocols.
...f a non-object value gets returned (such as false or undefined), a typeerror ("iterator.next() returned a non-object value") will be thrown.
Spread syntax (...) - JavaScript
spread syntax (...) allows an iterable such as an array expression or string to be expanded in places where zero or more arguments (for function calls) or elements (for array literals) are expected, or an object expression to be expanded in places where zero or more key-value pairs (for object literals) are expected.
...rr2 = [3, 4, 5]; arr1 = [...arr2, ...arr1]; // arr1 is now [3, 4, 5, 0, 1, 2] note: unlike unshift(), this creates a new arr1, and does not modify the original arr1 array in-place.
<mmultiscripts> - MathML
the mathml <mmultiscripts> element allows you to create tensor-like objects.
...rscripts for both, postscripts and prescripts, attached to a base expression: <mmultiscripts> base (subscript superscript)* [ <mprescripts/> (presubscript presuperscript)* ] </mmultiscripts> after the base expression you can specify a postsubscript and a postsuperscript.
<mn> - MathML
Web › MathML › Element › mn
the mathml <mn> element represents a numeric literal which is normally a sequence of digits with a possible separator (a dot or a comma).
...big.
<mstyle> - MathML
Web › MathML › Element › mstyle
more vertical space is used for displayed equations or, if set to false, a more compact layout is used to display formulas.
... smaller the font size.
Performance fundamentals - Web Performance
e for the high scores list", etc.
... have direct control over what's drawn.
Optimizing startup performance - Web Performance
u'll wind up having to run most or all of your startup code on the main thread.
...ain code's startup process is to refactor the code into small pieces that can be done in chunks interspersed across multiple calls to your app's main loop, so that the main thread gets to handle input and the like.
Web Performance
ormance features css may be a less important optimization focus for improved performance, but there are some css features that impact performance more than others.
...c rail real user monitoring resource timing round trip time (rtt) server timing speculative parsing speed index ssl synthetic monitoring tcp handshake tcp slow start time to first byte time to interactive tls transmission control protocol (tcp) tree shaking web performance documents yet to be written javascript performance best practices javascript, when used properly, can allow for interactive and immersive web experiences ...
Installing and uninstalling web apps - Progressive web apps (PWAs)
web application installation is a feature available in modern browsers that allows users to choose to easily and conveniently “install” a web application on their device so they can access it in the same way they would any other installed app.
...nd later.
Introduction to progressive web apps - Progressive web apps (PWAs)
discussing what they are and the advantages they offer over regular web apps.
...rks offline, and users love tapping their icons to easily access their favorite apps, rather than navigating to it using a browser.
How to make PWAs re-engageable using Notifications and Push - Progressive web apps (PWAs)
previous overview: progressive next having the ability to cache the contents of an app to work offline is a great feature.
...n the making pwas work offline with service workers article.
Graphic design for responsive sites - Progressive web apps (PWAs)
certain assets for the site's mobile layout, or even provide smaller assets to suit the smaller screen better.
...file can be a bit fiddly, but there are a number of good icon font services available such as font awesome.
SVG Conditional Processing Attributes - SVG: Scalable Vector Graphics
systemlanguage attributes externalresourcesrequired deprecated since svg 2 if set to true, it indicates that the browser must wait for all the external resources necessary to render that element to be loaded before processing the associated element.
...d element.
SVG Presentation Attributes - SVG: Scalable Vector Graphics
-rendering transform unicode-bidi vector-effect visibility word-spacing writing-mode attributes alignment-baseline it specifies how an object is aligned along the font baseline with respect to its parent.
...ut how to optimize its color interpolation and compositing operations.
Specification Deviations - SVG: Scalable Vector Graphics
there are a few places where we have consciously decided to make gecko deviate from or extend the svg specification.
...and 'style' related code, we will implement these attributes on all svg elements as of firefox 3.
Paths - SVG: Scalable Vector Graphics
Web › SVG › Tutorial › Paths
straight lines can be created as <polyline>s.
...ints.
Types of attacks - Web security
ther than what the user thinks it is.
...sts to example.com or other sub-domains by setting the domain attribute: set-cookie: csrf=e8b667; secure; domain=example.com if a vulnerable application is available on a sub-domain, this mechanism can be abused in a session fixation attack.
Tutorials
the links on this page lead to a variety of tutorials and training materials.
...need more practice.
Using custom elements - Web Components
sted batch of elements that together provide a custom page feature.
...; linkelem.setattribute('href', 'style.css'); // attach the created element to the shadow dom shadow.appendchild(linkelem); note that <link> elements do not block paint of the shadow root, so there may be a flash of unstyled content (fouc) while the stylesheet loads.
<xsl:sort> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › sort
wer-first" lang=xml:lang-code data-type="text" | "number" /> required attributes none.
...hether the nodes should be processed in "ascending" or "descending" order.
Index - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Index
at the page info.
...comment> element writes a comment to the output document.
XSLT: Extensible Stylesheet Language Transformations
Web › XSLT
sed on the content of an existing document.
... in two significant ways: manipulating and sorting the content, including a wholesale reordering of it if so desired, and transforming the content into a different format.
Caching compiled WebAssembly modules - WebAssembly
serialization support is being removed from browsers; see bug 1469395 and this spec issue.
...eves previously cached modules from the database, saving you from having to download them again.
Index - WebAssembly
mary 1 webassembly landing, webassembly, wasm webassembly is a new type of code that can be run in modern web browsers — it is a low-level assembly-like language with a compact binary format that runs with near-native performance and provides languages such as c/c++ with a compilation target so that they can run on the web.
..., emscripten, webassembly, wasm when you’ve written a new code module in a language like c/c++, you can compile it into webassembly using a tool like emscripten.
Compiling an Existing C Module to WebAssembly - WebAssembly
a core use-case for webassembly is to take the existing ecosystem of c libraries and allow developers to use them on the web.
...inter); note: new uint8array(somebuffer) will create a new view onto the same memory chunk, while new uint8array(sometypedarray) will copy the data.
2015 MDN Fellowship Program - Archive of obsolete content
ience and comfort writing javascript test scripts.
Builder - Archive of obsolete content
the add-on builder tool was retired on april 1, 2014.
Communicating With Other Scripts - Archive of obsolete content
lf").data; var pagemod = require("sdk/page-mod"); pagemod.pagemod({ include: "http://my-domain.org/listen.html", contentscriptfile: data.url("talk.js") }); the "talk.js" content script uses window.postmessage() to send the message to the page: // content-script (talk.js) window.postmessage("message from content script", "http://my-domain.org/"); the second argument may be '*' which will allow communication with any domain.
Interacting with page scripts - Archive of obsolete content
= require("sdk/self").data; var pagemod = require("sdk/page-mod"); pagemod.pagemod({ include: "http://my-domain.org/listen.html", contentscriptfile: data.url("talk.js") }); the "talk.js" content script uses window.postmessage() to send the message to the page: // talk.js window.postmessage("message from content script", "http://my-domain.org/"); the second argument may be '*' which will allow communication with any domain.
Content Scripts - Archive of obsolete content
s that use content scripts, like page-mod and tabs, provide functions that enable the add-on's main code to load content scripts into web pages content scripts can be loaded in as strings, but are more often stored as separate files under the add-on's "data" directory.
Private Properties - Archive of obsolete content
mespace.
XUL Migration Guide - Archive of obsolete content
ou can't register overlays, resource: uris, or components.
event/core - Archive of obsolete content
the event/core module allows the creation of apis to broadcast and subscribe to events.
lang/functional - Archive of obsolete content
claim, greet); welcome('moe'); // "hi: moe!"; function greet (name) { return "hi: " + name; } function exclaim (statement) { return statement + "!"; } parameters fn...
remote/parent - Archive of obsolete content
rocesses.port.emit("message-from-main", "hello from main"); processes.port.on("message-from-remote", function(process, message) { console.log("remote says: " + message); }); child process privileges a module loaded into a child process can't do everything that the same module loaded into the parent process can.
test/assert - Archive of obsolete content
hods ok(guard, message) tests whether an expression evaluates to true.
ui/button/action - Archive of obsolete content
are updated across all windows and tabs.
ui/button/toggle - Archive of obsolete content
are updated across all windows and tabs.
util/list - Archive of obsolete content
takes any number of elements and creates an instance of list populated with the specified elements.
Low-Level APIs - Archive of obsolete content
ontent.
cfx to jpm - Archive of obsolete content
been removed.
jpmignore - Archive of obsolete content
_store # ignore any zip or xpi files *.zip *.xpi # ignore specific directory # you can start patterns with a forward slash (/) to avoid recursivity.
Chrome Authority - Archive of obsolete content
= require("two"); the intention is that developers use require() statements for two purposes: to declare (to security reviewers) what sorts of powers the module wants to use, and to control how those powers are mapped into the module's local namespace.
Localization - Archive of obsolete content
ора tomato_id[many]= %d помидоров tomato_id= %d помидоры the localization module itself understands the cldr definitions for each language, enabling it to map between, for example, "2" in the code and "few" in the ru-ru.properties file.
Drag & Drop - Archive of obsolete content
interfaces.nsifile); if (file) uri = _ios.newfileuri(file); } } if (uri) uris.push(uri); } // use the array of file uris } the _dragover function checks the drag data to see if a simple text file or general purpose file types are available.
File I/O - Archive of obsolete content
les from folders by calling nsifile.isdirectory() and nsifile.isfile() methods on each entry.
Forms related code snippets - Archive of obsolete content
onth, span.zdp-decrease-year { float: left; margin-right: 2px; } span.zdp-increase-month, span.zdp-increase-year { float: right; margin-left: 2px; } td.zdp-active-cell { padding: 1px 3px; cursor: pointer; color: #000000; text-align: center; vertical-align: middle; } td.zdp-active-cell:hover { background-color: #999999; cursor: pointer; } td.zdp-empty-cell { cursor: not-allowed; } </style> </head> <body> <form name="myform"> <p> from: <input type="text" readonly class="date-picker" name="date-from" /> to: <input type="text" readonly class="date-picker" name="date-to" /> </p> </form> </body> </html> note: the current implementation of const (constant statement) is not part of ecmascript 5.
Miscellaneous - Archive of obsolete content
tvalue.length); element.value = beforetext + snippet + aftertext; element.focus(); //put the cursor after the inserted text element.setselectionrange(selectionend, selectionend); } inserttext(document.getelementbyid("example"), "the text to be inserted"); disabling javascript programmatically // disable js in the currently active tab from the context of browser.xul gbrowser.docshell.allowjavascript = false; if this isn't your browser, you should save the value and restore it when finished.
On page load - Archive of obsolete content
this article is for xul/javascript developers who want to have custom code executed each time a new page is loaded in browser/mail.
Page Loading - Archive of obsolete content
page loading on page load how to execute code each time a new page is loaded in browser/mail progress listeners progress listeners allow extensions to be notified of events associated with documents loading in the browser and with tab switching events.
Post data to window - Archive of obsolete content
nstance(ci.nsimimeinputstream); postdata.addheader("content-type", "application/x-www-form-urlencoded"); postdata.addcontentlength = true; postdata.setdata(stringstream); // postdata is ready to be used as apostdata argument ...
Preferences - Archive of obsolete content
asses["@mozilla.org/preferences-service;1"] .getservice(components.interfaces.nsiprefservice); // for this.branch we ask for the preferences for extensions.myextension.
Progress Listeners - Archive of obsolete content
progress listeners progress listeners allow extensions to be notified of events associated with documents loading in the browser and with tab switching events.
JavaScript timers - Archive of obsolete content
a block of javascript code is generally executed synchronously.
View Source for XUL Applications - Archive of obsolete content
ut of the network cache.
xml:base support in old browsers - Archive of obsolete content
before using this code, check if your browser has native support for node.baseuri.
getAttributeNS - Archive of obsolete content
ry to get an xmlns for the 'xml' prefix return thisitem.getattribute('xml:'+nsatt); // prefix must be 'xml' per the specs } var attrs2, result; var attrs = thisitem.attributes; var prefixatt = new regexp('^(.*):'+nsatt.replace(/\./g, '\\.')+'$'); // e.g., xlink:href // find any prefixes with the local-name being searched (escape period since only character (besides colon) allowed in an xml name which needs escaping) for (var j = 0; j < attrs.length; j++) { // thisitem's atts // e.g., abc:href, xlink:href while (((result = prefixatt.exec(attrs[j].nodename)) !== null) && thisitem.nodename !== '#document' && thisitem.nodename !== '#document-fragment') { var xmlnsprefix = new regexp('^xmlns:'+result[1]+'$'); // e.g., xmnls:xl, xm...
Code snippets - Archive of obsolete content
ata in typed arrays using c-like string functions.
Custom about: URLs - Archive of obsolete content
{ return components.id(`{${aboutpage_id}}`); } static get classdescription() { return aboutpage_description; } static get contractid() { return `@mozilla.org/network/protocol/about;1?what=${aboutpage_word}`; } static get queryinterface() { return xpcomutils.generateqi([ci.nsiaboutmodule]); } constructor() { object.freeze(this); } geturiflags(auri) { return ci.nsiaboutmodule.allow_script; } newchannel(auri, asecurity_or_aloadinfo) { let channel; if (services.vc.compare(services.appinfo.version, '47.*') > 0) { const uri = services.io.newuri(aboutpage_uri, null, null); // greater than or equal to firefox48 so asecurity_or_aloadinfo is aloadinfo channel = services.io.newchannelfromuriwithloadinfo(uri, asecurity_or_aloadinfo); } else { ...
Default Preferences - Archive of obsolete content
introduction a key part of any extension is the default settings that come with it.
Deploying a Plugin as an Extension - Archive of obsolete content
plugins directory, or, on windows, place it into your own directory and modify the windows registry to let firefox know where to find the plugin.
Extension Theming Guidelines - Archive of obsolete content
this is a set of guidelines on how to control the look and feel of your extension while leaving it open for styling by custom themes.
Extension Etiquette - Archive of obsolete content
g if you have xul buttons in your extension that do functions similar to ones that already exist in a browser — for example, a feed reader that reloads and stops — use icons from the browser's theme.
How to convert an overlay extension to restartless - Archive of obsolete content
e:// and resource:// but not chrome://, everyone who learned of this new feature learned that you had to load jsm from resource:// uris and just stuck with that forever.
Installing Extensions and Themes From Web Pages - Archive of obsolete content
hash: aevent.target.getattribute("hash"), tostring: function () { return this.url; } }; this specifies the display name (foo) for use in the confirmation dialog, the url to the extension (which is the link href, recall), the icon url to display in the confirmation dialog, a hash of the xpi file contents (to protect against corrupted downloads), and a tostring function which will allow this code to work with versions of firefox 0.8 and earlier.
Listening to events in Firefox extensions - Archive of obsolete content
hide notification bars when appropriate as the user navigates apply the site zoom preferences to newly loading pages update the bookmarking star button ui update the identity display as the site's security changes tabsprogresslistener this object is a tabs progress listener and receives events for all browsers in the window.
Multiple item extension packaging - Archive of obsolete content
t compatible will not be installed unless a compatibility check discovers updated compatibility information.
Offering a context menu for form controls - Archive of obsolete content
rk on form controls.
Adding menus and submenus - Archive of obsolete content
"xulschoolhello-hello-menu" label="&xulschoolhello.hello.label;" accesskey="&xulschoolhello.hellomenu.accesskey;" insertafter="javascriptconsole,devtoolsseparator"> <menupopup> <!-- your menuitem goes here.
Appendix C: Avoiding using eval in Add-ons - Archive of obsolete content
the issues given in the previous section about functions remain.
Appendix D: Loading Scripts - Archive of obsolete content
content windows with the same effect as injecting script tags into their documents.
Appendix F: Monitoring DOM changes - Archive of obsolete content
dom mutation events were introduced to html several years ago in order to allow web applications to monitor changes to the dom by other scripts.
Introduction - Archive of obsolete content
built using mozilla technologies.
Local Storage - Archive of obsolete content
the rdf api may be removed at some point in the future because it requires a great deal of code even for the simplest tasks, and it currently sees little maintenance, so we don't recommend using it unless you really have to.
Mozilla Documentation Roadmap - Archive of obsolete content
loper.mozilla.org".
Setting Up a Development Environment - Archive of obsolete content
ns, and evaluate arbitrary js at any point in execution.
Useful Mozilla Community Sites - Archive of obsolete content
« previous the mozilla community is very rich and active.
Signing an extension - Archive of obsolete content
xpi file into the content area of firefox.
Supporting search suggestions in search plugins - Archive of obsolete content
t notation (json) given a search term.
Promises - Archive of obsolete content
promise apis for common asynchronous operations due to the performance and stability costs of synchronous io, many apis which rely on it have been deprecated.
Updating addons broken by private browsing changes - Archive of obsolete content
removegroupedprefs, removeprefsbyname, getprefs, and getprefsbyname all take a required nsiloadcontext argument to indicate the privacy status of the pref in question.
MMgc - Archive of obsolete content
objects more concisely: using namespace mmgc; ...
Bypassing Security Restrictions and Signing Code - Archive of obsolete content
early versions of firefox allowed web sites to segregate principals using signed scripts, and request extra permissions for scopes within signed scripts using a function called enableprivelege.
Environment variables affecting crash reporting - Archive of obsolete content
ashes that don't normally close the chrome (main application) processes.
Images, Tables, and Mysterious Gaps - Archive of obsolete content
other images and text should have its vertical alignment changed as necessary, if at all.
Monitoring WiFi access points - Archive of obsolete content
code with universalxpconnect privileges can monitor the list of available wifi access points to obtain information about them including their ssid, mac address, and signal strength.
Notes on HTML Reflow - Archive of obsolete content
end up doing redundant work.
Same-origin policy for file: URIs - Archive of obsolete content
in gecko 1.8 or earlier, any two file: uris are considered to be same-origin.
Using XML Data Islands in Mozilla - Archive of obsolete content
internet explorer had an "xml data islands" feature that allows web authors include xml data inline in html documents using the <xml> tag.
Autodial for Windows NT - Archive of obsolete content
ture altogether by setting the pref network.autodial-helper.enabled to false.
How Mozilla finds its configuration files - Archive of obsolete content
how mozilla finds its configuration files mozilla looks into the binary %userprofile%\application data\mozilla\registry.dat file for its "registry", which contains, amongst other information, a pointer to the directory where the profile is stored (located at common/profiles/profilename/directory.
How Thunderbird and Firefox find their configuration files - Archive of obsolete content
derbird\profiles.ini file for its "registry", which contains, amongst other information, a pointer to the directory where the profile is stored (usually located in %appdata%\thunderbird\profiles\profilename).
Locked config settings - Archive of obsolete content
offset of 13 (netscape 4 used a similar encoding, but with a of 7 instead).
BlackConnect - Archive of obsolete content
blackconnect was a blackwood subproject, trying to build a java-to-xpcom bridge to allow interoperability between java and xpcom components.
Bookmark Keywords - Archive of obsolete content
s, this might be used to reduce typing of a common url: http://www.cnn.com/ could be given the keyword cnn.
Enabling the behavior - updating the status periodically - Archive of obsolete content
monkey/panel.html"); gxmlhttprequest.send(null); window.settimeout(loadtinderboxstatus, 60000); } window.settimeout(loadtinderboxstatus, 1000); window.settimeout schedules functions to run at some future time.
Finding the file to modify - Archive of obsolete content
og box in mozilla is defined by a single xul file (in some cases other xul files called overlays contribute portions of another window's structure).
Making it into a static overlay - Archive of obsolete content
or child elements of the statusbar element in the overlay file to be added to the interface's dom and thus show up in the interface as if they were defined on the same element in navigator.xul.
In-Depth - Archive of obsolete content
system colours css2 defines colours which are the same as your operating systems theme.
DTrace - Archive of obsolete content
dtrace is sun microsystem's dynamic tracing framework that allows developers to instrument a program with probes that have little to no effect on performance when not in use and very little when active.
Dehydra Function Reference - Archive of obsolete content
for rooting bugs.
Dehydra Object Reference - Archive of obsolete content
.
Dehydra - Archive of obsolete content
/fedorahosted.org/gcc-python-plugin/.
Drag and Drop Example - Archive of obsolete content
nt of the type stored in the drag session.
Drag and drop events - Archive of obsolete content
firefox 3 adds two new events that allow you to determine when drag operations begin and end.
Drag and Drop - Archive of obsolete content
next » as of gecko 1.9.1 (firefox 3.5), these apis are officially deprecated the newer, simpler, portable api should be used in their place.
Documentation for BiDi Mozilla - Archive of obsolete content
affected by buggy bidi implementations on specific platforms, since the platform never sees a text fragment with mixed directionality, and is not expected to do anything more complicated than displaying left-to-right text from left to right or right-to-left text from right to left.
Using microformats - Archive of obsolete content
microformats allow web sites to provide semantic data to the browser in order to make it possible to present summaries of the information on a page without having to know how to parse the document itself.
JavaScript Client API - Archive of obsolete content
ects.
Help Viewer - Archive of obsolete content
help viewer: allows information to be shown to the user inside mozilla.
Isp Data - Archive of obsolete content
this page will explain how to create a .rdf or .xml file that you can place in the $installfolder/default/isp to do a variety of things.
importUserCertificates - Archive of obsolete content
n the user's certificate store, personal security manager uses the following pattern to derive the nickname: <tt><common name>'s <issuer name> id</tt>.
popChallengeResponse - Archive of obsolete content
be used).
Content - Archive of obsolete content
note: this page documents the jetpack prototype, which is no longer under active development.
Extenders - Archive of obsolete content
note: this page documents the jetpack prototype, which is no longer under active development.
Me - Archive of obsolete content
Archive › Mozilla › Jetpack › Meta › Me
read the experiment report for what we learned from it and the blog post announcing the first sdk release for what we're up to next!
Settings - Archive of obsolete content
the jetpack.storage.settings namespace allows jetpacks to specify user-configurable settings.
Settings - Archive of obsolete content
note: this page documents the jetpack prototype, which is no longer under active development.
Menu - Archive of obsolete content
Archive › Mozilla › Jetpack › UI › Menu
note: this page documents the jetpack prototype, which has since been replaced by the add-on sdk.
Selection - Archive of obsolete content
of getting the selection from the user.
Selection - Archive of obsolete content
ing the selection from the user.
slideBar - Archive of obsolete content
about status: in development instantiation: jetpack.future.import('slidebar') last update: v0.6 summary: slidebar is a reinvention of the old sidebar feature of browsers.
slideBar - Archive of obsolete content
note: this page documents the jetpack prototype, which is no longer under active development.
Selection - Archive of obsolete content
Archive › Mozilla › Jetpack › docs › UI › Selection
ing the selection from the user.
jspage - Archive of obsolete content
ction(){new cookie(this.key,$merge(this.options,{duration:-1})).write("");return this;}});cookie.write=function(b,c,a){return new cookie(b,a).write(c); };cookie.read=function(a){return new cookie(a).read();};cookie.dispose=function(b,a){return new cookie(b,a).dispose();};var swiff=new class({implements:[options],options:{id:null,height:1,width:1,container:null,properties:{},params:{quality:"high",allowscriptaccess:"always",wmode:"transparent",swliveconnect:true},callbacks:{},vars:{}},toelement:function(){return this.object; },initialize:function(l,m){this.instance="swiff_"+$time();this.setoptions(m);m=this.options;var b=this.id=m.id||this.instance;var a=document.id(m.container); swiff.callbacks[this.instance]={};var e=m.params,g=m.vars,f=m.callbacks;var h=$extend({height:m.height,width:m.width}...
Message Summary Database - Archive of obsolete content
r attributes, e.g., keywords.
Monitoring downloads - Archive of obsolete content
s discouraged since it could be removed at any time.
Extensions - Archive of obsolete content
ons.
New Skin Notes - Archive of obsolete content
t the right and is slightly too large...
PyDOM - Archive of obsolete content
introduction this is the documentation for the binding of python and the mozilla dom.
RDF Datasource How-To - Archive of obsolete content
an "important friend".
Remotely debugging Firefox for Metro - Archive of obsolete content
ant to set these optional preferences: devtools.debugger.force-local = false (if you want to connect from a different machine over the network) devtools.debugger.remote-host (to change the tcp hostname where firefox will listen for connections) devtools.debugger.remote-port (to change the tcp port number where firefox will listen for connections) devtools.debugger.prompt-connection = false (allow connections without displaying a confirmation prompt.
Remote debugging - Archive of obsolete content
the crash victim, in turn, trusts the developer with full access to his computer.
Safely loading URIs - Archive of obsolete content
n crash the operating system in some cases.
String Quick Reference - Archive of obsolete content
function declarations what: use abstract classes instead of concrete classes when passing strings across function boundaries why: using abstract classes allows the caller to choose the storage mechanism, allowing for possible sharing or more efficient handling of string fragments.
Tuning Pageload - Archive of obsolete content
ay expires.
Using cross commit - Archive of obsolete content
cross-commit is a script that allows a single patch to be easily checked in on multiple branches.
When To Use ifdefs - Archive of obsolete content
editor/ui/ is built by the suite, standalone composer, and thunderbird, but it is considered application-specific.
Anonymous Content - Archive of obsolete content
tfield.
XBL - Archive of obsolete content
ar in spirit to mozilla's xbl, but there are a few subtle (and not-so-subtle) differences.
Using XPInstall to Install Plugins - Archive of obsolete content
xpinstall downloads via trigger scripts.
getLastError - Archive of obsolete content
getlasterror returns the most recent nonzero error code.
loadResources - Archive of obsolete content
senting the path to the properties file in the xpi in which the key/value pairs are defined.
Methods - Archive of obsolete content
plugin as an extension.
WinProfile Object - Archive of obsolete content
should see how to package a plugin as an extension.
XPJS Components Proposal - Archive of obsolete content
om component manager and the js code.
XTech 2006 Presentations - Archive of obsolete content
lity in 2006.
A XUL Bestiary - Archive of obsolete content
mozilla's there is a special flag you can use to start mozilla with some chrome other than the default.
accelerated - Archive of obsolete content
« xul reference homeaccelerated type: booleanset this attribute to true to allow hardware layer managers to accelerate the window.
accesskey - Archive of obsolete content
skey, the first of those characters in the label will be underlined.
coalesceduplicatearcs - Archive of obsolete content
« xul reference home coalesceduplicatearcs type: boolean valid on any element that has a datasources attribute.
disabled - Archive of obsolete content
d.
drawintitlebar - Archive of obsolete content
« xul reference home drawintitlebar type: boolean if this attribute is true, the top of the window's content area will begin at the top edge of the title bar, instead of below the title bar.
fullscreenbutton - Archive of obsolete content
« xul reference home fullscreenbutton type: boolean set this attribute to true to display a button in the window chrome to allow the user to switch the window into full screen mode.
hidespinbuttons - Archive of obsolete content
« xul reference home hidespinbuttons type: boolean if true, the number box does not have arrow buttons next to it to allow the user to adjust the value.
homepage - Archive of obsolete content
« xul reference home homepage type: url this attribute allows you to set a homepage for the browser element.
maxlength - Archive of obsolete content
« xul reference home maxlength type: integer the maximum number of characters that the textbox allows to be entered.
multiline - Archive of obsolete content
« xul reference home multiline type: boolean if true, the textbox displays multiple lines.
popup.position - Archive of obsolete content
« xul reference home position type: string the position attribute determines where the popup appears relative to the element the user clicked to invoke the popup.
primary - Archive of obsolete content
« xul reference home primary type: boolean if set to true, the treecol will have indentation and twisties drawn to the left of it to indicate the hierarchy level of the rows.
seltype - Archive of obsolete content
« xul reference home seltype type: one of the values below used to indicate whether multiple selection is allowed.
treecell.editable - Archive of obsolete content
« xul reference home editable type: boolean allows the contents of individual cells in the column to be changed, especially useful when <treecol type="checkbox">.
treecol.editable - Archive of obsolete content
« xul reference home editable type: boolean allows the contents of cells in the column to be changed, especially useful when type="checkbox".
treecol.width - Archive of obsolete content
« xul reference home width type: string (representing an integer) the preferred width of the tree column.
value - Archive of obsolete content
« xul reference home value type: string the string attribute allows you to associate a data value with an element.
width - Archive of obsolete content
<label value="40"/> </hbox> </hbox> however, in the following example, despite that the preferred width of the box is 30 pixels, the displayed size of the box will be larger to accommodate the larger label.
Attribute (XUL) - Archive of obsolete content
« xul reference home acceltext accessible accesskey activetitlebarcolor afterselected align allowevents allownegativeassertions alternatingbackground alwaysopenpopup attribute autocheck autocompleteenabled autocompletepopup autocompletesearch autocompletesearchparam autofill autofillaftermatch autoscroll beforeselected buttonaccesskeyaccept buttonaccesskeycancel buttonaccesskeydisclosure buttonaccesskeyextra1 buttonaccesskeyextra2 buttonaccesskeyhelp buttonalign buttondir buttondisabledaccept buttonlabelaccept buttonlabelcancel buttonlabeldisclosure buttonlabelextra1 buttonlabelextra2 buttonlabelhelp buttonorient buttonpack buttons checked checkstate clicktoscroll class closebutton closemenu coalesceduplicatearcs collapse collapsed col...
Accessing Files - Archive of obsolete content
ome!
IO - Archive of obsolete content
Archive › Mozilla › XUL › FileGuide › IO
ut reading from text and binary files, see reading from files.
Moving, Copying and Deleting Files - Archive of obsolete content
copy, and the second is the directory in which to copy the file to.
findbar - Archive of obsolete content
next" toolbar button in the findbar.
International characters in XUL JavaScript - Archive of obsolete content
you want the same code to work in both gecko 1.8 and earlier versions, you must limit yourself to ascii.
advance - Archive of obsolete content
Archive › Mozilla › XUL › Method › advance
« xul reference home advance( pageid ) return type: no return value call this method to go to the next page.
loadTabs - Archive of obsolete content
) loadtabs( uris, params ) return type: no return value loads a set of uris, specified by the array uris, into tabs.
loadURIWithFlags - Archive of obsolete content
« xul reference home loaduriwithflags( uri, flags, referrer, charset, postdata ) return type: no return value load a url into the document, with the specified load flags, the given referrer, character set, and post data.
openSubDialog - Archive of obsolete content
« xul reference home opensubdialog( url, features, params ) return type: window opens a child modal dialog.
Namespaces - Archive of obsolete content
this document, see namespaces crash course.
Extensions - Archive of obsolete content
on a context menu, see hiding and showing menu items based on context.
MenuButtons - Archive of obsolete content
on the 'menu' type of button is used when pressing the button alone should just open the menu and not execute a command directly.
MenuItems - Archive of obsolete content
or a menu command.
MoveResize - Archive of obsolete content
oved such that it will fit on screen.
Positioning - Archive of obsolete content
n the popup: menupopup.openpopup(label, "end_before", 0, 0, false, false); note that the position has been set to 'end_before', as above.
Popup Guide - Archive of obsolete content
menu except that the commands it contains apply to what the user had clicked on to open the context menu.
builderView - Archive of obsolete content
« xul reference builderview type: nsixultreebuilder a reference to the tree builder which constructed the tree data.
canAdvance - Archive of obsolete content
« xul reference canadvance type: boolean this property is set to true if the user can press the next button to go to the next page.
canRewind - Archive of obsolete content
« xul reference canrewind type: boolean this property is set to true if the user can press the back button to go to the previous page.
is24HourClock - Archive of obsolete content
« xul reference is24hourclock type: boolean a read only value indicating whether a 12-hour or 24-hour clock is used to display times.
maxLength - Archive of obsolete content
« xul reference maxlength type: integer the maximum number of characters that the textbox allows to be entered.
view - Archive of obsolete content
Archive › Mozilla › XUL › Property › view
« xul reference view type: nsitreeview the view for the tree, which is the object which generates the data to be displayed.
Property - Archive of obsolete content
« xul reference accessible accessibletype accesskey align allnotifications allowevents alwaysopenpopup amindicator applocale autocheck autofill autofillaftermatch boxobject browsers builder builderview buttons canadvance cangoback cangoforward canrewind checked checkstate child children classname clickselectsall clientheight clientwidth collapsed color columns command commandmanager completedefaultindex container contentdocument contentprincipal contenttitle contentview contentvieweredit contentviewerfile contentwindow contextmenu control controller controllers crop current currentindex currentitem currentnotification currentpage currentpane currentset currenturi customt...
statusbarpanel-menu-iconic - Archive of obsolete content
« xul reference home statusbarpanel-menu-iconic use this class to have an image appear on the statusbarpanel, and also allow a popup menu.
Additional Navigation - Archive of obsolete content
of the object can be filled in with the value of the ?start variable.
Additional Template Attributes - Archive of obsolete content
« previousnext » referencing templates all the templates used so far have had the template placed inside the root element with the datasources attribute.
Bindings - Archive of obsolete content
stead inside a rule element.
Building Menus With Templates - Archive of obsolete content
other elements.
Filtering - Archive of obsolete content
st be rebuilt by calling the rebuild method.
Introduction - Archive of obsolete content
next » a xul template is a means of producing a block of content for each result from some query or query-like operation.
RDF Query Syntax - Archive of obsolete content
/a', so that is filled in.
SQLite Templates - Archive of obsolete content
« previousnext » templates may use a datasource that is retrieved from an sqlite database, such as those used by the mozstorage api.
Simple Query Syntax - Archive of obsolete content
used in two places, the uri attribute on the hbox and as the src attribute for the image.
Template Builder Interface - Archive of obsolete content
to different whitespace handling for html and xul, which is why the content to generate in the above example is all on one line.
Template Logging - Archive of obsolete content
es first, that this is a new result, as opposed to a result being removed, and second, that this result is 'active'.
Template Guide - Archive of obsolete content
es building trees building hierarchical trees template modifications template builder interface template and tree listeners rdf modifications additional topics sorting results additional template attributes template logging xml namespaces alternative approaches javascript templates xuljsdatasource: a component for extensions, which bring a "javascript template syntax".
The Joy of XUL - Archive of obsolete content
al libraries with xul applications.
Adding Buttons - Archive of obsolete content
label="normal"/> <button label="disabled" disabled="true"/> the examples above will generate the buttons in the image.
Adding Event Handlers - Archive of obsolete content
have been added here.
Adding Methods to XBL-defined Elements - Archive of obsolete content
r to the method.
Adding Style Sheets - Archive of obsolete content
ame was not indicated here.
Anonymous Content - Archive of obsolete content
pbox"> <menupopup> <menuitem label="1000"/> <menuitem label="2000"/> </menupopup> <textbox flex="1"/> <button src="chrome://global/skin/images/dropbox.jpg"/> </menu> includes attribute in some cases, you may wish to only include specific types of content and not others.
Box Objects - Archive of obsolete content
l, it will be treated as hidden.
Broadcasters and Observers - Archive of obsolete content
oth do the same thing.
Creating a Skin - Archive of obsolete content
r/skin/icons/btn1.gif"); -moz-image-region: rect(80px 16px 96px 0); -moz-box-orient: vertical; } mozilla provides a custom style property -moz-image-region which can be used to make an element use part of an image.
Cross Package Overlays - Archive of obsolete content
the mozilla mail application uses overlays to add content to the browser window.
Grids - Archive of obsolete content
Archive › Mozilla › XUL › Tutorial › Grids
html table tag.
Input Controls - Archive of obsolete content
yle class of the textbox.
Manipulating Lists - Archive of obsolete content
trolelement interface also provides methods for modifying the selected items.
Modifying a XUL Interface - Archive of obsolete content
s selectedindex property may be used to do this.
Modifying the Default Skin - Archive of obsolete content
imple personalized look to a firefox window, you can easily change the style sheets associated with it.
More Button Features - Archive of obsolete content
ll have both a label and the image 'happy.png'.
More Event Handlers - Archive of obsolete content
ssed and the location of the mouse pointer.
More Tree Features - Archive of obsolete content
ntain either single rows which are declared with the treerow element or a set of rows which are declared with the treechildren element.
Open and Save Dialogs - Archive of obsolete content
« previousnext » a common type of dialog is one where the user can select a file to open or save.
Popup Menus - Archive of obsolete content
tips here.
Scrolling Menus - Archive of obsolete content
« previousnext » this section will describe scrolling menus and how to use the mechanism with other elements.
Simple Menu Bars - Archive of obsolete content
« previousnext » in this section, we'll see how to create a menu bar with menus on it.
Skinning XUL Files by Hand - Archive of obsolete content
s of the element: when the mouse moves over a button, for example, the appropriate pseudo-class stylesheet rules are applied.
Stacks and Decks - Archive of obsolete content
an contain other elements.
Styling a Tree - Archive of obsolete content
perty is set for rows or cells which are expanded.
The Box Model - Archive of obsolete content
« previousnext » in this section, we'll look at how xul handles layout.
Toolbars - Archive of obsolete content
oolbar buttons to the toolbar palette, rather than adding them directly to the toolbar.
Tree Selection - Archive of obsolete content
he next item at index 1 will be its first child.
Trees and Templates - Archive of obsolete content
le 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.
Updating Commands - Archive of obsolete content
on the necessary controller when called.
XPCOM Examples - Archive of obsolete content
ext » this section provides some examples of using xpcom along with some additional interfaces.
XPCOM Interfaces - Archive of obsolete content
tances of them because only one should exist.
XUL Questions and Answers - Archive of obsolete content
template is planned (bug 321170): xml datasources (bug 321171) storage (sqlite) datasources (bug 321172) when loading an xslt stylesheet into an xml i get the error: "error loading stylesheet: an xslt stylesheet load was blocked for security reasons." that error is from a security check that has been put up to safeguard against cross-site-scripting attacks.
Accessibility/XUL Accessibility Reference - Archive of obsolete content
" /> <menuitem label="<!--option2-->" selected="true" /> <menuitem label="<!--option3-->" /> </menupopup> </menulist> menupopup see menulist and menubar popup see popupset popupset be careful regarding keyboard access of popups.
XUL and RDF - Archive of obsolete content
two-fold.
XML - Archive of obsolete content
ld with uppercase verbs (e.g., onclick, onload) -- must be lowercase or they are invalid.
button - Archive of obsolete content
d.
checkbox - Archive of obsolete content
d.
colorpicker - Archive of obsolete content
d.
commandset - Archive of obsolete content
of items.
dialogheader - Archive of obsolete content
r example, for a menuitem in a menu you can add the following css rule when you want to use the value none: menupopup > menuitem, menupopup > menu { max-width: none; } description type: string descriptive text to appear in addition to the dialog title.
image - Archive of obsolete content
Archive › Mozilla › XUL › image
t handling: always the image is always checked to see whether it should be reloaded.
label - Archive of obsolete content
Archive › Mozilla › XUL › label
d.
menubar - Archive of obsolete content
element, the label on the statusbar will update to the statustext of the items on the menu as the user moves the mouse over them.
menupopup - Archive of obsolete content
ay it.
notification - Archive of obsolete content
ear.
panel - Archive of obsolete content
Archive › Mozilla › XUL › panel
ay it.
param - Archive of obsolete content
Archive › Mozilla › XUL › param
ing the name of a parameter within the sql statement.
preference - Archive of obsolete content
d.
prefwindow - Archive of obsolete content
log and closes it, similar to pressing the cancel button.
rule - Archive of obsolete content
Archive › Mozilla › XUL › rule
in one or more child elements.
tab - Archive of obsolete content
Archive › Mozilla › XUL › tab
d.
tabs - Archive of obsolete content
Archive › Mozilla › XUL › tabs
d.
toolbarbutton - Archive of obsolete content
d.
toolbox - Archive of obsolete content
<toolbarbutton label="back"/> <toolbarbutton label="forward"/> <toolbarbutton label="home"/> </toolbar> <toolbar> <toolbarbutton label="stop"/> <toolbarbutton label="reload"/> </toolbar> </toolbox> <textbox multiline="true" value="we have two toolbars inside of one toolbox above." width="20"/> </window> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortd...
tooltip - Archive of obsolete content
lly as appropriate for a browser content area tooltip, i.e.
treeitem - Archive of obsolete content
e attribute should be placed on the element where content generation should begin.
wizardpage - Archive of obsolete content
pages has a next attribute, all of the pages should have one, except that last page.
Application Update - Archive of obsolete content
es branding information, setup branding for your application as described here: xulrunner tips icons the updater process for linux systems requires updater.png to be in your <application folder>/icons/, see https://bugzilla.mozilla.org/show_bug.cgi?id=706846 preferences // whether or not app updates are enabled pref("app.update.enabled", true); // this preference turns on app.update.mode and allows automatic download and // install to take place.
Creating a Windows Inno Setup installer for XULRunner applications - Archive of obsolete content
ting inno setup script files!
Debugging a XULRunner Application - Archive of obsolete content
ser" // is suitable for your app.
Dialogs in XULRunner - Archive of obsolete content
es.
XULRunner FAQ - Archive of obsolete content
ake development tools (the ajax toolkit framework, for example).
XULRunner Hall of Fame - Archive of obsolete content
opensource tool for making diagrams and gui prototyping that everyone can use.
How to enable locale switching in a XULRunner application - Archive of obsolete content
em.setattribute("label", locale); if (locale == selectedlocale) { // is this the current locale?
XUL Application Packaging - Archive of obsolete content
archive with the extension .xulapp or .xpi.
toolkit.defaultChromeFeatures - Archive of obsolete content
type: string specified by: default prefs of xulrunner applications default: "chrome,dialog=no,all" example: pref("toolkit.defaultchromefeatures", "chrome,resizable=no,dialog=no"); the toolkit.defaultchromefeatures preference allows simple xulrunner-based applications to specify what features are passed to window.open() when the main application window is opened.
toolkit.defaultChromeURI - Archive of obsolete content
type: string specified by: default prefs of xulrunner applications default: none example: pref("toolkit.defaultchromeuri", "chrome://myapp/content/"); the toolkit.defaultchromeuri preference allows simple xulrunner-based applications to open a new window when the application is launched.
XULRunner - Archive of obsolete content
getting started with xulrunner a short introduction to xulrunner.
2006-11-24 - Archive of obsolete content
summary: mozilla.dev.apps.firefox - november 17, 2006 - november 24, 2006 announcements none this week.
2006-12-01 - Archive of obsolete content
mpleted.
2006-11-10 - Archive of obsolete content
summary: mozilla.dev.builds - november 4th to november 10th 2006 browser buttons november 4th: mojr wants to know if firefox has a similar feature that the new ie 6 has built in.
2006-11-17 - Archive of obsolete content
summary: mozilla.dev.platform - november 11th - november 17th, 2006 announcements no announcements this week traffic xulrunner: <browser> not allowing javascript popup windows b notes that when using xul elements <browser/> and <tabbrowser/> the javascript popup windows don't work out of the box and asks what needs to be implement.
2006-18-24 - Archive of obsolete content
summary: mozilla.dev.platform - november 18th - november 24th, 2006 announcements no announcements this week traffic xulrunner: <browser> not allowing javascript popup windows b notes that when using xul elements <browser/> and <tabbrowser/> the javascript popup windows don't work out of the box and asks what needs to be implement.
2006-10-20 - Archive of obsolete content
summary: mozilla.dev.security - october 14, 2006 to october 20, 2006 return to mozilla-dev-security announcements none during this week.
JS-Engine FAQ - Archive of obsolete content
uld fix the problem.
2006-10-27 - Archive of obsolete content
ng the nn 4.6 table boarder color quirk, which currently causes a specific markup to produce a green boarder instead of a gray one.
2006-11-10 - Archive of obsolete content
e source code so that images could be blocked in mozilla.
Multi-process plugin architecture - Archive of obsolete content
protocol language.
Browser-side plug-in API - Archive of obsolete content
this chapter describes methods in the plug-in api that are provided by the browser; these allow call back to the browser to request information, tell the browser to repaint part of the window, and so forth.
NPN_GetAuthenticationInfo - Archive of obsolete content
parameter.
NPN_GetValue - Archive of obsolete content
« gecko plugin api reference « browser side plug-in api summary allows the plug-in to query the browser for information.
NPN_GetValueForURL - Archive of obsolete content
d.
NPP_GetValue - Archive of obsolete content
« gecko plugin api reference « plug-in side plug-in api summary allows the browser to query the plug-in for information.
NPP_NewStream - Archive of obsolete content
ressively as it arrives from the network or file system.
NPP_SetWindow - Archive of obsolete content
dow structure contains a window handle and values for top left corner, width, height, and clipping rectangle (see note on unix below).
NPP_WriteReady - Archive of obsolete content
ction has the following parameters: instance pointer to the current plug-in instance.
NP_GetValue - Archive of obsolete content
« gecko plugin api reference « plug-in side plug-in api summary allows the browser to query the plug-in for information.
NPAPI plug-in side API - Archive of obsolete content
this chapter describes methods in the plug-in api that are available from the plug-in object; these allow plug-ins to interact with the browser.
Adobe Flash - Archive of obsolete content
nor where major can be a major revision such as "5" or "6" and minor is the subsidiary version number.
Shipping a plugin as a Toolkit bundle - Archive of obsolete content
minimum and maximum version of the application that the plugin works with.
Plugins - Archive of obsolete content
delines will help website authors use plugins when they are blocked by default with the firefox click-to-activate feature.
Why Well-Formed Web RSS Module is Popular - Syndicating Your Comments - Archive of obsolete content
there aren't many blogs out there that don't allow commenting of blog posts.
Proposal - Archive of obsolete content
sting works better with rss.
.htaccess ( hypertext access ) - Archive of obsolete content
to different pages depending on the error they caused or by the webserver.
Vulnerabilities - Archive of obsolete content
se.
Sunbird Theme Tutorial - Archive of obsolete content
our theme, change the css and image files in any way you like.
Tamarin Tracing Build Documentation - Archive of obsolete content
org/en/docs...formance_tests tamarin buildbot adobe maintains a continuous build and test system for tamarin tracing and continuous build and test system for tamarin central, similar to tinderbox.
The Basics of Web Services - Archive of obsolete content
summary: a current hot topic on the web right now are web services.
Create Your Own Firefox Background Theme - Archive of obsolete content
ottom of the window.
Theme changes in Firefox 2 - Archive of obsolete content
at indicates a site may be fraudulent.
Scratchpad - Archive of obsolete content
gned for interpreting a single line of code at a time, scratchpad lets you edit larger chunks of javascript code, then execute it in various ways depending on how you want to use the output.
Developing cross-browser and cross-platform pages - Archive of obsolete content
propriate switches.
Using workers in extensions - Archive of obsolete content
is fairly similar to the previous versions, with two notable exceptions: if the ticker symbol has not been set yet, an exception is thrown (lines 4-6).
-ms-content-zoom-limit-max - Archive of obsolete content
the -ms-content-zoom-limit-max css property is a microsoft extension that specifies the selected elements' maximum zoom factor.
-ms-content-zoom-limit-min - Archive of obsolete content
the -ms-content-zoom-limit-min css property is a microsoft extension that specifies the minimum zoom factor.
-ms-hyphenate-limit-chars - Archive of obsolete content
teger>{1,3} one to three integer values, corresponding to the word limit, the minimum number of characters required before a hyphenation break, and the minimum number of characters required following a hyphenation break, respectively.
-ms-hyphenate-limit-lines - Archive of obsolete content
nated lines.
-ms-scroll-rails - Archive of obsolete content
the -ms-scroll-rails css property is a microsoft extension that specifies whether scrolling locks to the primary axis of motion.
::-ms-check - Archive of obsolete content
the ::-ms-check css pseudo-element is a microsoft extension that represents checkboxes and radio button groups created by <input type="checkbox"> and <input type="radio">.
::-ms-clear - Archive of obsolete content
cused, non-empty text controls.
::-ms-expand - Archive of obsolete content
the ::-ms-expand css pseudo-element is a microsoft extension that represents the button of a <select> menu control that opens or closes the drop-down menu.
::-ms-fill-lower - Archive of obsolete content
the ::-ms-fill-lower css pseudo-element represents the lower portion of the track of a slider control; that is, the portion corresponding to values less than the value currently selected by the thumb.
::-ms-fill-upper - Archive of obsolete content
the ::-ms-fill-upper css pseudo-element is a microsoft extension that represents the upper portion of the track of a slider control; that is, the portion corresponding to values greater than the value currently selected by the thumb.
::-ms-reveal - Archive of obsolete content
do-element is a microsoft extension that is used to display a password reveal button for use with a password field created by <input type="password">.
::-ms-thumb - Archive of obsolete content
the ::-ms-thumb css pseudo-element is a microsoft extension that represents the thumb that the user moves within the track of a slider control to alter its numerical value.
::-ms-ticks-after - Archive of obsolete content
tation of <input type="range">.
::-ms-ticks-before - Archive of obsolete content
tation of <input type="range">.
::-ms-tooltip - Archive of obsolete content
the ::-ms-tooltip css pseudo-element is a microsoft extension that represents the tooltip of a slider control.
::-ms-track - Archive of obsolete content
<input type="range">.
::-ms-value - Archive of obsolete content
the ::-ms-value css pseudo-element is a microsoft extension that applies rules to the value of a text or password <input> control or the content of a <select> control.
azimuth - Archive of obsolete content
Archive › Web › CSS › azimuth
in combination with elevation, the azimuth css property enables different audio sources to be positioned spatially for aural presentation.
CSS - Archive of obsolete content
Archive › Web › CSS
in combination with elevation, the azimuth css property enables different audio sources to be positioned spatially for aural presentation.
Processing XML with E4X - Archive of obsolete content
/person> </people>; alert(people.person.(name == "joe").age); // alerts 46 filter expressions can even use javascript functions: function over40(i) { return i > 40; } alert(people.person.(over40(parseint(age))).name); // alerts joe handling namespaces e4x is fully namespace aware.
The global XML object - Archive of obsolete content
« previous the global xml object e4x-capable javascript engines put a new property on the global object.
Expression closures - Archive of obsolete content
assed to the function.
GetObject - Archive of obsolete content
pplication associated with the specified pathname is started, and the object in the specified file is activated.
Object.getNotifier() - Archive of obsolete content
the object.getnotifer() method was used to create an object that allows to synthetically trigger a change, but has been deprecated and removed in browsers.
Object.prototype.unwatch() - Archive of obsolete content
return value undefined.
JSObject - Archive of obsolete content
summary the public final class netscape.javascript.jsobject extends object.
Old Proxy API - Archive of obsolete content
(name, desc) { object.defineproperty(obj, name, desc); }, delete: function(name) { return delete obj[name]; }, fix: function() { if (object.isfrozen(obj)) { return object.getownpropertynames(obj).map(function(name) { return object.getownpropertydescriptor(obj, name); }); } // as long as obj is not frozen, the proxy won't allow itself to be fixed return undefined; // will cause a typeerror to be thrown }, // derived traps has: function(name) { return name in obj; }, hasown: function(name) { return object.prototype.hasownproperty.call(obj, name); }, get: function(receiver, name) { return obj[name]; }, set: function(receiver, name, val) { obj[name] = val; ret...
Sharp variables in JavaScript - Archive of obsolete content
a sharp variable is a syntax in object initializers that allows serialization of objects that have cyclic references or multiple references to the same object.
Implementation Status - Archive of obsolete content
supported 4.9 feature string for the hasfeature method call supported 5.
RFE to the XForms API - Archive of obsolete content
Archive › Web › XForms › RFE › XForms API
om.
Requests For Enhancement - Archive of obsolete content
Archive › Web › XForms › RFE
one of the outstanding features of xforms is that it can work with any xml host language.
XForms Styling - Archive of obsolete content
just a starting draft.
XForms Range Element - Archive of obsolete content
introduction allows the user to choose a value from within a specific range of values (see the spec).
XForms Repeat Element - Archive of obsolete content
igger> attribute based repeat when using xforms within host languages like xhtml, it is often necessary to create repeating structures within constructs such as html:table.
XForms Switch Module - Archive of obsolete content
introduction xforms switch module define a switch construct that allows the creation of user interfaces where the user interface can be varied based on user actions and events.
XForms Trigger Element - Archive of obsolete content
introduction allows the user to initiate actions (see the spec).
Archived open Web documentation - Archive of obsolete content
-scoped lets.
Fixing Table Inheritance in Quirks Mode - Archive of obsolete content
rule that overrides the -moz-initial values with the css2 value inherit.
Mozilla's DOCTYPE sniffing - Archive of obsolete content
bug 1312 and bug 55264 for some of the history of the mode determination.
RDF in Fifty Words or Less - Archive of obsolete content
to relate a bookmark to another bookmark, or keep it in multiple "folders" at once.
XQuery - Archive of obsolete content
pported in firefox (whether through javascript to developers or to browser users), at least one extension has been developed to give a preliminary support for xquery for browser users (and serving as a simple model for how xquery can be implemented within extensions).
Using the DOM File API in chrome code - Extensions
if you want to use the dom file api in chrome code, you can do so without restriction.
Game monetization - Game development
ing on previous activities related to promoting your game may benefit, but your game has to be addictive, which isn't as easy as it sounds.
Building up a basic demo with the PlayCanvas engine - Game development
y object used in the scene — it can be an object like a box, cylinder or cone, but it can also be a camera, light or sound source.
GLSL Shaders - Game development
sually do, have additional properties.
Async scripts for asm.js - Game development
every medium or large game should compile asm.js code as part of an async script to give the browser the maximum flexibility to optimize the compilation process.
Unconventional controls - Game development
the boards and using them may look like this: var cylon = require('cylon'); cylon.robot({ connections: { arduino: { adaptor: 'firmata', port: '/dev/ttyacm0' } }, devices: { makey: { driver: 'makey-button', pin: 2 } }, work: function(my) { my.makey.on('push', function() { console.log("button pushed!"); }); } }).start(); as the description says: this gpio driver allows you to connect a 10 mohm resistor to a digital pin on your arduino or raspberry pi to control your robots with bananas, clay, or drawable circuitry.
Implementing game control mechanisms - Game development
t control mechanisms: mobile touch controls — the first article will kick off with touch, as the mobile first approach is very popular.
Crisp pixel art look with image-rendering - Game development
t pixels.
Efficient animation for web games - Game development
, the browser knows that the related content will end up completely visible to the user and can then pre-render that content.
Create the Canvas and draw on it - Game development
as id="mycanvas" width="480" height="320"></canvas> <script> // javascript code goes here </script> </body> </html> we have a charset defined, <title> and some basic css in the header.
Paddle and keyboard controls - Game development
d its starting point on the x axis for use in calculations further on down the code.
Move the ball - Game development
hed code for this lesson in the live demo below, and play with it to understand better how it works: next steps the next step is to add some basic collision detection, so our ball can bounce off the walls.
Scaling - Game development
scales the canvas, but keeps the aspect ratio untouched, so images won't be skewed like in the previous mode.
The score - Game development
that's it for now — reload your index.html and check that the score updates on every brick hit.
2D breakout game using Phaser - Game development
ment, we would suggest that you first work through this series' counterpart, 2d breakout game using pure javascript.
Ajax - MDN Web Docs Glossary: Definitions of Web-related terms
ajax, which initially stood for asynchronous javascript and xml, is a programming practice of building complex, dynamic webpages using a technology known as xmlhttprequest.
Abstraction - MDN Web Docs Glossary: Definitions of Web-related terms
abstraction in computer programming is a way to reduce complexity and allow efficient design and implementation in complex software systems.
Asynchronous - MDN Web Docs Glossary: Definitions of Web-related terms
script and xml) programming technique—now usually simply "ajax", even though json is usually used rather than xml in modern applications—is a mechanism that requests relatively small amounts of data from the server using http, with the result being returned when available rather than immediately.
CMS - MDN Web Docs Glossary: Definitions of Web-related terms
a cms (content management system) is software that allows users to publish, organize, change, or remove various kinds of content, not only text but also embedded images, video, audio, and interactive code.
CORS-safelisted request header - MDN Web Docs Glossary: Definitions of Web-related terms
a cors-safelisted request header is one of the following http headers: accept, accept-language, content-language, content-type.
Canvas - MDN Web Docs Glossary: Definitions of Web-related terms
the canvas element is part of html5 and allows for dynamic, scriptable rendering of 2d and 3d shapes and bitmap images.
Client hints - MDN Web Docs Glossary: Definitions of Web-related terms
client hints are a set of http request header fields for proactive content negotiation allowing clients to indicate a list of device and agent specific preferences.
Cross-site scripting - MDN Web Docs Glossary: Definitions of Web-related terms
cross-site scripting (xss) is a security exploit which allows an attacker to inject into a website malicious client-side code.
DOM (Document Object Model) - MDN Web Docs Glossary: Definitions of Web-related terms
the dom (document object model) is an api that represents and interacts with any html or xml document.
Domain - MDN Web Docs Glossary: Definitions of Web-related terms
y by name unambigously using the dns system of the internet.
FTP - MDN Web Docs Glossary: Definitions of Web-related terms
ftp (file transfer protocol) was the standard protocol for many years for transferring files from one host to another over the internet.
Fork - MDN Web Docs Glossary: Definitions of Web-related terms
a fork is a copy of an existing software project at some point to add someone's own modifications to the project.
Graceful degradation - MDN Web Docs Glossary: Definitions of Web-related terms
ivers essential content and functionality in older browsers.
HTTP header - MDN Web Docs Glossary: Definitions of Web-related terms
on or about the server itself (name, version, …).
Hoisting - MDN Web Docs Glossary: Definitions of Web-related terms
declarations are physically moved to the top of your code, but this is not in fact what happens.
IPv6 - MDN Web Docs Glossary: Definitions of Web-related terms
ipv6 is the current version of the communication protocol underlying the internet.
Java - MDN Web Docs Glossary: Definitions of Web-related terms
nted, highly portable programming language.
JavaScript - MDN Web Docs Glossary: Definitions of Web-related terms
since then, the standardized javascript is called ecmascript and specified under ecma-262, whose latest (tenth, es2019) edition is available as of june 2019.
Lossless compression - MDN Web Docs Glossary: Definitions of Web-related terms
lossless compression is a class of data compression algorithms that allows the original data to be perfectly reconstructed from the compressed data.
Media (CSS) - MDN Web Docs Glossary: Definitions of Web-related terms
in the context of css (cascading style sheets), the term media refers to the destination to which the document is to be drawn by the rendering engine.
Network throttling - MDN Web Docs Glossary: Definitions of Web-related terms
t online at all.
Node.js - MDN Web Docs Glossary: Definitions of Web-related terms
node.js is a cross-platform javascript runtime environment that allows developers to build server-side and network applications with javascript.
POP3 - MDN Web Docs Glossary: Definitions of Web-related terms
pop3 (post office protocol) is a very common protocol for getting emails from a mail server over a tcp connection.
Progressive Enhancement - MDN Web Docs Glossary: Definitions of Web-related terms
the most modern browsers that can run all the required code.
Prototype-based programming - MDN Web Docs Glossary: Definitions of Web-related terms
prototype-based programming is a style of object-oriented programming in which classes are not explicitly defined, but rather derived by adding properties and methods to an instance of another class or, less frequently, adding them to an empty object.
QUIC - MDN Web Docs Glossary: Definitions of Web-related terms
k udp internet connection, or quic, is an experimental multiplexed transport protocol implemented on udp.
Request header - MDN Web Docs Glossary: Definitions of Web-related terms
a request header is an http header that can be used in an http request, and that doesn't relate to the content of the message.
Response header - MDN Web Docs Glossary: Definitions of Web-related terms
nse headers.
SIMD - MDN Web Docs Glossary: Definitions of Web-related terms
simd (pronounced "sim-dee") is short for single instruction/multiple data which is one classification of computer architectures.
SISD - MDN Web Docs Glossary: Definitions of Web-related terms
sisd is short for single instruction/single data which is one classification of computer architectures.
SPA (Single-page application) - MDN Web Docs Glossary: Definitions of Web-related terms
an spa (single-page application) is a web app implemention that loads only a single web document, and then updates the body content of that single document via javascript apis such as xmlhttprequest and fetch when different content is to be shown.
SQL Injection - MDN Web Docs Glossary: Definitions of Web-related terms
as follows: "select count(*) from users where username=' " + txt.user.text+" ' and password=' "+ txt.password.text+" ' "; now suppose user enters the username: admin and password: passwd123, so after clicking on the log in button, sql query will run as follows: "select count(*) from users where username=' admin ' and password=' passwd123 ' "; if the credentials are correct, then the user is allowed to log in, so it's a very simple (and therefore insecure) mechanism.
SRI - MDN Web Docs Glossary: Definitions of Web-related terms
subresource integrity (sri) is a security feature that enables browsers to verify that files they fetch (for example, from a cdn) are delivered without unexpected manipulation.
SVG - MDN Web Docs Glossary: Definitions of Web-related terms
scalable vector graphics (svg) is a 2d vector image format based on an xml syntax.
SVN - MDN Web Docs Glossary: Definitions of Web-related terms
apache subversion (svn) is a free source control management (scm) system.
Scroll container - MDN Web Docs Glossary: Definitions of Web-related terms
a scroll container is created by applying overflow: scroll to a container, or overflow: auto when there is enough content to cause overflow.
Server Timing - MDN Web Docs Glossary: Definitions of Web-related terms
the server timing specification enables the server to communicate performance metrics from the request-response cycle to the user agent, and utilizes a javascript interface to allow applications to collect, process, and act on these metrics to optimize application delivery.
Snap positions - MDN Web Docs Glossary: Definitions of Web-related terms
a scroll container may set snap positions — points that the scrollport will stop moving at after a scrolling operation is completed.
Static typing - MDN Web Docs Glossary: Definitions of Web-related terms
a statically-typed language is a language (such as java, c, or c++) where variable types are known at compile time.
Stylesheet - MDN Web Docs Glossary: Definitions of Web-related terms
t of css rules used to control the layout and design of a webpage or document.
TURN - MDN Web Docs Glossary: Definitions of Web-related terms
turn (traversal using relays around nat) is a protocol enabling a computer to receive and send data from behind a network address translator (nat) or firewall.
Tag - MDN Web Docs Glossary: Definitions of Web-related terms
in html, a tag is used for creating an element.
VoIP - MDN Web Docs Glossary: Definitions of Web-related terms
voip (voice over internet protocol) is a technology used to transmit voice messages over ip (internet protocol) networks.
WebDAV - MDN Web Docs Glossary: Definitions of Web-related terms
webdav (web distributed authoring and versioning) is an http extension that lets web developers update their content remotely from a client.
Array - MDN Web Docs Glossary: Definitions of Web-related terms
an array is an ordered collection of data (either primitive or object depending upon the language).
caret - MDN Web Docs Glossary: Definitions of Web-related terms
the caret using a thin vertical line or a character-sized box that flashes, but this can vary.
Character encoding - MDN Web Docs Glossary: Definitions of Web-related terms
an encoding defines a mapping between bytes and text.
HTTPS - MDN Web Docs Glossary: Definitions of Web-related terms
https (hypertext transfer protocol secure) is an encrypted version of the http protocol.
Routers - MDN Web Docs Glossary: Definitions of Web-related terms
there are two definitions for routers on the web: for the network layer, the router is a networking device that decides data packets directions.
Assessment: Accessibility troubleshooting - Learn web development
notice the styling looking better.
Accessibility - Learn web development
elopment workflow.
Debugging CSS - Learn web development
ill become most familiar with the tools included in that browser, it is worth knowing how to access them in other browsers.
Organizing your CSS - Learn web development
then the advantage is that you will be able to search and find many articles and guides to help you understand how to code in the same style.
Overflowing content - Learn web development
assing two values.
Attribute selectors - Learn web development
li[class="a"] matches a selector with a class of a, but not a selector with a class of a with another space-separated class as part of the value.
CSS selectors - Learn web development
previous overview: building blocks next in css, selectors are used to target the html elements on our web pages that we want to style.
Styling tables - Learn web development
nal look (see it live at punk-bands-complete.html): table styling quick tips before moving on, we thought we'd provide you with a quick list of the most useful points illustrated above: make your table markup as simple as possible, and keep things flexible, e.g.
Floats - Learn web development
turned to its original purpose, as this article explains.
Grids - Learn web development
ize for a track, for example minmax(100px, auto).
Multiple-column layout - Learn web development
um sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> </div> columns and fragmentation the content of a multi-column layout is fragmented.
Supporting older browsers - Learn web development
kground-color: rgb(207,232,220); padding: 1em; width: 33.333%; } <div class="wrapper"> <div class="item">item one</div> <div class="item">item two</div> <div class="item">item three</div> </div> to deal with this issue we need to have a way to detect if grid is supported and therefore if it will override the width.
How CSS is structured - Learn web development
xes (css) presentational code with html and content, making everything more difficult to read and understand.
CSS first steps - Learn web development
uter/tablet/other device where you don't have the ability to create your own files, you could try out (most of) the code examples in an online coding program such as jsbin or glitch.
Use CSS to solve common problems - Learn web development
Learn › CSS › Howto
e, block, and inline-block?
Styling links - Learn web development
et's go through it step by step: as in previous examples, we start by turning off the default text-decoration and outline — we don't want those spoiling our look.
Typesetting a community school homepage - Learn web development
, and your heading font to your headings.
How do you make sure your website works properly? - Learn web development
ew location.
What do common web layouts contain? - Learn web development
hen you start learning about css.
How can we design for all types of users? - Learn web development
<p>[lengthly text that spans many lines]</p> </div> </body> </html> we have a div with class container.
How does the Internet work? - Learn web development
ip address 173.194.121.32.
What is the difference between webpage, website, web server, and search engine? - Learn web development
nt.
What is a Domain Name? - Learn web development
t) don't require web services to meet any particular criteria, but some tlds enforce stricter policies so it is clearer what their purpose is.
What software do I need to build a website? - Learn web development
r to use, the provider will email you the access information, usually in the form of an sftp url, username, password, and other information needed to connect to their server.
Basic native form controls - Learn web development
end.
How to build custom form controls - Learn web development
mented for the click event.
Styling web forms - Learn web development
e <select> that causes the options list to display) making up those widgets.
Test your skills: HTML5 controls - Learn web development
et's explore some of the new html5 input types.
Test your skills: Other controls - Learn web development
ment" label.
Example - Learn web development
ox; box-sizing: border-box; /* to harmonize the look & feel of text field border */ border: 1px solid #999; } input:focus, textarea:focus { /* to give a little highligh on active elements */ border-color: #000; } textarea { /* to properly align multiline text field with their label */ vertical-align: top; /* to give enough room to type some text */ height: 5em; /* to allow users to resize any textarea vertically it works only on chrome, firefox and safari */ resize: vertical; } .button { /* to position the buttons to the same position of the text fields */ padding-left: 90px; /* same size as the label elements */ } button { /* this extra magin represent the same space as the space between the labels and their text fields */ margin-left: .5em; ...
How the Web works - Learn web development
t tell the whole story.
Advanced text formatting - Learn web development
ans write down dates.
Debugging HTML - Learn web development
because browsers parse it permissively, meaning that the page still displays even if there are syntax errors.
Mozilla splash page - Learn web development
se.
Build your own function - Learn web development
code inside the anonymous function is not run immediately, as it is inside the function scope.
Looping code - Learn web development
ion, the break statement immediately exits the switch statement and moves onto the code after it.
Function return values - Learn web development
learning: our own return value function let's have a go at writing our own functions featuring return values.
JavaScript building blocks - Learn web development
me.
Storing the information you need — Variables - Learn web development
sing latin characters (0-9, a-z, a-z) and the underscore character.
What went wrong? Troubleshooting JavaScript - Learn web development
ct same problem we cited above!
Object-oriented JavaScript for beginners - Learn web development
ng the create() method constructors can help you give your code order—you can create constructors in one place, then create instances as needed, and it is clear where they came from.
Object prototypes - Learn web development
can find some further tests to verify that you've retained this information before you move on — see test your skills: object-oriented javascript.
JavaScript — Dynamic client-side scripting - Learn web development
javascript is a programming language that allows you to implement complex things on web pages.
What is web performance? - Learn web development
previous overview: performance next web performance is all about making web sites fast, including making slow processes seem fast.
Web performance - Learn web development
nce, and the methods to reduce the number of bytes sent per image.
Accessibility in React - Learn web development
g with react.
React resources - Learn web development
hose.
Starting our Svelte Todo list app - Learn web development
tasks, or completed tasks.
Focus management with Vue refs - Learn web development
previous overview: client-side javascript frameworks next we are nearly done with vue.
Rendering a list of Vue components - Learn web development
r now means that our id is being taken from the data inside app.vue and passed into todoitem as a prop, just like everything else, so things are now more logical and consistent.
Implementing feature detection - Learn web development
and you can generally find a feature detection test for most things by searching for "detect support for your-feature-here" in your favorite search engine.
Git and GitHub - Learn web development
all developers will use some kind of version control system (vcs), a tool to allow them to collaborate with other developers on a project without danger of them overwriting each other's work, and roll back to previous versions of the code base if a problem is discovered later on.
Accessibility/LiveRegionDevGuide
event performance degradation.
Accessibility information for UI designers and developers
icator, as without it, users that can't or don't use a mouse cannot see where they are.
Frequently Asked Questions for Lightweight themes
ork will always be your artwork.
Lightweight themes
pixlr — pixlr offers professional and easy-to-use tools for creating and editing images within a browser.
Theme concepts
ng option, where you define: a single image, which is anchored to the top right of the header area.
Themes
themes allow you to change the look and feel of the user interface and personalize it to your tastes.
What to do and what not to do in Bugzilla
ivity page in the bug description.
Continuous Integration
e accessible via the perfherder interface.
Creating a spell check dictionary add-on
this page describes how to package a hunspell spell check dictionary as a firefox add-on, or how to update your existing add-on, so that it can be installed, uninstalled and updated without a restart.
Creating Sandboxed HTTP Connections
the old value is overwritten.
Debugging JavaScript
at are not errors).
HTTP logging
veloper has asked you for a log).
The Firefox codebase: CSS Guidelines
on component has been already written could be reused with or without changes.
Creating Custom Events That Can Pass Data
t inherits from nsdomevent.
Displaying Places information using views
eract with it?
Limitations of chrome scripts
onous access to content objects.
Process scripts
rocessmessagemanager sendasyncmessage("hello"); in this example, the dump() statement will run once in each content process as well as in the main process.
Message manager
message managers provide a way for chrome-privileged javascript code to communicate across process boundaries.
Firefox Operational Information Database: SQLite
a large amount of operational information about websites visited and browser configuration is stored in relational databases in sqlite used by firefox.
HTMLIFrameElement.download()
ecified url, storing it at /sdcard/download.
HTMLIFrameElement.executeScript()
warning: removed in firefox 65.
mozbrowsercaretstatechanged
oolean indicating whether the caret is currently visible (true) or not (false.) selectionvisible a boolean indicating whether the current selection is visible (true) or not (false.) selectioneditable a boolean indicating whether the current selection is editable (true) or not (false.) selectedtextcontext a domstring containing the currently-selected text content.
HTMLIFrameElement.sendMouseEvent()
non-standard this feature is non-standard and is not on a standards track.
HTMLIFrameElement.sendTouchEvent()
warning: removed in firefox 65.
Chrome-only API reference
Mozilla › Gecko › Chrome › API
this page lists apis that only run in gecko chrome code (and sometimes in other privileged circumstances).
MozBeforePaint
nframe() method.
Embedding Mozilla
gecko allows third-party developers to use the same technology as found in mozilla.
Getting from Content to Layout
memory: the content tree and the frame tree.
IPC Protocol Definition Language (IPDL)
ipdl, short for "ipc (inter-process communication) protocol definition language", is a mozilla-specific language allowing c++ code to pass messages between processes or threads in an organized and secure way.
Addon
a bitfield holding all of the current operations that are waiting to be performed for this add-on.
Assert.jsm
alue is truthy, as determined by !!guard.
Dict.jsm
happen.
DownloadSummary
y number number of bytes currently transferred as part of all the downloads that are currently in progress.
Http.jsm
occurs, it takes three parameters: the error, the responsetext and the xhr object.
JNI.jsm
he js-ctypes required for writing jni code.
JavaScript OS.Constants
ck atomically obtain an exclusive lock.
JavaScript OS
the javascript os module contains tools that allow chrome content (i.e.
PromiseWorker.jsm
summary a promiseworker is a chromeworker except instead of calling postmessage() to send a message, you call post(), which returns a promise.
Sqlite.jsm
qlite.jsm is asynchronous.
Using JavaScript code modules
dule.jsm"); alert(bar); // displays "[object object]" the main effect of the by-value copy is that global variables of simple types won't be shared across scopes.
WebChannel.jsm
).
source-editor.jsm
or multiple find operations (such as find() followed by findnext()).
L10n Checks
l10n checks is a python script and library similar to compare-locales.
Localizing extension metadata on addons.mozilla.org
summary description eula privacy policy version notes developer comments when you submit a new extension to amo, the process is divided into several steps.
Localizing with Mercurial
in mozilla, we use the the mercurial version control system (hg) to manage our source code and localizations.
Localizing with Pontoon
(homepage) switches between project resources to localize, like subpages or localization files.
Localizing without a specialized tool
hat starts the localization process by focusing on how to localize two of the primary types of localization files (dtd and properties) used in the mozilla source code.
Initial setup
is another python script that helps you check your work without running an application.
Release phase
entral/x-testing in your browser to see the new changeset in the remote repository.
Translation phase
n localizing mozilla websites.
SVN for Localizers
m.
gettext
ontext in which it is used, one english string might require two or more different translations.
Fonts for Mozilla 2.0's MathML engine
indows vista, and also comes with miscrosoft office 2007 or microsoft powerpoint viewer 2007.
Using the viewport meta tag to control layout on mobile browsers
h, which is the width of the screen in css pixels at a scale of 100%.
Mozilla Web Developer FAQ
he correct type is text/css.
Mozilla Development Strategies
e is not linear to time to review.
Mozilla Quirks Mode Behavior
h an advisory mime type of text/css will still be treated as css even if the server gives a content-type header other than text/css.
Are We Slim Yet
slim yet project (commonly known as awsy) for several years tracked memory usage across builds on the (now defunct) website areweslimyet.com.
DMD
his will fail if your build does not contain symbols.
Investigating CSS Performance
http://people.mozilla.org/~jmuizelaar/css-perf.patch this patch instruments a bunch of key places and should give an estimate of the order of magnitude of the different parents.
Profiling with Xperf
g -- for example, drag it to the left of the module column to have grouping happen only by process (stuff that's to the left), so that you get symbols in order of weight, regardless of what module they're in.
Refcount tracing and balancing
the logging will be completely useless due to how slow the browser will run and how large the logs it produces will be.
tools/power/rapl
erf_event_paranoid to 0.
Performance
bug 390944).
Research and prep
n the local language and/or locale (indexing a smaller portion of the www but producing better local language results).
Crash reporting
irst need to find the crash id that the server has assigned your crash.
L20n
it from the entire expressive power of the natural language.
MailNews automated testing
automated testing is an increasingly significant and important part of mailnews development.
MailNews
testing the mailnews component of thunderbird.
McCoy
mccoy uses xulrunner which is bound to break, for details see this post.
NSPR Contributor Guide
give us something you snatched from somewhere else;.
NSPR Poll Method
ary provides a reference implementation of the bottom layer using the sockets api, but you can provide your own implementation of the bottom layer using another network transport api.
I/O Functions
tcpsocket pr_connect pr_connectcontinue pr_accept pr_bind pr_listen pr_shutdown pr_recv pr_send pr_recvfrom pr_sendto pr_transmitfile pr_acceptread pr_getsockname pr_getpeername pr_getsocketoption pr_setsocketoption converting between host and network addresses pr_ntohs pr_ntohl pr_htons pr_htonl pr_familyinet memory-mapped i/o functions the memory-mapped i/o functions allow sections of a file to be mapped to memory regions, allowing read-write accesses to the file to be accomplished by normal memory accesses.
Named Shared Memory
the chapter describes the nspr api for named shared memory.
PRHostEnt
host order and returned in network order (suitable for use in system calls).
PRSockOption
_dropmember, pr_sockopt_mcastinterface, pr_sockopt_mcasttimetolive, pr_sockopt_mcastloopback, pr_sockopt_nodelay, pr_sockopt_maxsegment, pr_sockopt_last } prsockoption; enumerators the enumeration has the following enumerators: pr_sockopt_nonblocking nonblocking i/o.
PRSocketOptionData
uffer_size; prsize send_buffer_size; prlinger linger; prmcastrequest add_member; prmcastrequest drop_member; prnetaddr mcast_if; } value; } prsocketoptiondata; fields the structure has the following fields: ip_ttl ip time-to-live.
PRThreadType
rthread.h> typedef enum prthreadtype { pr_user_thread, pr_system_thread } prthreadtype; enumerators pr_user_thread pr_cleanup blocks until the last thread of type pr_user_thread terminates.
PR_AcceptRead
peeraddr points to the address of the remote socket.
PR_CallOnce
ystem initialization occurs only once.
PR_EXTERN
ions or variables that are to be exported from a shared library.
PR_IMPLEMENT
used to define implementations of symbols that are to be exported from a shared library.
PR_NewTCPSocket
r_transmitfile.
PR_NewUDPSocket
wudpsocket creates a new udp socket.
PR_SetLibraryPath
e pathname is not defined, nor whether that pathname should be absolute or relative.
PR_TicksPerSecond
0 indicating the number of ticks per second counted by printervaltime on the current platform.
Function_Name
icate that matches the der-encoded certificate.
NSS CERTVerify Log
= port_newarena(512); log = port_arenaznew(arena,log); log->arena = arena; you can then pass this log into your favorite cert verify function.
CERT_FindCertByDERCert
ontext?
CERT_FindCertByIssuerAndSN
ed to contain the issuer name and the serial number (see [example]) description this function creates a certificate key using the issuerandsn and it then uses the key to find the matching certificate in the database.
Introduction to Network Security Services
port for hardware fortezza.
JSS FAQ
Mozilla › Projects › NSS › JSS › JSS FAQ
org/mozilla/jss/util/base64inputstream.java jss/samples/pqggen.java jss/samples/pkcs12.java if i don't call setcipherpolicy, is the domestic policy used by default?
NSS 3.12.5 release_notes
negotiate without restriction, whether or not the peer's client hello bears the renegotiation info extension (as we always did in the past).
NSS 3.14.3 release notes
fying a padded, mac-then-encrypted block of data.
NSS 3.15.1 release notes
gs fixed" section below.
NSS 3.16.2 release notes
il command has three new certificate usage specifiers: l: certificateusagesslca a: certificateusageanyca y: certificateusageverifyca the pp command has a new command-line option -u, which means "use utf-8".
NSS 3.18.1 release notes
download: source tarballs: https://ftp.mozilla.org/pub/mozilla.org/security/nss/releases/nss_3_18_1_rtm/src/ new in nss 3.18.1 no new functionality is introduced in this release.
NSS 3.19 release notes
fixes in nss 3.19 bug 1086145 / cve-2015-2721 - fixed a bug related to the ordering of tls handshake messages.
NSS 3.22 release notes
ires nspr 4.11 or newer.
NSS 3.26 release notes
source tarballs: https://ftp.mozilla.org/pub/mozilla.org/security/nss/releases/nss_3_26_rtm/src/ new in nss 3.26 new functionality the selfserv test utility has been enhanced to support alpn (http/1.1) and 0-rtt added support for the system-wide crypto policy available on fedora linux, see http://fedoraproject.org/wiki/changes/cryptopolicy introduced build flag nss_disable_libpkix which allows compilation of nss without the libpkix library notable changes in nss 3.26 the following ca certificate was added cn = isrg root x1 sha-256 fingerprint: 96:bc:ec:06:26:49:76:f3:74:60:77:9a:cf:28:c5:a7:cf:e8:a3:c0:aa:e1:1a:8f:fc:ee:05:c0:bd:df:08:c6 npn is disabled, and alpn is enabled by default the nss test suite now completes with the experimental tls 1.3 ...
NSS 3.27.1 release notes
d in this release.
NSS 3.27 release notes
released nss 3.27, which is a minor release.
NSS 3.30 release notes
s that need to distinguish them from other other root cas, may use the exported function pk11_hasattributeset.
NSS 3.35 release notes
echanism was added for 0-rtt, through the experimental ssl_setupantireplay function.
NSS 3.37 release notes
curity/nss/releases/nss_3_37_rtm/src/ notable changes in nss 3.37 the tls 1.3 implementation was updated to draft 28.
NSS 3.43 release notes
ilable on ftp.mozilla.org for secure https download: source tarballs: https://ftp.mozilla.org/pub/mozilla.org/security/nss/releases/nss_3_43_rtm/src/ other releases are available in nss releases.
NSS 3.48 release notes
where possible.
NSS 3.52 release notes
629663 - add ikev1 quick mode kdf.
NSS Developer Tutorial
nss coding style formatting line length should not exceed 80 characters.
NSS sources building testing
ion the difference between internal nss code and exported interfaces.
nss tech note6
meet this requirement is for your application never to modify the nss binaries.
nss tech note7
never examine the members of these structures.
NSS PKCS11 Functions
eturned the wrong password.
PKCS11 Implement
y operation if "ask always" is turned on when changing a password when the user logs out object management c_createobject the nss calls c_createobject when loading new private keys and new certificates into a token.
PKCS 12 functions
later sec_pkcs12decodervalidatebags mxr 3.2 and later sec_pkcs12decoderverify mxr 3.2 and later sec_pkcs12destroyexportcontext mxr 3.2 and later sec_pkcs12enablecipher mxr 3.2 and later sec_pkcs12encode mxr 3.2 and later sec_pkcs12isencryptionallowed mxr 3.2 and later sec_pkcs12setpreferredcipher mxr 3.2 and later ...
PKCS 7 functions
d later sec_pkcs7includecertchain mxr 3.2 and later sec_pkcs7iscontentempty mxr 3.2 and later sec_pkcs7setcontent mxr 3.4 and later sec_pkcs7verifydetachedsignature mxr 3.4 and later sec_pkcs7verifysignature mxr 3.2 and later secmime_decryptionallowed mxr 3.4 and later ...
Migration to HG
and build both nspr and nss: mkdir workarea cd workarea hg clone https://hg.mozilla.org/projects/nspr hg clone https://hg.mozilla.org/projects/nss cd nss # set use_64=1 on 64 bit architectures # set build_opt=1 to get an optimized build make nss_build_all note that the jss project has been given a private copy of the former mozilla/security/coreconf directory, allowing it to remain stable, and only update its build system as necessary.
FC_InitPIN
called when the pkcs #11 security officer (so) is logged into the token and the session is read/write, that is, the session must be in the "r/w so functions" state (cks_rw_so_functions).
FC_Login
akes four parameters: hsession [in] a session handle usertype [in] the user type (cku_so or cku_user) ppin [in] a pointer that points to the user's pin ulpinlen [in] the length of the pin description fc_login() logs a user into a token.
NSC_Login
login() takes four parameters: hsession [in] a session handle usertype [in] the user type (cku_so or cku_user) ppin [in] a pointer that points to the user's pin ulpinlen [in] the length of the pin description nsc_login() logs a user into a token.
NSPR functions
e.
NSS tools : ssltab
er to clear the session id cache.
NSS tools : ssltap
er to clear the session id cache.
troubleshoot.html
building a 32-bit version on a 64-bit may fail with: /usr/include/features.h:324:26: fatal error: bits/predefs.h: no such file or directory in this case remember to set use_64=1 testing nss the ssl stress test opens 2,048 tcp connections in quick succession.
NSS reference
addpasswordintegrity sec_pkcs12enablecipher sec_pkcs12encode sec_pkcs12destroyexportcontext sec_pkcs12decoderstart sec_pkcs12decoderimportbags sec_pkcs12decoderupdate sec_pkcs12decoderfinish sec_pkcs12decodervalidatebags sec_pkcs12decoderverify sec_pkcs12decodergetcerts sec_pkcs12decodersettargettokencas sec_pkcs12decoderiterateinit sec_pkcs12decoderiteratenext sec_pkcs12isencryptionallowed sec_pkcs12setpreferredcipher nspr functions a small number of nspr functions are required for using the certificate verification and ssl functions in nss.
OLD SSL Reference
erence into the format described in the mdn style guide.
gtstd.html
ificate server such as netscape certificate management system.
pkfnc.html
a pointer supplied by the application that can be used to pass state information.
NSS Tools
nss security tools newsgroup: mozilla.dev.tech.crypto overview the nss security tools allow developers to test, debug, and manage applications that use nss.
NSS Tools dbck-tasks
to create a file containing a graph of the certificate database without any information about the user's certificates (no common names, email addresses, etc.).
NSS Tools ssltap
r to clear the session id cache.
NSS tools : signver
Mozilla › Projects › NSS › tools › signver
s originally used berkeleydb databases to store security information.
NSS tools : ssltap
Mozilla › Projects › NSS › tools › ssltap
sion id cache.
Installing Pork
should also work fairly well, but there may be 5 or so files that elsa can't parse.
Pork
pork is a c++ parsing and rewriting tool chain.
Rhino Debugger
the rhino javascript debugger is a gui that allows debugging of interpreted javascript scripts run in rhino.
Tutorial: Embedding Rhino
text and the current thread and is an essential cleanup action.
Small Footprint
responding to 1,171,708 bytes of all uncompressed rhino classes with debug information included.
Rhino history
ng to produce a version of navigator written entirely in java and so it needed an implementation of javascript written in java.
Performance Hints
var statements use var statements when possible.
Rhino requirements and limitations
requirements recent versions of rhino have only been tested with jdk 1.4 and greater.
Rebranding SpiderMonkey (1.8.5)
: install:: $(pkg_config_files) @echo pkg_config_file: $(pkg_config_files) those two lines should be modified to read back: install:: $brand.pc @echo pkg_config_file: $brand.pc note: while it is possible to automate the manual editing process, this has been discouraged due to the fact that these files are automatically generated and very little constant data can be depended upon.
FOSS
cript to c++ objects rust mozjs - rust bindings used by servo gnome gjs - javascript bindings to gnome (broadly, to any library using the gobject introspection mechanism) objective caml http://alain.frisch.fr/soft.html#spider - bindings to embed spidermonkey in ocaml applications perl http://jspl.msg.mx/ - bindings to cross-embed spidermonkey and perl.
Future directions
an "ideal future state" for the engine.
Getting SpiderMonkey source code
e from git the following command line downloads the entire mozilla repository, including the full change history and a lot of gecko and firefox source code that isn't part of spidermonkey.
Hacking Tips
nt.*pid*.*id*.tl" and "tl-dict.*pid*.*id*.json" file).
Statistics API
p_compartments phases and so on.
Garbage collection
e size and finalization behavior.
SpiderMonkey Internals
bject's map (scope) are mostly hidden in jsscope.[ch].
JIT Optimization Outcomes
nt for fast program execution are property accesses and function calls.
INT_FITS_IN_JSVAL
ome browsers, its use is discouraged since it could be removed at any time.
JS::MutableHandle
description const t &get() const returns *ptr.
JS::SetLargeAllocationFailureCallback
callback syntax typedef void (* js::largeallocationfailurecallback)(void *data); name type description data void * data parameter passed to js::setlargeallocationfailurecallback.
JS::SetOutOfMemoryCallback
def void (* outofmemorycallback)(jscontext *cx, void *data); name type description data void * data parameter passed to js::setoutofmemorycallback.
JSClass.flags
the jsclass.flags field allows an application to enable optional jsclass features on a per-class basis.
JSExtendedClass.wrappedObject
wraps an array is considered an array for the purpose of array.prototype.concat and array.concat (which treat array arguments differently from other arguments, per ecma 262-3 §15.4.4.4).
JSGetObjectOps
rivate (int-tagged) pointer in object slots.
JSReserveSlotsOp
o reserve a different number of slots for each object.
JSRuntime
rate context for each html page; every script in the page could use the same context.
JS_AddFinalizeCallback
llback function which the garbage collector calls at several points during garbage collection.
JS_Add*Root
ion, the address of a local (stack-based) variable may not be used for rp.
JS_ClearPendingException
the caller must be in a request on this jscontext.
JS_DefineProperty
leid for the property name.
JS_EnterLocalRootScope
its use is discouraged since it could be removed at any time.
JS_GetGlobalObject
t have multiple global objects, such as the various window objects in a web browser.
JS_GetParent
the initial parent of an object created via the jsapi depends on the particular jsapi function (of which there are many that create objects, including but not limited to js_newobject, js_constructobject, js_defineobject, js_valuetoobject, js_newarrayobject, js_newscriptobject, js_newfunction, js_compilefunction, js_definefunction, js_definefunctions, and js_initclass).
JS_LockGCThing
ontext.
JS_LookupProperty
memory during the search), the return value is false, and the value left in *vp is undefined.
JS_NewExternalString
as the character buffer of the jsstring to be created.
JS_NewUCString
es and returns a new string, using the memory starting at buf and ending at buf + length as the character storage.
JS_SetCallReturnValue2
obsolete since javascript 1.8.5this feature is obsolete.
JS_SetInterruptCallback
but it should first use js_setinterruptcallback to set the context's interrupt callback to null.
JS_SetObjectPrincipalsFinder
later, use js_setruntimesecuritycallbacks instead.
JS_SetOperationCallback
otherwise the engine may call the operation callback again, reentering it.
JS_YieldRequest
obsolete since jsapi 18this feature is obsolete.
Property attributes
tub_gsops use js_propertystub getter/setter instead of defaulting to class gsops for property holding function.
Stored value
the same thing as the property's current value.
Profiling SpiderMonkey
vailable.
SpiderMonkey 1.8.7
see bug 581263.
TPS Tests
involving the same or different profiles, so that one test file may be used to test the effect of syncing and modifying a common set of data (from a single sync account) over a series of different events and clients.
Zest tools
the following tools currently support zest: owasp zed attack proxy the zap add-on allows the user to create, edit and run zest scripts.
Zest usecase: Reporting Security Vulnerabilities to Developers
g words, for example in a pdf or via a bug tracker.
Mozinfo
rlying (complex) plethora of os and architecture combinations conform to a subset of values of relevance to mozilla software.
Pinning violation reports
public key pinning helps ensure that people are connecting to the sites they intend.
Secure Development Guidelines
int fd = open("/etc/shadow", o_rdwr); setreuid(getuid(), getuid()); excve("/bin/sh", argv, envp); } suid root applications file i/o: file descriptors and handles potential overflows when using select fd_set struct, static length, holds a bitmask of fds manipulated with fd_set, fd_isset, fd_clr and fd_zero macros fd_set’s size depends on the operating system if the os allows opening more fds, then fd_set can hold could overflow fd_set file i/o: file descriptors and handles good solution: dynamically allocate fd_set structs int main(void) { int i, fd; fd_set fdset; for( i = 0; i < 2000; i++) { fd = open("/dev/null", o_rdwr); } fd_set(fd, &fdset); } file i/o: race conditions operating on files can often lead to race conditio...
Handling Mozilla Security Bugs
we believe that it is a compromise that can be justified to those on both sides of the question regarding disclosure.
Setting up an update server
date/win64/firefox-69.0b9.complete.mar.
Gecko states
« at apis support page introduction below you will find a list of supported states by gecko.
AT APIs Support
ications make full use of the gecko architecture, not only for html content, but also for the entire user interface.
Places Developer Guide
sultcontainernode = result.root; // open the result, and iterate over it's contents.
Using the Places annotation service
eannotations(asourceuri, adesturi, aoverwritedest); copyitemannotations(asourceitemid, adestitemid, aoverwritedest); copies all the annotations from one page/item to another.
Using the Places favicon service
tices annotations called "favicon" and forwards these to the favicon service.
Using the Places keywords API
using the places keywords api the places keywords api allows to assign a keyword to an url.
places.sqlite Database Troubleshooting
this article describes troubleshooting actions to deal with a broken places.sqlite database.
extISessionStorage
this content covers features introduced in thunderbird 3 extisessionstorage allows an extension to store data for the life time of the application (e.g.
XML Extras
the xml extras module contains several features that allow developers to treat xml as data i.e.
Accessing the Windows Registry Using XPCOM
etservice(components.interfaces.nsiwindowsregistry); var id = wss.getregistryentry(wss.hklm, "software\\microsoft\\windows\\currentversion", "productid"); backwards compatibility if you need to support firefox 1.0 and other older browser versions, you should check to see which interfaces are available.
Aggregating the In-Memory Datasource
g useful here */); // etc...
XPCOM glue
Mozilla › Tech › XPCOM › Glue
the xpcom glue is a static library which component developers and embedders can link against.
Building the WebLock UI
ry to lock and unlock the browser and to add new sites to the list.
Introduction to XPCOM for the DOM
p(); } \ ns_imethod setprop() { return _to setprop(); } \ ns_imethod meth() { return _to meth(); } the meaning of this macro is easy to grasp.
Components.utils.cloneInto
test = document.getelementbyid("test"); test.addeventlistener("click", function() { window.addonscriptobject.greetme(); }, false); cloning objects that contain dom elements by default, if the object you clone contains objects that are reflected from c++, such as dom elements, the cloning operation will fail with an error.
Components.utils.importGlobalProperties
cannot be accessed until it is fully loaded.
PyXPCOM
pyxpcom allows for communication between python and xpcom, such that a python application can access xpcom objects, and xpcom can access any python class that implements an xpcom interface.
NS_InitXPCOM3
_initxpcom2) before proceeding to use xpcom in a process.
NS_OVERRIDE
ns_override is a macro which allows c++ code in mozilla to specify that a method is intended to override a base class method.
nsDependentCString
), except that the resulting string is flat.
nsDependentString
) - source parameters prunichar* data pruint32 length void nsdependentstring(const prunichar*) - source parameters prunichar* data void nsdependentstring(const nsastring_internal&) - source parameters nsastring_internal& str void nsdependentstring() - source assertvalid void assertvalid() - source verify restrictions rebind void rebind(const prunichar*) - source allow this class to be bound to a different string...
nsMemory
« xpcom api reference summary the nsmemory class provides static helper routines to manage memory.
amIWebInstallInfo
toolkit/mozapps/extensions/amiwebinstalllistener.idlscriptable this interface is used by the default implementation of amiwebinstalllistener to communicate with the running application and allow it to warn the user about blocked installs and start the installs running.
amIWebInstallListener
t)] in nsivariant ainstalls, [optional] in pruint32 acount); boolean onwebinstallrequested(in nsidomwindow awindow, in nsiuri auri, [array, size_is(acount)] in nsivariant ainstalls, [optional] in pruint32 acount); note: prior to gecko 8.0, all references to nsidomwindow used in this interface were nsidomwindowinternal.
jsdIStackFrame
s context.
mozIAsyncHistory
toolkit/components/places/moziasynchistory.idlscriptable this interface allows you to add multiple visits to a single url in a batch.
mozIRegistry
t is envisioned that there will be multiple flavors of underlying rdf data sources corresponding to the libreg .reg file(s), the shared libraries installed, additional components accessible via the 'net, etc.
mozIStorageAggregateFunction
this is an interface that must be implemented by consumers.
mozIStorageAsyncStatement
an asynchronous sql statement.
mozIStorageConnection
atabase.
mozIStorageFunction
this is an interface that must be implemented by consumers.
mozIStoragePendingStatement
the mozistoragependingstatement interface represents a pending asynchronous database statement, and offers the cancel() method which allows you to cancel the pending statement.
mozITXTToHTMLConv
unsigned long citeleveltxt(in wstring line, out unsigned long loglinestart) void findurlinplaintext(in wstring text, in long alength, in long apos, out long astartpos, out long aendpos) wstring scanhtml(in wstring text, in unsigned long whattodo) wstring scantxt(in wstring text, in unsigned long whattodo) constants conversion control attributes these bits allow you to control the conversion of text into html.
mozIThirdPartyUtil
in nsichannel achannel, [optional] in nsiuri auri); boolean isthirdpartyuri(in nsiuri afirsturi, in nsiuri aseconduri); boolean isthirdpartywindow(in nsidomwindow awindow, [optional] in nsiuri auri); methods isthirdpartychannel() determine whether the given channel and its content window hierarchy is third party.
nsIAccessibleImage
accessible/public/nsiaccessibleimage.idlscriptable this interface allows in-process accessibility clients to retrieve information about an image.
nsIAccessibleText
offsets around the given offset.
nsIAlertsService
.
nsIAppShell
wanting to be unhooked.
nsIAsyncVerifyRedirectCallback
erifycallback() implements the asynchronous callback passed to nsichanneleventsink.asynconchannelredirect().
nsIAuthModule
t voidptr aouttoken, out unsigned long aouttokenlength); void wrap([const] in voidptr aintoken, in unsigned long aintokenlength, in boolean confidential, out voidptr aouttoken, out unsigned long aouttokenlength); constants constant value description req_default 0 default behavior.
nsIAuthPrompt
netwerk/base/public/nsiauthprompt.idlscriptable this interface allows the networking layer to pose a user/password prompt to obtain the values needed for authentication.
nsIAuthPrompt2
netwerk/base/public/nsiauthprompt2.idlscriptable an interface allowing to prompt for a username and password.
nsIAuthPromptProvider
given prompt reason.
nsIBinaryInputStream
xpcom/io/nsibinaryinputstream.idlscriptable this interface allows consumption of primitive data types from a "binary stream" containing untagged, big-endian binary data, that is as produced by an implementation of nsibinaryoutputstream.
nsIBinaryOutputStream
xpcom/io/nsibinaryoutputstream.idlscriptable this interface allows writing of primitive data types (integers, floating-point values, booleans, and so on.) to a stream in a binary, untagged, fixed-endianness format.
nsIBlocklistPrompt
ompt( [array, size_is(acount)] in nsivariant aaddons, in pruint32 acount optional ); parameters aaddons an array of addons and plugins that are blocked.
nsICache
requested - i want to read, but i'm willing to update an existing entry if necessary, or create a new one if none exists.
nsICachingChannel
ed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) this interface provides: support for "stream as file" semantics (for jar and plugins).
nsICommandLine
resolveuri(in astring aargument); attributes attribute type description length long number of arguments in the command line.
nsIComponentManager
oid getclassobjectbycontractid(in string acontractid, in nsiidref aiid, [iid_is(aiid),retval] out nsqiresult result); void removebootstrappedmanifestlocation(in nsilocalfile alocation); methods addbootstrappedmanifestlocation() loads a "bootstrapped" chrome.manifest file from the specified directory or xpi file.
nsIConsoleListener
xpcom/base/nsiconsolelistener.idlscriptable this interface allows you to listen for messages sent to the console.
nsIContentPrefObserver
dom/interfaces/base/nsicontentprefservice.idlscriptable this interface allows code to easily watch for changes to the values of content preferences.
nsIContentPrefService2
dom/interfaces/base/nsicontentprefservice2.idlscriptable asynchronous api for content preferences 1.0 66 introduced gecko 20.0 inherits from: nsisupports last changed in gecko 20.0 (firefox 20.0 / thunderbird 20.0 / seamonkey 2.17) description content preferences allow the application to associate arbitrary data, or "preferences", with specific domains, or web "content".
nsIControllers
content/xul/document/public/nsicontrollers.idlscriptable represents a list of nsicontroller elements.
nsIConverterInputStream
xpcom/io/nsiconverterinputstream.idlscriptable a unichar input stream that wraps an input stream.
nsIConverterOutputStream
xpcom/io/nsiconverteroutputstream.idlscriptable this interface allows writing strings to a stream, doing automatic character encoding conversion.
nsICookieService
nitiate the load of the document referenced by auri.
nsICrashReporter
description enabled boolean enable or disable the crashreporter at runtime.
nsIDNSRecord
netwerk/dns/nsidnsrecord.idlscriptable this interface represents the result of a dns lookup.
nsIDOMChromeWindow
windowstate unsigned short returns current window state, the value is one of state_* constants.
nsIDOMFile
the nsidomfile interface retrieves data from a file submitted to a form using the input type "file".
nsIDOMHTMLSourceElement
the nsidomhtmlsourceelement interface is the dom interface to the source child of the audio and video media elements in html.
nsIDOMOfflineResourceList
the nsidomofflineresourcelist interface provides access to the application cache that allows web content's resources to be cached locally for use while offline.
nsIDOMOrientationEvent
the nsidomorientationevent interface describes the event that can be delivered to dom windows, providing information from the device's accelerometer, allowing code to determine the orientation of the device.
nsIDOMStorageEventObsolete
the domain of the storage area which changed, or "#session" if the event represents a change to session storage.
nsIDOMWindow2
erface is the primary interface for a dom window object.
nsIDebug
that failed.
nsIDirectoryServiceProvider2
xpcom/io/nsidirectoryservice.idlscriptable an extension of nsidirectoryserviceprovider which allows multiple files to be returned for the given key.
nsIDragSession
ansfer the data transfer object for the current drag operation.
nsIErrorService
xpcom/base/nsierrorservice.idlscriptable this is a service that allows nsresult codes to be mapped to string bundles that can be used to look up error messages.
nsIFTPEventSink
the nsiftpeventsink is an extension of nsisupports.
nsIFactory
xpcom/components/nsifactory.idlscriptable this interface is a class factory that allows for the creation of nsisupports derived classes without specifying a concrete class type.
nsIFaviconService
on() this method checks to see if this favicon is in the failed favicon cache.
nsIFeed
(11:00 pm), and are always indicated using utc.
nsIFeedEntry
toolkit/components/feeds/public/nsifeedentry.idlscriptable this interface describes a single entry in an rss or atom news feed, providing attributes allowing access to the entry's data.
nsIFeedProgressListener
toolkit/components/feeds/public/nsifeedlistener.idlscriptable this interface defines callbacks used during the processing of an rss or atom feed.
nsIFileInputStream
netwerk/base/nsifilestreams.idlscriptable an input stream that allows you to read from a file.
nsIFileStreams
the nsifilestreams interface is an input stream that allows you to read from a file.
nsIFileURL
d in gecko 6.0 (firefox 6.0 / thunderbird 6.0 / seamonkey 2.3) attributes attribute type description file nsifile get/set nsifile corresponding to this url.
nsIFrameLoader
nal] in boolean aignorerootscrollframe); void updatepositionandsize(in nsiframe aiframe); native code only!
nsIFrameLoaderOwner
rs with the given nsiframeloaderowner.
nsIHTTPHeaderListener
modules/plugin/base/public/nsihttpheaderlistener.idlscriptable this interface allows plugin authors to access http response headers after issuing an nsipluginhost.geturl or nsipluginhost.posturl call.
nsIInterfaceRequestor
ryinterface().
nsILivemarkService
siteuri nsiuri object representing the site uri, or null to clear the site uri for this livemark container.
nsILoginManagerStorage
a ); parameters oldlogin the login to be modified.
nsIMemory
ut-of-memory condition).
nsIMimeConverter
the nsimimeconverter service allows you to convert headers into and out of mime format.
nsIMsgCustomColumnHandler
the nsimsgcustomcolumnhandler interface allows you to create custom handlers for columns.
nsIMsgDBViewCommandUpdater
atus(); parameters none.
nsIMsgHeaderParser
ed if they are already in either addrs or other_addrs.
nsIMsgIncomingServer
ring helper function to construct the pretty name in a server type specific way - for example, mail for foo@test.com, news on news.mozilla.org.
nsIMsgProtocolInfo
boolean unused.
nsIMsgSearchSession
the nsimsgsearchsession interface allows you to create and manipulate search sessions within thunderbird.
nsINavHistoryQuery
e don't currently support >1 annotation name per query.
nsINavHistoryResultObserver
to a result as the result updates itself according to bookmark and history system events.
nsINavHistoryResultViewer
toolkit/components/places/public/nsinavhistoryservice.idlscriptable lets nsinavhistoryresult instances notify places views of changes in the results.
nsINavHistoryService
from a link explicitly followed by the user (for example by clicking on it).
nsIOutputStream
tream would block the calling thread (non-blocking mode only) writefrom() this method copies data from an nsiinputstream to this nsioutputstream.
Component; nsIPrefBranch
ich to set the complex preference value.
nsIPrefService
modules/libpref/public/nsiprefservice.idlscriptable this interface is the main entry point into the back end preferences management library.
nsIPromptService
ompt.
nsIRequest
must not send any notifications (for example via nsirequestobserver) synchronously from this function.
nsIScriptableIO
nd the file name is specified as "foo.txt", the file reference generated will refer to a file named "foo.txt" on the user's desktop.
nsIScriptableInputStream
return value the number of bytes.
nsISearchEngine
string responsetype, [optional] in astring purpose ); parameters data data to add to the submission object.
nsISocketProvider
passed in this interface will be used instead of the address structure passed for a later request.
nsIStreamConverter
netwerk/streamconv/public/nsistreamconverter.idlscriptable provides an interface to implement when you have code that converts data from one type to another.
nsIStyleSheetService
allows extensions or embeddors to add to the built-in list of user or agent style sheets.
nsISupportsPriority
introduced gecko 1.8 inherits from: nsisupports last changed in gecko 1.8 (firefox 1.5 / thunderbird 1.5 / seamonkey 1.0) this interface does not strictly define what happens when the priority of an object is changed.
nsISupports proxies
obsolete since gecko 12 (firefox 12 / thunderbird 12 / seamonkey 2.9)this feature is obsolete.
nsITXTToHTMLConv
netwerk/streamconv/public/nsitxttohtmlconv.idlscriptable this interface allows you to modify the conversion from plain text to html.
nsITaskbarPreview
elected) in the taskbar.
nsITaskbarPreviewController
utton button); void onclose(); attributes attribute type description height unsigned long the height in pixels of the preview image.
nsITaskbarTabPreview
/ fennec 1.0) tab preview support is disabled by default in gecko 1.9.2 creating an nsitaskbartabpreview for a window will automatically hide that window's nsitaskbarwindowpreview; this is done by windows and cannot be prevented.
nsITextInputProcessor
key); // this activates capslock state.
nsIThread
called when this thread wasn't the current thread.
nsIThreadObserver
ssnextevent() before an event is processed.
nsIThreadPool
.
nsITransactionManager
edone.
nsIURIFixupInfo
cating what we found/corrected when fixing up a uri.
nsIUTF8StringEnumerator
xpcom/ds/nsistringenumerator.idlscriptable an object can implement this interface to allow a client to iterate over a set of strings provided by the object.
nsIUpdate
string the toolkit version of this update.
nsIWeakReference
xpcom/base/nsiweakreference.idlscriptable this interface represents a proxy for an xpcom object.
nsIWebBrowserFindInFrames
hich to start the search.
nsIWebBrowserPersist
persist_flags_autodetect_apply_conversion 16384 let the webbrowserpersist decide whether the incoming data is encoded and whether it needs to go through a content converter, for example to decompress it.
nsIWebPageDescriptor
docshell/base/nsiwebpagedescriptor.idlscriptable this interface allows content being displayed in one window to be loaded into another window without refetching it from the network.
nsIWindowWatcher
embedding/components/windowwatcher/public/nsiwindowwatcher.idlscriptable this interface is the keeper of gecko/dom windows.
nsIWorker
rd 3.0 / seamonkey 2.0) for usage details, see worker and the article using dom workers.
nsIWorkerGlobalScope
dom/interfaces/threads/nsidomworkers.idlscriptable this interface is an abstract interface representing the 'inside' of a worker.
nsIWorkerMessagePort
dom/interfaces/threads/nsidomworkers.idlscriptable this interface represents a worker thread's message port, which is used to allow the worker to post messages back to its creator.
nsIWorkerScope
stmessage(in domstring amessage, [optional] in nsiworkermessageport amessageport); void close(); attributes attribute type description onclose nsidomeventlistener a listener object to be called when the worker stops running.
nsIXULAppInfo
id acstring the xul application's uuid.
nsIXULRuntime
xpcom/system/nsixulruntime.idlscriptable provides information about the xul runtime to allow extensions and xul applications to determine information about the xul runtime.
nsIXULSortService
node a node in the xul widget whose children are to be sorted.
nsIZipReader
tf8string zipentry ); parameters zipentry the zip entry.
NS_CStringContainerInit2
y extra memory that the string object may have allocated.
NS_CStringCopy
"nsstringapi.h" nsresult ns_cstringcopy( nsacstring& adeststring, const nsacstring& asrcstring ); parameters adeststring [in] a nsacstring instance to be modified.
NS_StringCopy
"nsstringapi.h" nsresult ns_stringcopy( nsastring& adeststring, const nsastring& asrcstring ); parameters adeststring [in] a nsastring instance to be modified.
XPCOM reference
e reachable.ns_if_addrefmacrons_if_releasemacrons_releasemacrons_warningmacronsgetmoduleprocthis function prototype provides the xpcom entry-point into a module.nsiabcard/thunderbird3the nsiabcard interface is used to represent and manipulate cards in the address book.
Setting HTTP request headers
initiated by your code explicitly opening an http channel, because of xmlhttprequest activity, an <img> element in content, or even from css.
The Thread Manager
nsithread that is implemented by the xpcom thread object to add support for observing dispatch activity on a thread.
Using the clipboard
he same data.
XPCOM category image-sniffing-services
in versions of firefox prior to firefox 3, extensions could add decoders for new image types.
already_AddRefed
« xpcom api reference already_addrefed in association with nscomptr allows you to assign in a pointer without addrefing it.
xpidl
Mozilla › Tech › XPIDL › xpidl
call xpcom objects through xpconnect note: starting in gecko 9.0, xpidl has been replaced with pyxpidl in the gecko sdk.
XTF
Mozilla › Tech › XTF
the extensible tag framework (xtf) allows adding support for new namespaces using xpcom components to mozilla (written in javascript or c++).
Address Book examples
like disabling // input fields that cards for this // address book type do not support.
Address book sync client design
there is a very simple interface to the address book sync component.
Filelink Providers
installer/package-manifest.in.
Mail event system
hod.
Mailbox
the mailbox protocol is used to read messages from a local folder berkeley mailbox.
Thunderbird Binaries
described below are three types of generally available thunderbird packages - releases, early preview releases, and nightly builds (including trunk development builds) - and their downloaded locations.
Building a Thunderbird extension 5: XUL
o a xul document at run time.
Building a Thunderbird extension 6: Adding JavaScript
the current date, which it converts into a string that has the format of yyyy.mm.dd.
Activity Manager examples
ound", process.starttime, // start time date.now()); // completion time event.contexttype = process.contexttype; // optional event.contextobj = process.contextobj; // optional gactivitymanager.addactivity(event); showing a user-defined activity with cancel capability (javascript) this sample improves the previous one by providing an nsiactivitycancelhandler to allow the user to cancel the process.
customDBHeaders Preference
will come from a custom header labeled x-superfluous.
Using MAPI with Thunderbird's Windows 7 developer builds
mapi (messaging application programming interface) is a windows feature that allows applications to send files via a system's default mail application.
Using the Mozilla symbol server
the mozilla project runs a symbol server for trunk firefox nightly and release builds on windows.
Working with windows in chrome code
queryinterface(components.interfaces.nsiinterfacerequestor) .getinterface(components.interfaces.nsiwebnavigation) .queryinterface(components.interfaces.nsidocshelltreeitem) .roottreeitem .queryinterface(components.interfaces.nsiinterfacerequestor) .getinterface(components.interfaces.nsidomwindow); this allows you to cross the chrome-content boundaries, and returns the main window object.
Examples
java from js-ctypes, by converting java code into c code.
Declaring types
ucttype('struct'); struct.define([{ next: struct.ptr }]); arrays to declare a new array type, you use the ctypes.arraytype() method.when declaring a new array type, you provide a ctype indicating the type of each element in the array as well as an optional array length.
Standard OS Libraries
ith c functions that can be called from your add-on with js-ctypes.
Library
ctypes open() method.
ctypes
tion void_t the special c type void.
js-ctypes reference
ry.close().
Streams - Plugins
priority network operations.
Version, UI, and Status Information - Plugins
« previousnext » this chapter describes the functions that allow a plug-in to display a message on the status line, get agent information, and check on the current version of the plug-in api and the browser.
DOM Inspector - Firefox Developer Tools
the dom inspector (also known as domi) is a developer tool used to inspect, browse, and edit the document object model of documents - usually web pages or xul windows.
Debugging service workers - Firefox Developer Tools
ed on.
Set event listener breakpoints - Firefox Developer Tools
menu.
Debugger.Environment - Firefox Developer Tools
ebugger can use the == operator to recognize when two debugger.environment instances refer to the same environment in the debuggee, and place its own properties on a debugger.environment instance to store metadata about particular environments.
Debugger.Script - Firefox Developer Tools
ey constructs exactly one debugger.script instance for each underlying script object; debugger code can add its own properties to a script object and expect to find them later, use == to decide whether two expressions refer to the same script, and so on.
Measure a portion of the page - Firefox Developer Tools
see the mouse has a crosshair cursor with its current coordinates displayed beside it.
Inspecting web sockets - Firefox Developer Tools
the reponse tab to inspect web socket frames sent and received through the selected connection.
Network monitor toolbar - Firefox Developer Tools
equest list.
Network monitor recording - Firefox Developer Tools
g the pause button.
Network request list - Firefox Developer Tools
ed from the cache and the network simultaneously, which may improve load time for slow caches.
CSS Flexbox Inspector: Examine Flexbox layouts - Firefox Developer Tools
the flexbox inspector allows you to examine css flexbox layouts using the firefox devtools, which is useful for discovering flex containers on a page, examining and modifying them, debugging layout issues, and more.
Examine and edit CSS - Firefox Developer Tools
you can examine and edit css in the inspector's css pane.
Responsive Design Mode - Firefox Developer Tools
or not responsive design mode simulates touch events.
Cookies - Firefox Developer Tools
cookie.
Tips - Firefox Developer Tools
k "enable persistent logs" in the settings to keep requests from before even after navigation.
about:debugging (before Firefox 68) - Firefox Developer Tools
onwards, the reload button is only enabled for temporary add-ons.
Firefox Developer Tools
in a page.
ANGLE_instanced_arrays - Web APIs
the angle_instanced_arrays extension is part of the webgl api and allows to draw the same object, or groups of similar objects multiple times, if they share the same vertex data, primitive count and type.
AbortController.AbortController() - Web APIs
using the fetch api.
AbortController.abort() - Web APIs
using the fetch api.
AbortController.signal - Web APIs
using the fetch api.
AbstractRange - Web APIs
e offers no methods.
Ambient Light Events - Web APIs
the ambient light events are a handy way to make a web page or an application aware of any change in the light intensity.
AnalyserNode - Web APIs
the analysernode interface represents a node able to provide real-time frequency and time-domain analysis information.
Animation - Web APIs
Web › API › Animation
t() has been invoked on it.
AnimationEvent.initAnimationEvent() - Web APIs
ing removed from most implementations.
AudioBuffer() - Web APIs
of audio, use numseconds * samplerate.
AudioBufferSourceNode.start() - Web APIs
the time within the audio buffer that playback should begin.
AudioBufferSourceNode - Web APIs
tual audiobuffers can be reused for multiple plays of the sound.
AudioContext.createJavaScriptNode() - Web APIs
renamed to audiocontext.createscriptprocessor().
AudioContextLatencyCategory - Web APIs
the audiocontextlatencycategory type is an enumerated set of strings which are used to select one of a number of default values for acceptable maximum latency of an audio context.
AudioNode.channelInterpretation - Web APIs
multiplied by √2/2.
AudioParam - Web APIs
sample frames.
AudioTrack.label - Web APIs
Web › API › AudioTrack › label
he track metadata.
AudioTrack - Web APIs
if (track.language === userlanguage) { track.enabled = true; } else { track.enabled = false; } }); the language is in standard (rfc 5646) format.
AudioTrackList.getTrackById() - Web APIs
media resource itself, or, if the resource doesn't define an order, the relative order in which the tracks are declared by the media resource.
AudioWorkletGlobalScope.registerProcessor - Web APIs
is registered.
AudioWorkletGlobalScope - Web APIs
l execution context for user-supplied code, which defines custom audioworkletprocessor-derived classes.
AudioWorkletNode() - Web APIs
e must first be registered using the audioworkletglobalscope.registerprocessor() method.
BaseAudioContext.createChannelMerger() - Web APIs
dio streams, which the output stream will contain; the default is 6 if this parameter is not specified.
BaseAudioContext.createChannelSplitter() - Web APIs
tream that you want to output separately; the default is 6 if this parameter is not specified.
BaseAudioContext.createDelay() - Web APIs
y a certain amount of time.
BaseAudioContext.createScriptProcessor() - Web APIs
l be a constant power of 2 throughout the lifetime of the node.
BeforeInstallPromptEvent.prompt() - Web APIs
the prompt() method of the beforeinstallpromptevent interface allows a developer to show the install prompt at a time of their own choosing.
Bluetooth.getAvailability() - Web APIs
the getavailability() method of bluetooth interface of web bluetooth api interface exposes the bluetooth capabilities of the current device.
Bluetooth - Web APIs
Web › API › Bluetooth
th includes bluetoothdeviceeventhandlers; bluetooth includes characteristiceventhandlers; bluetooth includes serviceeventhandlers; properties inherits properties from its parent eventtarget.
BluetoothDevice.uuids - Web APIs
use bluetoothremotegattserver.getprimaryservices instead.
BluetoothDevice - Web APIs
perties bluetoothdevice.id read only a domstring that uniquely identifies a device.
Body - Web APIs
Web › API › Body
the body mixin of the fetch api represents the body of the response/request, allowing you to declare what its content type is and how it should be handled.
BroadcastChannel.close() - Web APIs
the broadcastchannel.close() terminates the connection to the underlying channel, allowing the object to be garbage collected.
CDATASection - Web APIs
interface represents a cdata section that can be used within xml to include extended portions of unescaped text.
CSS.supports() - Web APIs
Web › API › CSS › supports
the css.supports() method returns a boolean value indicating if the browser supports a given css feature, or not.
CSS - Web APIs
Web › API › CSS
ties are defined on it.
CSSNumericValue.equals() - Web APIs
the equals() method of the cssnumericvalue interface returns a boolean indicating whether the passed value are strictly equal.
CSSNumericValue - Web APIs
plied value.
CSSPrimitiveValue.setFloatValue() - Web APIs
le> in radians.
CSSPrimitiveValue.setStringValue() - Web APIs
lue is a <string>.
CSSPrimitiveValue - Web APIs
represents a single css value.
CSSStyleDeclaration.removeProperty() - Web APIs
from a css style declaration object.
CSSValueList - Web APIs
the cssvaluelist interface derives from the cssvalue interface and provides the abstraction of an ordered collection of css values.
CSSVariableReferenceValue - Web APIs
the cssvariablereferencevalue interface of the css typed object model api allows you to create a custom name for a built-in css value.
CSS Counter Styles - Web APIs
the css counter styles module allows to define custom counter styles, which can be used for css list-marker and generated-content counters.
Using dynamic styling information - Web APIs
the css object model (cssom), part of the dom, exposes specific interfaces allowing manipulation of a wide amount of information regarding css.
Using the CSS Typed Object Model - Web APIs
the css typed object model api exposes css values as typed javascript objects to allow their performant manipulation.
Cache.delete() - Web APIs
Web › API › Cache › delete
re: ignoresearch: a boolean that specifies whether the matching process should ignore the query string in the url.
Cache.keys() - Web APIs
Web › API › Cache › keys
re: ignoresearch: a boolean that specifies whether the matching process should ignore the query string in the url.
Cache.match() - Web APIs
Web › API › Cache › match
ble options are: ignoresearch: a boolean that specifies whether to ignore the query string in the url.
Cache.put() - Web APIs
Web › API › Cache › put
the put() method of the cache interface allows key/value pairs to be added to the current cache object.
CacheStorage.match() - Web APIs
esearch: a boolean that specifies whether the matching process should ignore the query string in the url.
CanvasImageSource - Web APIs
canvasimagesource provides a mechanism for other interfaces to be used as image sources for some methods of the canvasdrawimage and canvasfillstrokestyles interfaces.
CanvasRenderingContext2D.fillText() - Web APIs
the canvasrenderingcontext2d method filltext(), part of the canvas 2d api, draws a text string at the specified coordinates, filling the string's characters with the current fillstyle.
CanvasRenderingContext2D.filter - Web APIs
r color, composited below the drawing.
CanvasRenderingContext2D.strokeText() - Web APIs
the canvasrenderingcontext2d method stroketext(), part of the canvas 2d api, strokes — that is, draws the outlines of — the characters of a text string at the specified coordinates.
CanvasRenderingContext2D - Web APIs
and sh height.
Compositing and clipping - Web APIs
« previousnext » in all of our previous examples, shapes were always drawn one on top of the other.
Drawing shapes with canvas - Web APIs
tx = canvas.getcontext('2d'); var rectangle = new path2d(); rectangle.rect(10, 10, 50, 50); var circle = new path2d(); circle.arc(100, 35, 25, 0, 2 * math.pi); ctx.stroke(rectangle); ctx.fill(circle); } } screenshotlive sample using svg paths another powerful feature of the new canvas path2d api is using svg path data to initialize paths on your canvas.
Drawing text - Web APIs
ight); 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
it returns a data uri containing a representation of the image in the format specified by the type parameter (defaults to png).
Transformations - Web APIs
ntext('2d'); // draw a simple rectangle, but scale it.
Using images - Web APIs
e.png'; // set source path if you're only using one external image this can be a good approach, but once you need to track more than one we need to resort to something more clever.
ChannelMergerNode - Web APIs
ic property; inherits properties from its parent, audionode.
ChannelSplitterNode - Web APIs
erty; inherits properties from its parent, audionode.
Client.postMessage() - Web APIs
the postmessage() method of the client interface allows a service worker to send a message to a client (a window, worker, or sharedworker).
Clients.claim() - Web APIs
Web › API › Clients › claim
the claim() method of the clients interface allows an active service worker to set itself as the controller for all clients within its scope.
Clients.matchAll() - Web APIs
Web › API › Clients › matchAll
e options parameter to return all service worker clients whose origin is the same as the associated service worker's origin.
Clients.openWindow() - Web APIs
the openwindow() method of the clients interface creates a new top level browsing context and loads a given url.
console.clear() - Web APIs
Web › API › Console › clear
the console.clear() method clears the console if the environment allows it.
Console API - Web APIs
the console api provides functionality to allow developers to perform debugging tasks, such as logging messages or the values of variables at set points in your code, or timing how long an operation takes to complete.
ConstantSourceNode - Web APIs
ods from its parent interface, audioscheduledsourcenode.
ConstrainDOMString - Web APIs
the constraindomstring dictionary is used to specify a constraint for a property whose value is a string.
ContentIndex.delete() - Web APIs
t does not delete anything from the cache.
ContentIndex - Web APIs
the contentindex interface of the content index api allows developers to register their offline enabled content with the browser.
CredentialsContainer.preventSilentAccess() - Web APIs
the preventsilentaccess() method of the credentialscontainer interface sets a flag that specifies whether automatic log in is allowed for future visits to the current origin, then returns an empty promise.
CredentialsContainer - Web APIs
l instance based on the provided options, or null if no credential object can be created.
Crypto - Web APIs
Web › API › Crypto
the crypto interface represents basic cryptography features available in the current context.
DOMMatrix - Web APIs
Web › API › DOMMatrix
the dommatrix interface represents 4×4 matrices, suitable for 2d and 3d operations including rotation and translation.
DOMPoint.fromPoint() - Web APIs
mutable and may be changed at any time.
DOMPoint.w - Web APIs
Web › API › DOMPoint › w
the dompoint interface's w property holds the point's perspective value, w, for a point in space.
DOMPoint.x - Web APIs
Web › API › DOMPoint › x
ds the horizontal coordinate, x, for a point in space.
DOMPoint.y - Web APIs
Web › API › DOMPoint › y
the dompoint interface's y property holds the vertical coordinate, y, for a point in space.
DOMPoint.z - Web APIs
Web › API › DOMPoint › z
nless transforms have changed the orientation, a z of 0 is the plane of the screen, with positive values extending outward toward the user from the screen, and negative values receding into the distance behind the screen.
DOMPoint - Web APIs
Web › API › DOMPoint
a dompoint object represents a 2d or 3d point in a coordinate system; it includes values for the coordinates in up to three dimensions, as well as an optional perspective value.
DOMPointInit.w - Web APIs
Web › API › DOMPointInit › w
sed to specify the w perspective value of a point in space when either creating or serializing to json a dompoint or dompointreadonly object.
DOMPointInit.x - Web APIs
Web › API › DOMPointInit › x
adonly.
DOMPointInit.y - Web APIs
Web › API › DOMPointInit › y
o the right and decreases to the left, becoming negative to the left of the origin.
DOMPointInit.z - Web APIs
Web › API › DOMPointInit › z
from the user, with negative values being behind the screen, receding into the distance.
DOMPointReadOnly.fromPoint() - Web APIs
t a dompointinit-compliant object, which includes both dompoint and dompointreadonly, from which to take the values of the new point's properties.
DOMPointReadOnly.w - Web APIs
ace's w property holds the point's perspective value, w, for a read-only point in space.
DOMPointReadOnly.x - Web APIs
script code in this read-only version of the dompoint object.
DOMPointReadOnly.y - Web APIs
value of this property, you should instead use the dompoint object.
DOMPointReadOnly.z - Web APIs
t object.
Binary strings - Web APIs
Web › API › DOMString › Binary
represent 65535 different code points.
DOMTokenList.entries() - Web APIs
the domtokenlist.entries() method returns an iterator allowing you to go through all key/value pairs contained in this object.
DOMTokenList.keys() - Web APIs
Web › API › DOMTokenList › keys
the keys() method of the domtokenlist interface returns an iterator allowing to go through all keys contained in this object.
DOMTokenList.supports() - Web APIs
syntax let trueorfalse = element.supports(token) parameters token a domstring containing the token to query for.
DOMTokenList.values() - Web APIs
the values() method of the domtokenlist interface returns an iterator allowing developers to go through all values contained in the domtokenlist.
DataTransfer.items - Web APIs
"> <style> div { margin: 0em; padding: 2em; } #target { border: 1px solid black; } </style> <script> function dragstart_handler(ev) { console.log("dragstart: target.id = " + ev.target.id); // add this element's id to the drag payload so the drop handler will // know which element to add to its tree ev.datatransfer.setdata("text/plain", ev.target.id); ev.datatransfer.effectallowed = "move"; } function drop_handler(ev) { console.log("drop: target.id = " + ev.target.id); ev.preventdefault(); // get the id of the target and add the moved element to the target's dom var data = ev.datatransfer.getdata("text"); ev.target.appendchild(document.getelementbyid(data)); // print each format type if (ev.datatransfer.types != null) { for (var i=0; i < ev.datatransfer.types.
DataTransfer.types - Web APIs
"> <style> div { margin: 0em; padding: 2em; } #target { border: 1px solid black; } </style> <script> function dragstart_handler(ev) { console.log("dragstart: target.id = " + ev.target.id); // add this element's id to the drag payload so the drop handler will // know which element to add to its tree ev.datatransfer.setdata("text/plain", ev.target.id); ev.datatransfer.effectallowed = "move"; } function drop_handler(ev) { console.log("drop: target.id = " + ev.target.id); ev.preventdefault(); // get the id of the target and add the moved element to the target's dom var data = ev.datatransfer.getdata("text"); ev.target.appendchild(document.getelementbyid(data)); // print each format type if (ev.datatransfer.types != null) { for (var i=0; i < ev.datatransfer.types.
DataTransfer - Web APIs
l drag and drop api.
DelayNode.delayTime - Web APIs
s 0, and its maximum value is defined by the maxdelaytime argument of the audiocontext.createdelay() method that created it.
DelayNode - Web APIs
Web › API › DelayNode
instance.
Document.cookie - Web APIs
Web › API › Document › cookie
to the target site in all cross-site browsing contexts, even when following a regular link.
Document.createElement() - Web APIs
if we wanted to create an instance of this element programmatically, we'd use a call along the following lines: let expandinglist = document.createelement('ul', { is : 'expanding-list' }) the new element will be given an is attribute whose value is the custom element's tag name.
Document.createElementNS() - Web APIs
the nodename property of the created element is initialized with the value of qualifiedname.
Document: drag event - Web APIs
(event) { // store a ref.
Document.execCommand() - Web APIs
ontsize adds a <small> tag around the selection or at the insertion point.
Document.fullscreenEnabled - Web APIs
the read-only fullscreenenabled property on the document interface indicates whether or not full-screen mode is available.
Document.importNode() - Web APIs
spec!
Document - Web APIs
Web › API › Document
() releases the current mouse capture if it's on an element in this document.
DocumentTimeline.DocumentTimeline() - Web APIs
meters options an object specifying options for the new timeline.
DocumentTimeline - Web APIs
) creates a new documenttimeline object associated with the active document of the current browsing context.
Examples of web and XML development using the DOM - Web APIs
cell.appendchild(document.createtextnode(text)); } </script> notes a table's innerhtml property should never be used to modify a table, although you can use it to write an entire table or the content of a cell.
Using the W3C DOM Level 1 Core - Web APIs
<p>paragraph</p> </body> </html> has a dom tree that looks like this: (note that, although the above tree is similar to the above document's dom tree, it's not identical, as the actual dom tree preserves whitespace.) when a web browser parses an html document, it builds a dom tree and then uses it to display the document.
How whitespace is handled by HTML, CSS, and in the DOM - Web APIs
nd make manipulation of the content tree difficult in unexpected ways, depending on where it is located.
Document Object Model (DOM) - Web APIs
ogramming languages by representing the structure of a document—such as the html representing a web page—in memory.
EXT_float_blend - Web APIs
the webgl api's ext_float_blend extension allows blending and draw buffers with 32-bit floating-point components.
EffectTiming.iterationStart - Web APIs
r of iterations the animation sequence is to run at which to start animating.
Element.getAttributeNS() - Web APIs
/svg> <script type="text/javascript"> var ns = 'http://www.example.com/2014/test'; var circle = document.getelementbyid( 'target' ); console.log('attribute value: ' + circle.getattribute('test:foo')); </script> </body> </html> notes namespaces are only supported in xml documents.
Element.getAttributeNodeNS() - Web APIs
amespace of the attribute.
Element.innerHTML - Web APIs
Web › API › Element › innerHTML
tring; value a domstring containing the html serialization of the element's descendants.
Element: mousedown event - Web APIs
on occurs; that is, the mouse button is pressed and released while the pointer remains inside the same element.
Element: mousemove event - Web APIs
the mousemove event is fired at an element when a pointing device (usually a mouse) is moved while the cursor's hotspot is inside it.
Element: mouseup event - Web APIs
ent when a button on a pointing device (such as a mouse or trackpad) is released while the pointer is located inside it.
Element.outerHTML - Web APIs
Web › API › Element › outerHTML
; value reading the value of outerhtml returns a domstring containing an html serialization of the element and its descendants.
Element.requestFullscreen() - Web APIs
trol features.
Element.setPointerCapture() - Web APIs
e pointer will be targeted at the capture element until capture is released (via element.releasepointercapture()).
Element - Web APIs
Web › API › Element
ement.removeattribute() removes the named attribute from the current node.
ElementTraversal - Web APIs
the elementtraversal interface used to define methods that allowed access from one node to another in the document tree.
Encoding API - Web APIs
the encoding api provides a mechanism for handling text in various character encodings, including legacy non-utf-8 encodings.
Event.bubbles - Web APIs
Web › API › Event › bubbles
true if the event bubbles up through the dom.
Event.msConvertURL() - Web APIs
ard and is not on a standards track.
Event.preventDefault() - Web APIs
rder-radius: 2px; padding: 10px; position: absolute; background-color: #fbd8d4; color: #3b3c40; } javascript and here's the javascript code that does the job.
Event.returnValue - Web APIs
Web › API › Event › returnValue
the event property returnvalue indicates whether the default action for this event has been prevented or not.
FeaturePolicy.features() - Web APIs
the features() method of the featurepolicy interface returns a list of names of all features supported by the user agent.
FetchEvent.respondWith() - Web APIs
the respondwith() method of fetchevent prevents the browser's default fetch handling, and allows you to provide a promise for a response yourself.
FetchEvent - Web APIs
this is the event type for fetch events dispatched on the service worker global scope.
File.getAsText() - Web APIs
Web › API › File › getAsText
he returned data.
File - Web APIs
Web › API › File
the file interface provides information about files and allows javascript in a web page to access their content.
FileReaderSync.readAsArrayBuffer() - Web APIs
the readasarraybuffer() method of the filereadersync interface allows to read file or blob objects in a synchronous way into an arraybuffer.
FileReaderSync.readAsBinaryString() - Web APIs
note: this method is deprecated in favor of readasarraybuffer().
FileReaderSync.readAsDataURL() - Web APIs
the readasdataurl() method of the filereadersync interface allows to read file or blob objects in a synchronous way into an domstring representing a data url.
FileReaderSync.readAsText() - Web APIs
the readastext() method of the filereadersync interface allows to read file or blob objects in a synchronous way into an domstring.
FileReaderSync - Web APIs
the filereadersync interface allows to read file or blob objects synchronously.
FileSystemDirectoryEntry.getDirectory() - Web APIs
yentry.getdirectory([path][, options][, successcallback][, errorcallback]); parameters path optional a usvstring representing an absolute path or a path relative to the directory on which the method is called, describing which directory entry to return.
FileSystemDirectoryEntry.getFile() - Web APIs
directory subtree rooted at the directory on which it's called.
FileSystemDirectoryEntry.removeRecursively() - Web APIs
occurred as input.
FileSystemEntry.remove() - Web APIs
mpt to remove the file fails.
FileSystemFileEntry - Web APIs
file's attributes, as well as the file() method, which creates a file object that can be used to read the file.
File and Directory Entries API support in Firefox - Web APIs
ntry filesystemdirectoryentrysync directoryentrysync filesystemdirectoryreader directoryreader filesystemdirectoryreadersync directoryreadersync filesystementry entry filesystementrysync entrysync filesystemfileentry fileentry filesystemfileentrysync fileentrysync be sure to account for this in your code by allowing for both names.
FontFace.family - Web APIs
Web › API › FontFace › family
the fontface.family property allows the author to get or set the font family of a fontface object.
Using FormData Objects - Web APIs
he parameter isn't supported), the name "blob" is used.
FormData.entries() - Web APIs
Web › API › FormData › entries
the formdata.entries() method returns an iterator allowing to go through all key/value pairs contained in this object.
FormData.keys() - Web APIs
Web › API › FormData › keys
the formdata.keys() method returns an iterator allowing to go through all keys contained in this object.
FormData.values() - Web APIs
Web › API › FormData › values
the formdata.values() method returns an iterator allowing to go through all values contained in this object.
FormDataEntryValue - Web APIs
a string or file that represents a single value from a set of formdata key-value pairs.
FormDataEvent - Web APIs
the formdataevent interface represents a formdata event — such an event is fired on an htmlformelement object after the entry list representing the form's data is constructed.
Frame Timing API - Web APIs
e set to the document's address.
Gamepad.buttons - Web APIs
Web › API › Gamepad › buttons
gamepads needs a webkit prefix and the button values are stores as an array of double values, whereas in firefox navigator.getgamepads doesn't need a prefix, and the button values are stored as an array of gamepadbutton objects; it is the gamepadbutton.value or gamepadbutton.pressed properties of these we need to access, depending on what type of buttons they are.
Gamepad.id - Web APIs
Web › API › Gamepad › id
mation about the controller.
Gamepad.timestamp - Web APIs
Web › API › Gamepad › timestamp
the gamepad.timestamp property of the gamepad interface returns a domhighrestimestamp representing the last time the data for this gamepad was updated.
Gamepad - Web APIs
Web › API › Gamepad
the gamepad interface of the gamepad api defines an individual gamepad or other controller, allowing access to information such as button presses, axis positions, and id.
Gamepad API - Web APIs
a button on one of the connected controllers.
Geolocation - Web APIs
the geolocation interface represents an object able to programmatically obtain the position of the device.
GeolocationPositionError.code - Web APIs
ble: value associated constant description 1 permission_denied the acquisition of the geolocation information failed because the page didn't have the permission to do it.
GeolocationPositionError - Web APIs
value associated constant description 1 permission_denied the acquisition of the geolocation information failed because the page didn't have the permission to do it.
GlobalEventHandlers.onanimationiteration - Web APIs
dicating that a css animation has reached the end of an iteration while running on the target, where the target object is an html element (htmlelement), document (document), or window (window).
GlobalEventHandlers.onclick - Web APIs
the onclick property of the globaleventhandlers mixin is the eventhandler for processing click events on a given element.
GlobalEventHandlers.ontransitioncancel - Web APIs
at means that the value of transition-delay doesn't affect the value of elapsedtime, which is zero until the delay period ends and the animation begins.
GlobalEventHandlers.ontransitionend - Web APIs
at means that the value of transition-delay doesn't affect the value of elapsedtime, which is zero until the delay period ends and the animation begins.
HTMLAudioElement - Web APIs
t, htmlmediaelement, and from htmlelement.
HTMLDialogElement.show() - Web APIs
the show() method of the htmldialogelement interface displays the dialog modelessly, i.e.
HTMLDialogElement - Web APIs
s available for interaction.
HTMLElement.dir - Web APIs
Web › API › HTMLElement › dir
t to "rtl" in which case the html attributes title and alt will be formatted and defined as "rtl".
HTMLElement - Web APIs
mlelement.lang is a domstring representing the language of an element's attributes, text, and element contents.
HTMLFormElement.enctype - Web APIs
the htmlformelement.enctype property is the mime type of content that is used to submit the form to the server.
HTMLFormElement.name - Web APIs
the htmlformelement.name property represents the name of the current <form> element as a string.
HTMLFormElement - Web APIs
the htmlformelement interface represents a <form> element in the dom.
HTMLHyperlinkElementUtils.href - Web APIs
the htmlhyperlinkelementutils.href property is a stringifier that returns a usvstring containing the whole url, and allows the href to be updated.
HTMLIFrameElement.setNfcFocus() - Web APIs
the setnfcfocus() method of the htmliframeelement interface sets whether an <iframe> can receive an nfc event.
HTMLImageElement.align - Web APIs
object should be aligned vertically with the current baseline.
HTMLImageElement.alt - Web APIs
a badge that's shown on a page to indicate that the content of the page is new and has been updated recently, the corresponding alt text might be "updated recently" or even "updated on 27 august 2019".
HTMLInputElement.stepDown() - Web APIs
); } } css input:invalid { border: red solid 3px; } result note if you don't pass a parameter to the stepdown() method, it defaults to 1.
HTMLInputElement.stepUp() - Web APIs
input.stepup() } } css input:invalid { border: red solid 3px; } result note if you don't pass a parameter to the stepup method, it defaults to 1.
HTMLInputElement.webkitEntries - Web APIs
is called webkitentries in the specification due to its origins as a google chrome-specific api.
HTMLInputElement.webkitdirectory - Web APIs
s that the <input> element should let the user select directories instead of files.
HTMLLegendElement - Web APIs
the htmllegendelement is an interface allowing to access properties of the <legend> elements.
HTMLMediaElement.autoplay - Web APIs
a much more in-depth look at autoplay, autoplay blocking, and how to respond whena autoplay is blocked by the user's browser, see our article autoplay guide for media and web audio apis.
HTMLMediaElement.captureStream() - Web APIs
tream object which can be used as a source for audio and/or video data by other media processing code, or as a source for webrtc.
HTMLMediaElement.disableRemotePlayback - Web APIs
the htmlmediaelement.disableremoteplayback property determines whether the media element is allowed to have a remote playback ui.
HTMLMediaElement - Web APIs
ediaelement.defaultmuted a boolean that reflects the muted html attribute, which indicates whether the media element's audio output should be muted by default.
HTMLOrForeignElement.nonce - Web APIs
the nonce property of the htmlorforeignelement interface returns the cryptographic number used once that is used by content security policy to determine whether a given fetch will be allowed to proceed.
HTMLOrForeignElement - Web APIs
htmlorforeignelement.
HTMLSelectElement.selectedOptions - Web APIs
label><br> <select id="foods" name="foods" size="7" multiple> <option value="1">burrito</option> <option value="2">cheeseburger</option> <option value="3">double bacon burger supreme</option> <option value="4">pepperoni pizza</option> <option value="5">taco</option> </select> <br> <button name="order" id="order"> order now </button> <p id="output"> </p> the <select> element is set to allow multiple items to be selected, and it is 7 rows tall.
HTMLStyleElement - Web APIs
the htmlstyleelement interface represents a <style> element.
HTMLTableElement.rows - Web APIs
the read-only htmltableelement property rows returns a live htmlcollection of all the rows in the table, including the rows contained within any <thead>, <tfoot>, and <tbody> elements.
HTMLTableElement.tBodies - Web APIs
the htmltableelement.tbodies read-only property returns a live htmlcollection of the bodies in a <table>.
Recommended Drag Types - Web APIs
geurl); dt.setdata("text/plain", imageurl); note the mozgetdataat() method is used for non-textual data.
HTML Drag and Drop API - Web APIs
tes that the dragged data will be copied from its present location to the drop location.
HashChangeEvent - Web APIs
("hashchange", funcref, false); basic example function locationhashchanged() { if (location.hash === '#somecoolfeature') { somecoolfeature(); } } window.addeventlistener('hashchange', locationhashchanged); polyfill there are several fallback scripts listed on the modernizr github page.
Headers.entries() - Web APIs
Web › API › Headers › entries
the headers.entries() method returns an iterator allowing to go through all key/value pairs contained in this object.
Headers.keys() - Web APIs
Web › API › Headers › keys
the headers.keys() method returns an iterator allowing to go through all keys contained in this object.
Headers.values() - Web APIs
Web › API › Headers › values
the headers.values() method returns an iterator allowing to go through all values contained in this object.
History.scrollRestoration - Web APIs
the scrollrestoration property of history interface allows web applications to explicitly set default scroll restoration behavior on history navigation.
Ajax navigation example - Web APIs
"found", 303: "see other", 304: "not modified", 305: "use proxy", 306: "reserved", 307: "temporary redirect", 308: "permanent redirect", 400: "bad request", 401: "unauthorized", 402: "payment required", 403: "forbidden", 404: "not found", 405: "method not allowed", 406: "not acceptable", 407: "proxy authentication required", 408: "request timeout", 409: "conflict", 410: "gone", 411: "length required", 412: "precondition failed", 413: "request entity too large", 414: "request-uri too long", 415: "unsupported media type", 416...
History API - Web APIs
() method is to refresh the current page by either passing 0, or by invoking it without an argument: // the following statements // both have the effect of // refreshing the page window.history.go(0) window.history.go() you can determine the number of pages in the history stack by looking at the value of the length property: let numberofentries = window.history.length interfaces history allows manipulation of the browser session history (that is, the pages visited in the tab or frame that the current page is loaded in).
IDBCursor.advance() - Web APIs
Web › API › IDBCursor › advance
iterated or has iterated past its end.
IDBDatabase.transaction() - Web APIs
on, ready for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of opening the transaction transaction.oncomplete = function(event) { note.innerhtml += '<li>transaction completed: database modification finished.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
IDBDatabase - Web APIs
irst created, this attribute is an empty string.
IDBDatabaseSync - Web APIs
saction, acquiring locks on the given database objects, within the specified timeout duration, if possible.
IDBIndex - Web APIs
Web › API › IDBIndex
key path of this index.
IDBKeyRange.bound() - Web APIs
Web › API › IDBKeyRange › bound
ing keyrangevalue as its optional key range value.
IDBKeyRange.lower - Web APIs
Web › API › IDBKeyRange › lower
them — since both the upper and lower bounds have been declared as open (true).
IDBKeyRange.lowerBound() - Web APIs
idbtransaction) and an object store, and open a cursor with idbobjectstore.opencursor, declaring keyrangevalue as its optional key range value.
IDBKeyRange.lowerOpen - Web APIs
as open (true).
IDBKeyRange.only() - Web APIs
Web › API › IDBKeyRange › only
range.
IDBKeyRange.upper - Web APIs
Web › API › IDBKeyRange › upper
them — since both the upper and lower bounds have been declared as open (true).
IDBKeyRange.upperBound() - Web APIs
...
IDBKeyRange.upperOpen - Web APIs
as open (true).
IDBKeyRange - Web APIs
ing keyrangevalue as its optional key range value.
FileHandle.getFile() - Web APIs
non-standard this feature is non-standard and is not on a standards track.
FileHandle.open() - Web APIs
non-standard this feature is non-standard and is not on a standards track.
IDBObjectStore.add() - Web APIs
y for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of the transaction completing, when everything is done transaction.oncomplete = function(event) { note.innerhtml += '<li>transaction completed.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
IDBObjectStore.autoIncrement - Web APIs
for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of the transaction completing, when everything is done transaction.oncomplete = function(event) { note.innerhtml += '<li>transaction completed.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
IDBObjectStore.delete() - Web APIs
the delete() method of the idbobjectstore interface returns an idbrequest object, and, in a separate thread, deletes the specified record or records.
IDBObjectStore.indexNames - Web APIs
for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of the transaction completing, when everything is done transaction.oncomplete = function(event) { note.innerhtml += '<li>transaction completed.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
IDBObjectStore.keyPath - Web APIs
y for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of the transaction completing, when everything is done transaction.oncomplete = function(event) { note.innerhtml += '<li>transaction completed.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
IDBObjectStore.name - Web APIs
y for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of the transaction completing, when everything is done transaction.oncomplete = function(event) { note.innerhtml += '<li>transaction completed.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
IDBObjectStore.transaction - Web APIs
for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of the transaction completing, when everything is done transaction.oncomplete = function(event) { note.innerhtml += '<li>transaction completed.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
IDBObjectStore - Web APIs
action, ready for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of the transaction completing, when everything is done transaction.oncomplete = function(event) { note.innerhtml += '<li>transaction completed.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
IDBTransaction.abort() - Web APIs
dding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of opening the transaction transaction.oncomplete = function(event) { note.innerhtml += '<li>transaction completed: database modification finished.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
IDBTransaction.commit() - Web APIs
action, ready for adding the data var transaction = db.transaction(["mydb"], "readwrite"); // report on the success of opening the transaction transaction.oncomplete = function(event) { note.innerhtml += '<li>transaction completed: database modification finished.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
IDBTransaction.db - Web APIs
Web › API › IDBTransaction › db
adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of opening the transaction transaction.oncomplete = function(event) { note.innerhtml += '<li>transaction completed: database modification finished.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
IDBTransaction.objectStore() - Web APIs
adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of opening the transaction transaction.oncomplete = function(event) { note.innerhtml += '<li>transaction completed: database modification finished.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
Basic concepts - Web APIs
nt-side storage.
Checking when a deadline is due - Web APIs
or adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of opening the transaction transaction.oncomplete = function(event) { note.innerhtml += '<li>transaction opened for task addition.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
InputDeviceCapabilities - Web APIs
responsible for generating input events.
install - Web APIs
and the path of the xpi, respectively.
startSoftwareUpdate - Web APIs
rl); parameters the startsoftwareupdate method has the following parameter: url a uniform resource locator specifying the location of the xpi file containing the software.
IntersectionObserver.observe() - Web APIs
ing with those.
Intersection Observer API - Web APIs
wser is free to optimize the management of intersections as it sees fit.
KeyframeEffect.KeyframeEffect() - Web APIs
the keyframeeffect() constructor of the web animations api returns a new keyframeeffect object instance, and also allows you to clone an existing keyframe effect object instance.
KeyframeEffect - Web APIs
the keyframeeffect interface of the web animations api lets us create sets of animatable properties and values, called keyframes.
LocalFileSystemSync - Web APIs
nc an object that represents the file system.
Location: href - Web APIs
Web › API › Location › href
the href property of the location interface is a stringifier that returns a usvstring containing the whole url, and allows the href to be updated.
LockManager.request() - Web APIs
ther lock with the same name can be held.
LockedFile.active - Web APIs
Web › API › LockedFile › active
non-standard this feature is non-standard and is not on a standards track.
LockedFile.flush() - Web APIs
Web › API › LockedFile › flush
dards track.
LockedFile.getMetadata() - Web APIs
non-standard this feature is non-standard and is not on a standards track.
MediaDevices.getDisplayMedia() - Web APIs
aborterror an error or failure that doesn't match any of the other exceptions below occurred.
MediaDevices - Web APIs
am; }) .catch(function(error) { if (error.name === 'constraintnotsatisfiederror') { errormsg('the resolution ' + constraints.video.width.exact + 'x' + constraints.video.height.exact + ' px is not supported by your device.'); } else if (error.name === 'permissiondeniederror') { errormsg('permissions have not been granted to use your camera and ' + 'microphone, you need to allow the page access to your devices in ' + 'order for the demo to work.'); } errormsg('getusermedia error: ' + error.name, error); }); function errormsg(msg, error) { errorelement.innerhtml += '<p>' + msg + '</p>'; if (typeof error !== 'undefined') { console.error(error); } } specifications specification status comment media capture and streamsthe de...
MediaKeyMessageEvent() - Web APIs
mediakeymessageevent object which creates a new instance of mediakeymessageevent.
MediaList.mediaText - Web APIs
the mediatext property of the medialist interface is a stringifier that returns a domstring representing the medialist as text, and also allows you to set a new medialist.
MediaList - Web APIs
Web › API › MediaList
the medialist interface represents the media queries of a stylesheet, e.g.
MediaMetadata - Web APIs
the mediametadata interface of the the media session api provides allows a web page to provide rich media metadata for display in a platform ui.
MediaQueryList - Web APIs
ist by calling matchmedia() on the window object.
MediaRecorder: error event - Web APIs
the mediarecorder interface's error event is fired when an error occurs: for example because recording wasn't allowed or was attempted using an unsupported codec.
MediaRecorder.onpause - Web APIs
the mediarecorder.onpause event handler (part of the mediarecorder api) handles the pause event, allowing you to run code in response to the media recording being paused.
MediaRecorder.onresume - Web APIs
the mediarecorder.onresume event handler (part of the mediarecorder api) handles the resume event, allowing you to run code in response to the media recording being resumed after pausing.
MediaRecorder.onstart - Web APIs
the mediarecorder.onstartevent handler (part of the mediarecorder api) handles the start event, allowing you to run code in response to media recording being started by a mediarecorder.
MediaRecorder.onstop - Web APIs
the mediarecorder.onstop event handler (part of the mediarecorder api) handles the stop event, allowing you to run code in response to media recording via a mediarecorder being stopped.
MediaRecorder.onwarning - Web APIs
the mediarecorder.onwarning event handler (part of the mediarecorder api) handles the recordingwarning event, allowing you to run code in response to non-fatal errors being thrown during media recording via a mediarecorder, which don't halt recording.
MediaRecorder.start() - Web APIs
dia.
MediaRecorder - Web APIs
onstop an eventhandler called to handle the stop event, which occurs when media recording ends, either when the mediastream ends — or after the mediarecorder.stop() method is called.
MediaSession.setActionHandler() - Web APIs
ary, 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.
MediaSession - Web APIs
the mediasession interface of the media session api allows a web page to provide custom behaviors for standard media playback interactions, and to report metadata that can be sent by the user agent to the device or operating system for presentation in standardized user interface elements.
Media Session action types - Web APIs
er for that action.
MediaSessionActionDetails - Web APIs
time within the media to move the playback position to, where 0 indicates the beginning of the media.
MediaStreamConstraints.audio - Web APIs
(err.name + ": " + err.message)); }, false); here we see an event handler for a click event which calls getusermedia(), specifying a set of audio constraints requesting that echo cancellation be enabled and that, if possible, the sample rate be 8 bits per sample instead of the more common 16 bits (possibly as a bandwidth saving measure).
MediaStreamConstraints.video - Web APIs
=> log(err.name + ": " + err.message)); }, false); here we see an event handler for a click event which calls getusermedia(), specifying a set of video constraints that indicate a preference for a video track whose dimensions are as close as possible to 160x120 pixels, and whose frame rate is as close to 15 frames per second as possible.
MediaStreamTrack.enabled - Web APIs
the enabled property on the mediastreamtrack interface is a boolean value which is true if the track is allowed to render the source stream or false if it is not.
MediaStreamTrack.remote - Web APIs
the mediastreamtrack.remote read-only property allows javascript to know whether a webrtc mediastreamtrack is from a remote source or a local one.
MediaStreamTrack - Web APIs
correctly work with constrainable properties.
MediaTrackConstraints.logicalSurface - Web APIs
the mediatrackconstraints dictionary's logicalsurface property is a constraindomstring describing the requested or mandatory constraints placed upon the value of the logicalsurface constrainable property.
MediaTrackSettings.logicalSurface - Web APIs
area of a window which is too large to display onscreen at once.
MediaTrackSupportedConstraints.displaySurface - Web APIs
tedconstraints().
Transcoding assets for Media Source Extensions - Web APIs
n_fragmented.mp4 -movflags frag_keyframe+empty_moov fragmented.mp4 in both cases, chrome may require an extra movie flag to be set: -movflags frag_keyframe+empty_moov+default_base_moof having a properly fragmented mp4 file is all you need to get started.
Capabilities, constraints, and settings - Web APIs
{ ideal: 1.7777777778 } }, audio: { samplesize: 16, channelcount: 2 } }).then(stream => { videoelement.srcobject = stream; }).catch(handleerror); in this example, constraints are applied at getusermedia() time, asking for an ideal set of options with fallbacks for the video.
MerchantValidationEvent - Web APIs
the merchantvalidationevent interface of the the payment request api enables a merchant to verify themselves as allowed to use a particular payment handler.
MessageChannel - Web APIs
the messagechannel interface of the channel messaging api allows us to create a new message channel and send data through it via its two messageport properties.
MessagePort - Web APIs
the messageport interface of the channel messaging api represents one of the two ports of a messagechannel, allowing messages to be sent from one port and listening out for them arriving at the other.
MouseEvent.pageX - Web APIs
Web › API › MouseEvent › pageX
var pagex = mouseevent.pagex; value a floating-point number of pixels from the left edge of the document at which the mouse was clicked, regardless of any scrolling or viewport positioning that may be in effect.
msPlayToPreferredSourceUri - Web APIs
e msplaytopreferredsourceuri enables a playto reference (a uri or url) for streaming content on the playto target device from a different location, such as a cloud media server.
Navigator.cookieEnabled - Web APIs
the browser is configured to block third-party cookies, and navigator.cookieenabled is invoked inside a third-party iframe, it returns true in safari, edge spartan and ie (while trying to set a cookie in such scenario would fail).
Navigator.geolocation - Web APIs
the navigator.geolocation read-only property returns a geolocation object that gives web content access to the location of the device.
Navigator.registerContentHandler() - Web APIs
allows web sites to register themselves as possible handlers for content of a particular mime type.
Navigator.wakeLock - Web APIs
the wakelock read-only property returns a wakelock interface which allows a document to acquire a screen wake lock.
NavigatorConcurrentHardware - Web APIs
the navigatorconcurrenthardware mixin adds to the navigator interface features which allow web content to determine how many logical processors the user has available, in order to let content and web apps optimize their operations to best take advantage of the user's cpu.
NavigatorID.platform - Web APIs
returns a string representing the platform of the browser.
Node.cloneNode() - Web APIs
Web › API › Node › cloneNode
een changed in the latest spec!
Node.nextSibling - Web APIs
Web › API › Node › nextSibling
the console displays the following: siblings of div-1 1.
Node.setUserData() - Web APIs
Web › API › Node › setUserData
the node.setuserdata() method allows a user to attach (or remove) data to an element, without needing to modify the dom.
NodeList.entries() - Web APIs
Web › API › NodeList › entries
the nodelist.entries() method returns an iterator allowing to go through all key/value pairs contained in this object.
NodeList.keys() - Web APIs
Web › API › NodeList › keys
the nodelist.keys() method returns an iterator allowing to go through all keys contained in this object.
NodeList.values() - Web APIs
Web › API › NodeList › values
the nodelist.values() method returns an iterator allowing to go through all values contained in this object.
NotificationAction - Web APIs
only the string describing the action that is displayed to the user.
NotificationEvent.notification - Web APIs
the notification read-only property of the notificationevent interface returns the instance of the notification that was clicked to fire the event.
OfflineAudioContext.suspend() - Web APIs
of the time progression in the audio context at the specified time and returns a promise.
PannerNode.maxDistance - Web APIs
maximum distance between the audio source and the listener, after which the volume is not reduced any further.
PannerNode.rolloffFactor - Web APIs
ue describing how quickly the volume is reduced as the source moves away from the listener.
ParentNode.append() - Web APIs
Web › API › ParentNode › append
the parentnode.append() method inserts a set of node objects or domstring objects after the last child of the parentnode.
ParentNode.replaceChildren() - Web APIs
replacechildren() provides a very convenient mechanism for emptying a node of all its children.
PaymentAddress.languageCode - Web APIs
the languagecode read-only property of the paymentaddress interface returns a string containing the bcp-47 language code for the address.
PaymentCurrencyAmount - Web APIs
of locale) followed by at least one more digit.
PaymentRequest.onmerchantvalidation - Web APIs
erchant validate themselves.
PaymentRequest.show() - Web APIs
tion says this can't be done, some browsers, including firefox, support multiple active payment requests at a time.
PaymentRequestEvent.respondWith() - Web APIs
the respondwith property of the paymentrequestevent interface prevents the default event handling and allows you to provide a promise for a paymentresponse object yourself.
PaymentRequestEvent - Web APIs
igin where the paymentrequest object was initialized.
PerformanceResourceTiming.redirectEnd - Web APIs
the redirectend read-only property returns a timestamp immediately after receiving the last byte of the response of the last redirect.
PerformanceResourceTiming.redirectStart - Web APIs
the redirectstart read-only property returns a timestamp representing the start time of the fetch which that initiates the redirect.
Performance API - Web APIs
rializer to the performanceentry interface as well as adding the performanceobserver interface and callback resource timing level 1 candidate recommendation adds the performanceresourcetiming interface.
Permissions.query() - Web APIs
Web › API › Permissions › query
(midi only) indicates whether you need and/or receive system exclusive messages.
Permissions.revoke() - Web APIs
(midi only) indicates whether you need and/or receive system exclusive messages.
PositionOptions.timeout - Web APIs
the positionoptions.timeout property is a positive long value representing the maximum length of time (in milliseconds) the device is allowed to take in order to return a position.
PositionOptions - Web APIs
n result in slower response times or increased power consumption (with a gps chip on a mobile device for example).
ProgressEvent.initProgressEvent() - Web APIs
s been deprecated and removed from most implementation.
PushManager.getSubscription() - Web APIs
ription?
PushManager.subscribe() - Web APIs
ponse to a user gesture, such as clicking a button, for example: btn.addeventlistener('click', function() { serviceworkerregistration.pushmanager.subscribe(options) .then(function(pushsubscription) { // handle subscription }); }) this is not only best practice — you should not be spamming users with notifications they didn't agree to — but going forward browsers will explicitly disallow notifications not triggered in response to a user gesture.
PushMessageData - Web APIs
the pushmessagedata interface of the push api provides methods which let you retrieve the push data sent by a server in various formats.
PushSubscription.getKey() - Web APIs
ion secret, as described in message encryption for web push.
PushSubscription - Web APIs
the pushsubscription interface of the push api provides a subcription's url endpoint and allows unsubscription from a push service.
Web Push API Notifications best practices - Web APIs
at all, there are many different types of push notifications, ranging from casual-and-disappearing to persistent-and-requiring-interaction.
RTCConfiguration.certificates - Web APIs
rtcpeerconnection.generatecertificate() function.
RTCDTMFSender - Web APIs
the rtcdtmfsender interface provides a mechanism for transmitting dtmf codes on a webrtc rtcpeerconnection.
RTCDTMFToneChangeEvent - Web APIs
e of the properties of the event.
RTCDataChannel.binaryType - Web APIs
the property binarytype on the rtcdatachannel interface is a domstring which specifies the type of javascript object which should be used to represent binary data received on the rtcdatachannel.
RTCDataChannel: close event - Web APIs
annel instance must be created.
RTCDataChannel.maxPacketLifeTime - Web APIs
the read-only rtcdatachannel property maxpacketlifetime returns the amount of time, in milliseconds, the browser is allowed to take to attempt to transmit a message, as set when the data channel was created, or null.
RTCIceCandidatePairStats.consentExpiredTimestamp - Web APIs
his indicates when the current stun bindings — the mapping of the ip address and port configurations for both peers on the webrtc connection — are due to expire.
RTCIceCandidatePairStats.nominated - Web APIs
be used to configure the webrtc connection between the two peers.
RTCIceServer.url - Web APIs
Web › API › RTCIceServer › url
used while negotiating connections.
RTCPeerConnection() - Web APIs
; once the certificates have been set, this property is ignored in future calls to rtcpeerconnection.setconfiguration().
RTCPeerConnection.addIceCandidate() - Web APIs
if the value of the specified object's candidate is either missing or an empty string (""), it signals that all remote candidates have been delivered.
RTCPeerConnection.addStream() - Web APIs
a mediastream object indicating the stream to add to the webrtc peer connection.
RTCPeerConnection.addTrack() - Web APIs
am.
RTCPeerConnection.addTransceiver() - Web APIs
an object that conforms to the rtcrtptransceiverinit dictionary which provides any options that you may wish to specify when creating the new transceiver.
RTCPeerConnection.createDataChannel() - Web APIs
ictionary the rtcdatachannelinit dictionary provides the following fields, any of which may be included in the object passed as the options parameter in order to configure the data channel to suit your needs: ordered optional indicates whether or not messages sent on the rtcdatachannel are required to arrive at their destination in the same order in which they were sent (true), or if they're allowed to arrive out-of-order (false).
RTCPeerConnection.getIdentityAssertion() - Web APIs
connection.getidentityassertion() method initiates the gathering of an identity assertion.
RTCPeerConnection.iceConnectionState - Web APIs
on "new" the ice agent is gathering addresses or is waiting to be given remote candidates through calls to rtcpeerconnection.addicecandidate() (or both).
RTCPeerConnection.signalingState - Web APIs
peerconnection.setlocaldescription().
RTCRtpEncodingParameters.maxBitrate - Web APIs
the rtcrtpencodingparameters dictionary's maxbitrate property specifies the maximum number of bits per second to allow a track encoded with this encoding to use.
RTCRtpSender.replaceTrack() - Web APIs
e the rtcrtpsender's current source track.
RTCRtpSender.setParameters() - Web APIs
eated.
RTCRtpTransceiverInit - Web APIs
tptransceiverinit dictionary is used when calling the webrtc function rtcpeerconnection.addtransceiver() to provide configuration options for the new transceiver.
RTCSessionDescription.type - Web APIs
the property rtcsessiondescription.type is a read-only value of type rtcsdptype which describes the description's type.
RTCTrackEventInit.transceiver - Web APIs
the rtctrackeventinit dictionary's transceiver property specifies the rtcrtptransceiver associated with the track event.
ReadableByteStreamController - Web APIs
the readablebytestreamcontroller interface of the streams api represents a controller allowing control of a readablestream's state and internal queue.
ReadableStream.tee() - Web APIs
the tee() method of the readablestream interface tees the current readable stream, returning a two-element array containing the two resulting branches as new readablestream instances.
ReadableStreamBYOBReader - Web APIs
the readablestreambyobreader interface of the streams api represents a byob ("bring your own buffer") reader that can be used to read stream data supplied by the developer (e.g.
ReadableStreamDefaultController - Web APIs
the readablestreamdefaultcontroller interface of the streams api represents a controller allowing control of a readablestream's state and internal queue.
ReadableStreamDefaultReader - Web APIs
the readablestreamdefaultreader interface of the streams api represents a default reader that can be used to read stream data supplied from a network (e.g.
ReportingObserver - Web APIs
the reportingobserver interface of the reporting api allows you to collect and access reports.
ReportingObserverOptions - Web APIs
the reportingobserveroptions dictionary of the reporting api allows options to be set in the constructor when creating a reportingobserver.
Request.cache - Web APIs
Web › API › Request › cache
// download a resource with economics in mind!
Request.clone() - Web APIs
Web › API › Request › clone
the clone() method of the request interface creates a copy of the current request object.
Request.mode - Web APIs
Web › API › Request › mode
than simple headers.
ResizeObserver.observe() - Web APIs
the observe() method of the resizeobserver interface starts observing the specified element or svgelement.
ResizeObserverEntry - Web APIs
the resizeobserverentry interface represents the object passed to the resizeobserver() constructor's callback function, which allows you to access the new dimensions of the element or svgelement being observed.
Response.clone() - Web APIs
Web › API › Response › clone
the clone() method of the response interface creates a clone of a response object, identical in every way, but stored in a different variable.
SVGElement: abort event - Web APIs
the abort event is fired when page loading is stopped before an svg element has been allowed to load completely.
SVGElement - Web APIs
ods from: documentandelementeventhandlers, element, elementcssinlinestyle, globaleventhandlers, htmlorforeignelement, svgelementinstance events listen to these events using addeventlistener() or by assigning an event listener to the equivalent on...
getBBox() - Web APIs
the svggraphicselement.getbbox() allows us to determine the coordinates of the smallest rectangle in which the object fits.
SVGMatrix - Web APIs
Web › API › SVGMatrix
ies the transformation [1 0 0 -1 0 0] and returns the resulting matrix as svgmatrix.
SVGNumber - Web APIs
Web › API › SVGNumber
the svgnumber interface corresponds to the <number> basic data type.
SVGPreserveAspectRatio - Web APIs
iption align unsigned short the type of the alignment value as specified by one of the svg_preserveaspectratio_* constants defined on this interface.
SVGScriptElement - Web APIs
font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgscriptelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties svgscriptelement.type read only a domstring corresponding to the type attribute of the given <script> element.
Screen.lockOrientation() - Web APIs
the lockorientation() method of the screen interface locks the screen into a specified orientation.
ScriptProcessorNode - Web APIs
the scriptprocessornode interface allows the generation, processing, or analyzing of audio using javascript.
ScrollToOptions.behavior - Web APIs
instantly in a single jump.
ScrollToOptions.left - Web APIs
the left property of the scrolltooptions dictionary specifies the number of pixels along the x axis to scroll the window or element.
ScrollToOptions.top - Web APIs
the top property of the scrolltooptions dictionary specifies the number of pixels along the y axis to scroll the window or element.
ScrollToOptions - Web APIs
lltooptions.left specifies the number of pixels along the x axis to scroll the window or element.
Selection.setBaseAndExtent() - Web APIs
cusoffset is larger than the number of child nodes inside focusnode, an indexsizeerror exception is thrown.
ServiceWorkerContainer.register() - Web APIs
r.serviceworker.register('/sw.js', {scope: '/product/'}).then(function(registration) { console.log('service worker registration succeeded:', registration); }, /*catch*/ function(error) { console.log('service worker registration failed:', error); }); } else { console.log('service workers are not supported.'); } however, servers can remove this restriction by setting a service-worker-allowed header on the service worker script, and then you can specify a max scope for that service worker above the service worker's location.
ServiceWorkerGlobalScope.onmessage - Web APIs
the onmessage property of the serviceworkerglobalscope interface is an event handler fired whenever a message event occurs — when incoming messages are received.
ServiceWorkerMessageEvent - Web APIs
important: in modern browsers, this interface has been deprecated.
ServiceWorkerRegistration.index - Web APIs
the index read-only property of the serviceworkerregistration interface returns a reference to the contentindex interface, which allows for indexing of offline content.
SharedWorker() - Web APIs
be omit, same-origin, or include.
SharedWorkerGlobalScope - Web APIs
imers, windowbase64, and windoweventhandlers.
Slottable - Web APIs
Web › API › Slottable
the slottable mixin defines features that allow nodes to become the contents of a <slot> element — the following features are included in both element and text.
SourceBufferList: indexed property getter - Web APIs
the indexed property getter of the sourcebufferlist interface allows the sourcebuffer objects in the list to be accessed with an array operator (i.e.
SourceBufferList - Web APIs
t.length read only returns the number of sourcebuffer objects in the list.
SpeechGrammarList.item() - Web APIs
the item getter of the speechgrammarlist interface is a standard getter — it allows individual speechgrammar objects to be retrieved from the speechgrammarlist using array syntax.
SpeechGrammarList - Web APIs
ize.
SpeechRecognitionEvent.resultIndex - Web APIs
the resultindex read-only property of the speechrecognitionevent interface returns the lowest index value result in the speechrecognitionresultlist "array" that has actually changed.
SpeechRecognitionResult.item() - Web APIs
the item getter of the speechrecognitionresult interface is a standard getter that allows speechrecognitionalternative objects within the result to be accessed via array syntax.
SpeechRecognitionResult - Web APIs
en this is the final time this result will be returned; if not, then this result is an interim result, and may be updated later on.
SpeechRecognitionResultList.item() - Web APIs
the item getter of the speechrecognitionresultlist interface is a standard getter — it allows speechrecognitionresult objects in the list to be accessed via array syntax.
SpeechRecognitionResultList - Web APIs
ognitionresultlist interface of the web speech api represents a list of speechrecognitionresult objects, or a single one if results are being captured in continuous mode.
SpeechSynthesisVoice.localService - Web APIs
the localservice read-only property of the speechsynthesisvoice interface returns a boolean indicating whether the voice is supplied by a local speech synthesizer service (true), or a remote speech synthesizer service (false.) this property is provided to allow differentiation in the case that some voice options are provided by a remote service; it is possible that remote voices might have extra latency, bandwidth or cost associated with them, so such distinction may be useful.
Storage.setItem() - Web APIs
Web › API › Storage › setItem
ey you want to create/update.
Storage - Web APIs
Web › API › Storage
the storage interface of the web storage api provides access to a particular domain's session or local storage.
Using writable streams - Web APIs
s like this: const stream = new writablestream({ start(controller) { }, write(chunk,controller) { }, close(controller) { }, abort(reason) { } }, { highwatermark, size() }); the constructor takes two objects as parameters.
SubtleCrypto.deriveKey() - Web APIs
y will be used for.
Text.splitText() - Web APIs
Web › API › Text › splitText
offset the index immediately before which to break the text node.
Text.wholeText - Web APIs
Web › API › Text › wholeText
the text.wholetext read-only property returns the full text of all text nodes logically adjacent to the node.
TextDecoder() - Web APIs
decoderoptions dictionary with the property: fatal a boolean flag indicating if the textdecoder.decode() method must throw a domexception with the "encodingerror" value when an coding error is found.
Touch() - Web APIs
Web › API › Touch › Touch
e float, that is the angle (in degrees) that the ellipse described by radiusx and radiusy is rotated clockwise about its center; 0 if no value is known.
TrackDefaultList.TrackDefault() - Web APIs
the trackdefault() getter method of the trackdefaultlist interface allows the trackdefault objects in the list to be accessed with an array operator (i.e.
TrackDefaultList - Web APIs
aults property.
TransitionEvent.initTransitionEvent() - Web APIs
of been removed from most implementation.
sourceCapabilities - Web APIs
r example, when a user lifts their finger off of a touchscreen, several uievents may be generated including touchend, mousedown, click, and focus.
URL.searchParams - Web APIs
Web › API › URL › searchParams
the searchparams readonly property of the url interface returns a urlsearchparams object allowing access to the get decoded query arguments contained in the url.
URL - Web APIs
Web › API › URL
the url interface is used to parse, construct, normalize, and encode urls.
URLSearchParams.entries() - Web APIs
the entries() method of the urlsearchparams interface returns an iterator allowing iteration through all key/value pairs contained in this object.
URLSearchParams.forEach() - Web APIs
the foreach() method of the urlsearchparams interface allows iteration through all values contained in this object via a callback function.
URLSearchParams.keys() - Web APIs
the keys() method of the urlsearchparams interface returns an iterator allowing iteration through all keys contained in this object.
URLSearchParams.values() - Web APIs
the values() method of the urlsearchparams interface returns an iterator allowing iteration through all values contained in this object.
USVString - Web APIs
Web › API › USVString
usvstring corresponds to the set of all possible sequences of unicode scalar values.
Using the User Timing API - Web APIs
the user timing interface allows the developer to create application specific timestamps that are part of the browser's performance timeline.
User Timing API - Web APIs
the user timing interface allows the developer to create application specific timestamps that are part of the browser's performance timeline.
Vibration API - Web APIs
noting that you don't have to provide a pause as your last entry since the vibration automatically stops at the end of each vibration period.
VideoTrack.label - Web APIs
Web › API › VideoTrack › label
man-readable label, if one is available in the track metadata.
Visual Viewport API - Web APIs
isual viewport lets web developers solve this by positioning elements relative to what's shown on screen.
WEBGL_compressed_texture_atc - Web APIs
the webgl_compressed_texture_atc extension is part of the webgl api and exposes 3 atc compressed texture formats.
WEBGL_compressed_texture_etc - Web APIs
the webgl_compressed_texture_etc extension is part of the webgl api and exposes 10 etc/eac compressed texture formats.
WEBGL_compressed_texture_etc1 - Web APIs
the webgl_compressed_texture_etc1 extension is part of the webgl api and exposes the etc1 compressed texture format.
WEBGL_compressed_texture_pvrtc - Web APIs
the webgl_compressed_texture_pvrtc extension is part of the webgl api and exposes four pvrtc compressed texture formats.
WEBGL_compressed_texture_s3tc - Web APIs
the webgl_compressed_texture_s3tc extension is part of the webgl api and exposes four s3tc compressed texture formats.
WEBGL_compressed_texture_s3tc_srgb - Web APIs
the webgl_compressed_texture_s3tc_srgb extension is part of the webgl api and exposes four s3tc compressed texture formats for the srgb colorspace.
WEBGL_debug_shaders.getTranslatedShaderSource() - Web APIs
the webgl_debug_shaders.gettranslatedshadersource() method is part of the webgl api and allows you to debug a translated shader.
WEBGL_draw_buffers.drawBuffersWEBGL() - Web APIs
the webgl_draw_buffers.drawbufferswebgl() method is part of the webgl api and allows you to define the draw buffers to which all fragment colors are written.
WEBGL_lose_context.loseContext() - Web APIs
the webgl_lose_context.losecontext() method is part of the webgl api and allows you to simulate losing the context of a webglrenderingcontext context.
WEBGL_lose_context.restoreContext() - Web APIs
the webgl_lose_context.restorecontext() method is part of the webgl api and allows you to simulate restoring the context of a webglrenderingcontext object.
WebGL2RenderingContext.renderbufferStorageMultisample() - Web APIs
the webgl2renderingcontext.renderbufferstoragemultisample() method of the webgl 2 api returns creates and initializes a renderbuffer object's data store and allows specifying a number of samples to be used.
WebGL2RenderingContext.vertexAttribIPointer() - Web APIs
tes of the first component in the vertex attribute array.
WebGL2RenderingContext - Web APIs
ntents of attachments in a framebuffer webgl2renderingcontext.readbuffer() selects a color buffer as the source for pixels.
WebGLQuery - Web APIs
the webglquery interface is part of the webgl 2 api and provides ways to asynchronously query for information.
WebGLRenderingContext.bufferData() - Web APIs
set a gluint specifying the element index offset where to start reading the buffer.
WebGLRenderingContext.bufferSubData() - Web APIs
array types that will be copied into the data store.
WebGLRenderingContext.framebufferRenderbuffer() - Web APIs
ingle images in a renderable internal format.
WebGLRenderingContext.getError() - Web APIs
gl.no_error no error has been recorded.
WebGLRenderingContext.isContextLost() - Web APIs
s.
WebGLTransformFeedback - Web APIs
the webgltransformfeedback interface is part of the webgl 2 api and enables transform feedback, which is the process of capturing primitives generated by vertex processing.
WebGLVertexArrayObject - Web APIs
(vaos) pointing to vertex array data, and provides names for different sets of vertex data.
Basic scissoring - Web APIs
nd squares using webgl scissoring operations.
Boilerplate 1 - Web APIs
xt » this example describes repeated pieces of code that will be hidden from now on, as well as defining a javascript utility function to make webgl initialization easier.
Compressed texture formats - Web APIs
mats.
Introduction to the Real-time Transport Protocol (RTP) - Web APIs
rtc.
Establishing a connection: The WebRTC perfect negotiation pattern - Web APIs
his isn't appreciably different from older webrtc connection establishment code.
Taking still photos with WebRTC - Web APIs
oper tools' style editor; see edit css filters for details on how to do so.
Using WebRTC data channels - Web APIs
el event).
WebRTC API - Web APIs
browser application.
Writing a WebSocket server in C# - Web APIs
s to rfc 6455 so it will only handle connections from chrome version 16, firefox 11, ie 10 and over.
WebXR application life cycle - Web APIs
d to activate xr features and abort any attempts to enter xr mode.
Spaces and reference spaces: Spatial tracking in WebXR - Web APIs
ng has resumed after being lost when the user position jumps while at the same time the value of emulatedposition changes from true to false.
Web Animations API - Web APIs
the web animations api allows for synchronizing and timing changes to the presentation of a web page, i.e.
Background audio processing using AudioWorklet - Web APIs
of this article, we'll look at these steps in more detail, with examples (including working examples you can try out on your own).
Using IIR filters - Web APIs
the graph, between the source and the detination: filterbutton.addeventlistener('click', function() { if (this.dataset.filteron === 'false') { srcnode.disconnect(audioctx.destination); srcnode.connect(iirfilter).connect(audioctx.destination); ...
Web audio spatialization basics - Web APIs
as if its extensive variety of sound processing (and other) options wasn't enough, the web audio api also includes facilities to allow you to emulate the difference in sound as a listener moves around a sound source, for example panning as you move around a sound source inside a 3d game.
Attestation and Assertion - Web APIs
in android o was android key attestation, which enables the android operating system to attest to keys.
Web Crypto API - Web APIs
the web crypto api is an interface allowing a script to use cryptographic primitives in order to build systems using cryptography.
Web NFC API - Web APIs
the web nfc api allows exchanging data over nfc via light-weight nfc data exchange format (ndef) messages.
Web Speech API - Web APIs
ognition object, which has a number of event handlers available for detecting when speech is input through the device's microphone.
Web Storage API - Web APIs
ive usage of web storage.
Window.close() - Web APIs
Web › API › Window › close
ow.open('moreinfo.htm'); } function closeopenedwindow() { openedwindow.close(); } closing the current window in the past, when you called the window object's close() method directly, rather than calling close() on a window instance, the browser closed the frontmost window, whether your script created that window or not.
Window.crypto - Web APIs
Web › API › Window › crypto
the read-only window.crypto property returns the crypto object associated to the global object.
Window.devicePixelRatio - Web APIs
isplays.
Window.localStorage - Web APIs
the read-only localstorage property allows you to access a storage object for the document's origin; the stored data is saved across browser sessions.
Window.openDialog() - Web APIs
Web › API › Window › openDialog
he same way window.open() does; that is, an empty string sets all features to off) except chrome and dialog, which default to on.
window.postMessage() - Web APIs
the window.postmessage() method safely enables cross-origin communication between window objects; e.g., between a page and a pop-up that it spawned, or between a page and an iframe embedded within it.
Window: resize event - Web APIs
n some earlier browsers it was possible to register resize event handlers on any html element.
Window: unhandledrejection event - Web APIs
ript when a javascript promise that has no rejection handler is rejected; typically, this is the window, but may also be a worker.
WindowEventHandlers.onafterprint - Web APIs
the onafterprint property of the windoweventhandlers mixin is the eventhandler for processing afterprint events for the current window.
WindowEventHandlers.onbeforeprint - Web APIs
the onbeforeprint property of the windoweventhandlers mixin is the eventhandler for processing beforeprint events for the current window.
Worker() - Web APIs
Web › API › Worker › Worker
se for the worker.
WorkerGlobalScope.console - Web APIs
the console read-only property of the workerglobalscope interface returns a console object providing access to the browser console for the worker.
WorkerGlobalScope.dump() - Web APIs
the dump() method of the workerglobalscope interface allows you to write a message to stdout — i.e.
WorkerGlobalScope - Web APIs
ds this interface inherits methods from the eventtarget interface and windoworworkerglobalscope and windoweventhandlers mixins.
WorkerNavigator - Web APIs
the workernavigator interface represents a subset of the navigator interface allowed to be accessed from a worker.
WritableStreamDefaultController - Web APIs
the writablestreamdefaultcontroller interface of the the streams api represents a controller allowing control of a writablestream's state.
WritableStreamDefaultWriter - Web APIs
amdefaultwriter interface of the the streams api is the object returned by writablestream.getwriter() and once created locks the writer to the writablestream ensuring that no other streams can write to the underlying sink.
XDomainRequest - Web APIs
be defined, even as an empty function, or xdomainrequest may not fire onload for duplicate requests.
HTML in XMLHttpRequest - Web APIs
the w3c xmlhttprequest specification adds html parsing support to xmlhttprequest, which originally supported only xml parsing.
Synchronous and asynchronous requests - Web APIs
often cause hangs on the web.
XMLHttpRequest() - Web APIs
uest(paramsdictionary); parameters (non-standard) objparameters there are two flags you can set: mozanon boolean: setting this flag to true will cause the browser not to expose the origin and user credentials when fetching resources.
XMLHttpRequest.response - Web APIs
r xml xmldocument, as appropriate based on the mime type of the received data.
XMLHttpRequest.responseType - Web APIs
r xml xmldocument, as appropriate based on the mime type of the received data.
XMLHttpRequestResponseType - Web APIs
r xml xmldocument, as appropriate based on the mime type of the received data.
XPathEvaluator.evaluate() - Web APIs
uated.
XPathExpression.evaluate() - Web APIs
utes an xpath expression on the given node or document and returns an xpathresult.
XRBoundedReferenceSpace.boundsGeometry - Web APIs
the read-only xrboundedreferencespace property boundsgeometry is an array of dompointreadonly objects which specifies the points making up a polygon inside which the viewer is allowed to move.
XRBoundedReferenceSpace - Web APIs
the webxr device api's xrboundedreferencespace interface describes a virtual world reference space which has preset boundaries.
XRInputSource.targetRaySpace - Web APIs
space.
XRInputSourceArray.length - Web APIs
umber of items in the input source list represented by the xrinputsourcearray object.
XRInputSourceArray - Web APIs
tsourcearray represents a live list of webxr input sources, and is used as the return value of the xrsession property inputsources.
XRPermissionDescriptor.mode - Web APIs
n a standard html document, rather than occupying the full visual space.
XRPermissionDescriptor.optionalFeatures - Web APIs
s placed in a safe location for the viewer to stand, where the value of the y axis is 0 at floor level.
XRPermissionDescriptor.requiredFeatures - Web APIs
s placed in a safe location for the viewer to stand, where the value of the y axis is 0 at floor level.
XRPermissionStatus.granted - Web APIs
s placed in a safe location for the viewer to stand, where the value of the y axis is 0 at floor level.
XRReferenceSpace.getOffsetReferenceSpace() - Web APIs
d whose orientation is looking directly along the z azis.
XRReferenceSpace: reset event - Web APIs
motion through the space by expressly changing the position and/or orientation of the viewer (rather than the user's physical movements being used by the xr device to introduce movement).
XRReferenceSpaceEvent.transform - Web APIs
the read-only xrreferencespaceevent property transform indicates the position and orientation of the affected referencespace's native origin after the changes the event represents are applied.
XRReferenceSpaceEventInit.transform - Web APIs
the xrreferencespaceeventinit property transform indicates the position and orientation of the affected reference space's native origin after the changes the event represents are applied.
XRReferenceSpaceType - Web APIs
s placed in a safe location for the viewer to stand, where the value of the y axis is 0 at floor level.
XRSession.requestAnimationFrame() - Web APIs
lobal requestanimationframe() function provided by the window interface, you must not treat these as interchangeable.
XRSession.requestReferenceSpace() - Web APIs
s placed in a safe location for the viewer to stand, where the value of the y axis is 0 at floor level.
XRSession.updateRenderState() - Web APIs
not return a promise.
XRView - Web APIs
Web › API › XRView
provides information describing a single view into the xr scene for a specific frame, providing orientation and position information for the viewpoint.
XRWebGLLayer - Web APIs
(or simulated xr device, in the case of an inline session) and a webgl context used to render the scene for display on the device.
XRWebGLLayerInit.ignoreDepthValues - Web APIs
ayer created by the xrwebgllayer() constructor.
Using the aria-valuemax attribute - Accessibility
description the aria-valuemax attribute is used to define the maximum value allowed for a range widget such as a slider, spinbutton or progressbar.
Using the aria-valuemin attribute - Accessibility
the aria-valuemin attribute is used to define the minimum value allowed for a range widget such as a slider, spinbutton or progressbar.
Using the article role - Accessibility
ll assistive technologies support html5 yet.
Using the link role - Accessibility
te that there are still problems with this approach: it is very difficult to detect whether the target of the fake link has been visited before, and therefore use :visited styles (e.g.
x-ms-aria-flowfrom - Accessibility
non-standard this feature is non-standard and is not on a standards track.
ARIA annotations - Accessibility
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.
ARIA: application role - Accessibility
nt is streamlined to a single-column view.
ARIA: article role - Accessibility
finition of 'article' in that specification.
ARIA: feed role - Accessibility
gy users can read articles, jump forward and backward by article, and reliably trigger new articles to load while in reading mode.
ARIA: row role - Accessibility
he attribute to indicate the present status.
ARIA: tab role - Accessibility
us order, ideally the active tab's associated tabpanel.
ARIA: dialog role - Accessibility
ble to interact with any page content outside the dialog.
ARIA: textbox role - Accessibility
the textbox role is used to identify an element that allows the input of free-form text.
WAI-ARIA Roles - Accessibility
ctivated, displays its associated tabpanel.aria: table rolethe table value of the aria role attribute identifies the element containing the role as having a non-interactive table structure containing data arranged in rows and columns, similar to the native <table> html element.aria: tabpanel rolethe aria tabpanel role indicatesaria: textbox rolethe textbox role is used to identify an element that allows the input of free-form text.
Accessibility and Spacial Patterns - Accessibility
n the manner in which he displays math.
Accessibility
ent workflow.
Custom properties (--*): CSS variables - CSS: Cascading Style Sheets
Web › CSS › --*
aration decided by the cascading algorithm.
-moz-image-rect - CSS: Cascading Style Sheets
-image within the specified image.
-moz-image-region - CSS: Cascading Style Sheets
for certain xul elements and pseudo-elements that use an image from the list-style-image property, this property specifies a region of the image that is used in place of the whole image.
-webkit-line-clamp - CSS: Cascading Style Sheets
the -webkit-line-clamp css property allows limiting of the contents of a block container to the specified number of lines.
-webkit-print-color-adjust - CSS: Cascading Style Sheets
olor-adjust: economy; -webkit-print-color-adjust: exact; /* global values */ -webkit-print-color-adjust: inherit; -webkit-print-color-adjust: initial; -webkit-print-color-adjust: unset; syntax the -webkit-print-color-adjust property is specified as one of the keyword values listed below.
-webkit-touch-callout - CSS: Cascading Style Sheets
the -webkit-touch-callout css property controls the display of the default callout shown when you touch and hold a touch target.
:-moz-locale-dir(ltr) - CSS: Cascading Style Sheets
extension that matches an element if the user interface is being displayed left-to-right.
:-moz-locale-dir(rtl) - CSS: Cascading Style Sheets
extension that matches an element if the user interface is being displayed right-to-left.
::-webkit-search-results-button - CSS: Cascading Style Sheets
the ::-webkit-search-results-button css pseudo-element represents a button (the "search results button") at the left edge of an <input> of type="search" which when clicked displays a menu which allows the user to choose from previous recent search queries.
::after (:after) - CSS: Cascading Style Sheets
Web › CSS › ::after
0; font-size: 14px; z-index: 1; } result specifications specification status comment css pseudo-elements level 4the definition of '::after' in that specification.
::before (:before) - CSS: Cascading Style Sheets
Web › CSS › ::before
urrent='step']::after { content: " \21e6"; /* hexadecimal for unicode leftwards white arrow*/ display: inline; } result specifications specification status comment css pseudo-elements level 4the definition of '::before' in that specification.
::grammar-error - CSS: Cascading Style Sheets
the ::grammar-error css pseudo-element represents a text segment which the user agent has flagged as grammatically incorrect.
::marker - CSS: Cascading Style Sheets
Web › CSS › ::marker
the ::marker css pseudo-element selects the marker box of a list item, which typically contains a bullet or number.
::selection - CSS: Cascading Style Sheets
the ::selection css pseudo-element applies styles to the part of a document that has been highlighted by the user (such as clicking and dragging the mouse across text).
::slotted() - CSS: Cascading Style Sheets
Web › CSS › ::slotted
'p { margin: 10px 0; }' + '::slotted(*) { color: gray; font-family: sans-serif; } '; shadowroot.appendchild(style); shadowroot.appendchild(templatecontent.clonenode(true)); } }) you'll see that when filling the style element with content, we select all slotted elements (::slotted(*)) and give them a different font and color.
::spelling-error - CSS: Cascading Style Sheets
the ::spelling-error css pseudo-element represents a text segment which the user agent has flagged as incorrectly spelled.
:host - CSS: Cascading Style Sheets
Web › CSS › :host
the :host css pseudo-class selects the shadow host of the shadow dom containing the css it is used inside — in other words, this allows you to select a custom element from inside its shadow dom.
:hover - CSS: Cascading Style Sheets
Web › CSS › :hover
alogous effect, but based on the :checked pseudo-class (applied to hidden radioboxes), see this demo, taken from the :checked reference page.
:not() - CSS: Cascading Style Sheets
Web › CSS › :not
ot(div):not(span) { font-weight: bold; } /* elements that are not `.crazy` or `.fancy` */ /* note that this syntax is not well supported yet.
:read-only - CSS: Cascading Style Sheets
the :read-only css pseudo-class represents an element (such as input or textarea) that is not editable by the user.
:read-write - CSS: Cascading Style Sheets
the :read-write css pseudo-class represents an element (such as input or textarea) that is editable by the user.
:valid - CSS: Cascading Style Sheets
Web › CSS › :valid
the :valid css pseudo-class represents any <input> or other <form> element whose contents validate successfully.
system - CSS: Cascading Style Sheets
scriptor called additive-symbols must be specified with at least one additive tuple, or else the counter style rule will not be valid.
@counter-style - CSS: Cascading Style Sheets
m: cyclic; symbols: "\1f44d"; suffix: " "; } ul { list-style: thumbs; } the initial version of css defined a set of useful counter styles.
font-family - CSS: Cascading Style Sheets
the font-family css descriptor allows authors to specify the font family for the font specified in an @font-face rule.
font-variation-settings - CSS: Cascading Style Sheets
the font-variation-settings css descriptor allows authors to specify low-level opentype or truetype font variations in the @font-face rule.
unicode-range - CSS: Cascading Style Sheets
for example u+26.
-webkit-device-pixel-ratio - CSS: Cascading Style Sheets
t-device-pixel-ratio feature is specified as a <number> value.
Coordinate systems - CSS: Cascading Style Sheets
page-relative: <span id="pagex">0</span>, <span id="pagey">0</span> </p> <p> screen-relative: <span id="screenx">0</span>, <span id="screeny">0</span> </p> </div> </div> </div> css the css is pretty much just for appearances here.
CSS Backgrounds and Borders - CSS: Cascading Style Sheets
styles in the css backgrounds and borders module allow filling backgrounds with color or an image (clipped or resized), or modifying them in other ways.
Box alignment in grid layout - CSS: Cascading Style Sheets
total less than the total width of the grid container.
CSS Box Alignment - CSS: Cascading Style Sheets
n the alignment will be honoured even if it would cause such data loss.
Handling Overflow in Multicol - CSS: Cascading Style Sheets
that you will get a horizontal scrollbar.
Spanning and Balancing Columns - CSS: Cascading Style Sheets
.
CSS Conditional Rules - CSS: Cascading Style Sheets
css conditional rules is a css module that allows to define a set of rules that will only apply based on the capabilities of the processor or the document the style sheet is being applied to.
Cross-browser Flexbox mixins - CSS: Cascading Style Sheets
ent: $value; } // shorter version: @mixin flex-just($args...) { @include justify-content($args...); } flexbox align items flex items can be aligned in the cross axis of the current line of the flex container, similar to justify-content but in the perpendicular direction.
Auto-placement in CSS Grid Layout - CSS: Cascading Style Sheets
<li><img src="https://udn.realityripple.com/samples/72/ab41das78e.png" alt="placeholder"></li> </ul> auto-placement can also help you lay out interface items which do have logical order.
Relationship of grid layout to other layout methods - CSS: Cascading Style Sheets
e a set of items and want to space them out evenly in a container.
Subgrid - CSS: Cascading Style Sheets
one using the subgrid lines.
Using CSS gradients - CSS: Cascading Style Sheets
class="repeating-linear"></div> div { width: 120px; height: 120px; } .repeating-linear { background: repeating-linear-gradient(-45deg, red, red 5px, blue 5px, blue 10px); } multiple repeating linear gradients similar to regular linear and radial gradients, you can include multiple gradients, one on top of the other.
Logical properties for floating and positioning - CSS: Cascading Style Sheets
below i have two boxes — the first has the box floated with float: left, the second with float: inline-start.
Logical properties for margins, borders and padding - CSS: Cascading Style Sheets
on the inline dimension of the second box will switch.
CSS Namespaces - CSS: Cascading Style Sheets
css namespaces is a css module that allows authors to specify xml namespaces in css.
CSS Overflow - CSS: Cascading Style Sheets
perties overflow overflow-block overflow-inline overflow-x overflow-y text-overflow block-overflow line-clamp max-lines continue non-standard properties -webkit-line-clamp specifications specification status comment css overflow module level 3the definition of 'overflow' in that specification.
Understanding CSS z-index - CSS: Cascading Style Sheets
rder of the layering of objects when rendering content.
Basic concepts of CSS Scroll Snap - CSS: Cascading Style Sheets
scrolled content.
CSS selectors - CSS: Cascading Style Sheets
that the second element directly follows the first, and both share the same parent.
Shapes from box values - CSS: Cascading Style Sheets
a straightforward way to create a shape is to use a value from the css box model.
CSS Custom Properties for Cascading Variables - CSS: Cascading Style Sheets
css custom properties for cascading variables is a css module that allows for the creation of custom properties that can be used over and over.
Introducing the CSS Cascade - CSS: Cascading Style Sheets
Web › CSS › Cascade
e last one that is then selected: margin-left: 3px note that the declaration defined in the user css, though having a greater specificity, is not chosen as the cascade algorithm is applied before the specificity algorithm.
Comments - CSS: Cascading Style Sheets
Web › CSS › Comments
a css comment is used to add explanatory notes to the code or to prevent the browser from interpreting specific parts of the style sheet.
Questions about CSS - CSS: Cascading Style Sheets
Web › CSS › FAQ
cascading style sheets (css) is a rule-based language allowing developers to define styles to apply to html elements (or other markup structures).
Grid wrapper - CSS: Cascading Style Sheets
the grid wrapper pattern is useful for aligning grid content within a central wrapper, while also allowing items to break out and align to the edge of the containing element or page when desired.
Recipe: Media objects - CSS: Cascading Style Sheets
ern needs some or all of the following characteristics: stacked on mobile, two columns on desktop.
Paged media - CSS: Cascading Style Sheets
paged media properties control the presentation of content for print or any other media that splits content into discrete pages.
Privacy and the :visited selector - CSS: Cascading Style Sheets
before about 2010, the css :visited selector allowed websites to uncover a user's browsing history and figure out what sites the user had visited.
CSS reference - CSS: Cascading Style Sheets
Web › CSS › Reference
te3d()translatex()translatey()translatez()turnuunicode-bidiunicode-range (@font-face)unset<url>url()user-zoom (@viewport)v:validvar()vertical-alignvh@viewportviewport-fit (@viewport)visibility:visitedvmaxvminvwwwhite-spacewidowswidthwidth (@viewport)will-changeword-breakword-spacingword-wrapwriting-modexxzz-indexzoom (@viewport)others--* selectors the following are the various selectors, which allow styles to be conditional based on various features of elements within the dom.
Universal selectors - CSS: Cascading Style Sheets
aragraph.
animation-timing-function - CSS: Cascading Style Sheets
roperty.
background-position-x - CSS: Cascading Style Sheets
e left edge of the background position layer.
background-position-y - CSS: Cascading Style Sheets
ition layer.
background-position - CSS: Cascading Style Sheets
comment css backgrounds and borders module level 3the definition of 'background-position' in that specification.
border-bottom-left-radius - CSS: Cascading Style Sheets
he horizontal semi-major axis of the ellipse to use for the border in that corner.
border-bottom-right-radius - CSS: Cascading Style Sheets
he horizontal semi-major axis of the ellipse to use for the border in that corner.
border-end-end-radius - CSS: Cascading Style Sheets
s */ border-end-end-radius: inherit; border-end-end-radius: initial; border-end-end-radius: unset; for instance, in a horizontal-tb writing mode this property corresponds to the border-bottom-right-radius property.
border-end-start-radius - CSS: Cascading Style Sheets
/ border-end-start-radius: inherit; border-end-start-radius: initial; border-end-start-radius: unset; for instance, in a horizontal-tb writing mode this property corresponds to the border-top-right-radius property.
border-start-end-radius - CSS: Cascading Style Sheets
border-start-end-radius: inherit; border-start-end-radius: initial; border-start-end-radius: unset; for instance, in a horizontal-tb writing mode this property corresponds to the border-bottom-left-radius property.
border-start-start-radius - CSS: Cascading Style Sheets
der-start-start-radius: inherit; border-start-start-radius: initial; border-start-start-radius: unset; for instance, in a horizontal-tb writing mode this property corresponds to the border-top-left-radius property.
border-top-left-radius - CSS: Cascading Style Sheets
he horizontal semi-major axis of the ellipse to use for the border in that corner.
border-top-right-radius - CSS: Cascading Style Sheets
he horizontal semi-major axis of the ellipse to use for the border in that corner.
box-ordinal-group - CSS: Cascading Style Sheets
e examined in the same order, except the elements appear reversed.
break-after - CSS: Cascading Style Sheets
oid break value (avoid, avoid-page, avoid-region, or avoid-column), no such break will be applied at that point.
break-before - CSS: Cascading Style Sheets
id break value (avoid, avoid-page, avoid-region, or avoid-column), no such break will be applied at that point.
break-inside - CSS: Cascading Style Sheets
erned values is an avoid break value (avoid, avoid-page, avoid-region, or avoid-column), no such break will be applied at that point.
color - CSS: Cascading Style Sheets
Web › CSS › color
p { color: hsl(0, 100%, 50%); } /* 50% translucent */ p { color: #ff000080; } p { color: rgba(255, 0, 0, 0.5); } p { color: hsla(0, 100%, 50%, 0.5); } specifications specification status comment css color module level 4the definition of 'color' in that specification.
column-count - CSS: Cascading Style Sheets
values */ column-count: inherit; column-count: initial; column-count: unset; values auto the number of columns is determined by other css properties, such as column-width.
columns - CSS: Cascading Style Sheets
Web › CSS › columns
olumn-width'> the ideal column width, defined as a <length> or the keyword auto.
content - CSS: Cascading Style Sheets
Web › CSS › content
ttp://www.mozilla.org/">mozilla home page</a> css a::before { content: url("https://mozorg.cdn.mozilla.net/media/img/favicon.ico") / " mozilla: "; font: x-small arial, sans-serif; color: gray; } result targeting classes this example inserts additional text after special items in a list.
flex-wrap - CSS: Cascading Style Sheets
Web › CSS › flex-wrap
the flex-wrap css property sets whether flex items are forced onto one line or can wrap onto multiple lines.
float - CSS: Cascading Style Sheets
Web › CSS › float
the float css property places an element on the left or right side of its container, allowing text and inline elements to wrap around it.
font-smooth - CSS: Cascading Style Sheets
th the font on the level of the pixel, as opposed to the subpixel.
font-stretch - CSS: Cascading Style Sheets
semi-condensed, condensed, extra-condensed, ultra-condensed specifies a more condensed font face than normal, with ultra-condensed as the most condensed.
font-variant-alternates - CSS: Cascading Style Sheets
; font-variant-alternates: swash(ident1) annotation(ident2); /* global values */ font-variant-alternates: initial; font-variant-alternates: inherit; font-variant-alternates: unset; the @font-feature-values at-rule can define names for alternative glyph functions (stylistic, styleset, character-variant, swash, ornament or annotation), associating the name with opentype parameters.
font-variant-numeric - CSS: Cascading Style Sheets
descenders.
font-variant - CSS: Cascading Style Sheets
the font-variant css shorthand property allows you to set all the font variants for a font.
grid-template-columns - CSS: Cascading Style Sheets
erties.
grid-template-rows - CSS: Cascading Style Sheets
erties.
grid-template - CSS: Cascading Style Sheets
ine-names>?
image-set() - CSS: Cascading Style Sheets
Web › CSS › image-set
ng a set of image options — each with an associated resolution declaration — from which the browser picks the most appropriate for the device and settings.
ime-mode - CSS: Cascading Style Sheets
Web › CSS › ime-mode
y active; text entry is performed through it unless the user specifically dismisses it.
Inheritance - CSS: Cascading Style Sheets
of that property (as specified in the property's summary).
initial-letter - CSS: Cascading Style Sheets
sinks 2 lines */ /* global values */ initial-letter: inherit; initial-letter: initial; initial-letter: unset; syntax the keyword value normal, or a <number> optionally followed by an <integer>.
letter-spacing - CSS: Cascading Style Sheets
thub.com/mdn/interactive-examples and send us a pull request.
linear-gradient() - CSS: Cascading Style Sheets
declared at that location.
list-style - CSS: Cascading Style Sheets
the list-style css shorthand property allows you set all the list style properties at once.
margin-trim - CSS: Cascading Style Sheets
the margin-trim property allows the container to trim the margins of its children where they adjoin the container’s edges.
mask - CSS: Cascading Style Sheets
Web › CSS › mask
tially or fully) by masking or clipping the image at specific points.
max-block-size - CSS: Cascading Style Sheets
izontal-tb, lr , lr-tb , rl , rb , rb-rl max-height vertical-rl, vertical-lr, sideways-rl , sideways-lr , tb , tb-rl max-width the writing-mode values sideways-lr and sideways-rl were removed from the css writing modes level 3 specification late in its design process.
min() - CSS: Cascading Style Sheets
Web › CSS › min
the min() css function lets you set the smallest (most negative) value from a list of comma-separated expressions as the value of a css property value.
offset-anchor - CSS: Cascading Style Sheets
section> elements.
Guide to scroll anchoring - CSS: Cascading Style Sheets
ssion triggers are changes to the computed value of any of the following properties: top, left, right, or bottom margin or padding any width or height-related properties transform additionally, position changes anywhere inside the scrolling box also disable scroll anchoring.
overflow-wrap - CSS: Cascading Style Sheets
reakable string of characters — like a long word or url — may be broken at any point if there are no otherwise-acceptable break points in the line.
padding-bottom - CSS: Cascading Style Sheets
element with a single declaration.
padding-left - CSS: Cascading Style Sheets
our sides of an element with a single declaration.
padding-right - CSS: Cascading Style Sheets
s of an element with a single declaration.
padding-top - CSS: Cascading Style Sheets
on all four sides of an element with a single declaration.
page-break-inside - CSS: Cascading Style Sheets
; } .list, ol, ul, p { break-inside: avoid; } p { background-color: #8ca0ff; } ol, ul, .list { margin: 0.5em 0; display: block; background-color: orange; } p:first-child { margin-top: 0; } result specifications specification status comment css paged media module level 3the definition of 'page-break-inside' in that specification.
place-content - CSS: Cascading Style Sheets
the place-content css shorthand property allows you to align content along both the block and inline directions at once (i.e.
place-items - CSS: Cascading Style Sheets
the css place-items shorthand property allows you to align items along both the block and inline directions at once (i.e.
place-self - CSS: Cascading Style Sheets
the place-self css shorthand property allows you to align an individual item in both the block and inline directions at once (i.e.
pointer-events - CSS: Cascading Style Sheets
the value none instructs the pointer event to go "through" the element and target whatever is "underneath" that element instead.
<ratio> - CSS: Cascading Style Sheets
Web › CSS › ratio
rictly positive <integer>.
repeat() - CSS: Cascading Style Sheets
Web › CSS › repeat
the repeat() css function represents a repeated fragment of the track list, allowing a large number of columns or rows that exhibit a recurring pattern to be written in a more compact form.
<resolution> - CSS: Cascading Style Sheets
s defined by image-resolution.
rotate - CSS: Cascading Style Sheets
Web › CSS › rotate
the rotate css property allows you to specify rotation transforms individually and independently of the transform property.
scale - CSS: Cascading Style Sheets
Web › CSS › scale
the scale css property allows you to specify scale transforms individually and independently of the transform property.
scroll-behavior - CSS: Cascading Style Sheets
eractive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
scroll-padding-block-end - CSS: Cascading Style Sheets
the scroll-padding-block-end property defines offsets for the end edge in the block dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user.
scroll-padding-block-start - CSS: Cascading Style Sheets
the scroll-padding-block-start property defines offsets for the start edge in the block dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user.
scroll-padding-block - CSS: Cascading Style Sheets
e source for this interactive example is stored in a github repository.
scroll-padding-bottom - CSS: Cascading Style Sheets
the scroll-padding-bottom property defines offsets for the bottom of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user.
scroll-padding-inline-end - CSS: Cascading Style Sheets
the scroll-padding-inline-end property defines offsets for the end edge in the inline dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user.
scroll-padding-inline-start - CSS: Cascading Style Sheets
the scroll-padding-inline-start property defines offsets for the start edge in the inline dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user.
scroll-padding-inline - CSS: Cascading Style Sheets
e source for this interactive example is stored in a github repository.
scroll-padding-left - CSS: Cascading Style Sheets
the scroll-padding-left property defines offsets for the left of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user.
scroll-padding-right - CSS: Cascading Style Sheets
the scroll-padding-right property defines offsets for the right of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user.
scroll-padding-top - CSS: Cascading Style Sheets
the scroll-padding-top property defines offsets for the top of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user.
scroll-padding - CSS: Cascading Style Sheets
source for this interactive example is stored in a github repository.
scroll-snap-points-x - CSS: Cascading Style Sheets
roll-snap-points-x: initial; scroll-snap-points-x: unset; syntax values none the scroll container does not define any snap points.
scroll-snap-points-y - CSS: Cascading Style Sheets
oll-snap-points-y: initial; scroll-snap-points-y: unset; syntax values none the scroll container does not define any snap points.
scroll-snap-stop - CSS: Cascading Style Sheets
the scroll-snap-stop css property defines whether the scroll container is allowed to "pass over" possible snap positions.
scrollbar-width - CSS: Cascading Style Sheets
the scrollbar-width property allows the author to set the maximum thickness of an element’s scrollbars when they are shown.
text-indent - CSS: Cascading Style Sheets
3mm; text-indent: 40px; /* <percentage> value relative to the containing block width */ text-indent: 15%; /* keyword values */ text-indent: 5em each-line; text-indent: 5em hanging; text-indent: 5em hanging each-line; /* global values */ text-indent: inherit; text-indent: initial; text-indent: unset; values <length> indentation is specified as an absolute <length>.
text-size-adjust - CSS: Cascading Style Sheets
the whole render or scale the viewport down to fit.
text-transform - CSS: Cascading Style Sheets
started to support this now precisely-defined behavior.
scale() - CSS: Cascading Style Sheets
n ℝ3 homogeneous coordinates on ℝℙ3 sx0 0sy sx000sy0001 sx000sy0001 sx0000sy0000100001 [sx 0 0 sy 0 0] accessibility concerns scaling/zooming animations are problematic for accessibility, as they are a common trigger for certain types of migraine.
transform-style - CSS: Cascading Style Sheets
uted valueas specifiedanimation typediscretecreates stacking contextyes formal syntax flat | preserve-3d examples transform style demonstration in this example we have a 3d cube created using transforms.
transform - CSS: Cascading Style Sheets
Web › CSS › transform
er from left to right, meaning that composite transforms are effectively applied in order from right to left.
transition-timing-function - CSS: Cascading Style Sheets
timing-function: initial; transition-timing-function: unset; values <timing-function> each <timing-function> represents the timing function to link to the corresponding property to transition, as defined in transition-property.
translate - CSS: Cascading Style Sheets
Web › CSS › translate
the translate css property allows you to specify translation transforms individually and independently of the transform property.
<url> - CSS: Cascading Style Sheets
Web › CSS › url
ange was not only awkward but, debatably, unnecessary, since urns are almost never used in actual css.
user-select - CSS: Cascading Style Sheets
-select: inherit; user-select: initial; user-select: unset; /* mozilla-specific values */ -moz-user-select: none; -moz-user-select: text; -moz-user-select: all; /* webkit-specific values */ -webkit-user-select: none; -webkit-user-select: text; -webkit-user-select: all; /* doesn't work in safari; use only "none" or "text", or else it will allow typing in the <html> container */ /* microsoft-specific values */ -ms-user-select: none; -ms-user-select: text; -ms-user-select: element; note: user-select is not an inherited property, though the initial auto value makes it behave like it is inherited most of the time.
var() - CSS: Cascading Style Sheets
Web › CSS › var
.) syntax the first argument to the function is the name of the custom property to be substituted.
visibility - CSS: Cascading Style Sheets
vigating through tab indexes).
will-change - CSS: Cascading Style Sheets
akes two actions, given particular css property idents: establish a new compositing layer or a new stacking context.
word-spacing - CSS: Cascading Style Sheets
n typea length formal syntax normal | <length-percentage>where <length-percentage> = <length> | <percentage> specifications specification status comment css text module level 3the definition of 'word-spacing' in that specification.
CSS: Cascading Style Sheets
Web › CSS
a document written in html or xml (including xml dialects such as svg, mathml or xhtml).
regexp:test() - EXSLT
Web › EXSLT › regexp › test
sts to see whether a string matches a specified regular expression.
Regular expressions (regexp) - EXSLT
Web › EXSLT › regexp
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the exslt regular expressions package provides functions that allow testing, matching, and replacing text using javascript style regular expressions.
Strings (str) - EXSLT
Web › EXSLT › str
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the exslt strings package provides functions that allow the manipulation of strings.
Getting Started - Developer guides
utshell, it is the use of the xmlhttprequest object to communicate with servers.
Ajax - Developer guides
Web › Guide › AJAX
d.
Setting up adaptive streaming media sources - Developer guides
th dash and other forms of delivery (such as microsoft smooth streaming) as a transition strategy you can use the same media files for both live transmission and vod at a later stage *sidx or segmentindexbox is a structure describing a segment by giving its earliest presentation time and other meta-data and can often make up a large portion of the mpd file.
Writing Web Audio API code that works in every browser - Developer guides
y code samples.
Media buffering, seeking, and time ranges - Developer guides
range.
Mutation events - Developer guides
&& (desc === root || isdescendant(desc.parentnode, root)); }; var onremove = function (element, callback) { var observer = new mutationobserver(function (mutations) { _.foreach(mutations, function (mutation) { _.foreach(mutation.removednodes, function (removed) { if (isdescendant(element, removed)) { callback(); // allow garbage collection observer.disconnect(); observer = undefined; } }); }); }); observer.observe(document, { childlist: true, subtree: true }); }; usage you can register a listener for mutation events using element.addeventlistener as follows: element.addeventlistener("domnodeinserted", functi...
HTML5 Parser - Developer guides
Web › Guide › HTML › HTML5 › HTML5 Parser
.
Separate sites for mobile and desktop - Developer guides
ed for their phone and optimized for speed.
The Unicode Bidirectional Text Algorithm - Developer guides
base direction to rtl, isolating the embedded content from the surrounding text first strong isolate (fsi) u+2068 &#x2068; dir="auto" isolates the content and sets the base direction according to the first strongly-typed directional character in the embedded content left-to-right embedding (lre) u+202a &#x202a; dir="ltr" sets the base direction to ltr but allows the embedded text to interact with the surrounding content; this risks the effect spilling over to the outer content right-to-left embedding (rle) u+202b &#x202b; dir="rtl" sets the base direction to rtl, but lets the embedded text interact with the surrounding content, risking spillover effects left-to-right override (lro) u+202d &#x202d; <bdo dir="ltr"> ...
The Web Open Font Format (WOFF) - Developer guides
Web › Guide › WOFF
woff (the web open font format) is a web font format developed by mozilla in concert with type supply, letterror, and other organizations.
Developer guides
rs to video.
Applying color to HTML elements using CSS - HTML: Hypertext Markup Language
most browsers, by default, remove background images when printing documents.
The HTML autocomplete attribute - HTML: Hypertext Markup Language
urity concerns require that the field's value not be automatically entered.
HTML attribute: capture - HTML: Hypertext Markup Language
environment the outward-facing camera and/or microphone should be used note: capture was previously a boolean attribute which, if present, requested that the device's media capture device(s) such as camera or microphone be used instead of requesting a file input.
<a>: The Anchor element - HTML: Hypertext Markup Language
Web › HTML › Element › a
they can use any url scheme supported by browsers: sections of a page with fragment urls pieces of media files with media fragments telephone numbers with tel: urls email addresses with mailto: urls while web browsers may not support other url schemes, web sites can with registerprotocolhandler() hreflang hints at the human language of the linked url.
<acronym> - HTML: Hypertext Markup Language
Web › HTML › Element › acronym
summary the html acronym element (<acronym>) allows authors to clearly indicate a sequence of characters that compose an acronym or abbreviation for a word.
<applet>: The Embed Java Applet element - HTML: Hypertext Markup Language
Web › HTML › Element › applet
rer 4.
<area> - HTML: Hypertext Markup Language
Web › HTML › Element › area
download this attribute, if present, indicates that the author intends the hyperlink to be used for downloading a resource.
<base>: The Document Base URL element - HTML: Hypertext Markup Language
Web › HTML › Element › base
rmitted dom interface htmlbaseelement attributes this element's attributes include the global attributes.
<bdi>: The Bidirectional Isolate element - HTML: Hypertext Markup Language
Web › HTML › Element › bdi
because embedded-text is being read from a database or entered by the user - you should use <bdi> to prevent the directionality of embedded-text from affecting its surroundings.
<blink>: The Blinking Text element (obsolete) - HTML: Hypertext Markup Language
Web › HTML › Element › blink
the html blink element (<blink>) is a non-standard element which causes the enclosed text to flash slowly.
<col> - HTML: Hypertext Markup Language
Web › HTML › Element › col
html <col> element defines a column within a table and is used for defining common semantics on all common cells.
<dl>: The Description List element - HTML: Hypertext Markup Language
Web › HTML › Element › dl
cription lists are useful for displaying metadata as a list of key-value pairs.
<frame> - HTML: Hypertext Markup Language
Web › HTML › Element › frame
is attribute is not used, the browser adds a scrollbar when necessary.
<header> - HTML: Hypertext Markup Language
Web › HTML › Element › header
nded to usually contain the surrounding section's heading (an h1–h6 element), but this is not required.
<hgroup> - HTML: Hypertext Markup Language
Web › HTML › Element › hgroup
to affect how headings are displayed by the outline algorithm defined in the html specification—but the html outline algorithm is not implemented in any browsers—then the <hgroup> semantics are in practice only theoretical.
<input type="button"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › button
ic disabled state of a <button> across page loads.
<input type="color"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › color
<input> elements of type color provide a user interface element that lets a user specify a color, either by using a visual color picker interface or by entering the color into a text field in #rrggbb hexadecimal format.
<input type="date"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › date
bute.
<input type="hidden"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › hidden
he most common uses for hidden inputs is to keep track of what database record needs to be updated when an edit form is submitted.
<input type="submit"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › submit
ge"> and <button> elements.
<keygen> - HTML: Hypertext Markup Language
Web › HTML › Element › keygen
key strengths.
<label> - HTML: Hypertext Markup Language
Web › HTML › Element › label
ually interfere with how assistive technology parses the button input.
<li> - HTML: Hypertext Markup Language
Web › HTML › Element › li
when child of an ol, ul or menu permitted aria roles menuitem, menuitemcheckbox, menuitemradio, option, none, presentation, radio, separator, tab, treeitem dom interface htmllielement attributes this element includes the global attributes.
<main> - HTML: Hypertext Markup Language
Web › HTML › Element › main
nt --> accessibility concerns landmark the <main> element behaves like a main landmark role.
<meter>: The HTML Meter element - HTML: Hypertext Markup Language
Web › HTML › Element › meter
is being used as a form-associated element, such as one displaying a range corresponding to an <input type="number">.
<multicol>: The HTML Multi-Column Layout element (Obsolete) - HTML: Hypertext Markup Language
Web › HTML › Element › multicol
the html multi-column layout element (<multicol>) was an experimental element designed to allow multi-column layouts and must not be used.
<nextid>: The NeXT ID element (Obsolete) - HTML: Hypertext Markup Language
Web › HTML › Element › nextid
form that simply used the numeric value alone as an "attribute." html "0.d" - from november 26, 1992 through may 24, 1993 during this span, next and the oldest surviving dtd's show <nextid> to take only a number for a value of its newly-introduced attribute n.
<picture>: The Picture element - HTML: Hypertext Markup Language
Web › HTML › Element › picture
n't have to write explicit media conditions.
<pre>: The Preformatted Text element - HTML: Hypertext Markup Language
Web › HTML › Element › pre
mage or diagram's content.
<progress>: The Progress Indicator element - HTML: Hypertext Markup Language
Web › HTML › Element › progress
ch of the task that has been completed.
<samp>: The Sample Output element - HTML: Hypertext Markup Language
Web › HTML › Element › samp
ncludes text entered by the user.
<spacer> - HTML: Hypertext Markup Language
Web › HTML › Element › spacer
<spacer> is an obsolete html element which allowed insertion of empty spaces on pages.
<style>: The Style Information element - HTML: Hypertext Markup Language
Web › HTML › Element › style
lesheets and apply them using <link> elements.
<template>: The Content Template element - HTML: Hypertext Markup Language
Web › HTML › Element › template
t's contents are not rendered, however.
<time> - HTML: Hypertext Markup Language
Web › HTML › Element › time
the html <time> element represents a specific period in time.
<track>: The Embed Text Track element - HTML: Hypertext Markup Language
Web › HTML › Element › track
d unless the user's preferences indicate that another track is more appropriate.
<xmp> - HTML: Hypertext Markup Language
Web › HTML › Element › xmp
summary the html example element (<xmp>) renders text between the start and end tags without interpreting the html in between and using a monospaced font.
class - HTML: Hypertext Markup Language
the class global attribute is a space-separated list of the case-sensitive classes of the element.
contextmenu - HTML: Hypertext Markup Language
the contextmenu attribute is obsolete and will be removed from all browsers the contextmenu global attribute is the id of a <menu> to use as the contextual menu for this element.
data-* - HTML: Hypertext Markup Language
the data-* global attributes form a class of attributes called custom data attributes, that allow proprietary information to be exchanged between the html and its dom representation by scripts.
dir - HTML: Hypertext Markup Language
esentation, it is recommended that web developers use this attribute instead of the related css properties when possible.
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).
itemref - HTML: Hypertext Markup Language
) elsewhere in the document, with additional properties the itemref attribute can only be specified on elements that have an itemscope attribute specified.
itemscope - HTML: Hypertext Markup Language
tps://youtu.be/0ay1xikx7by trailer itemscope id attributes when you specify the itemscope attribute for an element, a new item is created.
itemtype - HTML: Hypertext Markup Language
itemscope attribute, whose itemtype attribute specifies a vocabulary not supporting global identifiers for items, as defined by that vocabulary's specification.
part - HTML: Hypertext Markup Language
the part global attribute contains a space-separated list of the part names of the element.
spellcheck - HTML: Hypertext Markup Language
, which indicates that the element should be, if possible, checked for spelling errors; false, which indicates that the element should not be checked for spelling errors.
style - HTML: Hypertext Markup Language
the style global attribute contains css styling declarations to be applied to the element.
Inline elements - HTML: Hypertext Markup Language
t using the css display property.
Microdata - HTML: Hypertext Markup Language
microdata is part of the whatwg html standard and is used to nest metadata within existing content on web pages.
HTML reference - HTML: Hypertext Markup Language
some elements.
Microformats - HTML: Hypertext Markup Language
l element content and semantic attributes.
Data URLs - HTTP
data urls, urls prefixed with the data: scheme, allow content creators to embed small files inline in documents.
Basics of HTTP - HTTP
inary frame.
Reason: CORS header ‘Origin’ cannot be added - HTTP
reason reason: cors header ‘origin’ cannot be added what went wrong?
Compression in HTTP - HTTP
n for end-to-end compression: the node transmitting the request advertizes its will using the te header and the other node chooses the adequate method, applies it, and indicates its choice with the transfer-encoding header.
Connection management in HTTP/1.x - HTTP
ead of having all resources on the same domain, say www.example.com, it could split over several domains, www1.example.com, www2.example.com, www3.example.com.
Cross-Origin Resource Policy (CORP) - HTTP
er, the actual request is not prevented—rather, the browser prevents the result from being leaked by stripping the response body.
Accept-Charset - HTTP
arset request http header advertises which character encodings the client understands.
Accept-Patch - HTTP
the accept-patch response http header advertises which media-type the server is able to understand.
Access-Control-Max-Age - HTTP
the access-control-max-age response header indicates how long the results of a preflight request (that is the information contained in the access-control-allow-methods and access-control-allow-headers headers) can be cached.
Clear-Site-Data - HTTP
the clear-site-data header clears browsing data (cookies, storage, cache) associated with the requesting website.
Connection - HTTP
the connection general header controls whether or not the network connection stays open after the current transaction finishes.
Content-Language - HTTP
the content-language entity header is used to describe the language(s) intended for the audience, so that it allows a user to differentiate according to the users' own preferred language.
Cross-Origin-Embedder-Policy - HTTP
he http cross-origin-embedder-policy (coep) response header prevents a document from loading any cross-origin resources that don't explicitly grant the document permission (using corp or cors).
Cross-Origin-Resource-Policy - HTTP
the http cross-origin-resource-policy response header conveys a desire that the browser blocks no-cors cross-origin/cross-site requests to the given resource.
DNT - HTTP
Web › HTTP › Headers › DNT
the dnt (do not track) request header indicates the user's tracking preference.
Keep-Alive - HTTP
the keep-alive general header allows the sender to hint about how the connection may be used to set a timeout and a maximum amount of requests.
Proxy-Authenticate - HTTP
the http proxy-authenticate response header defines the authentication method that should be used to gain access to a resource behind a proxy server.
Public-Key-Pins - HTTP
name no syntax public-key-pins: pin-sha256="<pin-value>"; max-age=<expire-time>; includesubdomains; report-uri="<uri>" directives pin-sha256="<pin-value>" the quoted string is the base64 encoded subject public key information (spki) fingerprint.
Referer - HTTP
Web › HTTP › Headers › Referer
the referer request header contains the address of the previous web page from which a link to the currently requested page was followed.
Save-Data - HTTP
the save-data header field is a boolean which, in requests, indicates the client's preference for reduced data usage.
Strict-Transport-Security - HTTP
matically using https.
Upgrade - HTTP
Web › HTTP › Headers › Upgrade
the http 1.1 (only) upgrade header can be used to upgrade an already established client/server connection to a different protocol (over the same transport protocol).
WWW-Authenticate - HTTP
alm>[, charset="utf-8"] directives <type> authentication type.
X-DNS-Prefetch-Control - HTTP
formation to these domains.
X-XSS-Protection - HTTP
of inline javascript ('unsafe-inline'), they can still provide protections for users of older web browsers that don't yet support csp.
Link prefetching FAQ - HTTP
k prefetching support to include prefetching <a> tags, which include a relation type of next or prefetch in the future.
CONNECT - HTTP
Web › HTTP › Methods › CONNECT
ion.
DELETE - HTTP
Web › HTTP › Methods › DELETE
the http delete request method deletes the specified resource.
GET - HTTP
Web › HTTP › Methods › GET
the http get method requests a representation of the specified resource.
HEAD - HTTP
Web › HTTP › Methods › HEAD
instead assumed to describe the response which a similar get request would have received.
PUT - HTTP
Web › HTTP › Methods › PUT
and post is that put is idempotent: calling it once or several times successively has the same effect (that is no side effect), whereas successive identical post requests may have additional effects, akin to placing an order several times.
TRACE - HTTP
Web › HTTP › Methods › TRACE
elds described below, back to the client as the message body of a 200 (ok) response with a content-type of message/http.
Network Error Logging - HTTP
network error logging is a mechanism that can be configured via the nel http response header.
Proxy servers and tunneling - HTTP
cryption or caching).
103 Early Hints - HTTP
Web › HTTP › Status › 103
the http 103 early hints information response status code is primarily intended to be used with the link header to allow the user agent to start preloading resources while the server is still preparing a response.
202 Accepted - HTTP
Web › HTTP › Status › 202
the hypertext transfer protocol (http) 202 accepted response status code indicates that the request has been accepted for processing, but the processing has not been completed; in fact, processing may not have started yet.
406 Not Acceptable - HTTP
Web › HTTP › Status › 406
ng this error code, which would be cryptic for the end user and difficult to fix, servers ignore the relevant header and serve an actual page to the user.
451 Unavailable For Legal Reasons - HTTP
Web › HTTP › Status › 451
http/1.1 451 unavailable for legal reasons link: <https://spqr.example.org/legislatione>; rel="blocked-by" content-type: text/html <html> <head><title>unavailable for legal reasons</title></head> <body> <h1>unavailable for legal reasons</h1> <p>this request may not be serviced in the roman province of judea due to the lex julia majestatis, which disallows access to resources hosted on servers deemed to be operated by the people's front of judea.</p> </body> </html> specifications specification title rfc 7725: 451 unavailable for legal reasons an http status code to report legal obstacles ...
501 Not Implemented - HTTP
Web › HTTP › Status › 501
y is supported by then.
HTTP response status codes - HTTP
Web › HTTP › Status
he requested resource.
JavaScript data types and data structures - JavaScript
ger bigint uint64_t (unsigned long long) keyed collections: maps, sets, weakmaps, weaksets these data structures, introduced in ecmascript edition 6, take object references as keys.
Equality comparisons and sameness - JavaScript
lternatively, someone might say that double equals is the baseline, and triple equals is an enhanced version, because it requires the two operands to be the same type, so it adds an extra constraint.
Expressions and operators - JavaScript
standard operator.
Keyed collections - JavaScript
sayings.get('dog'); // woof sayings.get('fox'); // undefined sayings.has('bird'); // false sayings.delete('dog'); sayings.has('dog'); // false for (let [key, value] of sayings) { console.log(key + ' goes ' + value); } // "cat goes meow" // "elephant goes toot" sayings.clear(); sayings.size; // 0 object and map compared traditionally, objects have been used to map strings to values.
Character classes - JavaScript
matches "my" and "ay", but not "yes", in "yes make my day".
Regular expression syntax cheatsheet - JavaScript
matches "my" and "ay", but not "yes", in "yes make my day".
Text formatting - JavaScript
ng in all lowercase or all uppercase, respectively.
Working with objects - JavaScript
color = 'black'; adds a property color to car1, and assigns it a value of "black." however, this does not affect any other objects.
Private class fields - JavaScript
class properties are public by default and can be examined or modified outside the class.
Public class fields - JavaScript
using object.defineproperty().
Deprecated and obsolete features - JavaScript
properties directly on a user-defined object.
TypeError: property "x" is non-configurable and can't be deleted - JavaScript
the javascript exception "property is non-configurable and can't be deleted" occurs when it was attempted to delete a property, but that property is non-configurable.
Warning: String.x is deprecated; use String.prototype.x instead - JavaScript
ated; use string.prototype.trimleft instead warning: string.trimright is deprecated; use string.prototype.trimright instead error type warning.
SyntaxError: "0"-prefixed octal literals and octal escape seq. are deprecated - JavaScript
the javascript strict mode-only exception "0-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead" occurs when deprecated octal literals and octal escape sequences are used.
Warning: Date.prototype.toLocaleFormat is deprecated - JavaScript
.
TypeError: setting getter-only property "x" - JavaScript
the javascript strict mode-only exception "setting getter-only property" occurs when there is an attempt to set a new value to a property for which only a getter is specified.
SyntaxError: JSON.parse: bad parsing - JavaScript
error: json.parse: unexpected character syntaxerror: json.parse: unexpected non-whitespace character after json data syntaxerror: json.parse error: invalid character at position {0} (edge) error type syntaxerror what went wrong?
RangeError: repeat count must be non-negative - JavaScript
eerror: argument out of range rangeerror: repeat count must be non-negative (firefox) rangeerror: invalid count value (chrome) error type rangeerror what went wrong?
TypeError: "x" is read-only - JavaScript
the javascript strict mode-only exception "is read-only" occurs when a global variable or object property that was assigned to is a read-only property.
SyntaxError: redeclaration of formal parameter "x" - JavaScript
eclaration (edge) syntaxerror: redeclaration of formal parameter "x" (firefox) syntaxerror: identifier "x" has already been declared (chrome) error type syntaxerror what went wrong?
RangeError: repeat count must be less than infinity - JavaScript
epeat count must be less than infinity and not overflow maximum string size (firefox) rangeerror: invalid count value (chrome) error type rangeerror what went wrong?
SyntaxError: Unexpected token - JavaScript
axerror: expected rest argument name, got "x" syntaxerror: expected closing parenthesis, got "x" syntaxerror: expected '=>' after argument list, got "x" error type syntaxerror what went wrong?
JavaScript error reference - JavaScript
is not definedreferenceerror: assignment to undeclared variable "x"referenceerror: can't access lexical declaration "x" before initializationreferenceerror: deprecated caller or arguments usagereferenceerror: invalid assignment left-hand sidereferenceerror: reference to undefined property "x"syntaxerror: "0"-prefixed octal literals and octal escape seq.
Arrow function expressions - JavaScript
gard to this are ignored.
Default parameters - JavaScript
default function parameters allow named parameters to be initialized with default values if no value or undefined is passed.
getter - JavaScript
please clone https://github.com/mdn/interactive-examples and send us a pull request.
Rest parameters - JavaScript
the rest parameter syntax allows us to represent an indefinite number of arguments as an array.
Array.prototype.reduceRight() - JavaScript
[0, 1, 2, 3, 4] 20 fifth call 20 0 0 [0, 1, 2, 3, 4] 20 the value returned by reduceright this time would be, of course, 20.
Array.prototype.copyWithin() - JavaScript
the copywithin() method shallow copies part of an array to another location in the same array and returns it without modifying its length.
Array.prototype.every() - JavaScript
" quantifier in mathematics.
Array.prototype.filter() - JavaScript
ack) after the call to filter() begins will not be visited by callback.
Array.prototype.flatMap() - JavaScript
nia"]; arr1.map(x => x.split(" ")); // [["it's","sunny","in"],[""],["california"]] arr1.flatmap(x => x.split(" ")); // ["it's","sunny","in", "", "california"] notice, the output list length can be different from the input list length.
Array.prototype.indexOf() - JavaScript
nt to elements of the array using strict equality (the same method used by the === or triple-equals operator).
Array.prototype.lastIndexOf() - JavaScript
description lastindexof compares searchelement to elements of the array using strict equality (the same method used by the ===, or triple-equals, operator).
Array.prototype.map() - JavaScript
due to the algorithm defined in the specification, if the array which map was called upon is sparse, resulting array will also be sparse keeping same indices blank.
Array.prototype.push() - JavaScript
y generic, and we can use that to our advantage.
Array.prototype.some() - JavaScript
me that some() visits that element's index.
Array - JavaScript
rot"] let pos = 1 let n = 2 let removeditems = vegetables.splice(pos, n) // this is how to remove items, n defines the number of items to be removed, // starting at the index position specified by pos and progressing toward the end of array.
Atomics.add() - JavaScript
, value) parameters typedarray an integer typed array.
Atomics.and() - JavaScript
y an integer typed array.
Atomics.compareExchange() - JavaScript
int8array, uint8array, int16array, uint16array, int32array, uint32array, bigint64array, or biguint64array.
Atomics.exchange() - JavaScript
) parameters typedarray an integer typed array.
Atomics.load() - JavaScript
st.
Atomics.or() - JavaScript
ray an integer typed array.
Atomics.store() - JavaScript
ore(typedarray, index, value) parameters typedarray an integer typed array.
Atomics.sub() - JavaScript
arameters typedarray an integer typed array.
Atomics.wait() - JavaScript
the static atomics.wait() method verifies that a given position in an int32array still contains a given value and if so sleeps, awaiting a wakeup or a timeout.
Atomics.xor() - JavaScript
y an integer typed array.
Date.prototype.toLocaleDateString() - JavaScript
the tolocaledatestring() method returns a string with a language sensitive representation of the date portion of this date.
Date.prototype.toLocaleString() - JavaScript
12, gmt" // sometimes even the us needs 24-hour time console.log(date.tolocalestring('en-us', { hour12: false })); // → "12/19/2012, 19:00:00" avoid comparing formatted date values to static values most of the time, the formatting returned by tolocalestring() is consistent.
Function.prototype.apply() - JavaScript
e, but it does not append to the existing array—it instead creates and returns a new array.
Function.prototype.bind() - JavaScript
internal iscallable function throw new typeerror('function.prototype.bind - ' + 'what is trying to be bound is not callable'); } return function(){ var funcargs = args.concat(slice.call(arguments)) return thatfunc.apply(thatarg, funcargs); }; }; })(); you can partially work around this by inserting the following code at the beginning of your scripts, allowing use of much of the functionality of bind() in implementations that do not natively support it.
Function.prototype.call() - JavaScript
hisarg may not be the actual value seen by the method.
Function.caller - JavaScript
llers.
Intl.Collator() constructor - JavaScript
e to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
Intl.DateTimeFormat() constructor - JavaScript
eformat([locales[, options]]) parameters locales optional a string with a bcp 47 language tag, or an array of such strings.
Intl.DateTimeFormat.prototype.format() - JavaScript
ptions); var formatted = a.map(datetimeformat.format); console.log(formatted.join('; ')); // → "setembro de 2012; dezembro de 2012; abril de 2012" avoid comparing formatted date values to static values most of the time, the formatting returned by format() is consistent.
Intl.DateTimeFormat.prototype.formatRangeToParts() - JavaScript
the intl.datetimeformat.prototype.formatrangetoparts() method allows locale-specific tokens representing each part of the formatted date range produced by datetimeformat formatters.
Intl.DateTimeFormat.prototype.formatToParts() - JavaScript
the intl.datetimeformat.prototype.formattoparts() method allows locale-aware formatting of strings produced by datetimeformat formatters.
Intl.DisplayNames() constructor - JavaScript
to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
Intl.ListFormat() constructor - JavaScript
or "and"-based lists (default, e.g., a, b, and c), or "disjunction" that stands for "or"-based lists (e.g., a, b, or c).
Intl.Locale.prototype.toString() - JavaScript
n of a concept unicode locale identifier.
Intl.Locale - JavaScript
the intl.locale object is a standard built-in property of the intl object that represents a unicode locale identifier.
Intl.NumberFormat() constructor - JavaScript
to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
Intl.NumberFormat.prototype.formatToParts() - JavaScript
the intl.numberformat.prototype.formattoparts() method allows locale-aware formatting of strings produced by numberformat formatters.
Intl.RelativeTimeFormat.prototype.format() - JavaScript
ues: "auto" style: "long", // other values: "short" or "narrow" }); // format relative time using negative value (-1).
Intl.RelativeTimeFormat.prototype.resolvedOptions() - JavaScript
.
Map - JavaScript
ad syntax console.log([...mymap]) // or use the keys() or values() iterators, and convert them to an array console.log(array.from(mymap.keys())) // ["key1", "key2"] cloning and merging maps just like arrays, maps can be cloned: let original = new map([ [1, 'one'] ]) let clone = new map(original) console.log(clone.get(1)) // one console.log(original === clone) // false (useful for shallow comparison) important: keep in mind that the data itself is not cloned.
Math.clz32() - JavaScript
e masterpiece.
Number.prototype.toExponential() - JavaScript
lts to as many digits as necessary to specify the number.
Number.prototype.toFixed() - JavaScript
this may be a value between 0 and 20, inclusive, and implementations may optionally support a larger range of values.
Number.prototype.toPrecision() - JavaScript
of rounding in the description of the number.prototype.tofixed() method, which also applies to toprecision().
Number - JavaScript
pt (-(253 - 1)).
Object.prototype.__defineGetter__() - JavaScript
tives exist.
Object.prototype.__defineSetter__() - JavaScript
eters prop a string containing the name of the property to be bound to the given function.
Object.prototype.isPrototypeOf() - JavaScript
e, not against afunction itself.
Object.prototype.__proto__ - JavaScript
ng, and so on — including new constructors added as javascript evolves), this value is always fun.prototype.
Object.prototype.toString() - JavaScript
ing() { return `dog ${this.name} is a ${this.sex} ${this.color} ${this.breed}`; } with the preceding code in place, any time thedog is used in a string context, javascript automatically calls the dogtostring() function, which returns the following string: "dog gabby is a female chocolate lab" using tostring() to detect object class tostring() can be used with every object and (by default) allows you to get its class.
Promise.prototype.then() - JavaScript
pe.catch() methods return promises, they can be chained — an operation called composition.
handler.setPrototypeOf() - JavaScript
otypeof() method is a trap for object.setprototypeof().
RangeError() constructor - JavaScript
the rangeerror() constructor creates an error when a value is not in the set or range of allowed values.
Reflect.construct() - JavaScript
arget optional the constructor whose prototype should be used.
Reflect.defineProperty() - JavaScript
meters target the target object on which to define the property.
Reflect.get() - JavaScript
et the target object on which to get the property.
Reflect.has() - JavaScript
ub.com/mdn/interactive-examples and send us a pull request.
Reflect.isExtensible() - JavaScript
ve examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
Reflect.preventExtensions() - JavaScript
ps://github.com/mdn/interactive-examples and send us a pull request.
Reflect.set() - JavaScript
the target object on which to set the property.
RegExp() constructor - JavaScript
l match) find all matches rather than stopping after the first match.
RegExp.prototype.sticky - JavaScript
with the sticky flag var str = '#foo#'; var regex = /foo/y; regex.lastindex = 1; regex.test(str); // true regex.lastindex = 5; regex.test(str); // false (lastindex is taken into account with sticky flag) regex.lastindex; // 0 (reset after match failure) anchored sticky flag for several versions, firefox's spidermonkey engine had a bug with regard to the ^ assertion and the sticky flag which allowed expressions starting with the ^ assertion and using the sticky flag to match when they shouldn't.
RegExp - JavaScript
...
String.prototype.charAt() - JavaScript
= str.charcodeat(i - 1); // (could change last hex to 0xdb7f to treat high private // surrogates as single characters) if (0xd800 > prev || prev > 0xdbff) { throw 'low surrogate without preceding high surrogate'; } // we can pass over low surrogates now as the second component // in a pair which we have already processed return false; } in an ecmascript 2016 environment which allows destructured assignment, the following is a more succinct and somewhat more flexible alternative in that it does increment for an incrementing variable automatically (if the character warrants it in being a surrogate pair).
String.prototype.charCodeAt() - JavaScript
s single characters) if (0xd800 <= code && code <= 0xdbff) { hi = code; low = str.charcodeat(idx + 1); if (isnan(low)) { throw 'high surrogate not followed by ' + 'low surrogate in fixedcharcodeat()'; } return ( (hi - 0xd800) * 0x400) + (low - 0xdc00) + 0x10000; } if (0xdc00 <= code && code <= 0xdfff) { // low surrogate // we return false to allow loops to skip // this iteration since should have already handled // high surrogate above in the previous iteration return false; // hi = str.charcodeat(idx - 1); // low = code; // return ((hi - 0xd800) * 0x400) + // (low - 0xdc00) + 0x10000; } return code; } fixing charcodeat() to handle non-basic-multilingual-plane characters if their presence earlier in the ...
String.fromCharCode() - JavaScript
mathematical relationship between the supplementary code point value (e.g.
String.prototype.repeat() - JavaScript
teger.
Symbol.species - JavaScript
l-known symbol symbol.species specifies a function-valued property that the constructor function uses to create derived objects.
TypedArray - JavaScript
array(2); int16[0] = 42; console.log(int16[0]); // 42 // indexed properties on prototypes are not consulted (fx 25) int8array.prototype[20] = 'foo'; (new int8array(32))[20]; // 0 // even when out of bound int8array.prototype[20] = 'foo'; (new int8array(8))[20]; // undefined // or with negative integers int8array.prototype[-1] = 'foo'; (new int8array(8))[-1]; // undefined // named properties are allowed, though (fx 30) int8array.prototype.foo = 'bar'; (new int8array(32)).foo; // "bar" specifications specification ecmascript (ecma-262)the definition of 'typedarray objects' in that specification.
WeakMap - JavaScript
the weakmap object is a collection of key/value pairs in which the keys are weakly referenced.
WebAssembly.Global() constructor - JavaScript
a webassembly.global() constructor creates a new global object representing a global variable instance, accessible from both javascript and importable/exportable across one or more webassembly.module instances.
WebAssembly.Global - JavaScript
a webassembly.global object represents a global variable instance, accessible from both javascript and importable/exportable across one or more webassembly.module instances.
WebAssembly.Instance.prototype.exports - JavaScript
the exports readonly property of the webassembly.instance object prototype returns an object containing as its members all the functions exported from the webassembly module instance, to allow them to be accessed and used by javascript.
WebAssembly.Memory() constructor - JavaScript
reated by javascript or in webassembly code will be accessible and mutable from both javascript and webassembly.
WebAssembly.Module.customSections() - JavaScript
asm spec, but modules can also contain custom sections that are ignored and skipped over during validation.
WebAssembly.Table() constructor - JavaScript
table(tabledescriptor); parameters tabledescriptor an object that can contain the following members: element a string representing the type of value to be stored in the table.
WebAssembly.instantiate() - JavaScript
the webassembly.instantiate() function allows you to compile and instantiate webassembly code.
WebAssembly - JavaScript
ssembly via the webassembly.compileerror()/webassembly.linkerror()/webassembly.runtimeerror() constructors.
encodeURI() - JavaScript
ntain.
Destructuring assignment - JavaScript
not have a trailing comma // always consider using rest operator as the last element unpacking values from a regular expression match when the regular expression exec() method finds a match, it returns an array containing first the entire matched portion of the string and then the portions of the string that matched each parenthesized group in the regular expression.
Pipeline operator (|>) - JavaScript
the experimental pipeline operator |> (currently at stage 1) pipes the value of an expression into a function.
Property accessors - JavaScript
=== 77.0, no ambiguity bracket notation in the object[property_name] syntax, the property_name is just a string or symbol.
await - JavaScript
ulfilled or rejected), and to resume execution of the async function after fulfillment.
Function expression - JavaScript
be used to define a function inside an expression.
typeof - JavaScript
of undeclaredvariable === 'undefined'; typeof newletvariable; // referenceerror typeof newconstvariable; // referenceerror typeof newclass; // referenceerror let newletvariable; const newconstvariable = 'hello'; class newclass{}; exceptions all current browsers expose a non-standard host object document.all with type undefined.
void operator - JavaScript
the void operator evaluates the given expression and then returns undefined.
empty - JavaScript
ithub repository.
async function - JavaScript
p2 will not be "wired into" the promise chain until control returns from p1.
block - JavaScript
tive-examples and send us a pull request.
break - JavaScript
in a github repository.
class - JavaScript
lass with a given name using prototype-based inheritance.
continue - JavaScript
s a pull request.
import - JavaScript
ort "module-name"; var promise = import("module-name"); defaultexport name that will refer to the default export from the module.
let - JavaScript
d send us a pull request.
return - JavaScript
function square(x) { return x * x; } var demo = square(3); // demo will equal 9 if the value is omitted, undefined is returned instead.
throw - JavaScript
n exception with a string value throw 42; // generates an exception with the value 42 throw true; // generates an exception with the value true throw new error('required'); // generates an error object with the message of required also note that the throw statement is affected by automatic semicolon insertion (asi) as no line terminator between the throw keyword and the expression is allowed.
Strict mode - JavaScript
strict mode it's no longer possible to "walk" the javascript stack via commonly-implemented extensions to ecmascript.
JavaScript shells - JavaScript
a javascript shell allows you to quickly test snippets of javascript code without having to reload a web page.
JavaScript
-in, for-of, try-catch, let, var, const, if-else, switch, and more javascript statements and keywords work.
icons - Web app manifests
"sizes": "72x72" } ] values image objects may contain the following values: member description sizes a string containing space-separated image dimensions.
start_url - Web app manifests
string mandatory no the start_url member is a string that represents the start url of the web application — the prefered url that should be loaded when the user launches the web application (e.g., when the user taps on the web application's icon from a device's application menu or homescreen).
Web app manifests
loaded and be presented to the user similarly to a native app (e.g., be installed on the homescreen of a device, providing users with quicker access and a richer experience).
<math> - MathML
Web › MathML › Element › math
t will be displayed inside the current span of text, and cannot be moved out of it without changing the meaning of that text.
<mi> - MathML
Web › MathML › Element › mi
small, normal and big.
<mpadded> - MathML
ues: any length or an increment/decrement (a length prefixed with "+" or "-") .
<mrow> - MathML
Web › MathML › Element › mrow
nds (such as <mi> and <mn>).
<ms> - MathML
Web › MathML › Element › ms
these will be removed in the future.
<mtext> - MathML
Web › MathML › Element › mtext
these will be removed in the future.
Image file type and format guide - Web media technologies
ems used for by fax software, as well as lzw and lossy jpeg compression.
Digital video concepts - Web media technologies
ixels.
Media type and format guide: image, audio, and video content - Web media technologies
Web › Media › Formats
media containers (file types) a guide to the file types that contain media data.
Guide to streaming audio and video - Web media technologies
in other environments, although in some cases this support is conditional.
Using images in HTML - Web media technologies
Web › Media › images
sive images.
CSS and JavaScript animation performance - Web Performance
ios: css transitions provide an easy way to make animations occur between the current style and an end css state, e.g., a resting button state and a hover state.
Critical rendering path - Web Performance
, the entire screen is painted.
Lazy loading - Web Performance
likely) that there may be lazily-loaded images that are within the visual viewport that haven't yet loaded.
Performance Monitoring: RUM vs synthetic monitoring - Web Performance
ion may differ greatly in life experiences from those creating it.
Media - Progressive web apps (PWAs)
rea 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.
alignment-baseline - SVG: Scalable Vector Graphics
the alignment-baseline attribute specifies how an object is aligned with respect to its parent.
baseline-shift - SVG: Scalable Vector Graphics
the baseline-shift attribute allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element.
bias - SVG: Scalable Vector Graphics
Web › SVG › Attribute › bias
the bias attribute shifts the range of the filter.
data-* - SVG: Scalable Vector Graphics
Web › SVG › Attribute › data-*
the data-* svg attributes are called custom data attributes.
direction - SVG: Scalable Vector Graphics
c characters rotated 90 degrees clockwise relative to a top-to-bottom inline-base direction.
enable-background - SVG: Scalable Vector Graphics
) background image canvas is established and that in effect all children of the current container element shall be rendered into the new background image canvas in addition to being rendered onto the target device.
font-size-adjust - SVG: Scalable Vector Graphics
« svg attribute reference home the font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
gradientTransform - SVG: Scalable Vector Graphics
the gradienttransform attribute contains the definition of an optional additional transformation from the gradient coordinate system onto the target coordinate system (i.e., userspaceonuse or objectboundingbox).
id - SVG: Scalable Vector Graphics
Web › SVG › Attribute › id
ch specifies that valid ids only include designated characters (letters, digits, and a few punctuation marks), and do not start with a digit, a full stop (.) character, or a hyphen-minus (-) character.
markerHeight - SVG: Scalable Vector Graphics
io attributes.
markerWidth - SVG: Scalable Vector Graphics
atio attributes.
name - SVG: Scalable Vector Graphics
Web › SVG › Attribute › name
or profile description.
orient - SVG: Scalable Vector Graphics
Web › SVG › Attribute › orient
this value indicates that the marker is oriented such that its positive x-axis is pointing in a direction relative to the path at the position the marker is placed.
patternTransform - SVG: Scalable Vector Graphics
skewx(30) scale(1 0.5)"> <circle cx="10" cy="10" r="10" /> </pattern> <!-- apply the transformed pattern tile --> <rect x="10" y="10" width="80" height="80" fill="url(#p1)" /> </svg> pattern for <pattern>, patterntransform defines a list of transform definitions that are applied to a pattern tile.
pointer-events - SVG: Scalable Vector Graphics
the pointer-events attribute is a presentation attribute that allows defining whether or when an element may be the target of a mouse event.
rendering-intent - SVG: Scalable Vector Graphics
color spaces.
requiredFeatures - SVG: Scalable Vector Graphics
rted</text> </g> </svg> usage notes value <list-of-features> default value true if not defined, false if null or empty string as value animatable no <list-of-features> this is a list of feature strings, separated using white space.
rotate - SVG: Scalable Vector Graphics
Web › SVG › Attribute › rotate
the rotate attribute specifies how the animated element rotates as it travels along a path specified in an <animatemotion> element.
startOffset - SVG: Scalable Vector Graphics
age is given, then the start offset represents a percentage distance along the entire path.
stop-opacity - SVG: Scalable Vector Graphics
ble yes <opacity-value> this value is either a <number> between 0 and 1 or a <percentage> value specifying the opacity of the color gradient stop.
style - SVG: Scalable Vector Graphics
Web › SVG › Attribute › style
the style attribute allows to style an element using css declarations.
systemLanguage - SVG: Scalable Vector Graphics
er.
tabindex - SVG: Scalable Vector Graphics
the tabindex attribute allows you to control whether an element is focusable and to define the relative order of the element for the purposes of sequential focus navigation.
textLength - SVG: Scalable Vector Graphics
, the contents of the widthdisplay box are updated with the new value as well, and we're finished.
transform - SVG: Scalable Vector Graphics
of svg2, transform is a presentation attribute, meaning it can be used as a css property.
type - SVG: Scalable Vector Graphics
Web › SVG › Attribute › type
attribute and it has different meaning based on the context in which it's used.
version - SVG: Scalable Vector Graphics
Web › SVG › Attribute › version
the version attribute is used to indicate what specification a svg document conforms to.
xml:lang - SVG: Scalable Vector Graphics
the xml:lang attribute specifies the primary language used in contents and attributes containing text content of particular elements.
SVG Attribute reference - SVG: Scalable Vector Graphics
Web › SVG › Attribute
svg elements can be modified using attributes that specify details about exactly how the element should be handled or rendered.
<altGlyph> - SVG: Scalable Vector Graphics
Web › SVG › Element › altGlyph
the <altglyph> svg element allows sophisticated selection of the glyphs used to render its child character data.
<animateTransform> - SVG: Scalable Vector Graphics
the animatetransform element animates a transformation attribute on its target element, thereby allowing animations to control translation, scaling, rotation, and/or skewing.
<color-profile> - SVG: Scalable Vector Graphics
the <color-profile> element allows describing the color profile used for the image.
<discard> - SVG: Scalable Vector Graphics
Web › SVG › Element › discard
the <discard> svg element allows authors to specify the time at which particular elements are to be discarded, thereby reducing the resources required by an svg user agent.
<feComponentTransfer> - SVG: Scalable Vector Graphics
th <fecomponenttransfer> svg filter primitive performs color-component-wise remapping of data for each pixel.
<feMerge> - SVG: Scalable Vector Graphics
Web › SVG › Element › feMerge
the <femerge> svg element allows filter effects to be applied concurrently instead of sequentially.
<feOffset> - SVG: Scalable Vector Graphics
Web › SVG › Element › feOffset
the <feoffset> svg filter primitive allows to offset the input image.
<fePointLight> - SVG: Scalable Vector Graphics
the <fepointlight> filter primitive defines a light source which allows to create a point light effect.
<feSpotLight> - SVG: Scalable Vector Graphics
the <fespotlight> svg filter primitive defines a light source which allows to create a spotlight effect.
<feTile> - SVG: Scalable Vector Graphics
Web › SVG › Element › feTile
the <fetile> svg filter primitive allows to fill a target rectangle with a repeated, tiled pattern of an input image.
<feTurbulence> - SVG: Scalable Vector Graphics
the <feturbulence> svg filter primitive creates an image using the perlin turbulence function.
<hkern> - SVG: Scalable Vector Graphics
Web › SVG › Element › hkern
the <hkern> svg element allows to fine-tweak the horizontal distance between two glyphs.
<image> - SVG: Scalable Vector Graphics
Web › SVG › Element › image
"200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <image href="https://mdn.mozillademos.org/files/6457/mdn_logo_only_color.png" height="200" width="200"/> </svg> result specifications specification status comment scalable vector graphics (svg) 2the definition of '<image>' in that specification.
<metadata> - SVG: Scalable Vector Graphics
Web › SVG › Element › metadata
g> <!-- draw cable n.
<script> - SVG: Scalable Vector Graphics
Web › SVG › Element › script
the svg script element allows to add scripts to an svg document.
<set> - SVG: Scalable Vector Graphics
Web › SVG › Element › set
ment provides a simple means of just setting the value of an attribute for a specified duration.
<style> - SVG: Scalable Vector Graphics
Web › SVG › Element › style
the svg <style> element allows style sheets to be embedded directly within svg content.
<symbol> - SVG: Scalable Vector Graphics
Web › SVG › Element › symbol
ol> element (i.e., a reference to a <symbol> by a <use> element) are rendered.
<tspan> - SVG: Scalable Vector Graphics
Web › SVG › Element › tspan
the svg <tspan> element defines a subtext within a <text> element or another <tspan> element.
<vkern> - SVG: Scalable Vector Graphics
Web › SVG › Element › vkern
the <vkern> svg element allows to fine-tweak the vertical distance between two glyphs in top-to-bottom fonts.
SVG animation with SMIL - SVG: Scalable Vector Graphics
although chrome 45 deprecated smil in favor of css animations and web animations, the chrome developers have since suspended that deprecation.
Scripting - SVG: Scalable Vector Graphics
Web › SVG › Scripting
re represented using that interface.
Basic Transformations - SVG: Scalable Vector Graphics
ted, skewed, translated and scaled according to the transformation.
Clipping and masking - SVG: Scalable Vector Graphics
previousnext » erasing part of what one has created might at first sight look contradictory.
Fills and Strokes - SVG: Scalable Vector Graphics
ed), rgb values (that is rgb(255,0,0)), hex values, rgba values, etc.
Getting started - SVG: Scalable Vector Graphics
handles sizes and units will be explained on the next page.
Gradients in SVG - SVG: Scalable Vector Graphics
e several attributes to describe its position and orientation.
SVG image element - SVG: Scalable Vector Graphics
« previousnext » the svg <image> element allows for raster images to be rendered within an svg object.
Texts - SVG: Scalable Vector Graphics
Web › SVG › Tutorial › Texts
ive characters, hence piling up the offset over time.
SVG: Scalable Vector Graphics
Web › SVG
nvas examples google maps (route overlay) & docs (spreadsheet charting) svg bubble menus svg authoring guidelines an overview of the mozilla svg project frequently asked questions regarding svg and mozilla svg as an image svg animation with smil svg art gallery animation and interactions like html, svg has a document model (dom) and events, and is accessible from javascript.
Securing your site - Web security
defacement or distribution of malware.
Transport Layer Security - Web security
us mechanisms have been disabled: renegotiation, generic data compression, digital signature algorithm (dsa) certificates, static rsa key exchange, and key exchange with custom diffie-hellman (dh) groups.
Using templates and slots - Web Components
ne bit of text inside it, meaning that at the moment it is even less useful than a regular paragraph!
XPath snippets - XPath
i, result, a = []; doc = doc || (context ?
<xsl:copy> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › copy
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:copy> element transfers a shallow copy (the node and any associated namespace node) of the current node to the output document.
PI Parameters - XSLT: Extensible Stylesheet Language Transformations
he 'http://www.example.org/mynamespace' namespace: <?xslt-param-namespace prefix="my" namespace="http://www.example.org/mynamespace"?> <?xslt-param name="books" select="//my:book"?> supported versions supported as of firefox 2.0.0.1.
Resources - XSLT: Extensible Stylesheet Language Transformations
xsl results firefox extension (presently awaiting review) - allows one to experiment with xsl, by applying xsl stylesheets (which are manually entered, found via a url or on the file-system) to an xml document (the currently-loaded document or a manually entered/pasted one).
Transforming XML with XSLT - XSLT: Extensible Stylesheet Language Transformations
— fonts, colors, position, and so forth — gecko uses css.
Advanced Example - XSLT: Extensible Stylesheet Language Transformations
advanced example this advanced example sorts several divs based on their content.
Basic Example - XSLT: Extensible Stylesheet Language Transformations
:copy> <xsl:apply-templates select="@*|node()"/> </xsl:copy> </xsl:template> </xsl:stylesheet> the example loads using synchronous xmlhttprequest both the .xsl (xslstylesheet) and the .xml (xmldoc) files into memory.
Introduction - XSLT: Extensible Stylesheet Language Transformations
oduction with modern browsers supporting xslt, developers can now use javascript to access the power that xslt provides.
JavaScript/XSLT Bindings - XSLT: Extensible Stylesheet Language Transformations
xml document can be a separate xml file loaded as shown in figure 1, or it can be part of the existing page.
Web technology for developers
criptability, including the dom and all of the related apis and interfaces you can use to build web content and apps.
Compiling from Rust to WebAssembly - WebAssembly
hird line contains a use command, which imports code from a library into your code.