Search completed in 1.04 seconds.
Intl.DateTimeFormat.prototype.formatToParts() - JavaScript
the intl.datetime
format.prototype.
formattoparts() method allows locale-aware
formatting of strings produced by datetime
format formatters.
... syntax datetime
format.
formattoparts(date) parameters date optional the date to
format.
... return value an array of objects containing the
formatted date in parts.
...And 12 more matches
Intl.RelativeTimeFormat.prototype.format() - JavaScript
the intl.relativetime
format.prototype.
format() method
formats a value and unit according to the locale and
formatting options of this relativetime
format object.
... syntax relativetime
format.
format(value, unit) parameters value numeric value to use in the internationalized relative time message.
... description the function returned by the
format getter
formats a value and a unit into a string according to the locale and
formatting options of this intl.relativetime
format object.
...And 9 more matches
Intl.NumberFormat.prototype.formatToParts() - JavaScript
the intl.number
format.prototype.
formattoparts() method allows locale-aware
formatting of strings produced by number
format formatters.
... syntax intl.number
format.prototype.
formattoparts(number) parameters number optional a number or bigint to
format.
... return value an array of objects containing the
formatted number in parts.
...And 7 more matches
Intl.DateTimeFormat.prototype.format() - JavaScript
the intl.datetime
format.prototype.
format() method
formats a date according to the locale and
formatting options of this intl.datetime
format object.
... syntax datetime
format.
format(date) parameters date the date to
format.
... description the
format getter
formats a date into a string according to the locale and
formatting options of this intl.datetime
format object.
...And 6 more matches
Intl.RelativeTimeFormat.prototype.formatToParts() - JavaScript
the intl.relativetime
format.prototype.
formattoparts() method returns an array of objects representing the relative time
format in parts that can be used for custom locale-aware
formatting.
... syntax relativetime
format.
formattoparts(value, unit) parameters value numeric value to use in the internationalized relative time message.
... return value an array of objects containing the
formatted relative time in parts.
...And 4 more matches
Intl.ListFormat.prototype.formatToParts() - JavaScript
the intl.list
format.prototype.
formattoparts() method returns an array of objects representing the different components that can be used to
format a list of values in a locale-aware fashion.
... syntax intl.list
format.prototype.
formattoparts(list) parameters list an array of values to be
formatted according to a locale.
... return value an array of components which contains the
formatted parts from the list.
...And 3 more matches
Intl.NumberFormat.prototype.format() - JavaScript
the intl.number
format.prototype.
format() method
formats a number according to the locale and
formatting options of this number
format object.
... syntax number
format.
format(number) parameters number a number or bigint to
format.
... description the
format getter function
formats a number into a string according to the locale and
formatting options of this number
format object.
...And 3 more matches
Intl.ListFormat.prototype.format() - JavaScript
the
format() method returns a string with a language-specific representation of the list.
... syntax list
format.
format([list]); parameters list an iterable object, such as an array return value a language-specific
formatted string representing the elements of the list description the
format() method returns a string that has been
formatted based on parameters provided in the intl.list
format object.
... the locales and options parameters customize the behavior of
format() and let applications specify the language conventions that should be used to
format the list.
...And 2 more matches
<xsl:decimal-format> - XSLT: Extensible Stylesheet Language Transformations
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:decimal-
format> element defines the characters and symbols that are to be used in converting numbers into strings using the
format-number( ) function.
... syntax <xsl:decimal-
format name=name decimal-separator=character grouping-separator=character infinity=string minus-sign=character nan=string percent=character per-mille=charater zero-digit=character digit=character pattern-separator=character /> required attributes none.
... optional attributes name specifies a name for this
format.
...And 2 more matches
Intl.DateTimeFormat.prototype.formatRange() - JavaScript
the intl.datetime
format.prototype.
formatrange()
formats a date range in the most concise way based on the locale and options provided when instantiating intl.datetime
format object.
... syntax intl.datetime
format.prototype.
formatrange(startdate, enddate) examples basic
formatrange usage this method receives two dates and
formats the date range in the most concise way based on the locale and options provided when instantiating intl.datetime
format.
... let date1 = new date(date.utc(2007, 0, 10, 10, 0, 0)); let date2 = new date(date.utc(2007, 0, 10, 11, 0, 0)); let date3 = new date(date.utc(2007, 0, 20, 10, 0, 0)); // > 'wed, 10 jan 2007 10:00:00 gmt' // > 'wed, 10 jan 2007 11:00:00 gmt' // > 'sat, 20 jan 2007 10:00:00 gmt' let fmt1 = new intl.datetime
format("en", { year: '2-digit', month: 'numeric', day: 'numeric', hour: 'numeric', minute: 'numeric' }); console.log(fmt1.
format(date1)); console.log(fmt1.
formatrange(date1, date2)); console.log(fmt1.
formatrange(date1, date3)); // > '1/10/07, 10:00 am' // > '1/10/07, 10:00 – 11:00 am' // > '1/10/07, 10:00 am – 1/20/07, 10:00 am' let fmt2 = new intl.datetime
format("en", { year: 'numeric', month: 'short', day: 'numeric' }); console.log(fmt2.
format(date1)); con...
...sole.log(fmt2.
formatrange(date1, date2)); console.log(fmt2.
formatrange(date1, date3)); // > 'jan 10, 2007' // > 'jan 10, 2007' // > 'jan 10 – 20, 2007' specifications specification intl.datetime
format.
formatrangethe definition of '
formatrange()' in that specification.
Intl.DateTimeFormat.prototype.formatRangeToParts() - JavaScript
the intl.datetime
format.prototype.
formatrangetoparts() method allows locale-specific tokens representing each part of the
formatted date range produced by datetime
format formatters.
... syntax intl.datetime
format.prototype.
formatrangetoparts(startdate, enddate) examples basic
formatrangetoparts usage this method receives two dates and returns an array of objects containing the locale-specific tokens representing each part of the
formatted date range.
... let date1 = new date(date.utc(2007, 0, 10, 10, 0, 0)); let date2 = new date(date.utc(2007, 0, 10, 11, 0, 0)); // > 'wed, 10 jan 2007 10:00:00 gmt' // > 'wed, 10 jan 2007 11:00:00 gmt' let fmt = new intl.datetime
format("en", { hour: 'numeric', minute: 'numeric' }); console.log(fmt.
formatrange(date1, date2)); // > '10:00 – 11:00 am' fmt.
formatrangetoparts(date1, date2); // return value: // [ // { type: 'hour', value: '10', source: "startrange" }, // { type: 'literal', value: ':', source: "startrange" }, // { type: 'minute', value: '00', source: "startrange" }, // { type: 'literal', value: ' – ', source: "shared" }, // { type: 'hour', value: '11', source: "endrange" }, // { type: 'literal', value: ':', source: "endrange" }, // { type:...
... 'minute', value: '00', source: "endrange" }, // { type: 'literal', value: ' ', source: "shared" }, // { type: 'dayperiod', value: 'am', source: "shared" } // ] specifications specification intl.datetime
format.
formatrangethe definition of '
formatrangetoparts()' in that specification.
Using the Mozilla JavaScript interface to XSL Transformations - XSLT: Extensible Stylesheet Language Transformations
transformtodocument xsltprocessor.transformtodocument() takes one argument, the source node to transform, and returns a new document with the results of the trans
formation: var newdocument = processor.transformtodocument(domtobetransformed); the resultant object depends on the output method of the stylesheet: html - htmldocument xml - xmldocument text - xmldocument with a single root element <transformiix:result> with the text as a child transformtofragment you can also use xsltprocessor.transformtofragment() which will return a documentfragment node.
... instead of this: var processor = new xsltprocessor(); do this: var processor = components.classes["@mozilla.org/document-transformer;1?type=xslt"] .createinstance(components.interfaces.nsixsltprocessor); see also the xslt javascript interface in gecko document.load() regarding the loading of xml documents (as used above) original document in
formation author(s): mike hearn last updated date: december 21, 2005 copyright in
formation: copyright (c) mike hearn ...
Media container formats (file types) - Web media technologies
the
format of audio and video media files is defined in two parts (three if a file has both audio and video in it, of course): the audio and/or video codecs used and the media container
format (or file type) used.
... in this guide, we'll look at the container
formats used most commonly on the web, covering basics about their specifications as well as their benefits, limitations, and ideal use cases.
...see codecs used by webrtc for in
formation about codecs commonly used for making webrtc calls, as well as browser compatibility in
formation around codec support in webrtc.
...And 50 more matches
Image file type and format guide - Web media technologies
in this guide, we'll cover the image file types generally supported by web browsers, and provide insights that will help you select the most appropriate
formats to use for your site's imagery.
... common image file types there are many image file
formats in the world.
... abbreviation file
format mime type file extension(s) browser compatibility apng animated portable network graphics image/apng .apng chrome, edge, firefox, opera, safari bmp bitmap file image/bmp .bmp chrome, edge, firefox, internet explorer, opera, safari gif graphics interchange
format image/gif .gif chrome, edge, firefox, internet explorer, opera, safari ico microsoft icon image/x-icon .ico, .cur chrome, edge, firefox, internet explorer, opera, safari jpeg joint ph...
...And 42 more matches
Using microformats - Archive of obsolete content
micro
formats allow web sites to provide semantic data to the browser in order to make it possible to present summaries of the in
formation on a page without having to know how to parse the document itself.
... firefox 3 implements a global micro
formats object that provides access to micro
formats.
... this object and its api make finding and reading micro
formats easy to do.
...And 35 more matches
Parsing microformats in JavaScript - Archive of obsolete content
firefox 3 introduces a new api for managing and parsing micro
formats.
... this article examines the generic micro
format parsing api, which handles the heavy lifting of pulling data out of a micro
format.
... this api is primarily intended to be used when implementing new micro
formats.
...And 24 more matches
Microformats - HTML: Hypertext Markup Language
summary micro
formats (sometimes abbreviated μf) are standards used to embed semantics & structured data in html, and provide an api to be used by search engines, aggregators, and other tools.
... these minimal patterns of html are used for marking up entities that range from fundamental to domain-specific in
formation, such as people, organizations, events, and locations.
... micro
formats use supporting vocabularies to describe objects and name-value pairs to assign values to their properties.
...And 22 more matches
Intl.NumberFormat() constructor - JavaScript
the intl.number
format() constructor creates objects that enable language sensitive number
formatting.
... syntax new intl.number
format([locales[, options]]) parameters locales optional a string with a bcp 47 language tag, or an array of such strings.
... currency the currency to use in currency
formatting.
...And 20 more matches
Visual formatting model - CSS: Cascading Style Sheets
in css the visual
formatting model describes how user agents take the document tree, and process and display it for visual media.
...most of the in
formation applies equally to continuous and paged media.
... in the visual
formatting model, each element in the document tree generates zero or more boxes according to the box model.
...And 19 more matches
Intl.DateTimeFormat - JavaScript
the intl.datetime
format object is a constructor for objects that enable language-sensitive date and time
formatting.
... constructor intl.datetime
format() creates a new datetime
format object.
... static methods intl.datetime
format.supportedlocalesof() returns an array containing those of the provided locales that are supported without having to fall back to the runtime's default locale.
...And 13 more matches
JS_AddArgumentFormatter
add or remove a
format string handler for js_convertarguments, js_pusharguments, js_convertargumentsva, and js_pushargumentsva.
... syntax jsbool js_addargument
formatter(jscontext *cx, const char *
format, jsargument
formatter
formatter); void js_removeargument
formatter(jscontext *cx, const char *
format); name type description cx jscontext * the context in which to install the
formatter.
...
format const char * the
format string prefix that should be handled by
formatter, or whose handler should be removed.
...And 12 more matches
Introduction to formatting contexts - CSS: Cascading Style Sheets
this article introduces the concept of
formatting contexts, of which there are several types, including block
formatting contexts, inline
formatting contexts, and flex
formatting contexts.
... everything on a page is part of a
formatting context, or an area which has been defined to lay out content in a particular way.
... a block
formatting context (bfc) will lay child elements out according to block layout rules, a flex
formatting context will lay its children out as flex items, etc.
...And 12 more matches
Understanding WebAssembly text format - WebAssembly
to enable webassembly to be read and edited by humans, there is a textual representation of the wasm binary
format.
...this article explains how that text
format works, in terms of the raw syntax, and how it is related to the underlying bytecode it represents — and the wrapper objects representing wasm in javascript.
... s-expressions in both the binary and textual
formats, the fundamental unit of code in webassembly is a module.
...And 12 more matches
Intl.DateTimeFormat() constructor - JavaScript
the intl.datetime
format() constructor for objects that enable language-sensitive date and time
formatting.
... syntax new intl.datetime
format([locales[, options]]) parameters locales optional a string with a bcp 47 language tag, or an array of such strings.
... options optional an object with some or all of the following properties: datestyle the date
formatting style to use when calling
format().
...And 10 more matches
Intl.RelativeTimeFormat() constructor - JavaScript
the intl.relativetime
format() constructor creates intl.relativetime
format objects.
... syntax new intl.relativetime
format([locales[, options]]) parameters locales optional.
...for in
formation about this option, see intl.
...And 10 more matches
Date.prototype.toLocaleFormat() - Archive of obsolete content
the non-standard tolocale
format() method converts a date to a string using the specified
formatting.
... intl.datetime
format is an alternative to
format dates in a standards-compliant way.
...see warning: date.prototype.tolocale
format is deprecated for more in
formation and migration help.
...And 9 more matches
Compressed texture formats - Web APIs
the webgl api provides methods to use compressed texture
formats.
...by default, no compressed
formats are available: a corresponding compressed texture
format extension must first be enabled.
... if supported, textures can be stored in a compressed
format in video memory.
...And 9 more matches
Warning: Date.prototype.toLocaleFormat is deprecated - JavaScript
the javascript warning "date.prototype.tolocale
format is deprecated; consider using intl.datetime
format instead" occurs when the non-standard date.prototype.tolocale
format method is used.
... message warning: date.prototype.tolocale
format is deprecated; consider using intl.datetime
format instead error type warning.
... the non-standard date.prototype.tolocale
format method is deprecated and shouldn't be used anymore.
...And 9 more matches
Intl.RelativeTimeFormat - JavaScript
the intl.relativetime
format object enables language-sensitive relative time
formatting.
... constructor intl.relativetime
format.relativetime
format() creates a new intl.relativetime
format object.
... static methods intl.relativetime
format.supportedlocalesof() returns an array containing those of the provided locales that are supported without having to fall back to the runtime's default locale.
...And 9 more matches
Basic Transformations - SVG: Scalable Vector Graphics
an example: <svg width="30" height="10"> <g fill="red"> <rect x="0" y="0" width="10" height="10" /> <rect x="20" y="0" width="10" height="10" /> </g> </svg> all following trans
formations are summed up in an element's transform attribute.
... trans
formations can be chained simply by concatenating them, separated by whitespace.
...for this purpose, the translate() trans
formation stands ready.
...And 9 more matches
<xsl:number> - XSLT: Extensible Stylesheet Language Transformations
it can also be used to quickly
format a number.
... syntax <xsl:number count=expression level="single" | "multiple" | "any" from=expression value=expression
format=
format-string lang=xml:lang-code letter-value="alphabetic" | "traditional" grouping-separator=character grouping-size=number /> required attributes none.
...(the nested
format can be specified with the
format attribute, e.g.
...And 9 more matches
Describing microformats in JavaScript - Archive of obsolete content
micro
formats are described in javascript by using a standardized structure
format that has several standard members that describe the object.
... micro
format definition
format the micro
format definition must contain the following entries: mfversion specifies the version number of the micro
format api to which the definition was written.
... mfobject the javascript object that implements the micro
format.
...And 8 more matches
Advanced text formatting - Learn web development
previous overview: introduction to html next there are many other elements in html for
formatting text, which we didn't get to in the html text fundamentals article.
...here you'll learn about marking up quotations, description lists, computer code and other related text, subscript and superscript, contact in
formation, and more.
...html text
formatting, as covered in html text fundamentals.
...And 8 more matches
Displaying Places information using views
see querying places for in
formation about obtaining and using nsinavhistoryresult objects, which this page assumes you are familiar with.
...see querying places and places query uris for in
formation on query uris.
...see the tree reference and trees tutorial for general in
formation about trees.
...And 8 more matches
Transformations - Web APIs
with trans
formations there are more powerful ways to translate the origin to a different position, rotate the grid and even scale it.
... saving and restoring state before we look at the trans
formation methods, let's look at two other methods which are indispensable once you start generating ever more complex drawings.
...a drawing state consists of the trans
formations that have been applied (i.e.
...And 8 more matches
Intl.NumberFormat - JavaScript
the intl.number
format object is a constructor for objects that enable language sensitive number
formatting.
... constructor intl.number
format() creates a new number
format object.
... static methods intl.number
format.supportedlocalesof() returns an array containing those of the provided locales that are supported without having to fall back to the runtime's default locale.
...And 8 more matches
Media type and format guide: image, audio, and video content - Web media technologies
generally, the media
formats supported by a browser are entirely up to the browser's creators, which can complicate the work of a web developer.
...it also provides browser support in
formation for various combinations of these, and suggestions for prioritization of
formats, as well as which
formats excel at specific types of content.
... references images image file type and
format guide covers support of image file types and content
formats across the major web browsers, as well as providing basic in
formation about each type: benefits, limitations, and use cases of interest to web designers and developers.
...And 8 more matches
Privacy, permissions, and information security
as users use the web for more and more of their daily tasks, more of their private or personally-identifying in
formation they share, ideally only with sites they trust.
... cooperation among web content, the web browser, and the web server is needed to achieve as much privacy and in
formation security as possible.
... in this article, we examine how to create web content that minimizes the risk of users' personal in
formation or imagery being obtained unexpectedly by third parties.
...And 8 more matches
NetworkInformation - Web APIs
the networkin
formation interface provides in
formation about the connection a device is using to communicate with the network and provides a means for scripts to be notified if the connection type changes.
... the networkin
formation interfaces cannot be instantiated.
... networkin
formation.downlink read only returns the effective bandwidth estimate in megabits per second, rounded to the nearest multiple of 25 kilobits per seconds.
...And 7 more matches
Block formatting context - Developer guides
a block
formatting context is a part of a visual css rendering of a web page.
... a block
formatting context is created by at least one of the following: the root element of the document (<html>).
... column-span: all should always create a new
formatting context, even when the column-span: all element isn't contained by a multicol container (spec change, chrome bug).
...And 7 more matches
Index - XSLT: Extensible Stylesheet Language Transformations
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes found 54 pages: # page tags and summary 1 xslt: extensible stylesheet language trans
formations landing, web, xslt extensible stylesheet language trans
formations (xslt) is an xml-based language used, in conjunction with specialized processing software, for the trans
formation of xml documents.
... 7 basic example xslt the basic example will load an xml file and apply a xsl trans
formation on it.
...the xml file describes an article and the xsl file
formats the in
formation for display.
...And 7 more matches
application/http-index-format specification - Archive of obsolete content
the application/http-index-
format file
format is an attempt to provide a generic, extensible file listing
format that is principly machine readable.
...this data is not intended for display to the end user and is only meant as a comment to make the file
format clear to a human interpreter.
... 101 pre
formatted human readable in
formation line.
...And 6 more matches
WebGL2RenderingContext.getInternalformatParameter() - Web APIs
the webgl2renderingcontext.getinternal
formatparameter() method of the webgl 2 api returns in
formation about implementation-dependent support for internal
formats.
... syntax any gl.getinternal
formatparameter(target, internal
format, pname); parameters target a glenum specifying the target renderbuffer object.
... possible values: gl.renderbuffer: buffer data storage for single images in a renderable internal
format.
...And 6 more matches
Web Video Text Tracks Format (WebVTT) - Web APIs
web video text tracks
format (webvtt) is a
format for displaying timed text tracks (such as subtitles or captions) using the <track> element.
...webvtt is a text based
format, which must be encoded using utf-8.
... we can also place comments in our .vtt file, to help us remember important in
formation about the parts of our file.
...And 6 more matches
Date and time formats used in HTML - HTML: Hypertext Markup Language
the
formats of the strings that specify these values are described in this article.
... elements that use such
formats include certain forms of the <input> element that let the user choose or specify a date, time, or both, as well as the <ins> and <del> elements, whose datetime attribute specifies the date or date and time at which the insertion or deletion of content occurred.
... for <input>, the values of type that return a value which contains a string representing a date and/or time are: date datetime datetime-local month time week examples before getting into the intricacies of how date and time strings are written and parsed in html, here are some examples that should give you a good idea what the more commonly-used date and time string
formats look like.
...And 6 more matches
Text formatting - JavaScript
accessing the individual code units in such a string using brackets may have undesirable consequences such as the
formation of strings with unmatched surrogate code units, in violation of the unicode standard.
...5; const ten = 10; console.log('fifteen is ' + (five + ten) + ' and not ' + (2 * five + ten) + '.'); // "fifteen is 15 and not 20." now, with template literals, you are able to make use of the syntactic sugar making substitutions like this more readable: const five = 5; const ten = 10; console.log(`fifteen is ${five + ten} and not ${2 * five + ten}.`); // "fifteen is 15 and not 20." for more in
formation, read about template literals in the javascript reference.
... internationalization the intl object is the namespace for the ecmascript internationalization api, which provides language sensitive string comparison, number
formatting, and date and time
formatting.
...And 6 more matches
Intl.ListFormat - JavaScript
the intl.list
format object is a constructor for objects that enable language-sensitive list
formatting.
... constructor intl.list
format() creates a new list
format object.
... static methods intl.list
format.supportedlocalesof() returns an array containing those of the provided locales that are supported without having to fall back to the runtime's default locale.
...And 5 more matches
nsIURLFormatter
toolkit/components/url
formatter/public/nsiurl
formatter.idlscriptable this interface exposes methods to substitute variables in url
formats.
...mozilla applications linking to mozilla websites are strongly encouraged to use urls of the following
format: http[s]://%service%.mozilla.[com|org]/%locale%/ method overview astring
formaturl(in astring a
format); astring
formaturlpref(in astring apref); methods
formaturl()
formats a string url.
...astring
formaturl( in astring a
format ); parameters a
format un
formatted url as a string.
...And 4 more matches
Toolkit version format
this document is a reference for the version
format, as used in firefox 1.5 (xulrunner 1.8) and later.
... this
format is used by the extension manager, software update, and other parts of the platform.
... versions in at least the following places must conform to this
format: addon's and target application's version in install and update manifests.
...And 4 more matches
Network Information API - Web APIs
the network in
formation api provides in
formation about the system's connection in terms of general connection type (e.g., 'wifi', 'cellular', etc.).
...the entire api consists of the addition of the networkin
formation interface and a single property to the navigator interface: navigator.connection.
...a real-world use case would likely use a switch statement or some other method to check all of the possible values of networkin
formation.type.
...And 4 more matches
WebGLShaderPrecisionFormat - Web APIs
the webglshaderprecision
format interface is part of the webgl api and represents the in
formation returned by calling the webglrenderingcontext.getshaderprecision
format() method.
... properties webglshaderprecision
format.rangemin read only the base 2 log of the absolute value of the minimum value that can be represented.
... webglshaderprecision
format.rangemax read only the base 2 log of the absolute value of the maximum value that can be represented.
...And 4 more matches
Keyframe Formats - Web APIs
element.animate(), keyframeeffect.keyframeeffect(), and keyframeeffect.setkeyframes() all accept objects
formatted to represent a set of keyframes.
... there are several options to this
format, which are explained below.
... syntax there are two different ways to
format keyframes: an array of objects (keyframes) consisting of properties and values to iterate over.
...And 4 more matches
The Web Open Font Format (WOFF) - Developer guides
woff (the web open font
format) is a web font
format developed by mozilla in concert with type supply, letterror, and other organizations.
... it uses a compressed version of the same table-based sfnt structure used by truetype, opentype, and open font
format, but adds metadata and private-use data structures, including predefined fields allowing foundries and vendors to provide license in
formation if desired.
... many font vendors that are unwilling to license their truetype or opentype
format fonts for use on the web will license woff
format fonts.
...And 4 more matches
Intl.DateTimeFormat.supportedLocalesOf() - JavaScript
the intl.datetime
format.supportedlocalesof() method returns an array containing those of the provided locales that are supported in date and time
formatting without having to fall back to the runtime's default locale.
... syntax intl.datetime
format.supportedlocalesof(locales[, options]) parameters locales a string with a bcp 47 language tag, or an array of such strings.
...for in
formation about this option, see the intl page.
...And 4 more matches
Intl.ListFormat() constructor - JavaScript
the intl.list
format() constructor creates objects that enable language-sensitive list
formatting.
... syntax new intl.list
format([locales[, options]]) parameters locales optional.
...for in
formation about this option, see the intl page.
...And 4 more matches
Intl.ListFormat.supportedLocalesOf() - JavaScript
the intl.list
format.supportedlocalesof() method returns an array containing those of the provided locales that are supported in date and time
formatting without having to fall back to the runtime's default locale.
... syntax intl.list
format.supportedlocalesof(locales[, options]) parameters locales a string with a bcp 47 language tag, or an array of such strings.
...for in
formation about this option, see the intl page.
...And 4 more matches
Intl.NumberFormat.supportedLocalesOf() - JavaScript
the intl.number
format.supportedlocalesof() method returns an array containing those of the provided locales that are supported in number
formatting without having to fall back to the runtime's default locale.
... syntax intl.number
format.supportedlocalesof(locales[, options]) parameters locales a string with a bcp 47 language tag, or an array of such strings.
...for in
formation about this option, see the intl page.
...And 4 more matches
Intl.RelativeTimeFormat.supportedLocalesOf() - JavaScript
the intl.relativetime
format.supportedlocalesof() method returns an array containing those of the provided locales that are supported in date and time
formatting without having to fall back to the runtime's default locale.
... syntax intl.relativetime
format.supportedlocalesof(locales[, options]) parameters locales a string with a bcp 47 language tag, or an array of such strings.
...for in
formation about this option, see the intl page.
...And 4 more matches
Storing the information you need — Variables - Learn web development
if you are using a desktop browser, the best place to type your sample code is your browser's javascript console (see what are browser developer tools for more in
formation on how to access this tool).
...you can have a simple object that represents a box and contains in
formation about its width, length, and height, or you could have an object that represents a person, and contains data about their name, height, weight, what language they speak, how to say hello to them, and more.
... try entering the following line into your console: let dog = { name : 'spot', breed : 'dalmatian' }; to retrieve the in
formation stored in the object, you can use the following syntax: dog.name we won't be looking at objects any more for now — you can learn more about those in a future module.
...And 3 more matches
WebGLRenderingContext.getShaderPrecisionFormat() - Web APIs
the webglrenderingcontext.getshaderprecision
format() method of the webgl api returns a new webglshaderprecision
format object describing the range and precision for the specified shader numeric
format.
... syntax webglshaderprecision
format gl.getshaderprecision
format(shadertype, precisiontype); parameters shadertype either a gl.fragment_shader or a gl.vertex_shader.
... return value a webglshaderprecision
format object or null, if an error occurs.
...And 3 more matches
XSL Transformations in Mozilla FAQ - Web APIs
see the discussion on bug #338621 for more in
formation.
...most come from what we suspect ie to do after the trans
formation.
...mozilla in contrast renders exactly the result of your trans
formation.
...And 3 more matches
XSLT: Extensible Stylesheet Language Transformations
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes extensible stylesheet language trans
formations (xslt) is an xml-based language used, in conjunction with specialized processing software, for the trans
formation of xml documents.
... although the process is referred to as "trans
formation," the original document is not changed; rather, a new xml document is created based on the content of an existing document.
... then, the new document may be serialized (output) by the processor in standard xml syntax or in another
format, such as html or plain text.
...And 3 more matches
format - Web APIs
the svgaltglyphelement.
format property is a domstring that defines the
format of the given font.
... it has the same meaning as the '
format' property of svgglyphrefelement property.
... if the font is in one of the
formats listed in css2([css2], section15.3.5), then its value is the corresponding <string> parameter of the font.
...And 2 more matches
<pre>: The Preformatted Text element - HTML: Hypertext Markup Language
the html <pre> element represents pre
formatted text which is to be presented exactly as written in the html file.
... example html <p>using css to change the font color is easy.</p> <pre> body { color: red; } </pre> result accessibility concerns it is important to provide an alternate description for any images or diagrams created using pre
formatted text.
... people experiencing low vision conditions and browsing with the aid of assistive technology such as a screen reader may not understand what the pre
formatted text characters are representing when they are read out in sequence.
...And 2 more matches
Intl.DateTimeFormat.prototype.resolvedOptions() - JavaScript
the intl.datetime
format.prototype.resolvedoptions() method returns a new object with properties reflecting the locale and date and time
formatting options computed during initialization of this datetime
format object.
... syntax datetime
format.resolvedoptions() return value a new object with properties reflecting the locale and date and time
formatting options computed during the initialization of the given datetime
format object.
... weekday era year month day hour minute second timezonename the values resulting from
format matching between the corresponding properties in the options argument and the available combinations and representations for date-time
formatting in the selected locale.
...And 2 more matches
format-number - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the
format-number function evaluates a number and returns a string representing the number in a given
format.
... syntax
format-number(number ,pattern [,decimal-
format] ) arguments number the number to be
formatted pattern a string in the
format of the jdk 1.1 decimal
format class.
...here is the java se 6 decimal
format.) decimal-
format (optional) the name of an xsl:decimal-
format element that defines the number
format to be used.
...And 2 more matches
An Overview - XSLT: Extensible Stylesheet Language Transformations
so the model for trans
formation is that one xml document is used to transform another xml document.
... all xslt trans
formations are performed on trees, not documents.
... the xslt trans
formation engine, called the processor, does not work directly on documents.
...And 2 more matches
Transforming XML with XSLT - XSLT: Extensible Stylesheet Language Transformations
for further in
formation about css, see eric meyer's css pages.
...xslt allows a stylesheet author to transform a primary xml 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 (and in the case of firefox, the focus is on converting it on the fly into html which can then be displayed by the browser).
... xslt/xpath reference elements xsl:apply-imports (supported) xsl:apply-templates (supported) xsl:attribute (supported) xsl:attribute-set (supported) xsl:call-template (supported) xsl:choose (supported) xsl:comment (supported) xsl:copy (supported) xsl:copy-of (supported) xsl:decimal-
format (supported) xsl:element (supported) xsl:fallback (not supported) xsl:for-each (supported) xsl:if (supported) xsl:import (mostly supported) xsl:include (supported) xsl:key (supported) xsl:message (supported) xsl:namespace-alias (not supported) xsl:number (partially supported) xsl:otherwise (supported) xsl:output (partially supported) xsl:param (supported) xsl:preserve-space (supported) xsl:processing-instruction xsl:sort (supported) xsl:strip-space (supported) xsl:stylesheet (part...
...And 2 more matches
JavaScript/XSLT Bindings - XSLT: Extensible Stylesheet Language Transformations
javascript/xslt bindings javascript can run xslt trans
formations through the xsltprocessor object.
... once instantiated, an xsltprocessor has an xsltprocessor.importstylesheet() method that takes as an argument the xslt stylesheet to be used in the trans
formation.
...var xsltprocessor = new xsltprocessor(); // load the xsl file using synchronous (third param is set to false) xmlhttprequest var myxmlhttprequest = new xmlhttprequest(); myxmlhttprequest.open("get", "example.xsl", false); myxmlhttprequest.send(null); var xslref = myxmlhttprequest.responsexml; // finally import the .xsl xsltprocessor.importstylesheet(xslref); for the actual trans
formation, xsltprocessor requires an xml document, which is used in conjunction with the imported xsl file to produce the final result.
...And 2 more matches
JSErrorFormatString
syntax typedef struct jserror
formatstring { const char *
format; uint16_t argcount; int16_t exntype; } jserror
formatstring; name type description
format const char * the error
format string in ascii.
... argcount uint16_t the number of arguments to expand in the
formatted error message.
... description jserror
formatstring is a struct to represent error message and type, returned by js_reporterrornumber function.
... see also mxr id search for jserror
formatstring jsexntype js_reporterrornumber bug 684526 ...
nsIAuthInformation
netwerk/base/public/nsiauthin
formation.idlscriptable a object that holds authentication in
formation.
...after the user entered the authentication in
formation, it should set the attributes of this object to indicate to the caller what was entered by the user.
... need_domain 4 this dialog needs domain in
formation.
... only_password 8 this dialog only asks for password in
formation.
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 in
formation, and check on the current version of the plug-in api and the browser.
...you can also use the status line to notify the user of plug-in-related in
formation.
... getting agent in
formation a plug-in can check which browser is running on the user's current system.
...if you want to gather usage statistics or just find out the version of your plug-in's host browser, this in
formation can help you.
SVGFontFaceFormatElement - Web APIs
the svgfontface
formatelement interface corresponds to the <font-face-
format> elements.
... object-oriented access to the attributes of the <font-face-
format> element via the svg dom is not possible.
... <div id="interfacediagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 23.333333333333332%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 140" preserveaspectratio="xminymin meet"><a xlink:href="/docs/web/api/svgfontface
formatelement" target="_top"><rect x="1" y="1" width="240" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="121" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgfontface
formatelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interface has no properties but inherits properties...
... specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'svgfontface
formatelement' in that specification.
x-ms-format-detection - HTML: Hypertext Markup Language
the x-ms-
format-detection attribute determines whether data
formats within the element’s text, like phone numbers, are automatically converted to followable links.
... links created through
format detection do not appear in the dom.
... syntax <html x-ms-
format-detection="none"> value all all supported data
formats are detected.
... none
format detection is turned off.
Intl.NumberFormat.prototype.resolvedOptions() - JavaScript
the intl.number
format.prototype.resolvedoptions() method returns a new object with properties reflecting the locale and number
formatting options computed during initialization of this number
format object.
... syntax number
format.resolvedoptions() return value a new object with properties reflecting the locale and number
formatting options computed during the initialization of the given number
format object.
... examples using the resolvedoptions method var de = new intl.number
format('de-de'); var usedoptions = de.resolvedoptions(); usedoptions.locale; // "de-de" usedoptions.numberingsystem; // "latn" usedoptions.notation; // "standard" usedoptions.signdisplay; // "auto" usedoption.style; // "decimal" usedoptions.minimumintegerdigits; // 1 usedoptions.minimumfractiondigits; // 0 usedoptions.maximumfractiondigits; ...
...// 3 usedoptions.usegrouping; // true specifications specification ecmascript internationalization api (ecma-402)the definition of 'intl.number
format.prototype.resolvedoptions' in that specification.
Intl.RelativeTimeFormat.prototype.resolvedOptions() - JavaScript
the intl.relativetime
format.prototype.resolvedoptions() method returns a new object with properties reflecting the locale and relative time
formatting options computed during initialization of this relativetime
format object.
... syntax relativetime
format.resolvedoptions() return value a new object with properties reflecting the locale and number
formatting options computed during the initialization of the given relativetime
format object.
... numeric the
format of output message.
... examples using the resolvedoptions method var de = new intl.relativetime
format('de-de'); var usedoptions = de.resolvedoptions(); usedoptions.locale; // "de-de" usedoptions.style; // "long" usedoptions.numeric; // "always" usedoptions.numberingsystem; // "latn" specifications specification status comment ecmascript internationalization api (ecma-402)the definition of 'relativetime
format.resolvedoptions()' in that specification.
format - SVG: Scalable Vector Graphics
the
format attribute indicates the
format of the given font.
... two elements are using this attribute: <altglyph> and <glyphref> context notes value <string> default value none animatable no <string> this value specifies the
format of the given font.
... here is a list of font
formats and their strings that can be used as values for this attribute:
format string
format truedoc-pfr truedoc™ portable font resource embedded-opentype embedded opentype type-1 postscript™ type 1 truetype truetype opentype opentype, including truetype open truetype-gx truetype with gx extensions speedo speedo intellifont intellifont specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of '
format for <glyphref>' in that specification.
... recommendation initial definition for <glyphref> scalable vector graphics (svg) 1.1 (second edition)the definition of '
format for <altglyph>' in that specification.
Converting WebAssembly text format to wasm - WebAssembly
this article explains a little bit about how it works, and how to use available tools to convert text
format files to the .wasm assembly
format.
... note: text
format files are usually saved with a .wat extension.
... a first look at the text
format let’s look at a simple example of this — the following program imports a function called imported_func from a module called imports, and exports a function called exported_func: (module (func $i (import "imports" "imported_func") (param i32)) (func (export "exported_func") i32.const 42 call $i ) ) the webassembly function exported_func is exported for use in our environment (e.g.
... converting the text .wat into a binary .wasm file let’s have a go at converting the above .wat text representation example into .wasm assembly
format.
NetworkInformation.downlink - Web APIs
the downlink read-only property of the networkin
formation interface returns the effective bandwidth estimate in megabits per second, rounded to the nearest multiple of 25 kilobits per seconds.
... syntax var downlink = networkin
formation.downlink value a double.
... specifications specification status comment network in
formation apithe definition of 'downlink' in that specification.
NetworkInformation.downlinkMax - Web APIs
the networkin
formation.downlinkmax read-only property returns the maximum downlink speed, in megabits per second (mbps), for the underlying connection technology.
... syntax var max = networkin
formation.downlinkmax return value an unrestricted double representing the maximum downlink speed, in megabits per second (mb/s), for the underlying connection technology.
...e; if ('downlinkmax' in navigator.connection) { downlinkmax = navigator.connection.downlinkmax; } } console.log('current connection type: ' + connectiontype + ' (downlink max: ' + downlinkmax + ')'); } logconnectiontype(); navigator.connection.addeventlistener('change', logconnectiontype); specifications specification status comment network in
formation apithe definition of 'downlinkmax' in that specification.
NetworkInformation.effectiveType - Web APIs
the effectivetype read-only property of the networkin
formation interface returns the effective type of the connection meaning one of 'slow-2g', '2g', '3g', or '4g'.
... syntax var effectivetype = networkin
formation.effectivetype value a string containing one of 'slow-2g', '2g', '3g', or '4g'.
... specifications specification status comment network in
formation apithe definition of 'effectivetype' in that specification.
NetworkInformation.rtt - Web APIs
the networkin
formation.rtt read-only property returns the estimated effective round-trip time of the current connection, rounded to the nearest multiple of 25 milliseconds.
... syntax rtt = networkin
formation.rtt return value a number.
... specifications specification status comment network in
formation apithe definition of 'rtt' in that specification.
WebGLShaderPrecisionFormat.precision - Web APIs
the read-only webglshaderprecision
format.precision property returns the number of bits of precision that can be represented.
... for integer
formats this value is always 0.
... examples var canvas = document.getelementbyid('canvas'); var gl = canvas.getcontext('webgl'); gl.getshaderprecision
format(gl.vertex_shader, gl.medium_float).precision; // 23 gl.getshaderprecision
format(gl.fragment_shader, gl.low_int).precision; // 0 specifications specification status comment webgl 1.0the definition of 'webglshaderprecision
format.precision' in that specification.
Inline formatting context - CSS: Cascading Style Sheets
this article explains the inline
formatting context core concepts the inline
formatting context is part of the visual rendering of a web page.
... in the example below, the two (<div>) elements with the black borders form a block
formatting context, inside which each word participates in an inline
formatting context.
...if there is a float within the same block
formatting context however, the float will cause the line boxes that wrap the float to become shorter.
203 Non-Authoritative Information - HTTP
the http 203 non-authoritative in
formation response status indicates that the request was successful but the enclosed payload has been modified by a transforming proxy from that of the origin server's 200 (ok) response .
... the 203 response is similar to the value 214, meaning trans
formation applied, of the warning header code, which has the additional advantage of being applicable to responses with any status code.
... status 203 non-authoritative in
formation specifications specification title rfc 7231, section 6.3.4: 203 non-authoritative in
formation hypertext transfer protocol (http/1.1): semantics and content ...
Intl.ListFormat.prototype.resolvedOptions() - JavaScript
the intl.list
format.prototype.resolvedoptions() method returns a new object with properties reflecting the locale and style
formatting options computed during the construction of the current list
format object.
... syntax list
format.resolvedoptions() return value an object with properties reflecting the locale and
formatting options computed during the construction of the given list
format object.
... examples using resolvedoptions const delist
formatter = new intl.list
format("de-de", { style: "short" }); const usedoptions = de.resolvedoptions(); console.log(usedoptions.locale); // "de-de" console.log(usedoptions.style); // "short" console.log(usedoptions.type); // "conjunction" (the default value) specifications specification intl.list
formatthe definition of 'resolvedoptions()' in that specification.
OpenSearch description format
the opensearch description
format lets a website describe a search engine for itself, so that a browser or other client application can use that search engine.
... for search suggestions, the application/x-suggestions+json url template is used to fetch a suggestion list in json
format.
...then, logging in
formation will appear in firefox's error console (tools 〉 error console) when search plugins are added.
<font-face-format> - SVG: Scalable Vector Graphics
the <font-face-
format> svg element describes the type of font referenced by its parent <font-face-uri>.
... usage context categoriesfont elementpermitted contentempty attributes global attributes core attributes specific attributes string dom interface this element implements the svgfontface
formatelement interface.
... specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of '<font-face-
format>' in that specification.
Basic Example - XSLT: Extensible Stylesheet Language Transformations
basic example the basic example will load an xml file and apply a xsl trans
formation on it.
...the xml file describes an article and the xsl file
formats the in
formation for display.
...the .xsl file is then imported (xsltprocessor.importstylesheet(xslstylesheet)) and the trans
formation run (xsltprocessor.transformtofragment(xmldoc, document)).
Getting File Information - Archive of obsolete content
file and stream guide: [ nsiscriptableio | accessing files | getting file in
formation | reading from files | writing to files | moving, copying and deleting files | uploading and downloading files | working with directories ] important note: the pages from the file and stream guide use the io object (nsiscriptableio), which was not available in any released version of the platform (pending some fixes).
... the nsifile object has a number of useful attributes which may be used to retrieve in
formation about a file.
getFormattedString - Archive of obsolete content
« xul reference home get
formattedstring( key, strarray ) return type: string looks up the
format string for the given key name in the string bundle and returns a
formatted copy where each occurrence of %s (uppercase) is replaced by each successive element in the supplied array.
... alternatively, numbered indices of the
format %n$s (e.g.
Information architecture - MDN Web Docs Glossary: Definitions of Web-related terms
in
formation architecture, as applied to web design and development, is the practice of organizing the in
formation / content / functionality of a web site so that it presents the best user experience it can, with in
formation and services being easily usable and findable.
... learn more general knowledge in
formation architecture on wikipedia ...
Information for users
please check the accessibility help topic for more in
formation.
... assistive technology compatibility this is a wiki page which users can edit to provide up to date in
formation on any issues related to compatibility with assistive technologies such as screen readers, screen magnifiers, voice input software and on screen keyboards.
Firefox Operational Information Database: SQLite
a large amount of operational in
formation about websites visited and browser configuration is stored in relational databases in sqlite used by firefox.
... the sqlite manager add-on allows convenient browsing of this in
formation.
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 in
formation regarding css.
...see example 6: getcomputedstyle in the examples chapter for more in
formation on how to use this method.
onMSVideoFormatChanged - Web APIs
onmsvideo
formatchanged is an event which occurs when the video
format changes.
... syntax value description event property object.onmsvideo
formatchanged = handler; attachevent method object.attachevent("onmsvideo
formatchanged", handler) addeventlistener method object.addeventlistener("", handler, usecapture) event handler parameters val[in], type=function see also htmlvideoelement microsoft api extensions ...
NetworkInformation.onchange - Web APIs
the networkin
formation.onchange event handler contains the code that is fired when connection in
formation changes, and the change is received by the networkin
formation object.
...} // register for event changes: navigator.connection.onchange = changehandler; // another way: navigator.connection.addeventlistener('change', changehandler); specifications specification status comment network in
formation apithe definition of 'onchange' in that specification.
NetworkInformation.saveData - Web APIs
the networkin
formation.savedata read-only property of the networkin
formation interface returns true if the user has set a reduced data usage option on the user agent.
... syntax var savedata = networkin
formation.savedata; value a boolean.
NetworkInformation.type - Web APIs
the networkin
formation.type read-only property returns the type of connection a device is using to communicate with the network.
... syntax var type = netinfo.type return value an enumerated value that is one of the following values: "bluetooth" "cellular" "ethernet" "none" "wifi" "wimax" "other" "unknown" specifications specification status comment network in
formation apithe definition of 'type' in that specification.
WebGLShaderPrecisionFormat.rangeMax - Web APIs
the read-only webglshaderprecision
format.rangemax property returns the base 2 log of the absolute value of the maximum value that can be represented.
... examples var canvas = document.getelementbyid('canvas'); var gl = canvas.getcontext('webgl'); gl.getshaderprecision
format(gl.vertex_shader, gl.medium_float).rangemax; // 127 gl.getshaderprecision
format(gl.fragment_shader, gl.low_int).rangemax; // 24 specifications specification status comment webgl 1.0the definition of 'webglshaderprecision
format.rangemax' in that specification.
WebGLShaderPrecisionFormat.rangeMin - Web APIs
the read-only webglshaderprecision
format.rangemin property returns the base 2 log of the absolute value of the minimum value that can be represented.
... examples var canvas = document.getelementbyid('canvas'); var gl = canvas.getcontext('webgl'); gl.getshaderprecision
format(gl.vertex_shader, gl.medium_float).rangemin; // 127 gl.getshaderprecision
format(gl.fragment_shader, gl.low_int).rangemin; // 24 specifications specification status comment webgl 1.0the definition of 'webglshaderprecision
format.rangemin' in that specification.
Accessibility Information for Web Authors - Accessibility
rather than providing a complex technical report, wave 4.0 shows the original web page with embedded icons and indicators that reveal the accessibility in
formation within your page.
...this document gives a plan which is being developed by ibm, mozilla and wai protocols and
formats working group (pfwg) to address the issue of accessible dhtml.
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.
... syntax feature-policy: legacy-image-
formats <allowlist>; <allowlist> an allowlist is a list of origins that takes one or more of the following values, separated by spaces: *: the feature will be allowed in this document, and all nested browsing contexts (iframes) regardless of their origin.
Information Security Basics - Web security
a basic understanding of in
formation security can help you avoid unnecessarily leaving your software and sites insecure and vulnerable to weaknesses that can be exploited for financial gain or other malicious reasons.
...with this in
formation, you can be aware of the role and importance of security throughout the web development cycle and beyond into deployment of your content.
XSLT elements reference - XSLT: Extensible Stylesheet Language Transformations
<xsl:apply-imports><xsl:apply-templates><xsl:attribute-set><xsl:attribute><xsl:call-template><xsl:choose><xsl:comment><xsl:copy-of><xsl:copy><xsl:decimal-
format><xsl:element><xsl:fallback><xsl:for-each><xsl:if><xsl:import><xsl:include><xsl:key><xsl:message><xsl:namespace-alias><xsl:number><xsl:otherwise><xsl:output><xsl:param><xsl:preserve-space><xsl:processing-instruction><xsl:sort><xsl:strip-space><xsl:stylesheet><xsl:template><xsl:text><xsl:transform><xsl:value-of><xsl:variable><xsl:when><xsl:with-param> <xsl:apply-imports> <xsl:apply-templates> ...
...<xsl:attribute> <xsl:attribute-set> <xsl:call-template> <xsl:choose> <xsl:comment> <xsl:copy> <xsl:copy-of> <xsl:decimal-
format> <xsl:element> <xsl:fallback> (not supported) <xsl:for-each> <xsl:if> <xsl:import> (mostly supported) <xsl:include> <xsl:key> <xsl:message> <xsl:namespace-alias> (not supported) <xsl:number> (partially supported) <xsl:otherwise> <xsl:output> (partially supported) <xsl:param> <xsl:preserve-space> <xsl:processing-instruction> <xsl:sort> <xsl:strip-space> <xsl:stylesheet> (partially supported) <xsl:template> <xsl:text> (partially supported) <xsl:transform> <xsl:value-of> (partially supported) <xsl:variable> <xsl:when> <xsl:with-param> ...
The Netscape XSLT/XPath Reference - XSLT: Extensible Stylesheet Language Transformations
elements xsl:apply-imports (supported) xsl:apply-templates (supported) xsl:attribute (supported) xsl:attribute-set (supported) xsl:call-template (supported) xsl:choose (supported) xsl:comment (supported) xsl:copy (supported) xsl:copy-of (supported) xsl:decimal-
format (supported) xsl:element (supported) xsl:fallback (not supported) xsl:for-each (supported) xsl:if (supported) xsl:import (mostly supported) xsl:include (supported) xsl:key (supported) xsl:message (supported) xsl:namespace-alias (not supported) xsl:number (partially supported) xsl:otherwise (supported) xsl:output (partially supported) xsl:param (supported) xsl:preserve-s...
...child descendant descendant-or-self following following-sibling namespace (not supported) parent preceding preceding-sibling self functions boolean() (supported) ceiling() (supported) concat() (supported) contains() (supported) count() (supported) current() (supported) document() (supported) element-available() (supported) false() (supported) floor() (supported)
format-number() (supported) function-available() (supported) generate-id() (supported) id() (partially supported) key() (supported) lang() (supported) last() (supported) local-name() (supported) name() (supported) namespace-uri() (supported) normalize-space() (supported) not() (supported) number() (supported) position() (supported) round() (supported) starts-with() (suppor...
Advanced Example - XSLT: Extensible Stylesheet Language Transformations
once the trans
formation is complete, the result is appended to the document, as shown in this example.
...tnode(mynode, true); // after cloning, we append xmlref.appendchild(clonednode); // set the sorting parameter in the xsl file var sortval = xsltprocessor.getparameter(null, "myorder"); if (sortval == "" || sortval == "descending") xsltprocessor.setparameter(null, "myorder", "ascending"); else xsltprocessor.setparameter(null, "myorder", "descending"); // initiate the trans
formation var fragment = xsltprocessor.transformtofragment(xmlref, document); // clear the contents document.getelementbyid("example").innerhtml = ""; mydom = fragment; // add the new content from the trans
formation document.getelementbyid("example").appendchild(fragment) } // xsl stylesheet: <?xml version="1.0" encoding="utf-8"?> <xsl:stylesheet version="1.0" xmlns="http://www.w3.org/19...
Accessibility Information for Core Gecko Developers
this document shows several interactive desktop-style widgets that are accessible by keyboards and assistive technologies, and outlines a plan being developed by ibm, mozilla, and the wai protocols and
formats working group (pfwg) to address the issue of dhtml accessibility.
Localization formats
ocalizers if it is needed may be slower because file is not compiled into binaries not used as a standard by any other localization project no tools to validate syntax, so a localizer may cause accidental errors that can cause breakage (level of breakage depends on level of error) cannot use po editor, which most localizers know and love gettext (.po) gettext is a widely-used localization
format that uses .po files.
browser.urlbar.formatting.enabled
the preference browser.urlbar.
formatting.enabled controls whether the domain name including the top level domain is highlighted in the address bar by coloring it black and the other parts grey.
NSS Key Log Format
secrets follow the
format <label> <space> <clientrandom> <space> <secret> where: <label> describes the following secret.
Index - Web APIs
51 analysernode api, analysernode, interface, reference, web audio api the analysernode interface represents a node able to provide real-time frequency and time-domain analysis in
formation.
... 86 animationevent api, experimental, interface, reference, web animations the animationevent interface represents events providing in
formation related to animations.
... 217 authenticatorassertionresponse.authenticatordata api, authenticatorassertionresponse, property, reference, web authentication api, webauthn the authenticatordata property of the authenticatorassertionresponse interface returns an arraybuffer containing in
formation from the authenticator such as the relying party id hash (rpidhash), a signature counter, test of user presence, user verification flags, and any extensions processed by the authenticator.
...And 287 more matches
Index
this strategy allows nss to work with many hardware devices (e.g., to speed up the calculations required for cryptographic operations, or to access smartcards that securely protect a secret key) and software modules (e.g., to allow to load such modules as a plugin that provides additional algorithms or stores key or trust in
formation) that implement the pkcs#11 interface.
...the preferred approach is to use certificates, and to look up certificates by properties such as the contained subject name (in
formation that describes the owner of the certificate).
... in addition to the freebl, softoken, and ckbi modules, there is an utility library for general operations (e.g., encoding/decoding between data
formats, a list of standardized object identifiers (oid)).
...And 143 more matches
Index - Archive of obsolete content
109 system/runtime access to in
formation about firefox's runtime environment.
... 111 system/xul-app in
formation about the application on which your add-on is running.
... 136 console add-on sdk enables your add-on to log error, warning or in
formational messages.
...And 118 more matches
Bytecode Descriptions
format: jof_atom symbol operands: (uint8_t symbol (the js::symbolcode of the symbol to use)) stack: ⇒ symbol push a well-known symbol.
...
format: jof_ic pos stack: val ⇒ (+val) the unary + operator.
...(per spec, unary - supports bigints, but unary + does not.)
format: jof_ic neg stack: val ⇒ (-val) the unary - operator.
...And 118 more matches
Index - MDN Web Docs Glossary: Definitions of Web-related terms
8 ascii glossary, infrastructure ascii (american standard code for in
formation interchange) is one of the most popular coding method used by computers for converting letters, numbers, punctuation and control codes into digital form.
... 12 accessibility tree (aom) aom, accessibility, dom, glossary, reference the accessibility tree, or accessibility object model (aom), contains accessibility-related in
formation for most html elements.
... 26 bandwidth glossary, infrastructure bandwidth is the measure of how much in
formation can pass through a data connection in a given amount of time.
...And 68 more matches
Index
2 accessing the windows registry using xpcom add-ons, code snippets, extensions, needsclassification, windows registry when implementing windows-specific functionality, it is often useful to access the windows registry for in
formation about the environment or other installed programs.
...for more in
formation on the workings of xpcom look elsewhere.
...the resources here provide in
formation about this language binding and how to use it.
...And 50 more matches
sslfnc.html
this page is part of the ssl reference that we are migrating into the
format described in the mdn style guide.
...see the description below for more in
formation on this option.
...see the description below for more in
formation about this option.
...And 49 more matches
Web audio codec guide - Web media technologies
for in
formation about the fundamental concepts behind how digital audio works, see the article digital audio concepts.
...oding within 64 kbps (for telephony/voip) rtp / webrtc mp3 mpeg-1 audio layer iii mp4, adts, mpeg1, 3gp opus opus webm, mp4, ogg vorbis vorbis webm, ogg [1] when mpeg-1 audio layer iii codec data is stored in an mpeg file, and there is no video track on the file, the file is typically referred to as an mp3 file, even though it's still an mpeg
format file.
... factors affecting the encoded audio there are two general categories of factors that affect the encoded audio which is output by an audio codec's encoder: details about the source audio's
format and contents, and the codec and its configuration during the encoding process.
...And 41 more matches
Editor Embedding Guide - Archive of obsolete content
this will not really give you any concrete in
formation on the state of the command.
...this will not really give you any concrete in
formation on the state of the command.
...this will not really give you any concrete in
formation on the state of the command.
...And 36 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." in
formation 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.
... encryption and decryption allow two communicating parties to disguise in
formation they send to each other.
... the sender encrypts, or scrambles, in
formation before sending it.
...And 35 more matches
Web video codec guide - Web media technologies
just as audio codecs do for the sound data, video codecs compress the video data and encode it into a
format that can later be decoded and played back or edited.
... mpeg-2 mpeg-2 part 2 visual mp4, mpeg, quicktime theora theora ogg vp8 video processor 8 3gp, ogg, webm vp9 video processor 9 mp4, ogg, webm factors affecting the encoded video as is the case with any encoder, there are two basic groups of factors affecting the size and quality of the encoded video: specifics about the source video's
format and contents, and the characteristics and configuration of the codec used while encoding the video.
... effect of source video
format on encoded output the degree to which the
format of the source video will affect the output varies depending on the codec and how it works.
...And 33 more matches
Mozilla Crypto FAQ - Archive of obsolete content
note that this document is for your in
formation only and is not intended as legal advice.
...in
formation in the faq also reflects the new u.s.
... the questions in this faq address mozilla's support for encryption and related security functionality, in
formation important to mozilla contributors relating to encryption functionality in mozilla, and general questions on u.s.
...And 30 more matches
NSS tools : modutil
name modutil - manage pkcs #11 module in
formation within the security module database.
...please contribute to the initial review in mozilla nss bug 836477[1] description the security module database tool, modutil, is a command-line utility for managing pkcs #11 module in
formation both within secmod.db files and within hardware tokens.
...the jar file uses the nss pkcs #11 jar
format to identify all the files to be installed, the module's name, the mechanism flags, and the cipher flags, as well as any files to be installed on the target machine, including the pkcs #11 module library file and other files such as documentation.
...And 30 more matches
NSS tools : modutil
name modutil — manage pkcs #11 module in
formation within the security module database.
... synopsis modutil [options] arguments description the security module database tool, modutil, is a command-line utility for managing pkcs #11 module in
formation both within secmod.db files and within hardware tokens.
...the jar file uses the nss pkcs #11 jar
format to identify all the files to be installed, the module's name, the mechanism flags, and the cipher flags, as well as any files to be installed on the target machine, including the pkcs #11 module library file and other files such as documentation.
...And 30 more matches
Python binding for NSS
project in
formation python-nss is a python binding for nss (network security services) and nspr (netscape portable runtime).
... for in
formation on nss and nspr, see the following: network security services (nss).
...the exact error code, error description, and often contextual error in
formation will be present in the exception object.
...And 26 more matches
Index - Learn web development
10 wai-aria basics aria, accessibility, article, beginner, codingscripting, guide, html, javascript, learn, wai-aria, semantics this article has by no means covered all that's available in wai-aria, but it should have given you enough in
formation to understand how to use it, and know some of the most common patterns you will encounter that require it.
...this article provides some hints and tips in both of these areas that will help you get more out of learning web development, as well as further reading so you can find out more in
formation about each sub-topic should you wish..
...every time a web page does more than just sit there and display static in
formation for you to look at—displaying timely content updates, interactive maps, animated 2d/3d graphics, scrolling video jukeboxes, or more—you can bet that javascript is probably involved.
...And 25 more matches
HTML documentation index - HTML: Hypertext Markup Language
6 date and time
formats used in html date, element,
format, html, iso 8601, input, reference, string, time, week, datetime, datetime-local, del, ins, month, month-year, week-year certain html elements use date and/or time values.
... the
formats of the strings that specify these values are described in this article.
... 13 data-* global attributes, html, reference the data-* global attributes form a class of attributes called custom data attributes, that allow proprietary in
formation to be exchanged between the html and its dom representation by scripts.
...And 25 more matches
The "codecs" parameter in common media types - Web media technologies
however, many media types—especially those that support video tracks—can benefit from the ability to more precisely describe the
format of the data within them.
... for instance, just describing a video in an mpeg-4 file with the mime type video/mp4 doesn't say anything about what
format the actual media within takes.
...with it, container-specific in
formation can be provided.
...And 25 more matches
Layout System Overview - Archive of obsolete content
this presentation is typically
formatted in accordance with the requirements of the css1 and css2 specifications from the w3c.
... presentation
formatting is also required to provide compatibility with legacy browsers (microsoft internet explorer and netscape navigator 4.x).
... the decision about when to apply css-specified
formatting and when to apply legacy
formatting is controlled by the document's doctype specification.
...And 24 more matches
Client-Server Overview - Learn web development
an html file containing in
formation about a product, or a list of products).
... head: get the metadata in
formation about a specific resource without getting the body like get would.
... additional in
formation can be encoded with the request (for example, html form data).
...And 24 more matches
HTTP Index - HTTP
9 mime types (iana media types) content-type, guide, http, mime types, meta, request header, response header, application/javascript, application/json, application/xml a media type (also known as a multipurpose internet mail extensions or mime type) is a standard that indicates the nature and
format of a document, file, or assortment of bytes.
... 11 resource urls guide, http, intermediate, resource resource urls, urls prefixed with the resource: scheme, are used by firefox and firefox browser extensions to load resources internally, but some of the in
formation is available to sites the browser connects to as well.
... 17 content negotiation content negotiation, content negotiation reference, http, reference in http, content negotiation is the mechanism that is used for serving different representations of a resource at the same uri, so that the user agent can specify which is best suited for the user (for example, which language of a document, which image
format, or which content encoding).
...And 24 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.
... as a rough overview this is a version string split by periods, some examples: 2.0 1.0b1 3.0pre1 5.0.1.2 note: before firefox 1.5 the more basic firefox version
format was used: major.minor.release.build[+] where only digits were allowed.
... the toolkit version
format supports the firefox version
format but allows greater flexibility.
...And 21 more matches
Performance best practices for Firefox front-end engineers
see detecting and avoiding synchronous reflow below for more in
formation.
... this also means that requestanimationframe() is not a good place to put queries for layout or style in
formation.
... generally speaking, you force a synchronous style flush any time you query for style in
formation after the dom has changed within the same frame tick.
...And 21 more matches
certutil
for in
formation security module database management, see the modutil manpages.
... -l list all the certificates, or display in
formation about a named certificate, in a certificate database.
... -a use ascii
format or allow the use of ascii
format for input or output.
...And 21 more matches
Plug-in Development Overview - Gecko Plugin API Reference
also see making plug-ins scriptable for more in
formation about making plug-ins accessible from the browser.
...for in
formation about the html elements to use, see using html to display plug-ins.
...for more in
formation about mime types, see these mime rfcs: rfc-2045: "multipurpose internet mail extensions (mime) part one:
format of internet message bodies" rfc-2046: "multipurpose internet mail extensions (mime) part two: media types" rfc-4288: "media type specifications and registration procedures" there are some variations to how plug-ins are handled on different platforms.
...And 20 more matches
Video and audio content - Learn web development
the embedded video will look something like this: you can try the example live here (see also the source code.) using multiple source
formats to improve compatibility there's a problem with the above example, which you may have noticed already if you've tried to access the live link above with an older browser like internet explorer or even an older version of safari.
... the video won't play, because different browsers support different video (and audio)
formats.
...
formats like mp3, mp4 and webm are called container
formats.
...And 20 more matches
NSS tools : certutil
for in
formation on the security module database management, see the modutil manpage.
... -l list all the certificates, or display in
formation about a named certificate, in a certificate database.
... -a use ascii
format or allow the use of ascii
format for input or output.
...And 20 more matches
NSS tools : signtool
options -b basename specifies the base filename for the .rsa and .sf files in the meta-inf directory to conform with the jar
format.
... -f commandfile specifies a text file containing netscape signing tool options and arguments in keyword=value
format.
...for more in
formation about the syntax used with this file, see "tips and techniques".
...And 20 more matches
Plug-in Development Overview - Plugins
also see making plug-ins scriptable for more in
formation about making plug-ins accessible from the browser.
...for in
formation about the html elements to use, see using html to display plug-ins.
...for more in
formation about mime types, see these mime rfcs: rfc-2045: "multipurpose internet mail extensions (mime) part one:
format of internet message bodies" rfc-2046: "multipurpose internet mail extensions (mime) part two: media types" rfc-4288: "media type specifications and registration procedures" there are some variations to how plug-ins are handled on different platforms.
...And 20 more matches
<input>: The Input (Form Input) element - HTML: Hypertext Markup Language
see the html autocomplete attribute for additional in
formation, including in
formation on password security and how autocomplete is slightly different for hidden than for other input types.
...see the submit input type for more in
formation.
...see the submit input type for more in
formation.
...And 20 more matches
SubtleCrypto.importKey() - Web APIs
the importkey() method of the subtlecrypto interface imports a key: that is, it takes as input a key in an external, portable
format and gives you a cryptokey object that you can use in the web crypto api.
... the function accepts several import
formats: see supported
formats for details.
... syntax const result = crypto.subtle.importkey(
format, keydata, algorithm, extractable, usages ); parameters
format is a string describing the data
format of the key to import.
...And 19 more matches
Introduction to the server side - Learn web development
it can also make sites easier to use by storing personal preferences and in
formation — for example reusing stored credit card details to streamline subsequent payments.
... the request includes a url identifying the affected resource, a method that defines the required action (for example to get, delete, or post the resource), and may include additional in
formation encoded in url parameters (the field-value pairs sent via a query string), as post data (data sent by the http post method), or in associated cookies.
... a dynamic site can return different data for a url based on in
formation provided by the user or stored preferences and can perform other operations as part of returning a response (e.g.
...And 18 more matches
Signaling and video calling - Web APIs
a form of discovery and media
format negotiation must take place, as discussed elsewhere, in order for two devices on different networks to locate one another.
...a signaling server's job is to serve as an intermediary to let two peers find and establish a connection while minimizing exposure of potentially private in
formation as much as possible.
...webrtc doesn't specify a transport mechanism for the signaling in
formation.
...And 18 more matches
Implementing a Microsoft Active Accessibility (MSAA) Server - Accessibility
using this in
formation, a screen reader will speak out loud important changes to the document or ui, and allow the user to track where they navigate.
...some screen readers can even show in
formation on a refreshable braille display.
... on microsoft windows, these kinds of assistive technology acquire this necessary in
formation via a combination of hacks, msaa and proprietary doms.
...And 18 more matches
XUL controls - Archive of obsolete content
for more reference in
formation, see the xul reference.
... <button label="save" accesskey="s"/> more in
formation about the button element.
... <button type="menu" label="view"> <menupopup> <menuitem label="list"/> <menuitem label="details"/> </menupopup> </button> more in
formation about this type of menu button element.
...And 17 more matches
WebGL constants - Web APIs
var debuginfo = gl.getextension('webgl_debug_renderer_info'); var vendor = gl.getparameter(debuginfo.unmasked_vendor_webgl); the webgl tutorial has more in
formation, examples, and resources on how to get started with webgl.
... getting gl parameter in
formation constants passed to webglrenderingcontext.getparameter() to specify what in
formation to return.
... depth_bits 0x0d56 stencil_bits 0x0d57 polygon_offset_units 0x2a00 polygon_offset_factor 0x8038 texture_binding_2d 0x8069 sample_buffers 0x80a8 samples 0x80a9 sample_coverage_value 0x80aa sample_coverage_invert 0x80ab compressed_texture_
formats 0x86a3 vendor 0x1f00 renderer 0x1f01 version 0x1f02 implementation_color_read_type 0x8b9a implementation_color_read_
format 0x8b9b browser_default_webgl 0x9244 buffers constants passed to webglrenderingcontext.bufferdata(), webglrenderingcontext.buffersubdata(), webglrenderingcont...
...And 17 more matches
MIME types (IANA media types) - HTTP
a media type (also known as a multipurpose internet mail extensions or mime type) is a standard that indicates the nature and
format of a document, file, or assortment of bytes.
... image list at iana image or graphical data including both bitmap and vector still images as well as animated versions of still image
formats such as animated gif or apng.
... text list at iana text-only data including any human-readable content, source code, or textual data such as comma-separated value (csv)
formatted data.
...And 17 more matches
Skinning XUL Files by Hand - Archive of obsolete content
to skin a xul file means to change the overall look of that file by changing its style in
formation.
...but you may also want to define new classes of buttons particular to your xul file, in which case the style in
formation will be wholly defined within your custom css file.
...the ability to apply styles to elements of a type, to specifically identified elements, and to classes of elements creates the potential for redundancies or conflicts in the style in
formation.
...And 16 more matches
NPAPI plugin reference - Archive of obsolete content
browser-side plug-in api this chapter describes methods in the plug-in api that are provided by the browser; these allow call back to the browser to request in
formation, tell the browser to repaint part of the window, and so forth.
... np_getvalue allows the browser to query the plug-in for in
formation.
... np_port contains in
formation required by the window field of an npwindow structure.
...And 16 more matches
Introducing a complete toolchain - Learn web development
we'll go all the way from setting up a sensible development environment and putting trans
formation tools in place to actually deploying your app on netlify.
... in this article we'll introduce the case study, set up our development environment, and set up our code trans
formation tools.
... useful development tools such as prettier for
formatting and eslint for linting.
...And 16 more matches
WebGLRenderingContext - Web APIs
the webgl tutorial has more in
formation, examples, and resources on how to get started with webgl.
... the webgl context the following properties and methods provide general in
formation and functionality to deal with the webgl context: webglrenderingcontext.canvas a read-only back-reference to the htmlcanvaselement.
... state in
formation webglrenderingcontext.activetexture() selects the active texture unit.
...And 16 more matches
Codecs used by WebRTC - Web media technologies
the webrtc api makes it possible to construct web sites and apps that let users communicate in real time, using audio and/or video as well as optional data and other in
formation.
...however, rfc 7742 specifies that all webrtc-compatible browsers must support vp8 and h.264's constrained baseline profile for video, and rfc 7874 specifies that browsers must support at least the opus codec as well as g.711's pcma and pcmu
formats.
...of secondary importance is the need to keep the video and audio synchronized, so that the movements and any ancillary in
formation (such as slides or a projection) are presented at the same time as the audio that corresponds.
...And 15 more matches
WAI-ARIA basics - Learn web development
as an example, you could use aria-labelledby to specify that a key description contained in a <div> is the label for multiple table cells, or you could use it as an alternative to image alt text — specify existing in
formation on the page as an image's alt text, rather than having to repeat it inside the alt attribute.
... an important point about wai-aria attributes is that they don't affect anything about the web page, except for the in
formation exposed by the browser's accessibility apis (where screenreaders get their in
formation from).
... note: you can find a useful list of all the aria roles and their uses, with links to futher in
formation, in the wai-aria spec — see definition of roles.
...And 14 more matches
NSS Tools modutil
using the security module database (modutil) newsgroup: mozilla.dev.tech.crypto the security module database tool is a command-line utility for managing pkcs #11 module in
formation within secmod.db files or within hardware tokens.
...for in
formation on certificate database and key database management, see using the certificate database tool.
... -list [modulename] display basic in
formation about the contents of the secmod.db file.
...And 14 more matches
Gecko object attributes
this is useful for retrieving micro
format semantics for an element.
...this may provide more in
formation than the mapped role, which is best-fit.
...please see the aria states and properties module for more in
formation.
...And 14 more matches
Mozilla
see the gecko overview for more in
formation about the style system.
...this can be useful if you want to integrate a gecko application's password management with an existing password management system, or use your own password storage
format or database.
...here is a very simple example of the observer pattern: creating mozsearch plugins firefox 2 uses a simplified form of the opensearch
format for storing search plugins.
...And 14 more matches
Accessibility Inspector - Firefox Developer Tools
the accessibility inspector provides a means to access important in
formation exposed to assistive technologies on the current page via the accessibility tree, allowing you to check what's missing or otherwise needs attention.
...this means trying your best to not lock anyone out of accessing in
formation because of any disability they may have, or any other personal circumstances such as the device they are using, the speed of their network connection, or their geographic location or locale.
... you can find more extensive in
formation in the accessibility section of mdn web docs.
...And 14 more matches
Cognitive accessibility - Accessibility
adaptability guideline 1.3 states "content should be adaptable." create content that can be presented in different ways without losing in
formation or structure.
... all in
formation, including structure and relationships conveyed through the presentation, should be available in a form that can be perceived by all users to achieve this goal.
... for example, the in
formation could be spoken aloud via a narration tool.
...And 14 more matches
Audio and Video Delivery - Developer guides
currently, to support all browsers we need to specify two
formats, although with the adoption of mp3 and mp4
formats in firefox and opera, this is changing fast.
... you can find compatibility in
formation in the guide to media types and
formats on the web.
... to deliver video and audio, the general workflow is usually something like this: check what
format the browser supports via feature detection (usually a choice of two, as stated above).
...And 14 more matches
<input type="time"> - HTML: Hypertext Markup Language
appearance chrome and opera in chrome/opera the time control is simple, with slots to enter hours and minutes in 12 or 24-hour
format depending on operating system locale, and up and down arrows to increment and decrement the currently selected component.
...it also uses a 12- or 24-hour
format for inputting times, based on system locale.
...it, like chrome, uses a 12- or 24-hour
format for inputting times, based on system locale: 12-hour 24-hour value a domstring representing a time, or empty.
...And 14 more matches
SVG documentation index - SVG: Scalable Vector Graphics
they let svg markup and its resulting dom share in
formation that standard attributes can't, usually for scripting purposes.
... 86
format deprecated, svg, svg attribute the
format attribute indicates the
format of the given font.
... 96 glyphref deprecated, svg, svg attribute the glyphref attribute represents the glyph identifier, the
format of which is dependent on the
format of the given font.
...And 14 more matches
Index - Archive of obsolete content
193 menuitem.type xul attributes, xul reference more in
formation on adding checkmarks to menus in the xul tutorial 194 min xul attributes, xul reference no summary!
... 424 fileguide see io 425 accessing files file and stream guide: [ nsiscriptableio | accessing files | getting file in
formation | reading from files | writing to files | moving, copying and deleting files | uploading and downloading files | working with directories ] 426 getting file in
formation file and stream guide: [ nsiscriptableio | accessing files | getting file in
formation | reading from files | writing to files | moving, copying and deleting files | uploading and downloading files | workin...
...g with directories ] 427 io file and stream guide: [ nsiscriptableio | accessing files | getting file in
formation | reading from files | writing to files | moving, copying and deleting files | uploading and downloading files | working with directories ] 428 moving, copying and deleting files file and stream guide: [ nsiscriptableio | accessing files | getting file in
formation | reading from files | writing to files | moving, copying and deleting files | uploading and downloading files | working with directories ] 429 reading from files file and stream guide: [ nsiscriptableio | accessing files | getting file in
formation | reading from files | writing to files | moving, copying and deleting files | uploading and downloading files |...
...And 13 more matches
Mozilla's Section 508 Compliance
the united states federal rehabilitation act's section 508 is a new standard for defining accessibility requirements for software and other electronic and in
formation technology.
... the following is provided for in
formational purposes only and is not a legally binding voluntary product accessibility template (vpat).
... (d) sufficient in
formation about a user interface element including the identity, operation and state of the element shall be available to assistive technology.
...And 13 more matches
Accessibility documentation index - Accessibility
addition of aria semantics only exposes extra in
formation to a browser's accessibility api, and does not affect a page's dom.
...the alert role is most useful for in
formation that requires the user's immediate attention, for example: 16 using the alertdialog role aria, accessibility, codingscripting, html, needscontent, role(2), web development, agent, alertdialog, alerts, modal, user, useragent the alertdialog role is used to notify the user of urgent in
formation that demands the user's immediate attention.
...this is very similar to aria-labelledby: a label describes the essence of an object, while a description provides more in
formation that the user might need.
...And 13 more matches
HTML elements reference - HTML: Hypertext Markup Language
for more in
formation about the basics of html elements and attributes, see the section on elements in the introduction to html article.
... document metadata metadata contains in
formation about the page.
... this includes in
formation about styles, scripts and data to help software (search engines, browsers, etc.) use and render the page.
...And 13 more matches
Date.parse() - JavaScript
there are still many differences in how different hosts parse date strings, therefore date strings should be manually parsed (a library can help if many different
formats are to be accommodated).
... syntax direct call: date.parse(datestring) implicit call: new date(datestring) parameters datestring a string representing a simplification of the iso 8601 calendar date extended
format.
... (other
formats may be used, but results are implementation-dependent.) return value a number representing the milliseconds elapsed since january 1, 1970, 00:00:00 utc and the date obtained by parsing the given string representation of a date.
...And 13 more matches
Enhanced Extension Installation - Archive of obsolete content
in the profile directory, the file compatibility.ini stores in
formation about the version of the application (build info) that last started this profile - during startup this file is checked and if the version info held by the running app disagrees with the info held by this file, a compatibility check is run on all installed items.
...the composite datasource handles all read-only in
formation requests, and when data must be written the extension manager determines the appropriate datasource to write and flush to.
... the model looks something like this: nsextensionsdatasource.prototype = { _composite // the composite that manages the two // datasources at the install locations for // read-only in
formation requests _profileextensions // the rdf/xml datasource for the items at the // profile install location _globalextensions // the rdf/xml datasource for the items at the // global install location.
...And 12 more matches
Adding preferences to an extension - Archive of obsolete content
its job is to start up the observer to watch for changes to our preferences, instantiate an object to use to manage our preferences, and install an interval routine to update the stock in
formation periodically.
...ion() { // register to receive notifications of preference changes this.prefs = components.classes["@mozilla.org/preferences-service;1"] .getservice(components.interfaces.nsiprefservice) .getbranch("extensions.stockwatcher2."); this.prefs.addobserver("", this, false); this.tickersymbol = this.prefs.getcharpref("symbol").touppercase(); this.refreshin
formation(); window.setinterval(this.refreshin
formation, 10*60*1000); } }, our object has two member variables.
... now that we're monitoring the preferences, we can set up to watch the stock in
formation and display it in the status bar panel.
...And 12 more matches
Creating a dynamic status bar extension - Archive of obsolete content
« previousnext » this article builds upon the article creating a status bar extension, which creates a static status bar panel in the firefox status bar, by dynamically updating its content with in
formation fetched from the web every few minutes.
... specifically, this sample displays a stock quote in the status bar, and, when you mouse over it, displays a tooltip containing more detailed in
formation about the stock.
...8"?> <!doctype overlay> <overlay id="stockwatcher-overlay" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <script type="application/javascript" src="chrome://stockwatcher/content/stockwatcher.js"/> <!-- firefox --> <statusbar id="status-bar"> <statusbarpanel id="stockwatcher" label="loading..." tooltiptext="current value" onclick="stockwatcher.refreshin
formation()" /> </statusbar> </overlay> also, notice that the definition of the status bar panel now includes a new property, onclick, which references the javascript function that will be executed whenever the user clicks on the status bar panel.
...And 12 more matches
Inner-browsing extending the browser navigation paradigm - Archive of obsolete content
extending traditional hypertext navigation the hypertext approach to developing web pages, in which developers
format text layouts into pages and link those pages to related content, is analogous to a book or a magazine: readers view pages, go to other pages for more in
formation, and view resources listed as references on that page.
...without leaving the page, the user browses new in
formation and preserves the page's context.
...good candidates for inner-browsing include a spell check application, in which the text entered in a web page is checked as it is typed; a webmail application that uses the inner-browsing model to display the separate messages and message lists in an integrated way, much like a client mail app; and a stock ticker that spools the in
formation across the web page.
...And 12 more matches
Introduction to SSL - Archive of obsolete content
this document is primarily intended for administrators of red hat server products, but the in
formation it contains may also be useful for developers of applications that support ssl.
...this confirmation might be important if the server, for example, is a bank sending confidential financial in
formation to a customer and wants to check the recipient's identity.
... an encrypted ssl connection requires all in
formation sent between a client and a server to be encrypted by the sending software and decrypted by the receiving software, thus providing a high degree of confidentiality.
...And 12 more matches
Client-side form validation - Learn web development
previous overview: forms next before submitting data to the server, it is important to ensure all required form controls are filled out, in the correct
format.
... go to any popular site with a registration form, and you will notice that they provide feedback when you don't enter your data in the
format they are expecting.
... "please enter your phone number in the
format xxx-xxxx" (a specific data
format is required for it to be considered valid).
...And 12 more matches
Creating hyperlinks - Learn web development
html text
formatting, as covered in html text fundamentals.
... adding supporting in
formation with the title attribute another attribute you may want to add to your links is title.
... the title contains additional in
formation about the link, such as which kind of in
formation the page contains, or things to be aware of on the web site.
...And 12 more matches
Server-side web frameworks - Learn web development
they provide tools and libraries that simplify common web development tasks, including routing urls to appropriate handlers, interacting with databases, supporting sessions and user authorization,
formatting output (e.g.
... work directly with http requests and responses as we saw in the last article, web servers and browsers communicate via the http protocol — servers wait for http requests from the browser and then return in
formation in http responses.
...every "view" function (a request handler) receives an httprequest object containing request in
formation, and is required to return an httpresponse object with the
formatted output (in this case a string).
...And 12 more matches
Creating localizable web applications
cheatsheet don't hardcode english text,
formats (numbers, dates, addresses, etc.), word order or sentence structure.
...you could easily use list($category, $tab, $page) = explode('/', $path); to get this in
formation directly from the url.
...you can learn more about the choice of the
format for your project at file
formats.
...And 12 more matches
NSS Certificate Download Specification
this document describes the data
formats used by nss 3.x for installing certificates.
... data
formats nss can accept certificates in several
formats.
... binary
formats nss's certificate loader will recognize several binary
formats.
...And 12 more matches
Plug-in Basics - Plugins
plug-ins like these are now available: multimedia viewers such as adobe flash and adobe acrobat utilities that provide object embedding and compression/decompression services applications that range from personal in
formation managers to games the range of possibilities for using plug-in technology seems boundless, as shown by the growing numbers of independent software vendors who are creating new and innovative plug-ins.
...notice in view-source that this in
formation is simply gathered from the javascript.
...for more in
formation about helper applications, refer to the netscape online help.
...And 12 more matches
Live streaming web audio and video - Developer guides
usually, we require different
formats and special server-side software to achieve this.
...in order to have this capability, we need to use
formats that facilitate this.
... live streaming
formats generally allow adaptive streaming by breaking streams into a series of small segments and making those segments available at different qualities and bit rates.
...And 12 more matches
<input type="email"> - HTML: Hypertext Markup Language
the input value is automatically validated to ensure that it's either empty or a properly-
formatted e-mail address (or list of addresses) before the form can be submitted.
...more specifically, there are three possible value
formats that will pass validation: an empty string ("") indicating that the user did not enter a value or that the value was removed.
...this doesn't necessarily mean the e-mail address exists, but it is at least
formatted correctly.
...And 12 more matches
Install Manifests - Archive of obsolete content
firefox or thunderbird) uses to determine in
formation about an add-on as it is being installed.
... it contains metadata identifying the add-on, providing in
formation about who created it, where more in
formation can be found about it, which versions of what applications it is compatible with, how it should be updated, and so on.
... the
format of the install manifest is rdf/xml.
...And 11 more matches
Using workers in extensions - Archive of obsolete content
how this differs from previous versions this version of the stock ticker extension moves the xmlhttprequest call that fetches updated stock in
formation into a worker thread, which then passes that in
formation back to the main body of the extension's code to update the display in the status bar.
... the worker the worker thread's job in this example is to issue the xmlhttprequest calls that fetch the updated stock in
formation.
... so we need to move the refreshin
formation() method from the stockwatcher2.js file into a separate file that will host the worker thread.
...And 11 more matches
Handling Mozilla Security Bugs
for more in
formation read the rest of this document.
... background security vulnerabilities are different from other bugs, because their consequences are potentially so severe: users' private in
formation (including financial in
formation) could be exposed, users' data could be destroyed, and users' systems could be used as platforms for attacks on other systems.
... thus people have strong feelings about how security-related bugs are handled, and in particular about the degree to which in
formation about such bugs is publicly disclosed.
...And 11 more matches
imgIEncoder
1.0 66 introduced gecko 1.8 inherits from: nsiasyncinputstream last changed in gecko 1.9 (firefox 3) method overview void addimageframe( [array, size_is(length), const] in pruint8 data, in unsigned long length, in pruint32 width, in pruint32 height, in pruint32 stride, in pruint32 frame
format, in astring frameoptions); void encodeclipboardimage(in nsiclipboardimage aclipboardimage, out nsifile aimagefile); obsolete since gecko 1.9 void endimageencode(); void initfromdata([array, size_is(length), const] in pruint8 data, in unsigned long length, in pruint32 width, in pruint32 height, in pruint32 stride, in pruint32 input
format, in astring outputoptions); void startimageencode...
...(in pruint32 width, in pruint32 height, in pruint32 input
format, in astring outputoptions); constants possible values for input
format (note that not all image
formats support saving alpha channels): constant value description input_
format_rgb 0 input is rgb each pixel is represented by three bytes: r, g, and b (in that order, regardless of host endianness) input_
format_rgba 1 input is rgb each pixel is represented by four bytes: r, g, and b (in that order, regardless of host endianness).
... post-multiplied alpha us used (for example 50% transparent red is 0xff000080) input_
format_hostargb 2 input is host-endian argb: on big-endian machines each pixel is therefore argb, and for little-endian machiens (intel) each pixel is bgra (this is used by canvas to match it's internal representation) pre-multiplied alpha is used (that is, 50% transparent red is 0x80800000, not 0x80ff0000) possible values for outputoptions.
...And 11 more matches
Migrating from Firebug - Firefox Developer Tools
it shows log in
formation associated with a web page and allows you to execute javascript expressions via its command line.
... copy html and related in
formation firebug's html panel allows to copy the inner and outer html of an element as well as the css and xpath to it via the context menu of an element.
...the output of the call tree is the one that comes nearest to the output in firebug, but the performance panel provides much more in
formation than just the javascript performance.
...And 11 more matches
Network request details - Firefox Developer Tools
this pane provides more detailed in
formation about the request.
... network request details clicking on a row displays a new pane in the right-hand side of the network monitor, which provides more detailed in
formation about the request.
... this includes: in
formation about the request status: the response status code for the request; click the "?" icon to go to the reference page for the status code.
...And 11 more matches
WebGL best practices - Web APIs
(the interpolation of varyings is very cheap, and is done automatically for you through the fixed functionality rasterization phase of the graphics pipeline) for example, a simple animation of a textured surface can be achieved through a time-dependent trans
formation of texture coordinates.
... if you know your precision requirements, getshaderprecision
format() will tell you what the system supports.
...(the spec calls this "color-renderable
formats") for example, if a system supports float-textures but not render-to-float, generatemipmaps will fail for float
formats.
...And 11 more matches
Inputs and input sources - Web APIs
the in
formation for each input source includes which hand it's held in (if applicable), what targeting method it uses, xrspaces that can be used to draw the targeting ray and to find the targeted object or location as well as to draw objects in the user's hands, and profile strings specifying the preferred way to represent the controller in the user's viewing area as well as how the input operates.
...see facing and targeting for further in
formation.
...see supporting advanced controllers and gamepads in webxr applications for more detailed in
formation.
...And 11 more matches
Color picker tool - CSS: Cascading Style Sheets
in: 0; border: 1px solid #ddd; background-color: #fff; display: table; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ui-color-picker .picking-area { width: 198px; height: 198px; margin: 5px; border: 1px solid #ddd; position: relative; float: left; display: table; } .ui-color-picker .picking-area:hover { cursor: default; } /* hsv
format - hue-saturation-value(brightness) */ .ui-color-picker .picking-area { background: url('https://mdn.mozillademos.org/files/5707/picker_mask_200.png') center center; background: -moz-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 100%), -moz-linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 100%), -webk...
...it-linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 100%), -ms-linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 100%), -o-linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0) 100%); background-color: #f00; } /* hsl
format - hue-saturation-lightness */ .ui-color-picker[data-mode='hsl'] .picking-area { background: -moz-linear-gradient(top, hsl(0, 0%, 100%) 0%, hsla(0, 0%, 100%, 0) 50%, hsla(0, 0%, 0%, 0) 50%, hsl(0, 0%, 0%) 100%), -moz-linear-gradient(left, hsl(0, 0%, 50%) 0%, hsla(0, 0%, 50%, 0) 100%); background: -webkit-linear-gradient(top, hsl(0, 0%, 100%) 0%, hsla(0, 0%, 100%, 0) 50%, hsla(0, 0%, 0%, 0)...
..., saturation, value / brightness, lightness) * @param hue 0-360 * @param saturation 0-100 * @param value 0-100 * @param lightness 0-100 */ function color(color) { if(color instanceof color === true) { this.copy(color); return; } this.r = 0; this.g = 0; this.b = 0; this.a = 1; this.hue = 0; this.saturation = 0; this.value = 0; this.lightness = 0; this.
format = 'hsv'; } function rgbcolor(r, g, b) { var color = new color(); color.setrgba(r, g, b, 1); return color; } function rgbacolor(r, g, b, a) { var color = new color(); color.setrgba(r, g, b, a); return color; } function hsvcolor(h, s, v) { var color = new color(); color.sethsv(h, s, v); return color; } function hsvacolor(h, s, v, a) { var color = new color(); color...
...And 11 more matches
Rich-Text Editing in Mozilla - Developer guides
more in
formation can be found in the rich text editing section of migrate apps from internet explorer to mozilla.
...cument.getelementbyid('editorwindow').contentwindow.focus() } example: a simple but complete rich text editor <!doctype html> <html> <head> <title>rich text editor</title> <script type="text/javascript"> var odoc, sdeftxt; function initdoc() { odoc = document.getelementbyid("textbox"); sdeftxt = odoc.innerhtml; if (document.compform.switchmode.checked) { setdocmode(true); } } function
formatdoc(scmd, svalue) { if (validatemode()) { document.execcommand(scmd, false, svalue); odoc.focus(); } } function validatemode() { if (!document.compform.switchmode.checked) { return true ; } alert("uncheck \"show html\"."); odoc.focus(); return false; } function setdocmode(btosource) { var ocontent; if (btosource) { ocontent = document.createtextnode(odoc.innerhtml); odoc.in...
...oll; } #textbox #sourcetext { padding: 0; margin: 0; min-width: 498px; min-height: 200px; } #editmode label { cursor: pointer; } </style> </head> <body onload="initdoc();"> <form name="compform" method="post" action="sample.php" onsubmit="if(validatemode()){this.mydoc.value=odoc.innerhtml;return true;}return false;"> <input type="hidden" name="mydoc"> <div id="toolbar1"> <select onchange="
formatdoc('
formatblock',this[this.selectedindex].value);this.selectedindex=0;"> <option selected>-
formatting -</option> <option value="h1">title 1 <h1></option> <option value="h2">title 2 <h2></option> <option value="h3">title 3 <h3></option> <option value="h4">title 4 <h4></option> <option value="h5">title 5 <h5></option> <option value="h6">subtitle <h6></option> <o...
...And 11 more matches
<input type="month"> - HTML: Hypertext Markup Language
the value is a string whose value is in the
format "yyyy-mm", where yyyy is the four-digit year and mm is the month number.
...in browsers that don't support month inputs, the control degrades gracefully to a simple <input type="text">, although there may be automatic validation of the entered text to ensure it's
formatted as expected.
...the
format of the month string used by this input type is described in
format of a valid local month string in date and time
formats used in html.
...And 11 more matches
<input type="url"> - HTML: Hypertext Markup Language
the input value is automatically validated to ensure that it's either empty or a properly-
formatted url before the form can be submitted.
...more specifically, there are two possible value
formats that will pass validation: an empty string ("") indicating that the user did not enter a value or that the value was removed.
...this doesn't necessarily mean the url address exists, but it is at least
formatted correctly.
...And 11 more matches
XUL accessibility guidelines - Archive of obsolete content
the bookmark manager allows users to sort bookmarks by a particular column of in
formation and choose which columns to display.
...us phone numbers are often displayed on the web in two main
formats xxx-xxx-xxxx or (xxx) xxx-xxxx.
... assistive in
formation users of assistive technologies often require additional markup to understand meanings and associations that may be intuitive to visual users.
...And 10 more matches
Command line crash course - Learn web development
try running this now in your terminal: ls this gives you a list of the files and directories in your present working directory, but the in
formation is really basic — you only get the name of each item present, not whether it is a file or a directory, or anything else.
... fortunately, a small change to the command usage can give you a lot more in
formation.
... for example, give this a go and see what you get: ls -l in the case of ls, the -l (dash ell) option gives you a listing with one file or directory on each line, and a lot more in
formation shown.
...And 10 more matches
Client-side tooling overview - Learn web development
trans
formation — tools that transform code in some way, e.g.
...you can find more in
formation about it at git and github.
... code
formatters code
formatters are somewhat related to linters, except that rather than point out errors in your code, they usually tend to make sure your code is
formatted correctly, according to your style rules, ideally automatically fixing errors that they find.
...And 10 more matches
Software accessibility: Where are we today?
select text, pictures, and other in
formation using a mouse react to sounds played.
...finally, this technology could be useful to mainstream users, on portable in
formation appliances, or to access in
formation when the eyes are busy elsewhere.
... the optacon provides access to printed words, graphics and on-screen in
formation by means of an array vibrating pins the size of an index finger.
...And 10 more matches
An overview of NSS Internals
this strategy allows nss to work with many hardware devices (e.g., to speed up the calculations required for cryptographic operations, or to access smartcards that securely protect a secret key) and software modules (e.g., to allow to load such modules as a plugin that provides additional algorithms or stores key or trust in
formation) that implement the pkcs#11 interface.
...the preferred approach is to use certificates, and to look up certificates by properties such as the contained subject name (in
formation that describes the owner of the certificate).
... in addition to the freebl, softoken, and ckbi modules, there is an utility library for general operations (e.g., encoding/decoding between data
formats, a list of standardized object identifiers (oid)).
...And 10 more matches
JS_ConvertArguments
syntax bool js_convertarguments(jscontext *cx, const js::callargs &args, const char *
format, ...); // added in spidermonkey 31 bool js_convertarguments(jscontext *cx, unsigned argc, jsval *argv, const char *
format, ...); // obsolete since jsapi 30 name type description cx jscontext * the context in which to perform any necessary conversions.
... cx also affects the interpretation of
format, if js_addargument
formatter has been called.
...(the purpose is to ensure gc safety.)
format const char * null-terminated string describing the types of the out parameters and how to convert the values in argv.
...And 10 more matches
nsIDOMWindowUtils
query_selected_text 3200 query_selected_text queries the first selection range's in
formation.
... query_character_at_point 3208 query_character_at_point queries the character in
formation at the specified point.
... void garbagecollect( in nsicyclecollectorlistener alistener optional ); parameters alistener optional listener that receives in
formation about the cc graph (see @mozilla.org/cycle-collector-logger;1 for a logger component) getcursortype() get current cursor type from this window.
...And 10 more matches
Block and inline layout in normal flow - CSS: Cascading Style Sheets
normal flow is defined in the css 2.1 specification, which explains that any boxes in normal flow will be part of a
formatting context.
...we describe block-level boxes as participating in a block
formatting context, and inline-level boxes as participating in an inline
formatting context.
... the behaviour of elements which have a block or inline
formatting context is also defined in this specification.
...And 10 more matches
Making content editable - Developer guides
this article provides some in
formation about this functionality.
...apability.policy.allowclipboard.clipboard.paste", "allaccess"); example: a simple but complete rich text editor <!doctype html> <html> <head> <title>rich text editor</title> <script type="text/javascript"> var odoc, sdeftxt; function initdoc() { odoc = document.getelementbyid("textbox"); sdeftxt = odoc.innerhtml; if (document.compform.switchmode.checked) { setdocmode(true); } } function
formatdoc(scmd, svalue) { if (validatemode()) { document.execcommand(scmd, false, svalue); odoc.focus(); } } function validatemode() { if (!document.compform.switchmode.checked) { return true ; } alert("uncheck \"show html\"."); odoc.focus(); return false; } function setdocmode(btosource) { var ocontent; if (btosource) { ocontent = document.createtextnode(odoc.innerhtml); odoc.in...
...oll; } #textbox #sourcetext { padding: 0; margin: 0; min-width: 498px; min-height: 200px; } #editmode label { cursor: pointer; } </style> </head> <body onload="initdoc();"> <form name="compform" method="post" action="sample.php" onsubmit="if(validatemode()){this.mydoc.value=odoc.innerhtml;return true;}return false;"> <input type="hidden" name="mydoc"> <div id="toolbar1"> <select onchange="
formatdoc('
formatblock',this[this.selectedindex].value);this.selectedindex=0;"> <option selected>-
formatting -</option> <option value="h1">title 1 <h1></option> <option value="h2">title 2 <h2></option> <option value="h3">title 3 <h3></option> <option value="h4">title 4 <h4></option> <option value="h5">title 5 <h5></option> <option value="h6">subtitle <h6></option> <o...
...And 10 more matches
<img>: The Image Embed element - HTML: Hypertext Markup Language
supported image
formats the html standard doesn't list what image
formats to support, so each user agent supports different
formats.
... a complete guide to image
formats supported by web browsers is available.
... below is a list of the image
formats that are most commonly used on the web, as well as some older
formats that should no longer be used, despite existing content possibly still using them.
...And 10 more matches
<input type="datetime-local"> - HTML: Hypertext Markup Language
the
format of the date and time value used by this input type is described in local date and time strings in date and time
formats used in html.
... you can set a default value for the input by including a date and time inside the value attribute, like so: <label for="party">enter a date and time for your party booking:</label> <input id="party" type="datetime-local" name="partydate" value="2017-06-01t08:30"> one thing to note is that the displayed date and time
formats differ from the actual value; the displayed date and time are
formatted according to the user's locale as reported by their operating system, whereas the date/time value is always
formatted yyyy-mm-ddthh:mm.
... you can also get and set the date value in javascript using the htmlinputelement.value property, for example: var datecontrol = document.queryselector('input[type="datetime-local"]'); datecontrol.value = '2017-06-01t08:30'; there are several methods provided by javascript's date that can be used to convert numeric date in
formation into a properly-
formatted string, or you can do it manually.
...And 10 more matches
<input type="file"> - HTML: Hypertext Markup Language
because a given file type may be identified in more than one manner, it's useful to provide a thorough set of type specifiers when you need files of a given
format.
... for instance, there are a number of ways microsoft word files can be identified, so a site that accepts word files might use an <input> like this: <input type="file" id="docpicker" accept=".doc,.docx,application/msword,application/vnd.openxml
formats-officedocument.wordprocessingml.document"> capture the capture attribute value is a string that specifies which camera to use for capture of image or video data, if the accept attribute indicates that the input should be of one of those types.
...for example, a file picker that needs content that can be presented as an image, including both standard image
formats and pdf files, might look like this: <input type="file" accept="image/*,.pdf"> using file inputs a basic example <form method="post" enctype="multipart/form-data"> <div> <label for="file">choose file to upload</label> <input type="file" id="file" name="file" multiple> </div> <div> <button>submit</button> </div> </form> div { margin-bottom: 10px; } this produces the followi...
...And 10 more matches
<video>: The Video Embed element - HTML: Hypertext Markup Language
in a similar manner to the <img> element, we include a path to the media we want to display inside the src attribute; we can include other attributes to specify in
formation such as video width and height, whether we want it to autoplay and loop, whether we want to show the browser's default video controls, etc.
...see our autoplay guide for additional in
formation about how to properly use autoplay.
...see cors settings attributes for additional in
formation.
...And 10 more matches
Connecting to Remote Content - Archive of obsolete content
besides xml, it can be used to retrieve data in other
formats, for example json, html and plain text.
... json content json is a very lightweight and simple data representation
format, similar to the object representation used in javascript.
... unlike javascript, the json
format doesn't allow any kind of code that can be run, only data.
...And 9 more matches
JXON - Archive of obsolete content
this is a good and standardized compromise for a javascript usage, since all of the in
formation of an xml document is contained in these node types.
... all other in
formation (like processing instructions, schemas, comments, etc.) will be lost.
... this type of algorithm is still considered lossless, since what is lost is meta-in
formation and not in
formation.
...And 9 more matches
Archived Mozilla and build documentation - Archive of obsolete content
califiletype the califiletype interface provides in
formation about a specific file type.
...see the references section for in
formation on creating extension in earlier browsers.
... help viewer help viewer: allows in
formation to be shown to the user inside mozilla.
...And 9 more matches
Threats - Archive of obsolete content
a threat is any circumstance or event with the potential to adversely impact data or systems via unauthorized access, destruction, disclosure, or modification of in
formation, and/or denial of service.
... threats may involve intentional actors (e.g., attacker who wants to access in
formation on a server) or unintentional actors (e.g., administrator who forgets to disable user accounts of a former employee.) threats can be local, such as a disgruntled employee, or remote, such as an attacker in another geographical area.
...in
formation remains intact, but its privacy is compromised.
...And 9 more matches
Gecko FAQ - Gecko Redirect 1
for more in
formation see the wikipedia article on gecko.
... basically, a layout engine takes content (such as html, xml, image files, applets, and so on) and
formatting in
formation (such as cascading style sheets, presentational html tags, etc.) and displays the
formatted content on the screen.
...gecko also offers the ability to parse various document types (html, xml, svg, etc), advanced rendering capabilities including compositing and trans
formations, and support for embedded javascript and plugins.
...And 9 more matches
Eclipse CDT Manual Setup
there is valuable in
formation here that should be integrated back into that page, but a large amount of it is now taken care of by the mach project generation code.
... for now it's stored here until that integration happens in order that the eclipse cdt page isn't hugely cluttered with mostly redundant in
formation, make setting up eclipse look much more complicated than it is nowadays.
...some of it like the section on building the index and usage tips are still relevant, and other parts still may provide useful background in
formation to understand it in more detail on how eclipse works.
...And 9 more matches
NSS tools : crlutil
for in
formation on security module database management, see using the security module database tool.
... for in
formation on certificate and key database management, see using the certificate database tool.
...if located in file it should be encoded in asn.1 encode
format.
...And 9 more matches
sslerr.html
this page is part of the ssl reference that we are migrating into the
format described in the mdn style guide.
... ssl_error_bad_block_padding -12264 "ssl received a record with bad block padding." ssl was using a block cipher, and the last block in an ssl record had incorrect padding in
formation in it.
...he_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.
...And 9 more matches
NSS Tools crlutil
for in
formation on security module database management, see using the security module database tool.
... for in
formation on certificate and key database management, see using the certificate database tool.
...if located in file it should be encoded in asn.1 encode
format.
...And 9 more matches
NSS tools : crlutil
for in
formation on security module database management, see using the security module database tool.
... for in
formation on certificate and key database management, see using the certificate database tool.
...if located in file it should be encoded in asn.1 encode
format.
...And 9 more matches
Index
97 jserror
formatstring jsapi reference, reference, référence(2), spidermonkey jserror
formatstring is a struct to represent error message and type, returned by js_reporterrornumber function.
... 100 jsexntype jsapi reference, reference, référence(2), spidermonkey these types are part of a jserror
formatstring structure.
... 127 jsnewresolveop jsapi reference, obsolete, spidermonkey like jsresolveop, but flags provide contextual in
formation about the property access.
...And 9 more matches
nsIWebBrowserPersist
encode_flags_
formatted 2 for plain text output.
...html output: always do prettyprinting, ignoring existing
formatting.
... encode_flags_raw 4 output without
formatting or wrapping the content.
...And 9 more matches
SubtleCrypto.unwrapKey() - Web APIs
as with subtlecrypto.importkey(), you specify the key's import
format and other attributes of the key to import details such as whether it is extractable, and which operations it can be used for.
... syntax const result = crypto.subtle.unwrapkey(
format, wrappedkey, unwrappingkey, unwrapalgo, unwrappedkeyalgo, extractable, keyusages ); parameters
format is a string describing the data
format of the key to unwrap.
... it can be one of the following: raw: raw
format.
...And 9 more matches
SubtleCrypto.wrapKey() - Web APIs
this means that it exports the key in an external, portable
format, then encrypts the exported key.
... as with subtlecrypto.exportkey(), you specify an export
format for the key.
... syntax const result = crypto.subtle.wrapkey(
format, key, wrappingkey, wrapalgo ); parameters
format is a string describing the data
format in which the key will be exported before it is encrypted.
...And 9 more matches
WebGL2RenderingContext - Web APIs
the webgl tutorial has more in
formation, examples, and resources on how to get started with webgl.
... state in
formation webgl2renderingcontext.getindexedparameter() returns the indexed value for the given target.
... renderbuffers webgl2renderingcontext.getinternal
formatparameter() returns in
formation about implementation-dependent support for internal
formats.
...And 9 more matches
<transform-function> - CSS: Cascading Style Sheets
the <transform-function> css data type represents a trans
formation that affects an element's appearance.
... trans
formation functions can rotate, resize, distort, or move an element in 2d or 3d space.
... syntax the <transform-function> data type is specified using one of the trans
formation functions listed below.
...And 9 more matches
<input type="date"> - HTML: Hypertext Markup Language
among browsers with custom interfaces for selecting dates are chrome and opera, whose data control looks like so: the edge date control looks like: and the firefox date control looks like this: value a domstring representing a date in yyyy-mm-dd
format, or empty events change and input supported common attributes autocomplete, list, readonly, and step idl attributes list, value, valueasdate, valueasnumber.
...the date is
formatted according to iso8601, described in
format of a valid date string in date and time
formats used in html.
... you can set a default value for the input with a date inside the value attribute, like so: <input type="date" value="2017-06-01"> the displayed date
format will differ from the actual value — the displayed date is
formatted based on the locale of the user's browser, but the parsed value is always
formatted yyyy-mm-dd.
...And 9 more matches
HTTP headers - HTTP
http headers let the client and the server pass additional in
formation with an http request or response.
... request headers contain more in
formation about the resource to be fetched, or about the client requesting the resource.
... response headers hold additional in
formation about the response, like its location or about the server providing it.
...And 9 more matches
cfx - Archive of obsolete content
for in
formation on how to migrate from cfx to jpm see this guide.
... cfx xpi package your add-on as an xpi file, which is the install file
format for firefox add-ons.
...see "using --profiledir" for more in
formation.
...And 8 more matches
Notes on HTML Reflow - Archive of obsolete content
overview reflow is the process by which the geometry of the layout engine's
formatting objects are computed.
... the html
formatting objects are called frames : a frame corresponds to the geometric in
formation for (roughly) a single element in the content model; the frames are arranged into a hierarchy that parallels the containment hierarchy in the content model.
...reflow proceeds recursively through some or all of the frame hierarchy, computing geometric in
formation for each frame object that requires it.
...And 8 more matches
Creating a Help Content Pack - Archive of obsolete content
this is still very much a work in progress, tho, and i need to complete the rest of it soon (where "complete" means "use what's there that's good, build on the stuff that's not as good, and add other useful in
formation as necessary".
...this attribute marks the start point in the rdf graph described by the file, and the help viewer searches for this element in order to query for further in
formation (stored in child elements) about the content pack being parsed.
...(we're still not actually to the point where we're describing the actual data in each of these, so we'll just use some filler data for now.) add the following code inside the rdf:description element you just created: <nc:panellist> <rdf:seq> </rdf:seq> </nc:panellist> you'll create the relevant in
formation descriptions within the rdf:seq element.
...And 8 more matches
TCP/IP Security - Archive of obsolete content
when a user wants to transfer data across networks, the data is passed from the highest layer through intermediate layers to the lowest layer, with each layer adding in
formation.
... the payload consists of the in
formation passed down from the previous layer, while the header contains layer-specific in
formation such as addresses.
... as previously explained, data is passed from the highest to the lowest layer, with each layer adding more in
formation.
...And 8 more matches
Working with JSON - Learn web development
previous overview: objects next javascript object notation (json) is a standard text-based
format for representing structured data based on javascript object syntax.
... json is a text-based data
format following javascript object syntax, which was popularized by douglas crockford.
... json structure as described above, a json is a string whose
format very much resembles javascript object literal
format.
...And 8 more matches
Multimedia: Images - Learn web development
objective: to learn about the various image
formats, their impact on performance, and how to reduce the impact of images on overall page load time.
... beyond loading a subset of images, next you should look into the
format of the images themselves: are you loading the most optimal file
formats?
... the most optimal
format the optimal file
format typically depends on the character of the image.
...And 8 more matches
Componentizing our Svelte app - Learn web development
the central objective of this article is to look at how to break our app into manageable components and share in
formation between them.
... objective: to learn how to break our app into components and share in
formation among them.
...the child component will execute the handler, passing the needed in
formation as a parameter, and the handler will modify the parent's state.
...And 8 more matches
Handling common accessibility problems - Learn web development
previous overview: cross browser testing next next we turn our attention to accessibility, providing in
formation on common problems, how to do simple testing, and how to make use of auditing/automation tools for finding accessibility issues.
...read accessibility guidelines and the law for more in
formation.
... note: for more in
formation, read text alternatives.
...And 8 more matches
Gecko info for Windows accessibility vendors
anything that is focusable or conveys important in
formation about the structure of the document is exposed in the msaa tree of iaccessibles.
...if the form control has an accname, you can get the iaccessible that it was labelled by in order to get more
formatting in
formation.
... note that the label and description relations may be used to prevent redundant in
formation from being presented by the screen reader, since the label and description can occur both on their own, and in the name or description fields of an iaccessible.
...And 8 more matches
Mozilla Style System Documentation
style context management a style context (class nsstylecontext, currently also interface nsistylecontext although the interface should go away when all of the style systems can be moved back into the layout dll) represents the style data for a css
formatting object.
... in the layout system, these
formatting objects are described as frames (interface nsiframe), although a pair of frames represents table
formatting objects.
... the css specification describes
formatting objects that correspond to elements in the content model and
formatting objects that correspond to pseudo-elements.
...And 8 more matches
NSS 3.35 release notes
distribution in
formation the hg tag is nss_3_35_rtm.
... notable changes in nss 3.35 previously, nss used the dbm file
format by default.
... starting with version 3.35, nss uses the sql file
format by default.
...And 8 more matches
nsIAuthPrompt2
it can be used to prompt users for authentication in
formation, either synchronously or asynchronously.
...to create an instance, use: var authprompt2 = components.classes["@mozilla.org/login-manager/prompter;1"] .createinstance(components.interfaces.nsiauthprompt2); method overview nsicancelable asyncpromptauth(in nsichannel achannel, in nsiauthpromptcallback acallback, in nsisupports acontext, in pruint32 level, in nsiauthin
formation authinfo); boolean promptauth(in nsichannel achannel, in pruint32 level, in nsiauthin
formation authinfo); constants constant value description level_none 0 the password will be sent unencrypted.
...this means prompts that are guaranteed to want the same authentication in
formation from the user.
...And 8 more matches
nsIStringBundle
intl/strres/nsistringbundle.idlscriptable this interface provides functions for retrieving both
formatted and un
formatted strings from a properties file.
... method overview wstring
formatstringfromid(in long aid, [array, size_is(length)] in wstring params, in unsigned long length); wstring
formatstringfromname(in wstring aname, [array, size_is(length)] in wstring params, in unsigned long length); nsisimpleenumerator getsimpleenumeration(); wstring getstringfromid(in long aid); wstring getstringfromname(in wstring aname); methods
formatstringfromid() returns a
formatt...
...you may also use other
formatting codes.
...And 8 more matches
Drawing and Event Handling - Plugins
for in
formation about the way html determines plug-in display mode, see using html to display plug-ins.
...this structure contains in
formation about coordinate position, size, the state of the plug-in (windowed or windowless), and some platform-specific in
formation.
... note: when a plug-in is drawn to a window, the plug-in is responsible for preserving state in
formation and ensuring that the original state is restored.
...And 8 more matches
about:debugging - Firefox Developer Tools
when about:debugging opens, on the left-hand side, you'll see a sidebar with two options and in
formation about your remote debugging setup: setup use the setup tab to configure the connection to your remote device.
... this firefox provides in
formation about temporary extensions you have loaded for debugging, extensions that are installed in firefox, the tabs that you currently have open, and service workers running on firefox.
...if the connection was successful, you can now click the name of the device to switch to a tab with in
formation about the device.
...And 8 more matches
CanvasRenderingContext2D - Web APIs
trans
formations objects in the canvasrenderingcontext2d rendering context have a current trans
formation matrix and methods to manipulate it.
... the trans
formation matrix is applied when creating the current default path, painting text, shapes and path2d objects.
... canvasrenderingcontext2d.currenttransform current trans
formation matrix (svgmatrix object).
...And 8 more matches
Drag Operations - Web APIs
the drag data contains two pieces of in
formation, the type (or
format) of the data, and the data's value.
... the
format is a type string (such as text/plain for text data), and the value is a string of text.
...for example: event.datatransfer.setdata("text/plain", "text to drag"); in this case, the data value is "text to drag" and is of the
format text/plain.
...And 8 more matches
SubtleCrypto.exportKey() - Web APIs
the exportkey() method of the subtlecrypto interface exports a key: that is, it takes as input a cryptokey object and gives you the key in an external, portable
format.
... keys can be exported in several
formats: see supported
formats in the subtlecrypto.importkey() page for details.
... keys are not exported in an encrypted
format: to encrypt keys when exporting them use the subtlecrypto.wrapkey() api instead.
...And 8 more matches
WebGLRenderingContext.texImage2D() - Web APIs
syntax // webgl1: void gl.teximage2d(target, level, internal
format, width, height, border,
format, type, arraybufferview?
... pixels); void gl.teximage2d(target, level, internal
format,
format, type, imagedata?
... pixels); void gl.teximage2d(target, level, internal
format,
format, type, htmlimageelement?
...And 8 more matches
WebRTC connectivity - Web APIs
it’s any sort of channel of communication to exchange in
formation before setting up a connection, whether by email, post card or a carrier pigeon...
... the in
formation we need to exchange is the offer and answer which just contains the sdp mentioned below.
...the description includes in
formation about the kind of media being sent, its
format, the transfer protocol being used, the endpoint's ip address and port, and other in
formation needed to describe a media transfer endpoint.
...And 8 more matches
Web Authentication API - Web APIs
the protocol and
format of this request is outside of the scope of the web authentication api.
... server sends challenge, user info, and relying party info - the server sends a challenge, user in
formation, and relying party in
formation to the javascript program.
...note that it is absolutely critical that the challenge be a buffer of random in
formation (at least 16 bytes) and it must be generated on the server in order to ensure the security of the registration process.
...And 8 more matches
ARIA Test Cases - Accessibility
introduction the in
formation on this page is out of date: it was last updated november 2010.
... however, the in
formation might still be useful for some readers.
... there are several purposes for providing this in
formation: help browser vendors provide correct implementations help at vendors provide correct implementations inform authors as to what actually works reliably in general we're testing with the latest public releases.
...And 8 more matches
Index - Developer guides
found 43 pages: # page tags and summary 1 developer guides api, guide, landing, web these articles provide how-to in
formation to help make use of specific web technologies and apis.
...currently, to support all browsers we need to specify two
formats, although with the adoption of mp3 and mp4
formats in firefox and opera, this is changing fast.
... you can find compatibility in
formation in the guide to media types and
formats on the web.
...And 8 more matches
Browser detection using the user agent - HTTP
using this in
formation of whether the device has a touchscreen, do not change the entire layout of the website just for touch devices: you will only create more work and maintenance for yourself.
...what you want to do for screen size is not slash off in
formation on smaller screens.
...rather, try to have fewer columns of in
formation in a longer page on smaller screens while having more columns with a shorter page on larger screen sizes.
...And 8 more matches
Intl - JavaScript
the intl object is the namespace for the ecmascript internationalization api, which provides language sensitive string comparison, number
formatting, and date and time
formatting.
... intl.datetime
format() constructor for objects that enable language-sensitive date and time
formatting.
... intl.list
format() constructor for objects that enable language-sensitive list
formatting.
...And 8 more matches
jpm - Archive of obsolete content
jpm xpi package your add-on as an xpi file, which is the install file
format for firefox add-ons.
... mkdir my-addon cd my-addon jpm init you'll then be asked to supply some in
formation about your add-on: this will be used to create your add-on's package.json file.
... see overloading the built-in modules for more in
formation.
...And 7 more matches
Confidentiality, Integrity, and Availability - Archive of obsolete content
the classic model for in
formation security defines three objectives of security: maintaining confidentiality, integrity, and availability.
... each objective addresses a different aspect of providing protection for in
formation.
... confidentiality confidentiality refers to protecting in
formation from being accessed by unauthorized parties.
...And 7 more matches
Browser Detection and Cross Browser Support - Archive of obsolete content
have a look to the more current article writing forward-compatible websites to find modern in
formations.
...mozilla/version followed by a comment token which gave additional in
formation regarding the operating system being used, etc.
...since other browsers pretended to be netscape browsers and encoded their version in
formation in a non-standard fashion in the user agent comment area, the task of determining which browser was being used became more complicated than it should have been.
...And 7 more matches
RDF in Mozilla FAQ - Archive of obsolete content
second, and more importantly, the rdf model is used along with xul templates as an abstract "api" for displaying in
formation.
... where do i find in
formation on open directory ("dmoz")?
...start at http://www.dmoz.org/ for more in
formation on the open directory.
...And 7 more matches
Web fonts - Learn web development
there are two important things to bear in mind about web fonts: browsers support different font
formats, so you'll need multiple font
formats for decent cross-browser support.
... for example, most modern browsers support woff/woff2 (web open font
format versions 1 and 2), the most efficient
format around, but older versions of ie only support eot (embedded open type) fonts, and you might need to include an svg version of the font to support older versions of iphone and android browsers.
...fonts are created by font foundries and are stored in different file
formats.
...And 7 more matches
Mozilla accessibility architecture
accessibility apis are used by 3rd party software like screen readers, screen magnifiers, and voice dictation software, which need in
formation about document content and ui controls, as well as important events like changes of focus.
...accessibility apis on each operating system have built-in assumptions about what is the most important in
formation, and how an accessibility server like mozilla should use the api's programmatic interfaces to expose this in
formation to an accessibility client (the assistive technology).
...the shared code makes itself available to the toolkit-specific code via generic xpcom interfaces that return in
formation about objects we want to expose.
...And 7 more matches
Mozilla’s UAAG evaluation report
checkpoint in
formation (same scaled used on w3c's uaag implementation reports pages) rating scale c: complete implementation vg: very good implementation, almost all requirements satisfied g: good implementation, most important requirements satisfied p: poor implementation, some requirements satisfied and/or difficult for user to access feature ni: not implemented nr: not...
...(p1) vg renders html, css, and a number of graphic image
formats.
...(p2) p only allows confirmation if the in
formation is not secure?
...And 7 more matches
Getting Started with Chat
please see https://wiki.mozilla.org/matrix for up-to-date in
formation.
... when addressing someone directly, try to use name: message
format.
...you will need to use the following in
formation to configure the server connection: server: irc.mozilla.org port: 6667 (default) or 6697 (ssl) desktop clients desktop clients tens to allow the most detailed configuration.
...And 7 more matches
IME handling guide
this causes a dom text event without clause in
formation and a dom compositionend event.
...this causes a dom text event without clause in
formation and a dom compositionend event.
... one of the other important jobs of this is, when a focused editor handles a dispatched ecompositionchange event, this modifies the stored composition string and its clause in
formation.
...And 7 more matches
NSS tools : pk12util
if the prefix sql: is not used, then the tool assumes that the given databases are in the old
format.
...the default is to return in
formation in a pretty-print ascii
format, which displays the in
formation about the certificates and public keys in the p12 file.
... enter new password: re-enter password: enter password for pkcs12 file: pk12util: pkcs12 import successful exporting keys and certificates using the pk12util command to export certificates and keys requires both the name of the certificate to extract from the database (-n) and the pkcs#12-
formatted output file to write to.
...And 7 more matches
NSS tools : ssltab
this option uses the same output
format as the -h option.
...the following are well-known port numbers: * http 80 * https 443 * smtp 25 * ftp 21 * imap 143 * imaps 993 (imap over ssl) * nntp 119 * nntps 563 (nntp over ssl) usage and examples you can use the ssl debugging tool to intercept any connection in
formation.
... although you can run the tool at its most basic by issuing the ssltap command with no options other than hostname:port, the in
formation you get in this way is not very useful.
...And 7 more matches
NSS tools : ssltap
this option uses the same output
format as the -h option.
...the following are well-known port numbers: * http 80 * https 443 * smtp 25 * ftp 21 * imap 143 * imaps 993 (imap over ssl) * nntp 119 * nntps 563 (nntp over ssl) usage and examples you can use the ssl debugging tool to intercept any connection in
formation.
... although you can run the tool at its most basic by issuing the ssltap command with no options other than hostname:port, the in
formation you get in this way is not very useful.
...And 7 more matches
NSS Tools ssltap
this option uses the same output
format as the -h option.
...the following are well-known port numbers: http 80 https 443 smtp 25 ftp 21 imap 143 imaps 993 (imap over ssl) nntp 119 nntps 563 (nntp over ssl) examples you can use the ssl debugging tool to intercept any connection in
formation.
... although you can run the tool at its most basic by issuing the ssltap command with no options other than hostname:port, the in
formation you get in this way is not very useful.
...And 7 more matches
NSS tools : pk12util
if the prefix sql: is not used, then the tool assumes that the given databases are in the old
format.
...the default is to return in
formation in a pretty-print ascii
format, which displays the in
formation about the certificates and public keys in the p12 file.
... enter new password: re-enter password: enter password for pkcs12 file: pk12util: pkcs12 import successful exporting keys and certificates using the pk12util command to export certificates and keys requires both the name of the certificate to extract from the database (-n) and the pkcs#12-
formatted output file to write to.
...And 7 more matches
NSS tools : signver
options -a displays all of the in
formation in the pkcs#7 signature.
...if the prefix sql: is not used, then the tool assumes that the given databases are in the old
format.
... -a sets that the given signature file is in ascii
format.
...And 7 more matches
NSS tools : ssltap
this option uses the same output
format as the -h option.
... the following are well-known port numbers: * http 80 * https 443 * smtp 25 * ftp 21 * imap 143 * imaps 993 (imap over ssl) * nntp 119 * nntps 563 (nntp over ssl) usage and examples you can use the ssl debugging tool to intercept any connection in
formation.
... although you can run the tool at its most basic by issuing the ssltap command with no options other than hostname:port, the in
formation you get in this way is not very useful.
...And 7 more matches
Network Security Services
for detailed in
formation on standards supported, see overview of nss.
...for in
formation on downloading nss releases as tar files, see download pki source.
... documentation background in
formation overview of nss provides a brief summary of nss and its capabilities.
...And 7 more matches
JSAPI User Guide
see garbage collection below for crucial in
formation on how to use js::values safely.
...for more in
formation about object scripting, see the client-side javascript guide and the server-side javascript guide.
... declare a jspropertyspec array containing in
formation about your custom object's properties, including getters and setters.
...And 7 more matches
JS_PushArguments
syntax jsval * js_pusharguments(jscontext *cx, void **markp, const char *
format, ...); jsval * js_pushargumentsva(jscontext *cx, void **markp, const char *
format, va_list ap); name type description cx jscontext * the context in which to perform any necessary conversions.
... cx also affects the interpretation of
format, if js_addargument
formatter has been called.
...
format const char * null-terminated string holding a list of
format types to convert the following arguments to.
...And 7 more matches
Using the Places history service
please see history service design for in
formation on the design of the history service, and the places database for a higher-level design overview of places.
...the main url table stores the in
formation about the page: url, host name, title, visit count, hidden, and typed.
... stored separately is the in
formation specific to each visit.
...And 7 more matches
nsIAnnotationService
getpageannotationstring() this method retrieves the value of a given uri annotation in string
format.
... getitemannotationstring() this method retrieves the value of a given item annotation in string
format.
... getpageannotationint32() this method retrieves the value of a given uri annotation in a int32
format.
...And 7 more matches
nsIIDNService
faces.nsiidnservice); method overview autf8string convertacetoutf8(in acstring input); autf8string converttodisplayidn(in autf8string input, out boolean isascii); acstring convertutf8toace(in autf8string input); boolean isace(in acstring input); autf8string normalize(in autf8string input); methods convertacetoutf8() converts an ace (ascii compatible encoding) hostname into unicode
format, returning a utf-8
format string.
... this combines two operations: running the rfc 3490 "tounicode" operation on the original string, then converting the resulting unicode string into utf-8
format.
... autf8string convertacetoutf8( in acstring input ); parameters input the ace encoded hostname to convert into utf-8
format.
...And 7 more matches
Understandable - Accessibility
understandable states that in
formation and the operation of user interface must be understandable.
... note: to read the w3c definitions for understandable and its guidelines and success criteria, see principle 3: understandable — in
formation and the operation of user interface must be understandable.
... globaleventhandlers.onfocus contains some useful in
formation.
...And 7 more matches
src - CSS: Cascading Style Sheets
syntax /* <url> values */ src: url(https://somewebsite.com/path/to/font.woff); /* absolute url */ src: url(path/to/font.woff); /* relative url */ src: url(path/to/font.woff)
format("woff"); /* explicit
format */ src: url('path/to/font.woff'); /* quoted url */ src: url(path/to/svgfont.svg#example); /* fragment identifying font */ /* <font-face-name> values */ src: local(font); /* unquoted name */ src: local(some font); /* name containing space */ src: local("font"); /* quoted name */ /* multiple items */ src: local(font), url(path/to/font.svg)
format("svg"), url(path/to/...
...font.woff)
format("woff"), url(path/to/font.otf)
format("opentype"); values <url> [
format( <string># ) ]?
... specifies an external reference consisting of a <url>, followed by an optional hint using the
format() function to describe the
format of the font resource referenced by that url.
...And 7 more matches
Setting up adaptive streaming media sources - Developer guides
this article explains how, looking at two of the most common
formats: mpeg-dash and hls (http live streaming.) choosing
formats in terms of adaptive streaming
formats, there are many to choose from; we decided to choose the following two as between them we can support most modern browsers.
... the good news is that once we have encoded our media in the appropriate
format we are pretty good to go.
... both mpeg-dash and hls use a playlist
format to structure the component piece of media that make the possible streams.
...And 7 more matches
Creating a status bar extension - Archive of obsolete content
some of the samples in this series may be similar to samples you've seen elsewhere, but the goal of this series of articles is to help compile in
formation for new extension developers into one place to make it easy to jump in and get started.
...download the sample the install manifest the install manifest, install.rdf, is a text file containing in
formation that tells the host application important in
formation about the extension.
...extension identification in
formation certain in
formation is needed so firefox can uniquely identify your extension.
...And 6 more matches
Installing plugins to Gecko embedding browsers on Windows - Archive of obsolete content
this in
formation applies to mozilla based browsers that pull the mozilla codebase after the mozilla 0.9.1 milestone release.
...netscape 6.1 and onwards, however, will write these keys, and so creating a plugin installer that puts the shared object (dll) in the right place becomes much easier, since the relevant meta-in
formation is present in the win32 system registry.
...some gecko-based browsers provide additional in
formation via the registry, and where appropriate, these registry keys are also mentioned, with the necessary version caveats.
...And 6 more matches
Migrate apps from Internet Explorer to Mozilla - Archive of obsolete content
html 4.01, xhtml 1.0 and xhtml 1.1 cascade style sheets (css): css level 1, css level 2.1 and parts of css level 3 document object model (dom): dom level 1, dom level 2 and parts of dom level 3 mathematical markup language: mathml version 2.0 extensible markup language (xml): xml 1.0, namespaces in xml, associating style sheets with xml documents 1.0, fragment identifier for xml xsl trans
formations: xslt 1.0 xml path language: xpath 1.0 resource description framework: rdf simple object access protocol: soap 1.1 ecma-262, revision 3 (javascript 1.5): ecma-262 general cross-browser coding tips even though web standards do exist, different browsers behave differently (in fact, the same browser may behave differently depending on the platform).
...browser sniffing is usually done through the useragent, such as: mozilla/5.0 (x11; u; linux i686; en-us; rv:1.5) gecko/20031016 while using the useragent to sniff the browser provides detailed in
formation on the browser in use, code that handles useragents often can make mistakes when new browser versions arrive, thus requiring code changes.
... --- remove
format removes all
formatting from the selection.
...And 6 more matches
Manifest Files - Archive of obsolete content
for more in
formation about this feature, see xpcnativewrapper.
...for more in
formation about themes, see themes.
... for more in
formation about locales, see localization.
...And 6 more matches
The Implementation of the Application Object Model - Archive of obsolete content
the first reason to have local/remote merging is that a remote file must be able to reference local data and have it merged in with the in
formation that it specified.
...if nglayout's
formatting objects aren't used to render the widgetry, then drawing code has to be written for each and every widget.
...the only way that one content node would know how to instantiate a content node of a completely different type is if it had additional in
formation stored for every child content node that it contained.
...And 6 more matches
Desktop gamepad controls - Game development
an api exposes all the in
formation you need to hook up your game's logic and successfully control the user interface and gameplay.
...h contains useful variables and functions: var gamepadapi = { active: false, controller: {}, connect: function(event) {}, disconnect: function(event) {}, update: function() {}, buttons: { layout: [], cache: [], status: [], pressed: function(button, state) {} } axes: { status: [] } }; the controller variable stores the in
formation about the connected gamepad, and there's an active boolean variable we can use to know if the controller is connected or not.
...the next function is update(), which updates the in
formation about the pressed buttons and axes.
...And 6 more matches
CSS and JavaScript accessibility best practices - Learn web development
see html text fundamentals and styling text for more in
formation.
... another tip is to not rely on color alone for signposts/in
formation, as this will be no good for those who can't see the color.
...for example, in our tabbed info box example (see source code) we have three panels of in
formation, but we are positioning them on top of one another and providing tabs that can be clicked to show each one (it is also keyboard accessible — you can alternatively use tab and enter/return to select them).
...And 6 more matches
What’s in the head? Metadata in HTML - Learn web development
it contains in
formation such as the page <title>, links to css (if you choose to style your html content with css), links to custom favicons, and other metadata (data about the html, such as the author, and important keywords that describe the document.) in this article we'll cover all of the above and more, in order to give you a good basis for working with markup.
...this is the code we used: <p>japanese example: ご飯が熱い。</p> adding an author and description many <meta> elements include name and content attributes: name specifies the type of meta element it is; what type of in
formation it contains.
...some content management systems have facilities to automatically extract page author in
formation and make it available for such purposes.
...And 6 more matches
HTML table basics - Learn web development
in
formation is easily interpreted by making visual associations between row and column headers.
... be under no illusion; for tables to be effective on the web, you need to provide some styling in
formation with css, as well as good solid structure with html.
...html has a method of defining styling in
formation for an entire column of data all in one place — the <col> and <colgroup> elements.
...And 6 more matches
TypeScript support in Svelte - Learn web development
previous overview: client-side javascript frameworks next in the last article we learned about svelte stores and even implemented our own custom store to persist the app's in
formation to web storage.
... rich ide support: type in
formation allows code editors and ides to offer features like code navigation, autocompletion, and smarter hints.
... improved developer experience with typescript typescript provides code editors and ides with lots of in
formation to allow them to deliver a friendlier development experience.
...And 6 more matches
Experimental features in Firefox
this page lists features that are in nightly versions of firefox along with in
formation on how to activate them, if necessary.
... nightly 56 no developer edition 56 no beta 56 no release 56 no preference name dom.payments.request.enabled and dom.payments.request.supportedregions visual viewport api the visual viewport api provides access to in
formation describing the position of the visual viewport relative to the document as well as to the window's content area.
... it also supports events to monitor changes to this in
formation.
...And 6 more matches
Profiling with the Firefox Profiler
it can be used in a variety of situations where external profilers are not available, and can provide more in
formation and insight into what the browser is doing.
...in addition to profiler.firefox.com, the firefox devtools have a simplified interface targeted towards web developers, but does not include as much in
formation as the firefox profiler web app.
...however the following could have some potentially useful in
formation for gecko-specific problems.
...And 6 more matches
NSS Tools certutil
starting from nss 3.35, the database
format was upgraded to support sqlite as described in this document.
...for in
formation security module database management, see using the security module database tool.
... -l list all the certificates, or display in
formation about a named certificate, in a certificate database.
...And 6 more matches
Parser API
visit estree spec for a community ast standard that includes latest ecmascript features and is backward-compatible with spidermonkey
format.
... additional options may be provided via the options object, which can include any of the following properties: loc boolean default: true when loc is true, the parser includes source location in
formation in the returned ast nodes.
...this string is not meaningful to the parsing process, but is produced as part of the source location in
formation in the returned ast nodes.
...And 6 more matches
Querying Places
the results are of type result_type_full_visit and have additional in
formation about the visit, such as the referring visit, and how the transition happened (typed, redirect, link, etc).
...erializing and deserializing two queries and an options object: let querystring = placesutils.history.queriestoquerystring([query1, query2], 2, options); let queriesref = { }; let querycountref = { }; let optionsref = { }; placesutils.history.querystringtoqueries(querystring, queriesref, querycountref, optionsref); // now use queriesref.value, optionsref.value see places query uris for more in
formation about the terms available for "place:" uris.
...see displaying places in
formation using views for more on this.
...And 6 more matches
nsIHTMLEditor
in nsidomnode adestinationnode, in long adestinationoffset, in boolean adeleteselection); void insertlinkaroundselection(in nsidomelement aanchorelement); boolean isanonymouselement(in nsidomelement aelement); void makeorchangelist(in astring alisttype, in boolean entirelist, in astring abullettype); boolean nodeisblock(in nsidomnode node); void pasteno
formatting(in long aselectiontype); void rebuilddocumentfromsource(in astring asourcestring); void removealldefaultproperties(); void removeallinlineproperties(); void removedefaultproperty(in nsiatom aproperty, in astring aattribute, in astring avalue); void removeinlineproperty(in nsiatom aproperty, in astring aattribute); void removeinsertionliste...
... void setbodyattribute(in astring aattr, in astring avalue); void setcaretafterelement(in nsidomelement aelement); void setcssinlineproperty(in nsiatom aproperty, in astring aattribute, in astring avalue); void setdocumenttitle(in astring atitle); void setinlineproperty(in nsiatom aproperty, in astring aattribute, in astring avalue); void setparagraph
format(in astring aparagraph
format); void updatebaseurl(); attributes attribute type description iscssenabled boolean a boolean which is true is the htmleditor has been instantiated with css knowledge and if the css pref is currently checked.
... getheadcontentsashtml() output the contents of the <head> section as text/html
format.
...And 6 more matches
nsILoginManager
exceptions thrown an exception is thrown if the login in
formation is already stored in the login manager.
... unsigned long countlogins( in astring ahostname, in astring aactionurl, in astring ahttprealm ); parameters ahostname the hostname to which to restrict searches,
formatted as a url.
... fillform() fills out a form with login in
formation, if appropriate in
formation is available.
...And 6 more matches
Structures - Plugins
structure summary npanycallbackstruct contains in
formation required during embedded mode printing.
... npembedprint substructure of npprint that contains platform-specific in
formation used during embedded mode printing.
... npfullprint substructure of npprint that contains platform-specific in
formation used during full-page mode printing.
...And 6 more matches
Gecko Plugin API Reference - Plugins
ules for html elements using the appropriate attributes using the embed element for plug-in display using custom embed attributes plug-in references plug-in development overview writing plug-ins registering plug-ins ms windows unix mac os x drawing a plug-in instance handling memory sending and receiving streams working with urls getting version and ui in
formation displaying messages on the status line making plug-ins scriptable building plug-ins building, platforms, and compilers building carbonized plug-ins for mac os x type libraries installing plug-ins native installers xpi plug-ins installations plug-in installation and the windows registry initialization and destruction initialization instance creation in...
...stance destruction shutdown initialize and shutdown example drawing and event handling the npwindow structure drawing plug-ins printing the plug-in setting the window getting in
formation windowed plug-ins mac os windows unix event handling for windowed plug-ins windowless plug-ins specifying that a plug-in is windowless invalidating the drawing area forcing a paint message making a plug-in opaque making a plug-in transparent creating pop-up menus and dialog boxes event handling for windowless plug-ins streams receiving a stream telling the plug-in when a stream is created telling the plug-in when a stream is deleted finding out how much data the plug-in can accept writing the stream to the plug-in sending the s...
...reating a stream pushing data into the stream deleting the stream example of sending a stream urls getting urls getting the url and displaying the page posting urls posting data to an http server uploading files to an ftp server sending mail memory allocating and freeing memory mac os flushing memory (mac os only) version, ui, and status in
formation displaying a status line message getting agent in
formation getting the current version finding out if a feature exists reloading a plug-in plug-in side plug-in api this chapter describes methods in the plug-in api that are available from the plug-in object.
...And 6 more matches
How whitespace is handled by HTML, CSS, and in the DOM - Web APIs
these characters allow you to
format your code in a way that will make it easily readable by yourself and other people.
...this is needed internally so that the editor can preserve
formatting of documents.
... because of this, it establishes what is called an inline
formatting context.
...And 6 more matches
Using Navigation Timing - Web APIs
the navigation timing api lets you easily obtain detailed and highly accurate timing in
formation to help isolate performance problems with your site's code or resources.
... unlike other tools or libraries, the navigation timing api lets you gather in
formation that only the browser can provide at a level of accuracy much improved over other techniques.
... it also offers the advantage of being able to provide timing in
formation as perceived by the user rather than data that has no correlation to what the user experiences.
...And 6 more matches
SVGMatrix - Web APIs
svgmatrix.translate() post-multiplies a translation trans
formation on the current matrix and returns the resulting matrix as svgmatrix.
... svgmatrix.scale() post-multiplies a uniform scale trans
formation on the current matrix and returns the resulting matrix as svgmatrix.
... svgmatrix.scalenonuniform() post-multiplies a non-uniform scale trans
formation on the current matrix and returns the resulting matrix as svgmatrix.
...And 6 more matches
Perceivable - Accessibility
note: to read the w3c definitions for perceivable and its guidelines and success criteria, see principle 1: perceivable - in
formation and user interface components must be presentable to users in ways they can perceive.
...for more in
formation on other ui controls, see ui controls.
... see audio transcripts for transcript in
formation.
...And 6 more matches
Linear-gradient Generator - CSS: Cascading Style Sheets
in: 0; border: 1px solid #ddd; background-color: #fff; display: table; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ui-color-picker .picking-area { width: 198px; height: 198px; margin: 5px; border: 1px solid #ddd; position: relative; float: left; display: table; } .ui-color-picker .picking-area:hover { cursor: default; } /* hsv
format - hue-saturation-value(brightness) */ .ui-color-picker .picking-area { background: url("images/picker_mask.png"); background: -moz-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 100%), -moz-linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 100%), -webkit-linear-gradient(left, #fff 0%, rgba(255, 255, 25...
...5, 0) 100%); background: -ms-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 100%), -ms-linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 100%), -o-linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0) 100%); background-color: #f00; } /* hsl
format - hue-saturation-lightness */ .ui-color-picker[data-mode='hsl'] .picking-area { background: -moz-linear-gradient(top, hsl(0, 0%, 100%) 0%, hsla(0, 0%, 100%, 0) 50%, hsla(0, 0%, 0%, 0) 50%, hsl(0, 0%, 0%) 100%), -moz-linear-gradient(left, hsl(0, 0%, 50%) 0%, hsla(0, 0%, 50%, 0) 100%); background: -webkit-linear-gradient(top, hsl(0, 0%, 100%) 0%, hsla(0, 0%, 100%, 0) 50%, hsla(0, 0%, 0%, 0) 50%, hsl(0, 0%, 0%) 100%), -webkit-linear-grad...
..., saturation, value / brightness, lightness) * @param hue 0-360 * @param saturation 0-100 * @param value 0-100 * @param lightness 0-100 */ function color(color) { if(color instanceof color === true) { this.copy(color); return; } this.r = 0; this.g = 0; this.b = 0; this.a = 1; this.hue = 0; this.saturation = 0; this.value = 0; this.lightness = 0; this.
format = 'hsv'; } function rgbcolor(r, g, b) { var color = new color(); color.setrgba(r, g, b, 1); return color; } function rgbacolor(r, g, b, a) { var color = new color(); color.setrgba(r, g, b, a); return color; } function hsvcolor(h, s, v) { var color = new color(); color.sethsv(h, s, v); return color; } function hsvacolor(h, s, v, a) { var color = new color(); color...
...And 6 more matches
Adapting to the new two-value syntax of display - CSS: Cascading Style Sheets
changing an element's display value changes the
formatting context of its direct children.
...the children are described as participating in a flex
formatting context.
...using display: grid will give you a block-level box, which creates a grid
formatting context for the direct children.
...And 6 more matches
Adding captions and subtitles to HTML5 video - Developer guides
this article will take the same player and show how to add captions and subtitles to it, using the webvtt
format and the <track> element.
... captions versus subtitles captions and subtitles are not the same thing: they have significantly different audiences, and convey different in
formation, and it is recommended that you read up on the differences if you are not sure what they are.
...the various attributes of this element allow us to specify such things as the type of content that we're adding, the language it's in, and of course a reference to the text file that contains the actual subtitle in
formation.
...And 6 more matches
<audio>: The Embed Audio element - HTML: Hypertext Markup Language
in a similar manner to the <img> element, we include a path to the media we want to embed inside the src attribute; we can include other attributes to specify in
formation such as whether we want it to autoplay and loop, whether we want to show the browser's default audio controls, etc.
...see our autoplay guide for additional in
formation about how to properly use autoplay.
...see cors settings attributes for additional in
formation.
...And 6 more matches
<input type="search"> - HTML: Hypertext Markup Language
placeholder the placeholder attribute is a string that provides a brief hint to the user as to what kind of in
formation is expected in the field.
... if the control's content has one directionality (ltr or rtl) but needs to present the placeholder in the opposite directionality, you can use unicode bidirectional algorithm
formatting characters to override directionality within the placeholder; see overriding bidi using unicode control characters in the unicode bidirectional text algorithm for those characters.
...see labels and placeholders in <input>: the input (form input) element for more in
formation.
...And 6 more matches
<input type="tel"> - HTML: Hypertext Markup Language
unlike <input type="email"> and <input type="url"> , the input value is not automatically validated to a particular
format before the form can be submitted, because
formats for telephone numbers vary so much around the world.
... placeholder the placeholder attribute is a string that provides a brief hint to the user as to what kind of in
formation is expected in the field.
... if the control's content has one directionality (ltr or rtl) but needs to present the placeholder in the opposite directionality, you can use unicode bidirectional algorithm
formatting characters to override directionality within the placeholder; see overriding bidi using unicode control characters in the unicode bidirectional text algorithm for those characters.
...And 6 more matches
<input type="week"> - HTML: Hypertext Markup Language
the
format of the date and time value used by this input type is described in
format of a valid week string in date and time
formats used in html.
... you can set a default value for the input by including a value inside the value attribute, like so: <label for="week">what week would you like to start?</label> <input id="week" type="week" name="week" value="2017-w01"> one thing to note is that the displayed
format may differ from the actual value, which is always
formatted yyyy-www.
...cept 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.
...And 6 more matches
Index - HTTP
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 in
formation with the request or the response.
... 12 access-control-max-age cors, http, reference, header the access-control-max-age response header indicates how long the results of a preflight request (that is the in
formation contained in the access-control-allow-methods and access-control-allow-headers headers) can be cached.
... 22 content-disposition http, reference, header in a multipart/form-data body, the http content-disposition general header is a header that can be used on the subpart of a multipart body to give in
formation about the field it applies to.
...And 6 more matches
HTTP Public Key Pinning (HPKP) - HTTP
the first time a web server tells a client via a special http header which public keys belong to it, the client stores this in
formation for a given period of time.
... enabling hpkp to enable this feature for your 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 in
formation (spki) fingerprint.
...see below on how to extract this in
formation out of a certificate or key file.
...And 6 more matches
Number.prototype.toLocaleString() - JavaScript
syntax numobj.tolocalestring([locales [, options]]) parameters the locales and options arguments customize the behavior of the function and let applications specify the language whose
formatting conventions should be used.
... see the intl.number
format() constructor for details on these parameters and how to use them.
... performance when
formatting large numbers of numbers, it is better to create a number
format object and use the function provided by its number
format.
format property.
...And 6 more matches
Lexical grammar - JavaScript
unicode
format-control characters code point name abbreviation description u+200c zero width non-joiner <zwnj> placed between characters to prevent being connected into ligatures in certain languages (wikipedia).
...they include: arguments get set literals null literal see also null for more in
formation.
... null boolean literal see also boolean for more in
formation.
...And 6 more matches
How to make PWAs installable - Progressive web apps (PWAs)
the manifest file the key element is a web manifest file, which lists all the in
formation about the website in a json
format.
...it contains useful in
formation, such as the app’s title, paths to different-sized icons that can be used to represent the app on an os (such as an icon on the home screen, an entry in the start menu, or an icon on the desktop), and a background color to use in loading or splash screens.
... this in
formation is needed for the browser to present the web app properly during the installation process, as well as within the device's app-launching interface, such as the home screen of a mobile device.
...And 6 more matches
Referer header: privacy and security concerns - Web security
however, there are more problematic uses such as tracking or stealing in
formation, or even just side effects such as inadvertently leaking sensitive in
formation.
...if the link was followed, depending on how in
formation was shared the social media site may receive the reset password url and may still be able to use the shared in
formation, potentially compromising a user's security.
... by the same logic, an image hosted on a third party side but embedded in your page could result in sensitive in
formation being leaked to the third party.
...And 6 more matches
2015 MDN Fellowship Program - Archive of obsolete content
more in
formation: mdn/developerfellowship wiki page.
... what seven weeks of partnering closely with mozilla to (1) build curriculum, code, or likely both; and (2) receive coaching, training and best practices for effectively communicating and educating with technical in
formation.
... mentor in
formation josh matthews, mozilla platform group.
...And 5 more matches
test/assert - Archive of obsolete content
message : string optional message to log, providing extra in
formation about the test.
... message : string optional message to log, providing extra in
formation about the test.
... message : string optional message to log, providing extra in
formation about the test.
...And 5 more matches
Chapter 5: Let's build a Firefox extension - Archive of obsolete content
�──extensions └───helloworld │ chrome.manifest │ install.rdf │ └───content clock.js clock.xul overlay.xul table 2: how files are used in phase 1 fixme: make the table cleaner file name role install.rdf called the install manifest, this gives basic in
formation about the extension, and is required in order for the extension to be installed in firefox..
...can be in e-mail address
format or guid
format --> <em:id>helloworld@xuldev.org</em:id> <!-- indicates that this add-on is an extension --> <em:type>2</em:type> <!-- extension name displayed in add-on manager --> <em:name>hello, world!</em:name> <!-- extension version number.
...so we need to create an xpi-
formatted installer.
...And 5 more matches
Local Storage - Archive of obsolete content
to read and write in
formation in files, you need to use stream objects.
...this is the default behavior when firefox is uninstalled: the profile in
formation remains intact and it will be there waiting for you if firefox is installed again.
... others feel concerned about privacy and storing private in
formation locally without deleting it.
...And 5 more matches
The Essentials of an Extension - Archive of obsolete content
the file is
formatted in a special flavor of xml called rdf.
...one is the email-like
format in the hello world example, which should be something like <project-name>@<yourdomain>.
...here's more about the version
format.
...And 5 more matches
Frequently Asked Questions - Archive of obsolete content
if there's a grey area at the top of the source with the text "this xml file does not appear to have any style in
formation associated with it" then the problem is with the svg file.
...for more in
formation see this link.
...for more in
formation on server configuration for svg see this link.
...And 5 more matches
Venkman Introduction - Archive of obsolete content
for more in
formation about the latest improvements and versions, see the venkman development page.
...for more in
formation about this counter and the data, see item 2.2 in the venkman faq.) when you first start venkman, the basic views are arranged as in the screenshot above—though you can customize the layout and presence of the different views however you want, as we describe in the view customization section below.
... the scripts that have been loaded by the javascript engine appear in the loaded scripts window (for more in
formation about how scripts are loaded and accessed in venkman, see "loading scripts into the debugger").
...And 5 more matches
Learn XPI Installer Scripting by Example - Archive of obsolete content
mozilla cross-platform installations use the xpi
format as a way to organize, compress, and automate software installations and software updates.
...in the example above, "netscape seamonkey" is the display name, "browser" is the registry name, and the version is "6.0.0.2000110807." see initinstall in the xpinstall api reference for more in
formation on the initialization process.
...the browser.xpi install script does not demonstrate the use of these objects, but see the xpinstall api reference for more in
formation about registering software with the win32 operating systems and other operating systems.
...And 5 more matches
Custom toolbar button - Archive of obsolete content
(for seamonkey 1.x, see the page custom toolbar button:seamonkey.) you do not need any special technical skills or tools, and almost all the in
formation you need is on this page.
... note: for in
formation about how to find the profile directory, see: profile folder explanation: the profile directory contains in
formation specific to a user, keeping it separate from the application.
... if the application is reinstalled or upgraded, in
formation in the profile is not affected.
...And 5 more matches
Property Files - Archive of obsolete content
the element has a number of functions which can be used to get strings from the property file and get other locale in
formation.
... text
formatting the next method is get
formattedstring().
...in addition, each occurrence of
formatting code (e.g.
...And 5 more matches
Encryption and Decryption - Archive of obsolete content
encryption is the process of transforming in
formation so it is unintelligible to anyone but the intended recipient.
... decryption is the process of transforming encrypted in
formation so that it is intelligible again.
... with most modern cryptography, the ability to keep encrypted in
formation secret is based not on the cryptographic algorithm, which is widely known, but on a number called a key that must be used with the algorithm to produce an encrypted result or to decrypt previously encrypted in
formation.
...And 5 more matches
LiveConnect Overview - Archive of obsolete content
see data type conversion for complete in
formation.
...} catch (e) { if (e instanceof java.io.filenotfound) { // handling for filenotfound } else { throw e; } } see exception handling statements for more in
formation about javascript exceptions.
... see the javascript reference for more in
formation about these classes.
...And 5 more matches
Explaining basic 3D theory - Game development
a vertex is a point in space having its own 3d position in the coordinate system and usually some additional in
formation that defines it.
... you can build geometry using this in
formation — here is an example of a cube: a face of the given shape is a plane between vertices.
... vertex processing vertex processing is about combining the in
formation about individual vertices into primitives and setting their coordinates in the 3d space for the viewer to see.
...And 5 more matches
How to structure a web form - Learn web development
here you'll see that we are wrapping the contact in
formation fields inside a distinct <section> element.
...add this code to your form: <section> <h2>contact in
formation</h2> <fieldset> <legend>title</legend> <ul> <li> <label for="title_1"> <input type="radio" id="title_1" name="title" value="k" > king </label> </li> <li> <label for="title_2"> <input type="radio" id="title_2" name="title" value="q"> queen </label> </li> <li> <label for="title_3"> ...
...> <strong><abbr title="required">*</abbr></strong> </label> <input type="email" id="mail" name="usermail"> </p> <p> <label for="pwd"> <span>password: </span> <strong><abbr title="required">*</abbr></strong> </label> <input type="password" id="pwd" name="password"> </p> </section> the second <section> of our form is the payment in
formation.
...And 5 more matches
HTML text fundamentals - Learn web development
among the various techniques used, they provide an outline of the document by reading out the headings, allowing their users to find the in
formation they need quickly.
...nction(){ // we only want to save the state when the user code is being shown, // not the solution, so that solution is not saved over the user code if(solution.value === 'show solution') { userentry = textarea.value; } else { solutionentry = textarea.value; } updatecode(); }; active learning: marking up our recipe page so at this point in the article, you have all the in
formation you need to mark up our recipe page example.
...if anyone has any in
formation about this incident, please contact the police now.</p></textarea> <div class="playable-buttons"> <input id="reset" type="button" value="reset"> <input id="solution" type="button" value="show solution"> </div> html { font-family: sans-serif; } h2 { font-size: 16px; } .a11y-label { margin: 0; text-align: right; font-size: 0.7rem; width: 98%; } body { margin: 10px; b...
...And 5 more matches
Images in HTML - Learn web development
if your image provides significant in
formation, provide the same in
formation in a brief alt text – or even better, in the main text which everybody can see.
... note: for more in
formation, see our guide to text alternatives.
... image titles as with links, you can also add title attributes to images, to provide further supporting in
formation if needed.
...And 5 more matches
What is JavaScript? - Learn web development
a high-level definition javascript is a scripting or programming language that allows you to implement complex features on web pages — every time a web page does more than just sit there and display static in
formation for you to look at — displaying timely content updates, interactive maps, animated 2d/3d graphics, scrolling video jukeboxes, etc.
... the geolocation api retrieves geographical in
formation.
... third party apis are not built into the browser by default, and you generally have to grab their code and in
formation from somewhere on the web.
...And 5 more matches
Website security - Learn web development
with great regularity, we hear about websites becoming unavailable due to denial of service attacks, or displaying modified (and often damaging) in
formation on their homepages.
...as discussed earlier, this gives the attacker all the in
formation they need to enter the site as the target user, potentially making purchases as the user or sharing their contact in
formation.
...when the comments are displayed, the script is executed and can send to the attacker the in
formation required to access the user's account.
...And 5 more matches
Handling common HTML and CSS problems - Learn web development
html5 form elements also exhibit fallback qualities — html5 introduced some special <input> types for inputting specific in
formation into forms, such as times, dates, colors, numbers, etc.
...on a non-supporting platform such as firefox or internet explorer, the inputs will just fallback to normal text inputs, so at least the user can still enter some in
formation.
... note: of course, this may not be a great solution for your project's needs — the difference in visual presentation is not great, plus it is harder to guarantee the data will be entered in the
format you want it in.
...And 5 more matches
Chrome registration
locale localizable applications keep all their localized in
formation in locale providers.
... the plaintext chrome manifests are in a simple line-based
format.
... interfaces interfaces component/mycomponent.xpt [flags] instructs mozilla to load interface in
formation from a typelib file produced by xpidl.
...And 5 more matches
Commenting IDL for better documentation
the documentation team has tools that convert comments from the doxygen
format into the standard reference article
format we use here on mdn, with certain limitations.
... this article will help you understand how you can
format your comments to help ensure that the conversion process can be automated as much as possible in order to ensure that your interface gets properly documented.
...comment
format doxygen supports several comment
formats; for style and consistency reasons, we use the following: /** * */ note the two asterisks ("**") on the first line of the comment.
...And 5 more matches
Log.jsm
log.addappender(new log.consoleappender(new log.basic
formatter())); // a dump appender logs to stdout.
... log.addappender(new log.dumpappender(new log.basic
formatter())); // log some messages log.error("oh noes!!
... config in
formation regarding important configuration options the system is using that affect how it runs.
...And 5 more matches
Index
there is an established
format for those, which is described in this document.
... 12 localization quick start guide guide, translation this guide is filled with all of the basic, technical in
formation you need to get involved in the mozilla l10n program.
...here, we'll continue to stay true to the original intent of this guide and only present you with the technical in
formation you need to become an official release.
...And 5 more matches
PR_GetFileInfo
gets in
formation about a file with a specified pathname.
... syntax #include <prio.h> prstatus pr_getfileinfo( const char *fn, prfileinfo *info); parameters the function has the following parameters: fn the pathname of the file to get in
formation about.
... info a pointer to a file in
formation object (see prfileinfo).
...And 5 more matches
PR_GetFileInfo64
gets in
formation about a file with a specified pathname.
... syntax #include <prio.h> prstatus pr_getfileinfo64( const char *fn, prfileinfo64 *info); parameters the function has the following parameters: fn the pathname of the file to get in
formation about.
... info a pointer to a 64-bit file in
formation object (see prfileinfo64).
...And 5 more matches
NSS API Guidelines
high cert lib/certhigh ocsp.h, ocspt.h crmf provides functions, and data types, to handle certificate management message
format (cmmf) and certificate request message
format (crmf, see rfc 2511) data.
... within pkcs #11, wraps crypto lib/freebl blapi.h, blapit.h jar provides support for reading and writing data in java archive (jar)
format, including zlib compression.
... pkcs #12 lib/pkcs12 pkcs12t.h, pkcs12.h, p12plcy.h, p12.h, p12t.h pkcs7 provides functions and types for encoding and decoding encrypted data in pkcs #7
format.
...And 5 more matches
NSS PKCS11 Functions
more in
formation about module spec is available at pkcs11_module_specs.
...the caller should ask for one new database per call if the caller wants to get meaningful in
formation about the new database.
... pk11_setpasswordfunc defines a callback function used by the nss libraries whenever in
formation protected by a password needs to be retrieved from the key or certificate databases.
...And 5 more matches
JIT Optimization Strategies
this page contains only historic in
formation about this feature.
...provide a repository of jit optimization strategy in
formation which the jit coach tool can parse to display in its ui.
... optimization in
formation is currently collected for the following operations: getproperty (obj.prop) setproperty (obj.prop = val) getelement (obj[elemname]) setelement (obj[elemname] = val) call (func(...)) at each operation site, ionmonkey tries a battery of strategies, from the most optimized but most restrictive to the least optimized but least restrictive.
...And 5 more matches
Places utilities for JavaScript
description_anno - this annotation stores description in
formation about a bookmark.
... post_data_anno - i need to clarify here, but i think this is the name of the annotation that stores in
formation for keyword searches from a bookmark.
... placesutils method overview nsiuri createfixeduri(string aspec); string get
formattedstring(string key, string params); string getstring(string key); boolean nodeisfolder(nsinavhistoryresultnode anode); boolean nodeisbookmark(nsinavhistoryresultnode anode); boolean nodeisseparator(nsinavhistoryresultnode anode); boolean nodeisvisit(nsinavhistoryresultnode anode); boolean nodeisuri(nsinavhistoryresultnode anode); boo...
...And 5 more matches
Observer Notifications
see receiving startup notifications for more in
formation about how this works.
... topic description browser:purge-session-history sent when the sanitizer runs to purge all history and other in
formation.
... browser:purge-domain-data sent after domain-specific history and other in
formation have been purged.
...And 5 more matches
imgIContainer
obsolete since gecko 2.0 void appendframe(in print32 ax, in print32 ay, in print32 awidth, in print32 aheight, in gfximage
format a
format, [array, size_is(imagelength)] out pruint8 imagedata, out unsigned long imagelength); native code only!
... obsolete since gecko 2.0 void appendpalettedframe(in print32 ax, in print32 ay, in print32 awidth, in print32 aheight, in gfximage
format a
format, in pruint8 apalettedepth, [array, size_is(imagelength)] out pruint8 imagedata, out unsigned long imagelength, [array, size_is(palettelength)] out pruint32 palettedata, out unsigned long palettelength); native code only!
... void endframedecode(in unsigned long framenumber); obsolete since gecko 2.0 void ensurecleanframe(in unsigned long aframenum, in print32 ax, in print32 ay, in print32 awidth, in print32 aheight, in gfximage
format a
format, [array, size_is(imagelength)] out pruint8 imagedata, out unsigned long imagelength); native code only!
...And 5 more matches
mozIRegistry
it happens that this objective requires storing in
formation about which implementation to use in a place distinct from your source code.
... and it happens that we've chosen, up till now, to store that in
formation in the "netscape registry" file.
... which explains how this in
formation came to be associated with the notion of a "registry." someday (i hope) this page will be properly titled so that everybody knows it is the place to come to in order to find out how they are supposed to link together the various xpcom components that together form the mozilla browser.
...And 5 more matches
nsITransferable
widget/nsitransferable.idlscriptable a container for typed data that can be transferred from one place or owner to another, possibly involving
format conversion.
...to create an instance, use: var transferable = components.classes["@mozilla.org/widget/transferable;1"] .createinstance(components.interfaces.nsitransferable); it's important to note that a flavor, which specifies a type of data the transferable supports, is represented by a null-terminated string indicating the mime type of the
format supported by the flavor.
...n string aflavor, out nsisupports adata, out unsigned long adatalen ); void init(in nsiloadcontext acontext); boolean islargedataset( ); void removedataflavor( in string adataflavor ); void settransferdata( in string aflavor, in nsisupports adata, in unsigned long adatalen ); attributes attribute type description converter nsi
formatconverter an nsi
formatconverter instance which implements the code needed to convert data into and out of the transferable given the supported flavors.
...And 5 more matches
Index
pizzarro <rhp@netscape.com> 10 autoconfiguration in thunderbird administration, enterprise author: ben bucksch please do not change this document without consulting the author 11 autoconfig file
format no summary!
... 12 autoconfig file
format definition please see https://wiki.mozilla.org/thunderbird:autoconfiguration:configfile
format.
...it should be noted that all of this in
formation applies to both thunderbird and the seamonkey application suite.
...And 5 more matches
EXT_texture_compression_bptc - Web APIs
the ext_texture_compression_bptc extension is part of the webgl api and exposes 4 bptc compressed texture
formats.
... these compression
formats are called bc7 and bc6h in microsoft's directx api.
...for more in
formation, see also using extensions in the webgl tutorial.
...And 5 more matches
Using files from web applications - Web APIs
you need to use eventtarget.addeventlistener() to add the change event listener, like this: const inputelement = document.getelementbyid("input"); inputelement.addeventlistener("change", handlefiles, false); function handlefiles() { const filelist = this.files; /* now you can work with the file list */ } getting in
formation about selected file(s) the filelist object provided by the dom lists all of the files selected by the user, each specified as a file object.
... there are three attributes provided by the file object that contain useful in
formation about the file.
...this is just the file name, and does not include any path in
formation.
...And 5 more matches
Using the Gamepad API - Web APIs
the navigator.getgamepads() method returns an array of all devices currently visible to the webpage, as gamepad objects (the first value is always null, so null will be returned if there are no gamepads connected.) this can then be used to get the same in
formation.
...%d buttons, %d axes.", gp.index, gp.id, gp.buttons.length, gp.axes.length); }); the gamepad object's properties are as follows: id: a string containing some in
formation about the controller.
... this is not strictly specified, but in firefox it will contain three pieces of in
formation separated by dashes (-): two 4-digit hexadecimal strings containing the usb vendor and product id of the controller, and the name of the controller as provided by the driver.
...And 5 more matches
WebGL2RenderingContext.texSubImage3D() - Web APIs
syntax void gl.texsubimage3d(target, level, xoffset, yoffset, zoffset, width, height, depth,
format, type, arraybufferview?
... srcdata, optional srcoffset); void gl.texsubimage3d(target, level, xoffset, yoffset, zoffset, width, height, depth,
format, type, imagebitmap?
... pixels); void gl.texsubimage3d(target, level, xoffset, yoffset, zoffset, width, height, depth,
format, type, imagedata?
...And 5 more matches
WebGLRenderingContext.texSubImage2D() - Web APIs
syntax // webgl 1: void gl.texsubimage2d(target, level, xoffset, yoffset, width, height,
format, type, arraybufferview?
... pixels); void gl.texsubimage2d(target, level, xoffset, yoffset,
format, type, imagedata?
... pixels); void gl.texsubimage2d(target, level, xoffset, yoffset,
format, type, htmlimageelement?
...And 5 more matches
Matrix math for the web - Web APIs
matrices can be used to represent trans
formations of objects in space, and are used for performing many key types of computation when constructing images and visualizing data on the web.
... trans
formation matrices there are many types of matrices, but the ones we are interested in are the 3d trans
formation matrices.
...this is a special trans
formation matrix which functions much like the number 1 does in scalar multiplication; just like n * 1 = n, multiplying any matrix by the identity matrix gives a resulting matrix whose values match the original matrix.
...And 5 more matches
WebRTC API - Web APIs
media streams can consist of any number of tracks of media in
formation; tracks, which are represented by objects based on the mediastreamtrack interface, may contain one of a number of types of media data, including audio, video, and text (such as subtitles or even chapter names).
... most streams consist of at least one audio track and likely also a video track, and can be used to send and receive both live media or stored media in
formation (such as a streamed movie).
...this can be used for back-channel in
formation, metadata exchange, game status packets, file transfers, or even as a primary channel for data transfer.
...And 5 more matches
Lighting a WebXR setting - Web APIs
other data is collected using the geolocation api, and then all this data is put through algorithms and machine learning engines to generate the estimated lighting in
formation.
... in essence, lighting estimation collects this in
formation about the light sources and the shape and orientation of the objects in the scene, along with in
formation about the materials they're made of, then returns data you can use to create virtual light source objects that approximately match the real world's lighting.
... lighting in
formation can leak to the web in
formation about the user's surroundings and device usage patterns.
...And 5 more matches
Basic concepts behind Web Audio API - Web APIs
channel notation the number of audio channels available on a signal is frequently presented in a numeric
format, such as 2.0 or 5.1.
... created from raw pcm data (the audio context has methods to decode supported audio
formats).
... a lot more in
formation can be found on the wikipedia page sampling (signal processing).
...And 5 more matches
ARIA: gridcell role - Accessibility
it is intended to mimic the functionality of the html td element for table-style grouping of in
formation.
... this sample code demonstrates a table-style grouping of in
formation where the third and fourth columns have been removed.
...gridcell" aria-colindex="1">debra</div> <div role="gridcell" aria-colindex="2">burks</div> <div role="gridcell" aria-colindex="5">new york</div> <div role="gridcell" aria-colindex="6">14127</div> </div> </div> … </div> describing the position of gridcells when the overall structure is unknown in situations where the table-style grouping of content does not provide in
formation about the columns and rows, gridcells must have their positions programatically described by using aria-describedby.
...And 5 more matches
WAI ARIA Live Regions/API Support - Developer guides
this means that the at does not need to traverse up the parent chain to get this in
formation.
...determining if event was from user input all events will now provide in
formation about whether the event was caused by user input, or was something that the web page caused.
... this in
formation is retrieved differently on each platform, because some platforms use asynchronous events.
...And 5 more matches
<address>: The Contact Address element - HTML: Hypertext Markup Language
the html <address> element indicates that the enclosed html provides contact in
formation for a person or people, or for an organization.
... the contact in
formation provided by an <address> element's contents can take whatever form is appropriate for the context, and may include any type of contact in
formation that is needed, such as a physical address, url, email address, phone number, social media handle, geographic coordinates, and so forth.
... the <address> element should include the name of the person, people, or organization to which the contact in
formation refers.
...And 5 more matches
<input type="color"> - HTML: Hypertext Markup Language
<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.
... only simple colors (without alpha channel) are allowed though css colors has more
formats, e.g.
... color names, functional notations and a hexadecimal
format with an alpha channel.
...And 5 more matches
<input type="password"> - HTML: Hypertext Markup Language
note: any forms involving sensitive in
formation like passwords (e.g.
... if the pattern attribute is specified, the content of a password control is only considered valid if the value passes validation; see validation for more in
formation.
... placeholder the placeholder attribute is a string that provides a brief hint to the user as to what kind of in
formation is expected in the field.
...And 5 more matches
<link>: The External Resource Link element - HTML: Hypertext Markup Language
see cors settings attributes for additional in
formation.
...it may have the following values: any, meaning that the icon can be scaled to any size as it is in a vector
format, like image/svg+xml.
... a white-space separated list of sizes, each in the
format <width in pixels>x<height in pixels> or <width in pixels>x<height in pixels>.
...And 5 more matches
HTTP Messages - HTTP
http messages are composed of textual in
formation encoded in ascii, and span over multiple lines.
... a blank line indicating all meta-in
formation for the request has been sent.
...the
format of this request target varies between different http methods.
...And 5 more matches
Date.prototype.toLocaleString() - JavaScript
the new locales and options arguments let applications specify the language whose
formatting conventions should be used and customize the behavior of the function.
... syntax dateobj.tolocalestring([locales[, options]]) parameters the locales and options arguments customize the behavior of the function and let applications specify the language whose
formatting conventions should be used.
... see the intl.datetime
format() constructor for details on these parameters and how to use them.
...And 5 more matches
Digital audio concepts - Web media technologies
representing audio in digital form involves a number of steps and processes, with multiple
formats available both for the raw audio and the encoded or compressed audio which is actually used on the web.
... audio data
format and structure at the most basic level, audio is represented by a stream of samples, each specifying the amplitude of the audio waveform as measured for a given slice of the overall waveform of the audio signal.
... there are several
formats used for the individual samples within an audio file.
...And 5 more matches
gradientTransform - SVG: Scalable Vector Graphics
the gradienttransform attribute contains the definition of an optional additional trans
formation from the gradient coordinate system onto the target coordinate system (i.e., userspaceonuse or objectboundingbox).
...this additional trans
formation matrix is post-multiplied to (i.e., inserted to the right of) any previously defined trans
formations, including the implicit trans
formation necessary to convert from object bounding box units to user space.
... stop-color="darkblue" /> </radialgradient> <rect x="0" y="0" width="200" height="200" fill="url(#gradient1)" /> <rect x="0" y="0" width="200" height="200" fill="url(#gradient2)" style="transform: translatex(220px);" /> </svg> usage notes default value identity transform value <transform-list> animatable yes <transform-list> a list of trans
formation functions specifying some additional trans
formation from the gradient coordinate system onto the target coordinate system.
...And 5 more matches
Mozilla Documentation Roadmap - Archive of obsolete content
there's a great deal of free online documentation available on xul and extension development, but finding it and turning it into useful in
formation can be a daunting task.
...secondly, there are several important articles that are very lacking in in
formation, like the preferences system page.
...if you find it lacking or missing some piece of in
formation, please consider adding it once you've found it.
...And 4 more matches
List of Mozilla-Based Applications - Archive of obsolete content
if you have in
formation about a new project or extra in
formation about an existing project, please feel free to update this page.
... name description additional in
formation 389 directory server ldap server uses nss a380 seatback entertainment system media software this blog post mentions a reference to mozilla being used but i couldn't find more in
formation about it.
... abstract accounting tool adobe acrobat and adobe reader portable document
format (pdf) software uses mozilla spidermonkey adobe flash player popular browser plug-in uses nss in linux version adwatch content management system uses xul and xpcom aicpcu/iia exam app exam delivery software aliwal geocoder geocoding & data on a map amarok xul remote remote control for amarok music player ample sdk javascript gui-framework aol instant messenger im client uses nss apache web server doesn't use nss by default, but can be configured to use nss with mod_nss ssl module apicawatch site performance monitoring tool uses firefox as part of it...
...And 4 more matches
Source code directories overview - Archive of obsolete content
see also similar in
formation in mozilla source code directory structure, and also see the more detailed overview of how the parts of gecko fit together.
...it contains code for various character sets, locale
formats (e.g.
... the
format of the date and time for different cultures) and other localization facilities.
...And 4 more matches
Space Manager High Level Design - Archive of obsolete content
this in
formation is used by block layout to correctly compute where other floated elements should be placed, and how much space is available to normal in-flow elements that flow around the floated bits.
...during reflow, the space manager stores the space taken up by floats (updatespacemanager in nsblockframe) and provides in
formation about the space available for other elements (getavailablespace in nsblockreflowstate).
... data model class/component diagram nsspacemanager: the central point of management of the space taken up by floats in a block nsbanddata: provides in
formation about the frames occupying a band of occupied or available space nsblockbanddata: a specialization of nsbanddata that is used by nsblockreflowstate to determine the available space, float impacts, and where floats are cleared.
...And 4 more matches
Using XPInstall to Install Plugins - Archive of obsolete content
since the file
format that contains the software and the install.js javascript file is a cross-platform file (zip) and since javascript is understood by mozilla browsers on all platforms, often one single xpi package can be deployed on all platforms.
...the exact
format of these registry keys and how they should be written is covered in the section on the first install problem.
... write keys in the windows registry which store in
formation about this secondary location, in particular the plugin path and the xpt path (if applicable) so that netscape gecko browsers can pick up the plugin from the secondary location if they are installed after the plugin is (and thus, if a particular netscape gecko browser follows or replaces the current browser).
...And 4 more matches
IO - Archive of obsolete content
file and stream guide: [ nsiscriptableio | accessing files | getting file in
formation | reading from files | writing to files | moving, copying and deleting files | uploading and downloading files | working with directories ] important note: the pages from the file and stream guide use the io object (nsiscriptableio), which was not available in any released version of the platform (pending some fixes).
...files and streams this section describes how to access and get in
formation about files, read from files and create and write files.
... retrieve a file object for in
formation about getting a file object, see accessing files get in
formation about a file available in
formation about a file include the permissions, size, and last modified date of a file.
...And 4 more matches
Writing Skinnable XUL and CSS - Archive of obsolete content
if you wish for your package to blend in with the other packages, then the skin for your package should inherit in
formation from the global skin in order to reduce the amount of duplication across packages and in order to make the ui as a whole easier to skin.
...skin files that don't import any other skin files, but that are only intended to be used in the context of another component's skin are also considered derived skin files, since they are implicitly importing in
formation from the other component's skin.
...they should instead rely on the context in which they will appear for color, font, and border in
formation.
...And 4 more matches
XML - Archive of obsolete content
all of the events and attributes -- even the javascript event listeners normally
formatted in the javascript world with uppercase verbs (e.g., onclick, onload) -- must be lowercase or they are invalid.
...in
formation developers create languages particular to their applications, any time they need a very specific way to represent the structure of some data.
... this is what xml is: a meta-language for defining languages appropriate to the tasks at hand; it's structured in a way that makes it accessible as "in
formation" to both humans and machines.
...And 4 more matches
Archive of obsolete content
if anyone might realistically need the in
formation in a living product, it may not be appropriate to move it here.
...- i'm also looking for a way to organize all that in
formation.
...if you have in
formation about a new project or extra in
formation about an existing project, please feel free to update this page.
...And 4 more matches
Accessible multimedia - Learn web development
for more in
formation on how to add more complex features to video/audio players, including flash fallbacks for older browsers, see: audio and video delivery video player styling basics creating a cross-browser video player we've also created an advanced example to show how you could create an object-oriented system that finds every video and audio player on the page (no matter how many there are) and adds o...
...as well as giving deaf users access to the in
formation contained in the audio, think about a user with a low bandwidth connection, who would find downloading the audio inconvenient.
... think also about a user in a noisy environment like a pub or bar, who is trying to access the in
formation but can't hear it over the noise.
...And 4 more matches
CSS FAQ - Learn web development
classes allow you to style multiple elements, therefore they can lead to shorter stylesheets, rather than having to write out the same styling in
formation in multiple rules that use id selectors.
... note: see selectors for more in
formation.
...however, assigning multiple classes to a single element can provide the same effect, and css variables now provide a way to define style in
formation in one place that can be reused in multiple places.
...And 4 more matches
Getting started with HTML - Learn web development
doing this should give the line italic text
formatting!
...if we wanted to state that our cat is very grumpy, we could wrap the word very in a <strong> element, which means that the word is to have strong(er) text
formatting: <p>my cat is <strong>very</strong> grumpy.</p> there is a right and wrong way to do nesting.
...attributes look like this: attributes contain extra in
formation about the element that won't appear in the content.
...And 4 more matches
Choosing the right approach - Learn web development
further in
formation introducing asynchronous javascript, in particular async callbacks settimeout() settimeout() is a method that allows you to run a function after an arbitrary amount of time has passed.
... further in
formation cooperative asynchronous javascript: timeouts and intervals, in particular settimeout() settimeout() reference setinterval() setinterval() is a method that allows you to run a function repeatedly with a set interval of time between each execution.
... further in
formation cooperative asynchronous javascript: timeouts and intervals, in particular setinterval() setinterval() reference requestanimationframe() requestanimationframe() is a method that allows you to run a function repeatedly, and efficiently, at the best framerate available given the current browser/system.
...And 4 more matches
Manipulating documents - Learn web development
this is usually done by using the document object model (dom), a set of apis for controlling html and styling in
formation that makes heavy use of the document object.
...imagine if a web site could get access to your stored passwords or other sensitive in
formation, and log into websites as if it were you?
...you can use this object to return and manipulate in
formation on the html and css that comprises the document, for example get a reference to an element in the dom, change its text content, apply new styles to it, create new elements and add them to the current element as children, or even delete it altogether.
...And 4 more matches
Introduction to automated testing - Learn web development
a new directory somewhere sensible using your file manager ui, or, on a command line, by navigating to the location you want and running the following command: mkdir node-test to make this directory an npm project, you just need to go inside your test directory and initialize it, with the following: cd node-test npm init this second command will ask you many questions to find out the in
formation required to set up the project; you can just select the defaults for now.
... once all the questions have been asked, it will ask you if the in
formation entered is ok.
...each gulp task is written in the same basic
format — gulp's task() method is run, and given two parameters — the name of the task, and a callback function containing the actual code to run to complete the task.
...And 4 more matches
Handling common JavaScript problems - Learn web development
this includes in
formation on using browser dev tools to track down and fix problems, using polyfills and libraries to work around problems, getting modern javascript features working in older browsers, and more.
...at this point, the right-hand side will update to show some very useful in
formation.
... we can find out some very useful in
formation in here.
...And 4 more matches
Strategies for carrying out testing - Learn web development
by coding defensively, we mean trying to build in intelligent fallbacks so that if a feature or style doesn't work in a browser, the site will be able to downgrade to something less exciting that still provides an acceptable user experience — the core in
formation is still accessible, for example, even if it doesn't look quite as nice.
...test, and provide a more basic experience that gives full access to core in
formation and services.
... throughout the following sections, we'll build up a support chart in this
format.
...And 4 more matches
Setting up your own test automation environment - Learn web development
see platforms supported by selenium for more in
formation on where to get browser drivers from, etc.
...this needs to have the forbrowser() method chained onto it to specify what browser you want to test with this builder, and the build() method to actually build it (see the builder class reference for detailed in
formation on these features).
...you can find some good background in
formation at test design considerations.
...And 4 more matches
HTTP logging
this saves a log of http-related in
formation from your browser run into a file that you can examine (or upload to bugzilla if a developer has asked you for a log).
... go to the "logging section" adjust the location of the log file if you don't like the default adjust the list of modules that you want to log: this list has the exact same
format as the moz_log environment variable (see below).
... linux this section offers in
formation on how to capture http logs for firefox running on linux.
...And 4 more matches
The Firefox codebase: CSS Guidelines
the overriding css section contains more in
formation about this.
...
formatting spacing & indentation 2 spaces indentation is preferred add a space after each comma, except within color functions: linear-gradient(to bottom, black 1px, rgba(255,255,255,0.2) 1px) always add a space before !important.
... using variables use the variable according to its naming do this: xul|tab:hover { background-color: var(--in-content-box-background-hover); } not this: #certificateerrordebugin
formation { background-color: var(--in-content-box-background-hover); } localization text direction for margins, padding and borders, use inline-start/inline-end rather than left/right.
...And 4 more matches
Developer guide
this guide provides in
formation that will not only help you get started as a mozilla contributor, but that you'll find useful to refer to even if you are already an experienced contributor.
... mozilla modules and module ownership this article provides in
formation about mozilla's modules, what the role of a module owner is, and how module owners are selected.
... the mozilla platform in
formation about the workings of the mozilla platform.
...And 4 more matches
Firefox and the "about" protocol
there is a lot of useful in
formation about firefox hidden away behind the about: url protocol.
...here is a complete list of urls in the about: pseudo protocol: about: page description about: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 in
formation 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.
...hes to the developer tools debugging page, which allows you to debug add-ons, tabs and service workers about:devtools summarizes the developer tools and provides links to documentation for each tool about:downloads displays all downloads done within firefox about:home start page of firefox when opening a new window about:license displays licensing in
formation about:logo firefox logo about:memory provides a way to display memory usage, save it as report and run the gc and cc about:mozilla special page showing a message from "the book of mozilla" about:networking displays networking in
formation about:newtab start page when opening a new tab about:performance displays memory and p...
...And 4 more matches
CustomizableUI.jsm
reaid); string getareatype(aareaid); domelement getcustomizetargetforarea(aareaid, awindow); void reset(); void undoreset(); void removeextratoolbar(); object getplacementofwidget(awidgetid); bool iswidgetremovable(awidgetnodeorwidgetid); bool canwidgetmovetoarea(awidgetid); void getlocalizedproperty(awidget, aprop, a
formatargs, adef); void hidepanelfornode(anode); bool isspecialwidget(awidgetid); void addpanelcloselisteners(apanel); void removepanelcloselisteners(apanel); void onwidgetdrag(awidgetid, aarea); void notifystartcustomizing(awindow); void notifyendcustomizing(awindow); void dispatchtoolboxevent(aevent, adetails, awindow); b...
... you can override this last behavior (and destroy the placements in
formation in the saved state) by passing true for adestroyplacements.
... adestroyplacements whether to destroy the placements in
formation for the area, too.
...And 4 more matches
SourceMap.jsm
get a reference to the module: let sourcemap = {}; components.utils.import('resource:///modules/devtools/sourcemap.jsm', sourcemap); sourcemapconsumer a sourcemapconsumer instance represents a parsed source map which we can query for in
formation about the original file positions by giving it a file position in the generated source.
... sourcemapconsumer.prototype.originalpositionfor(generatedposition) returns the original source, line, and column in
formation for the generated source's line and column positions provided.
... and an object is returned with the following properties: source: the original source file, or null if this in
formation is not available.
...And 4 more matches
Mozilla DOM Hacking Guide
see section 1.5 for more in
formation about the init() method.
...please see the nsixpcscriptable interface for more in
formation.
...see bug 92071 for more in
formation.
...And 4 more matches
DMD
you can dump that in
formation to file, giving a profile of the live heap blocks at that point in time.
...you can dump that in
formation to file, giving a profile of the heap usage for the entire session.
...note that stack in
formation you get will likely be less detailed, due to being unable to symbolicate.
...And 4 more matches
NSS_3.12_release_notes.html
nss 3.12 release notes 17 june 2008 newsgroup: mozilla.dev.tech.crypto contents introduction distribution in
formation new in nss 3.12 bugs fixed documentation compatibility feedback introduction network security services (nss) 3.12 is a minor release with the following new features: sqlite-based shareable certificate and key databases libpkix: an rfc 3280 compliant certificate path validation library camellia cipher support tls session ticket extension (rfc 5077) nss 3.12 is tri-licensed under the mpl 1.1/gpl 2.0/lgpl 2.1.
... distribution in
formation the cvs tag for the nss 3.12 release is nss_3_12_rtm.
...rk_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_separately cert_rev_mi_test_all_local_in
formation_first cert_rev_mi_no_overall_info_requirement cert_rev_mi_require_some_fresh_info_available cert_policy_flag_no_mapping cert_policy_flag_explicit cert_policy_flag_no_any cert_enable_ldap_fetch cert_enable_http_fetch new macro in utilrename.h: smime_aes_cbc_128 the nssckbi pkcs #11 module's version changed to 1.70.
...And 4 more matches
NSS environment variables
see the source for more in
formation.
... the trace in
formation is written to the file pointed by nspr_log_file (default stderr).
... see nss tracing 3.12 nss_use_decoded_cka_ec_point boolean (any value to enable) tells nss to send ec key points across the pkcs#11 interface in the non-standard unencoded
format that was used by default before nss 3.12.3.
...And 4 more matches
pkfnc.html
this page is part of the ssl reference that we are migrating into the
format described in the mdn style guide.
... pk11_setpasswordfunc defines a callback function used by the nss libraries whenever in
formation protected by a password needs to be retrieved from the key or certificate databases.
... description during the course of an ssl operation, it may be necessary for the user to log in to a pkcs #11 token (either a smart card or soft token) to access protected in
formation, such as a private key.
...And 4 more matches
NSS Tools
the tools in
formation table below describes both the tools that are currently working and those that are still under development.
...the links will become active when in
formation is available.
...for in
formation about downloading the nss source, see https://developer.mozilla.org/nss/building.
...And 4 more matches
Mork
mork is a database file
format invented by david mccusker for the mozilla code since the original netscape database in
formation was proprietary and could not be released open source.
... starting with mozilla 1.9, it was phased out in favor of sqlite, a more widely-supported file
format.
... the in
formation on this page was constructed by reading the source code of the mork database in mozilla and attempting to codify what it parses as faithfully as possible.
...And 4 more matches
An Overview of XPCOM
see a reference implementation of queryinterface for detailed in
formation.
...this is the contract id for the ldap operation component: "@mozilla.org/network/ldap-operation;1" the
format of the contract id is the domain of the component, the module, the component name, and the version number, separated by slashes.
...at a minimum, the factory needs to preserve in
formation about what objects it has created.
...And 4 more matches
nsIAccessibleStates
because objects with this state are not available to users, client applications should not communicate in
formation about the object to users.
...if this second state is defined, then clients can communicate the in
formation about the object to users.
...a speech-based accessibility aid does not announce in
formation when an object with this state has the focus because the object automatically announces in
formation.
...And 4 more matches
nsIPermissionManager
methods add() add permission in
formation and permission type for a given uri.
... addfromprincipal() add permission in
formation and permission type for a given principal.
... remove() remove permission in
formation for a given host string and permission type.
...And 4 more matches
LDAP Support
it should be noted that all of this in
formation applies to both thunderbird and the seamonkey application suite.
...this can be accomplished by setting the following preferences: user_pref("mail.autocomplete.commentcolumn", 2); user_pref("ldap_2.servers.directoryname.autocomplete.comment
format", "[ou]"); the first preference tells us to use a comment column in the type down (the default value is 0 for no comment), and that the value for the comment is a custom string unique to each directory.
... the comment
format preference is set on each directory.
...And 4 more matches
Debugger.Script - Firefox Developer Tools
the two cases are distinguished by their
format property being "js" or "wasm".
... debugger.script for jsscripts for debugger.script instances referring to a jsscript, they are distinguished by their
format property being "js".
... debugger.script for webassembly for debugger.script instances referring to a block of webassembly code, they are distinguished by their
format property being "wasm".
...And 4 more matches
Index - Firefox Developer Tools
3 accessibility inspector accessibility, accessibility inspector, devtools, guide, tools the accessibility inspector provides a means to access important in
formation exposed to assistive technologies on the current page via the accessibility tree, allowing you to check what's missing or otherwise needs attention.
...the two cases are distinguished by their
format property being "js" or "wasm".
...this pane provides more detailed in
formation about the request.
...And 4 more matches
Geolocation API - Web APIs
for privacy reasons, the user is asked for permission to report location in
formation.
... concepts and usage you will often want to retrieve a user's location in
formation in your web app, for example to plot their location on a map, or display personalized in
formation relevant to their location.
...if they accept, then the browser will use the best available functionality on the device to access this in
formation (for example, gps).
...And 4 more matches
The HTML DOM API - Web APIs
each node is based on the node interface, which provides properties for getting in
formation about the node as well as methods for creating, deleting, and organizing nodes within the dom.
... for example, consider a document with two elements, one of which has two more elements nested inside it: while the document interface is defined as part of the dom specification, the html specification significantly enhances it to add in
formation specific to using the dom in the context of a web browser, as well as to using it to represent html documents specifically.
... among the things added to document by the html standard are: support for accessing various in
formation provided by the http headers when loading the page, such as the location from which the document was loaded, cookies, modification date, referring site, and so forth.
...And 4 more matches
Dragging and Dropping Multiple Items - Web APIs
event.datatransfer.mozcleardataat("text/plain", 1); caution: removing the last
format for a particular index will remove that item entirely, shifting the remaining items down, so the later items will have different indices.
...etdataat("text/uri-list", "url1", 0); dt.mozsetdataat("text/plain", "url1", 0); dt.mozsetdataat("text/uri-list", "url2", 1); dt.mozsetdataat("text/plain", "url2", 1); dt.mozsetdataat("text/uri-list", "url3", 2); dt.mozsetdataat("text/plain", "url3", 2); // [item1] data=url1, index=0 // [item2] data=url2, index=1 // [item3] data=url3, index=2 after you added three items in two different
formats, dt.mozcleardataat("text/uri-list", 1); dt.mozcleardataat("text/plain", 1); you've removed the second item clearing all types, then the old third item becomes new second item, and its index decreases.
...in this case, add the appropriate
formats for each item.
...And 4 more matches
HTML Drag and Drop API - Web APIs
see interoperability for more in
formation about drag-and-drop interoperability.
...for more in
formation, see dragging and dropping multiple items.
...sfer object ev.datatransfer.setdata("text/plain", ev.target.id); } window.addeventlistener('domcontentloaded', () => { // get the element by id const element = document.getelementbyid("p1"); // add the ondragstart event listener element.addeventlistener("dragstart", dragstart_handler); }); </script> <p id="p1" draggable="true">this element is draggable.</p> for more in
formation, see: draggable attribute reference drag operations guide define the drag's data the application is free to include any number of data items in a drag operation.
...And 4 more matches
RTCStatsReport - Web APIs
the statistics objects for each category of statistic in
formation, there is a dictionary whose properties provide the relevant in
formation.
... properties common to all statistic categories all webrtc statistics objects are fundamentally based on the rtcstats dictionary, which provides the most fundamental in
formation: the timestamp, the statistic type string, and an id uniquely identifying the source of the data: id a domstring which uniquely identifies the object which was inspected to produce this object based on rtcstats.
...this in
formation considers only the outbound rtp stream, so any data which requires in
formation about the state of the remote peers (such as round-trip time) is unavailable, since those values can't be computed without knowing about the other peers' states.
...And 4 more matches
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.
...for more in
formation, see also using extensions in the webgl tutorial.
... constants the compressed texture
formats are exposed by 10 constants and can be used in two functions: compressedteximage2d() and compressedtexsubimage2d().
...And 4 more matches
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.
...for more in
formation, see also using extensions in the webgl tutorial.
... constants the compressed texture
formats are exposed by four constants and can be used in two functions: compressedteximage2d() and compressedtexsubimage2d().
...And 4 more matches
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.
...for more in
formation, see also using extensions in the webgl tutorial.
... constants the compressed texture
formats are exposed by four constants and can be used in two functions: compressedteximage2d() and compressedtexsubimage2d().
...And 4 more matches
WebGL2RenderingContext.texImage3D() - Web APIs
syntax void gl.teximage3d(target, level, internal
format, width, height, depth, border,
format, type, glintptr offset); void gl.teximage3d(target, level, internal
format, width, height, depth, border,
format, type, htmlcanvaselement source); void gl.teximage3d(target, level, internal
format, width, height, depth, border,
format, type, htmlimageelement source); void gl.teximage3d(target, level, internal
format, width, height, depth, border,
format, type, htmlvideoelement source); void gl.teximage3d(target, level, internal
format, width, height, depth, border,
format, type, imagebitmap source); void gl.teximage3d(target, level, internal
format, width, height, depth, border,
format, t...
...ype, imagedata source); void gl.teximage3d(target, level, internal
format, width, height, depth, border,
format, type, arraybufferview?
... srcdata); void gl.teximage3d(target, level, internal
format, width, height, depth, border,
format, type, arraybufferview srcdata, srcoffset); parameters target a glenum specifying the binding point (target) of the active texture.
...And 4 more matches
WebGLRenderingContext.compressedTexImage[23]D() - Web APIs
the webglrenderingcontext.compressedteximage2d() and webgl2renderingcontext.compressedteximage3d() methods of the webgl api specify a two- or three-dimensional texture image in a compressed
format.
... compressed image
formats must be enabled by webgl extensions before using these methods.
... syntax // webgl 1: void gl.compressedteximage2d(target, level, internal
format, width, height, border, arraybufferview?
...And 4 more matches
Lifetime of a WebRTC session - Web APIs
this article doesn't get into details of the actual apis involved in establishing and handling a webrtc connection; it simply reviews the process in general with some in
formation about why each step is required.
... signaling signaling is the process of sending control in
formation between two devices to determine the communication protocols, channels, media codecs and
formats, and method of data transfer, as well as any required routing in
formation.
... in order to exchange signaling in
formation, you can choose to send json objects back and forth over a websocket connection, or you could use xmpp or sip over an appropriate channel, or you could use xmlhttprequest over https with polling, or any other combination of technologies you can come up with.
...And 4 more matches
Attestation and Assertion - Web APIs
the attestation
format contains two basic arraybuffers: clientdatajson - an arraybuffer that contains a json representation of what the browser saw when being asked to authenticate.
...it is not included when used in the authenticatorassertionresponse.) different devices have different attestation
formats.
... the pre-defined attestation
formats in webauthn are: packed - a generic attestation
format that is commonly used by devices whose sole function is as a webauthn authenticator, such as security keys.
...And 4 more matches
display - CSS: Cascading Style Sheets
inside <display-inside> these keywords specify the element’s inner display type, which defines the type of
formatting context that its contents are laid out in (assuming it is a non-replaced element).
... if its outer display type is inline or run-in, and it is participating in a block or inline
formatting context, then it generates an inline box.
... depending on the value of other properties (such as position, float, or overflow) and whether it is itself participating in a block or inline
formatting context, it either establishes a new block
formatting context (bfc) for its contents or integrates its contents into its parent
formatting context.
...And 4 more matches
HTML attribute: rel - HTML: Hypertext Markup Language
if the most appropriate icon is later found to be inappropriate, for example because it uses an unsupported
format, the browser proceeds to the next-most appropriate, and so on.
... with the type attribute, it indicates that the referenced document is the same content in a different
format.
... <link rel="alternate" type="application/atom+xml" href="posts.xml" title="blog"> both the hreflang and type attributes specify links to versions of the document in an alternative
format and language, intended for other media: <link rel=alternate href="/fr/html/print" hreflang=fr type=text/html media=print title="french html (for printing)"> <link rel=alternate href="/fr/pdf" hreflang=fr type=application/pdf title="french pdf"> author indicates the author of the current document or article.
...And 4 more matches
<source>: The Media or Image Source element - HTML: Hypertext Markup Language
it is commonly used to offer the same media content in multiple file
formats in order to provide compatibility with a broad range of browsers given their differing support for image file
formats and media file
formats.
...this in
formation is used by the browser to determine, before laying the page out, which image defined in srcset to use.
... for in
formation about image
formats supported by web browsers and guidance on selecting appropriate
formats to use, see our image file type and
format guide on the web.
...And 4 more matches
Using HTTP cookies - HTTP
it remembers stateful in
formation for the stateless http protocol.
...however, do not assume that secure prevents all access to sensitive in
formation in cookies; for example, it can be read by someone with access to the client's hard disk.
...however, it can be helpful when subdomains need to share in
formation about a user.
...And 4 more matches
An overview of HTTP - HTTP
it then parses this file, making additional requests corresponding to execution scripts, layout in
formation (css) to display, and sub-resources contained within the page (usually images and videos).
...proxies may perform numerous functions: caching (the cache can be public or private, like the browser cache) filtering (like an antivirus scan or parental controls) load balancing (to allow multiple servers to serve the different requests) authentication (to control access to different resources) logging (allowing the storage of historical in
formation) basic aspects of http http is simple http is generally designed to be simple and human readable, even with the added complexity introduced in http/2 by encapsulating http messages into frames.
...only pages from the same origin can access all the in
formation of a web page.
...And 4 more matches
A re-introduction to JavaScript (JS tutorial) - JavaScript
numbers numbers in javascript are "double-precision 64-bit
format ieee 754 values", according to the spec — there's no such thing as an integer in javascript (except bigint), so you have to be a little careful.
...unless you're certain of your string
format, you can get surprising results on those older browsers: parseint('010'); // 8 parseint('0x10'); // 16 here, we see the parseint() function treat the first string as octal due to the leading 0, and the second string as hexadecimal due to the leading "0x".
...also has the special values infinity and -infinity: 1 / 0; // infinity -1 / 0; // -infinity you can test for infinity, -infinity and nan values using the built-in isfinite() function: isfinite(1 / 0); // false isfinite(-infinity); // false isfinite(nan); // false the parseint() and parsefloat() functions parse a string until they reach a character that isn't valid for the specified number
format, then return the number parsed up to that point.
...And 4 more matches
BigInt.prototype.toLocaleString() - JavaScript
syntax bigintobj.tolocalestring([locales [, options]]) parameters the locales and options arguments customize the behavior of the function and let applications specify the language whose
formatting conventions should be used.
... see the intl.number
format() constructor for details on these parameters and how to use them.
... performance when
formatting large numbers of numbers, it is better to create a number
format object and use the function provided by its number
format.
format property.
...And 4 more matches
Date.prototype.toLocaleDateString() - JavaScript
the new locales and options arguments let applications specify the language whose
formatting conventions should be used and allow to customize the behavior of the function.
... syntax dateobj.tolocaledatestring([locales [, options]]) parameters the locales and options arguments customize the behavior of the function and let applications specify the language whose
formatting conventions should be used.
... see the intl.datetime
format() constructor for details on these parameters and how to use them.
...And 4 more matches
Date.prototype.toLocaleTimeString() - JavaScript
the new locales and options arguments let applications specify the language whose
formatting conventions should be used and customize the behavior of the function.
... syntax dateobj.tolocaletimestring([locales[, options]]) parameters the locales and options arguments customize the behavior of the function and let applications specify the language whose
formatting conventions should be used.
... see the intl.datetime
format() constructor for details on these parameters and how to use them.
...And 4 more matches
Web security
even simple bugs in your code can result in private in
formation being leaked, and bad people are out there trying to find ways to steal data.
... the web security-oriented articles listed here provide in
formation that may help you secure your site and its code from attacks and data theft.
... connection security transport security layer (tls) the transport layer security (tls) protocol is the standard for enabling two networked applications or devices to exchange in
formation privately and robustly.
...And 4 more matches
Creating custom Firefox extensions with the Mozilla build system - Archive of obsolete content
if someone can confirm this and/or provide guidelines for what's different, i'll update the article to incorporate this in
formation.
...this can be a guid, but the
format shown above is prettier and, let's face it, a lot easier to remember.
... <em:maxversion>1.0+</em:maxversion> </description> </em:targetapplication> <!-- front-end metadata --> <em:name>my first extension</em:name> <em:description>just an example.</em:description> <em:creator>allpeers.com</em:creator> <em:homepageurl>http://www.allpeers.com/blog/</em:homepageurl> </description> </rdf> there's a detailed description of the
format of the install.rdf file.
...And 3 more matches
Developing add-ons - Archive of obsolete content
this page will help guide you to the in
formation you need in order to create add-ons for firefox, thunderbird, or other software based on the mozilla platform, as well as how to distribute your add-ons.
... add-ons topics submitting an add-on to amo provides helpful in
formation for add-on developers to help them properly package and deliver their add-ons.
... this includes in
formation about addons.mozilla.org, mozilla's add-on distribution web site.
...And 3 more matches
Setting up an extension development environment - Archive of obsolete content
see this bug for more in
formation.
... development preferences there is a set of development preferences that, when enabled, allows you to view more in
formation about application activity, thus making debugging easier.
...for more in
formation about mozilla preferences, refer to the mozillazine article on "about:config".
...And 3 more matches
An Interview With Douglas Bowman of Wired News - Archive of obsolete content
the breakdown: 1 master screen media file which imports 4 files: a base file (bulk of
formatting) a file for finance/table
formatting color file (override colors and background images for specific color scheme) temp file (used for styles associated with temporary features and ad-related pages) 1 print media file 1 aural media file 3 master alternate style sheets which import 1 file each the 3 imported files set alternate font sizes (small, large, larger) how...
...this allows us to temporarily display on screen the same
formatting to be used for printing that page.
...it's true that our stories exist in a database, separated from page templates and peripheral
formatting.
...And 3 more matches
MCD, Mission Control Desktop, AKA AutoConfig - Archive of obsolete content
d=" + env_user,"uid,cn,mail,labeleduri"); // close the try, and call the catch() } catch(e) {displayerror("lockedpref", e);} debug if you set a username and the mozilla_debug variable ($export mozilla_debug=1; export user=procacci), then the displayerror() will show you this popup: that's a popup titled as "error", but it's just a debug tool for me as i didn't find any other way to popup in
formation.
...unfortunately file system writes and/or mail
format differs between windows and unix, and folders soon become unreadable or even corrupted when read/written from one system to the other.
... ldap web server list subtree $ ldapsearch -x * -b "ou=browser,ou=in
formation,dc=int-evry, dc=fr" cn -lll dn: ou=browser,ou=in
formation,dc=int-evry,dc=fr dn: sn=http_server,ou=browser,ou=in
formation,dc=int-evry, dc=fr cn: web1.int-evry.fr cn: web2.int-evry.fr dn: sn=http_unix_file, ou=browser,ou=in
formation,dc=int-evry, dc=fr cn: /browser/config_file_unix.jsc dn: sn=http_win_file, ou=browser,ou=in
formation,dc=int-evry, dc=fr cn: /browser/config_file_win.jsc netscap...
...And 3 more matches
Creating a Firefox sidebar extension - Archive of obsolete content
see the references section for in
formation on creating extension in earlier browsers.
...see building an extension for more detailed in
formation about structuring, packaging, and deploying extensions.
...other elements can be included, please read the xul tutorials for more in
formation.
...And 3 more matches
Message Summary Database - Archive of obsolete content
the mail summary files (.msf) are used to store summary in
formation about messages and threads in a folder, and some meta in
formation about the folder.
... nsimsgdatabase the main access point to the summary in
formation is nsimsgdatabase.
...there are a set of generic property methods so that core code and extensions can set attributes on msg headers without changing nsimsghdr.idl.msg threads we store thread in
formation persistently in the database and expose these object through the [nsimsgthread interface.
...And 3 more matches
Microsummary XML grammar reference - Archive of obsolete content
a microsummary generator is an xml document that describes how to pull specific in
formation from a web page to be presented in summary form as a bookmark whose title changes based on the content of the page it targets.
... warning: microsummary support was removed in gecko 6.0 (firefox 6.0 / thunderbird 6.0 / seamonkey 2.3) this article provides detailed in
formation about the xml grammar used to build microsummary generators, describing each element and their attributes.
...child elements: <stylesheet> or <transform> (required) the xslt stylesheet which performs the trans
formation.
...And 3 more matches
Supporting private browsing mode - Archive of obsolete content
firefox 3.5 introduced private browsing mode, in which potentially private in
formation is not recorded.
... this includes cookies, history in
formation, download in
formation, and so forth.
...extensions that may record potentially private in
formation may wish to hook into the private browsing service so that they can avoid saving personal in
formation when private browsing mode is enabled.
...And 3 more matches
Mozilla release FAQ - Archive of obsolete content
please send stats to me in the following
format: cpu/mhz, architecture, ram, disk type, os version, compiler version, build type, tree date -- build time example: 21164/533, alpha, 512m edo, ultra2 scsi, linux kernel 2.2.11, gcc 2.95, non-debug, 19 august 1999 cvs -- 25 minutes how do i run the binary on unix?
...if that doesn't work, it also could be posted in diff
format in the newsgroup.
... netscape.public.mozilla.patches note that context-sensitive patches (diff -c) are preferred over other
formats.
...And 3 more matches
NPEvent - Archive of obsolete content
d; xwindows typedef xevent npevent; fields npevent on microsoft windows the data structure has the following fields: event one of the following event types: wm_paint wm_lbuttondown wm_lbuttonup wm_lbuttondblclk wm_rbuttondown wm_rbuttonup wm_rbuttondblclk wm_mbuttondown wm_mbuttonup wm_mbuttondblclk wm_mousemove wm_keyup wm_keydown wm_setcursor wm_setfocus wm_killfocus for in
formation about these events, see the microsoft windows developer documentation.
...values: 0 nullevent 1 mousedown 2 mouseup 3 keydown 4 keyup 5 autokey 6 updateevt 7 diskevt 8 activateevt 15 osevt 23 khighlevelevent getfocusevent 0, 1 (true, false) losefocusevent adjustcursorevent 0, 1 (true, false) for in
formation about these events, see the mac os developer documentation.
...additional in
formation about the event.
...And 3 more matches
Adobe Flash - Archive of obsolete content
on mac os x, there is an additional caveat: netscape gecko browsers such as camino (formerly chimera), the latest mozilla browsers, and future versions of netscape which are built using the mach-o binary
format won't be able to use flash's scriptability features.
...the flash plugin's description string uses a standard versioning nomenclature that can then be parsed for meaningful in
formation.
...fortunately, mach-o browsers based on netscape gecko expose this in
formation in their user-agent string.
...And 3 more matches
The First Install Problem - Archive of obsolete content
this is an old working document; see en/gecko_plugin_api_reference/plug-in_development_overview for current in
formation.
...the solution suggests that plugin vendors ought to leave dlls on a windows desktop whether or not a netscape gecko browser is detected, and then write keys in the windows registry giving future netscape gecko browsers the path where the plugin resides and meta-in
formation about how to load the plugin.
...this document proposes a meta-in
formation model in the win32 registry similar to the one used by microsoft's hkey_classes_root\clsid\ where a new activex control (ocx) on the system presents its uuid as a registry key (identifying the activex control) as well as in
formation about where to find the ocx (e.g.
...And 3 more matches
display-outside - Archive of obsolete content
the display-outside css property specifies the outer display type of the box generated by an element, dictating how the element participates in its parent
formatting context.
... values block-level the element generates a block-level box, and participates in a block
formatting context.
... other
formatting contexts, such as flex
formatting contexts, may also work with block-level elements.
...And 3 more matches
XForms Custom Controls - Archive of obsolete content
the purpose of this article is to give you enough background in
formation so that you'll be able to get a good start.
... to really grasp the following in
formation, a good understanding of xforms, xbl, javascript and css is needed.
...for example, if you have an instance node of type xsd:date and you'd like to see the date displayed in a local
format.
...And 3 more matches
Choosing Standards Compliance Over Proprietary Practices - Archive of obsolete content
if the project is accepted, the compiled in
formation, analysis and research is merged into a request for proposal (rfp).
...se organizations: ansi (american national standards institute ) atsc (advanced television systems committee ) ieee (institute of electrical and electronics engineers ) ietf (internet engineering task force ) irtf (internet research task force ) iso (international standards organization ) itu (international telecommunication union ) oasis (organization for the advancement of structured in
formation standards ) oma (open mobile alliance ), uni (unicode consortium ) w3c (world wide web consortium ) iana (internet assigned numbers authority ) ecma international like the processes and standards that accountants and project managers must follow, the above-mentioned standards organizations provide focus and direction for the development engineering community.
...as users become more sophisticated, and as additional devices become more affordable, they will be accessing the same in
formation across a variety of devices – and expect them to look and act the same – regardless of whether they are accessing a web site from their desktop, phone, or handheld.
...And 3 more matches
Supporting older browsers - Learn web development
we are trying to make this easy for you at mdn, by providing browser compatibility in
formation on each page detailing a css property.
...this site lists the majority of web platform features with in
formation about their browser support status.
... creating fallbacks in css css specifications contain in
formation that explains what the browser does when two layout methods are applied to the same item.
...And 3 more matches
Styling links - Learn web development
now let's add some more in
formation to get this styled properly: body { width: 300px; margin: 0 auto; font-size: 1.2rem; font-family: sans-serif; } p { line-height: 1.4; } a { outline: none; text-decoration: none; padding: 2px 1px 0; } a:link { color: #265301; } a:visited { color: #437a16; } a:focus { border-bottom: 1px solid; background: #bae498; } a:hover { border-bottom: 1px solid; backgroun...
...first, some simple html to style: <p>for more in
formation on the weather, visit our <a href="#">weather page</a>, look at <a href="http://#">weather on wikipedia</a>, or check out <a href="http://#">weather on extreme science</a>.</p> next, the css: body { width: 300px; margin: 0 auto; font-family: sans-serif; } p { line-height: 1.4; } a { outline: none; text-decoration: none; padding: 2px 1px 0; } a:link { color: blue; } a:visi...
...we'll skip over most of the css, as it's just the same in
formation you've looked at before.
...And 3 more matches
What is a Domain Name? - Learn web development
deeper dive structure of domain names a domain name has a simple structure made of several parts (it might be one part only, two, three...), separated by dots and read from right to left: each of those parts provides specific in
formation about the whole domain name.
... companies called registrars use domain name registries to keep track of technical and administrative in
formation connecting you to your domain name.
...within a few hours, all dns servers will have received your dns in
formation.
...And 3 more matches
The HTML5 input types - Learn web development
the following firefox for android keyboard screenshot provides an example: due to the wide variety of phone number
formats around the world, this type of field does not enforce any constraints on the value entered by a user (this means it may include letters, etc.).
...for good user experience, it is important to provide a calendar selection ui, enabling users to select dates without necessating context switching to a native calendar application or potentially entering them in differing
formats that are hard to parse.
... datetime-local <input type="datetime-local"> creates a widget to display and pick a date with time with no specific time zone in
formation.
...And 3 more matches
Document and website structure - Learn web development
html text
formatting, as covered in html text fundamentals.
...it's a place to put common in
formation (like the header) but usually, that in
formation is not critical or secondary to the website itself.
... <aside> contains content that is not directly related to the main content but can provide additional in
formation indirectly related to it (glossary entries, author biography, related links, etc.).
...And 3 more matches
Adding vector graphics to the Web - Learn web development
on the web, you'll work with two types of image — raster images, and vector images: raster images are defined using a grid of pixels — a raster image file contains in
formation showing exactly where each pixel is to be placed, and exactly what color it should be.
... popular web raster
formats include bitmap (.bmp), png (.png), jpeg (.jpg), and gif (.gif.) vector images are defined using algorithms — a vector image file contains shape and path definitions that the computer can use to work out what the image should look like when rendered on the screen.
... the svg
format allows us to create powerful vector graphics for use on the web.
...And 3 more matches
Ember resources and troubleshooting - Learn web development
previous overview: client-side javascript frameworks next our final ember article provides you with a list of resources that you can use to go further in your learning, plus some useful troubleshooting and other in
formation.
... objective: to provide further resource links and troubleshooting in
formation.
... for framework-specific things, there is the ember-inspector add-on, which allows inspection of: routes & controllers components services promises data (i.e: from a remote api — from ember-data, by default) deprecation in
formation render performance for general javascript debugging, check out our guides on javascript debugging as well as interacting with the browser's other debugging tools.
...And 3 more matches
Getting started with Svelte - Learn web development
see package management basics for more in
formation on npm and yarn.
...see command line crash course for more in
formation on these, and on terminal commands in general.
... also see the following for more in
formation: "what is npm" on nodejs.org "introducing npx" on the npm blog "the easiest way to get started with svelte" on the svelte blog creating your first svelte app the easiest way to create a starter app template is to just download the starter template application.
...And 3 more matches
Dynamic behavior in Svelte: working with variables and props - Learn web development
we'll take the tasks in
formation from the markup and store it in a todos array.
...llows: <script> let todos = [ { id: 1, name: 'create a svelte starter app', completed: true }, { id: 2, name: 'create your first component', completed: true }, { id: 3, name: 'complete the rest of the tutorial', completed: false } ] let totaltodos = todos.length let completedtodos = todos.filter(todo => todo.completed).length </script> now let's do something with that in
formation.
...find the <h2> heading with an id of list-heading and replace the hardcoded number of active and completed tasks with dynamic expressions: <h2 id="list-heading">{completedtodos} out of {totaltodos} items completed</h2> go to the app, and you should see the "2 out of 3 items completed" message as before, but this time the in
formation is coming from the todos array.
...And 3 more matches
Getting started with Vue - Learn web development
as you work through this tutorial, you might want to keep the vue guide and api documentation open in other tabs, so you can refer to them if you want more in
formation on any sub topic.
...make sure that "babel" and "linter /
formatter" are selected.
... next you’ll select a config for the linter /
formatter.
...And 3 more matches
Package management basics - Learn web development
the date-fns package’s
formatdistancetonow() method is useful for this (there's other packages that do the same thing too).
... in the index.js file, add the following code and save it: import {
formatdistancetonow } from 'date-fns' const date = '1996-09-13 10:00:00'; document.body.textcontent =
formatdistancetonow(new date(date)) + ' ago'; go back to http://localhost:1234 and you'll see how long ago it is since the author turned 18.
... what's particularly special about the code above is that it is using the
formatdistancetonow() function from the date-fns package, which we didn’t install!
...And 3 more matches
Accessibility and Mozilla
in fact, the same keyboard commands are still available, so users can become comfortable and productive right away.accessibility in
formation for core gecko developersboth end users and developers are invited for discussion on the live irc channel at irc.mozilla.org/#accessibility.
... since this is a worldwide effort, there is always a good chance to find someone to chat with there, day or night.accessibility in
formation for ui designers and developerswhen you design user interfaces with accessibility in mind, they will work for more people.
... gecko info for windows accessibility vendorsplease contact the mozilla accessibility community.in
formation for assistive technology vendorsboth end users and developers are invited for discussion on the live irc channel at irc.mozilla.org/#accessibility.
...And 3 more matches
Debugging on Mac OS X
for specific in
formation on a way to debug hangs, see debugging a hang on os x.
... the .lldbinit file in the source tree imports many useful mozilla specific lldb settings, commands and
formatters into lldb, but you may need to take one of the following steps to make sure this file is used.
...# # note: this scripts actions take a few seconds to complete, so the custom #
formatters, commands etc.
...And 3 more matches
How Mozilla's build system works
for example, it says i want these c++ files compiled or look for additional in
formation in these directories.
... to view in
formation about the tiers, you can execute the following special make targets: command effect make echo-tiers show the final list of tiers.
... all makefile.in files in mozilla have the same basic
format: depth = ../../../..
...And 3 more matches
Gecko Logging
some other mostly-useless in
formation on logging can be found on the nspr logging page.
... info 3 an in
formational message, often indicates the current program state.
... raw print exactly what has been specified in the
format string, without the process/thread/timestamp, etc.
...And 3 more matches
How to get a stacktrace with WinDbg
after the crash or hang you need to capture the debug in
formation to include in a bug comment or support request.
...to provide the in
formation to the development community, submit this file with a support request or attach it to a related bug on bugzilla.
... producing a minidump sometimes the stacktrace alone is not enough in
formation for a developer to figure out what went wrong.
...And 3 more matches
AddonManager
the addonmanager object is the global api used to access in
formation about add-ons installed in the application and to manipulate them.
... state_checking an install that is checking for updated in
formation.
... update_status_download_error there was an error while downloading the update in
formation.
...And 3 more matches
AddonUpdateChecker
the addonupdatechecker is used to download and parse update in
formation for an add-on's update manifest.
... error_download_error there was an error while downloading the update in
formation.
... error_parse_error the update in
formation was malformed in some way.
...And 3 more matches
ISO8601DateUtils.jsm
the iso8601dateutils.jsm javascript code module provides methods that make it easy to convert javascript date objects into iso 8601
format date strings and back.
...using the iso 8601 date utilities to convert a date string into a date object, simply use: dateobj = iso8601dateutils.parse(datestring); to convert a date object into a date string: datestring = iso8601dateutils.create(dateobj); method overview string create(adate); date parse(adatestring); methods create creates an iso 8601
format date string, e.g.
...string create( adate ); parameters adate a javascript date object to translate into an iso 8601
format string.
...And 3 more matches
Localization content best practices
note: if you're a localizer and you want to contribute to the localization of mozilla products, you might want to read our localization quick start guide for in
formation on localizing mozilla code.
... localization files choose good key ids the ids (names) chosen for your keys, regardless of the file
format, should always be descriptive of the string, and its role in the interface (button label, title, etc.).
... there is an established
format for localization comments: it's important to follow the
format as closely as possible, since there are a number of automated tools that parse these comments for easier access and use by localizers.
...And 3 more matches
Mozilla Web Developer FAQ
in the standards mode gecko aims to treat documents authored in compliance with the applicable web
format specifications.
... downloadable fonts in truetype and opentype
formats (.ttf and .otf) are supported since firefox 3.5.
... downloadable fonts in the eot
format are not supported.
...And 3 more matches
Gecko Profiler FAQ
the gecko profiler currently doesn’t have the ability to show you in
formation about line numbers, neither for js code nor for native code.
... for js code, the profiler platform doesn’t capture any in
formation about lines.
... for native code, the profiler captures the necessary in
formation but doesn’t have a way to display it.
...And 3 more matches
NSS 3.21 release notes
2016-01-07, this page has been updated to include additional in
formation about the release.
... distribution in
formation the hg tag is nss_3_21_rtm.
... in ssl.h ssl_getpreliminarychannelinfo - obtains in
formation about a tls channel prior to the handshake being completed, for use with the callbacks that are invoked during the handshake ssl_signatureprefset - configures the enabled signature and hash algorithms for tls ssl_signatureprefget - retrieves the currently configured signature and hash algorithms ssl_signaturemaxcount - obtains the maximum number signature algorithms that can be config...
...And 3 more matches
Notes on TLS - SSL 3.0 Intolerant Servers
technical in
formation the ssl 3.0 and tls (aka ssl 3.1) specs both contain a provision -- the same provision -- for detecting "version rollback attacks".
... for up-to-date in
formation, you can read a bugzilla bug report which keeps track of this problem with mozilla-based browsers.
...for up-to-date in
formation, you can read this bug 59321 which keeps a list of tls/ssl 3.0 intolerant servers.
...And 3 more matches
sslcrt.html
this page is part of the ssl reference that we are migrating into the
format described in the mdn style guide.
... validating certificates manipulating certificates getting certificate in
formation comparing secitem objects validating certificates cert_verifycertnow cert_verifycertname cert_checkcertvalidtimes nss_cmpcertchainwcanames cert_verifycertnow checks that the current date is within the certificate's validity period and that the ca signature on the certificate is valid.
...see description below for more in
formation.
...And 3 more matches
TLS Cipher Suite Discovery
libssl provides enough in
formation about each of the supported cipher suites that the application can construct a display of that in
formation from which the user can choose which cipher suites his application will attempt to use.
... here are the details of how an nss-based application learns what cipher suites are supported and obtains the in
formation to display to the user.
...*/ ssl_import const pruint16 ssl_numimplementedciphers; of course, the raw integer numbers of the cipher suites are not likely to be known to most users, so libssl provides a function by which the application can obtain a wealth of in
formation about any supported cipher suite, by its number.
...And 3 more matches
NSS_3.12.3_release_notes.html
nss 3.12.3 release notes 2009-04-01 newsgroup: mozilla.dev.tech.crypto contents introduction distribution in
formation new in nss 3.12.3 bugs fixed documentation compatibility feedback introduction network security services (nss) 3.12.3 is a patch release for nss 3.12.
... distribution in
formation the cvs tag for the nss 3.12.3 release is nss_3_12_3_rtm.
... here is a table of the new environment variables introduced in nss 3.12.3 and in
formation about how they affect these new behaviors.
...And 3 more matches
SpiderMonkey Internals
the representation is 64 bits and uses nan-boxing on all platforms, although the exact nan-boxing
format depends on the platform.
...hence, we can encode any floating-point value as a c++ double (noting that javascript nan must be represented as one canonical nan
format).
... on x64 and similar 64-bit platforms, pointers are longer than 32 bits, so we can't use the nunboxing
format.
...And 3 more matches
Introduction to the JavaScript shell
for more in
formation, see the c/c++ version of this function, js_dumpheap.
... for more in
formation, see the c/c++ functions js_getgcparameter and js_setgcparameter.
...for more in
formation, see the c/c++ version of this function, js_setgczeal.
...And 3 more matches
Web Replay
default false architecture there are several main components to the project: the record/replay infrastructure records enough in
formation during recording so that the replayed process can run and produce the same observable behaviors.
... debugger integration allows the js debugger to read the in
formation it needs from a replaying process and control the process's execution (resume/rewind).
... the dirty memory in
formation computed since the last snapshot was taken is used to restore the heap to the state at that last snapshot, and then the memory diffs can be used to restore an earlier snapshot if necessary.
...And 3 more matches
Animated PNG graphics
authors the apng specification was authored by: stuart parmenter <pavlov@pavlov.net> vladimir vukicevic <vladimir@pobox.com> andrew smith <asmith15@littlesvr.ca> overview apng is an extension of the portable network graphics (png)
format, adding support for animated images.
... it is intended to be a replacement for simple animated images that have traditionally used the gif
format, while adding support for 24-bit images and 8-bit transparency.
...in
formation for each frame about placement and rendering is stored in 'fctl' chunks.
...And 3 more matches
History Service Design
this involves storing in
formations on all of the user's visits, including visit time, type of visit and meta data.
...this is possible through a relevance algorithm that assigns a param called frecency to every page in history, see the places frecency algorithm for major in
formations.
... long term objectives include the ability to index more in
formations from the visited pages, through fulltext indexes, and the possibility to generalize the frecency algorithm to allow for its use in user's queries.
...And 3 more matches
nsIAccessible
can also be used by in-process accessibility clients to get in
formation about objects in the accessible tree.
...use nsiaccessible.groupposition() to get in
formation about this accessible in its group.
... relations many accessibles are linked with each other, for example, if one accessible gives the accessible name for another accessible (for example, html:label and html control) then these accessibles are related, please refer to relations documentation for more in
formation.
...And 3 more matches
nsICompositionStringSynthesizer
indowutils = window.windowutils; var compositionstringsynthesizer = domwindowutils.createcompositionstringsynthesizer(); for example, when you create a composition whose composing string is "foo-bar-buzz" and "bar" is selected to convert, then, first, you need to start composition: domwindowutils.sendcompositionevent("compositionstart", "", ""); next, dispatch composition string with crause in
formation and caret in
formation (optional): // set new composition string with .setstring().
... compositionstringsynthesizer.setstring("foo-bar-buzz"); // set clause in
formation with .appendclause().
...the composing string in
formation is cleared by a call of .dispatchevent().
...And 3 more matches
nsICookie
constants constant value description status_unknown 0 the cookie collected in a previous session, and its in
formation no longer exists.
... policy_unknown 0 the cookie collected in a previous session, and its in
formation no longer available.
... policy_no_consent 2 the site collects identifiable in
formation without user involvement.
...And 3 more matches
nsIStringBundleService
ccess this service, use: var stringbundleservice = components.classes["@mozilla.org/intl/stringbundle;1"] .getservice(components.interfaces.nsistringbundleservice); method overview nsistringbundle createbundle(in string aurlspec); nsistringbundle createextensiblebundle(in string aregistrykey); void flushbundles(); wstring
formatstatusmessage(in nsresult astatus, in wstring astatusarg); methods createbundle() nsistringbundle createbundle( in string aurlspec ); parameters aurlspec the url of the properties file to load.
... on the return value object on you can call functions like getstringfromname and
formatstringfromname see nsistringbundle.
...
formatstatusmessage()
formats a message string from a status code and status arguments.
...And 3 more matches
Mozilla technologies
accessibility api implementation detailsthese pages contain documentation on mozilla specific implementation details of assistive technology apis.animated png graphicsapng is an extension of the portable network graphics (png)
format, adding support for animated images.
...r entirely to docshell.embedded dialog apifeed content access apifirefox 2 and thunderbird 2 introduce a series of interfaces that make it easy for extension authors to access rss and atom feeds.life after xul: building firefox interfaces with htmlthis page gathers technical solutions to common problems encountered by teams shipping html-based interfaces inside firefox.morkmork is a database file
format invented by david mccusker for the mozilla code since the original netscape database in
formation was proprietary and could not be released open source.
... starting with mozilla 1.9, it was phased out in favor of sqlite, a more widely-supported file
format.placesplaces is the bookmarks and history management system introduced in firefox 3.
...And 3 more matches
Introduction to DOM Inspector - Firefox Developer Tools
by clicking around in the document pane, you'll see that the viewers are linked; whenever you select a new node from the dom nodes viewer, the dom node viewer is automatically updated to reflect the in
formation for that node.
... now, once you have selected a node like the "search-go-button" node, you can select any one of several viewers to display in
formation about that node in the object pane of the dom inspector application window, all of which are available from the menupopup accessed from the upper left corner of the the object pane.
...that when you have the dom inspector open and have enabled this functionality by choosing edit > select element by click or by clicking the little magnifying glass icon in the upper left portion of the dom inspector application, you can click anywhere in a loaded web page or the the inspect chrome document, and the element you click will be shown in the document pane in the dom nodes viewer and in
formation displayed in the object pane.
...And 3 more matches
Work with animations - Firefox Developer Tools
if you hover over the bar, a tooltip appears, giving you more detailed in
formation about the animation or transition, including: the type of animation: css transition, css animation, or web animations api the duration of the animation the animation's start and end delay the animation's easing (or timing function).
... the animation's fill the playback rate of the animation in
formation about the animated element to the left of each bar is a selector for the element that the animation applies to.
... further in
formation about animation compositing if you open animation-inspector-compositing.html and click the red rectangle, a simple opacity animation will start.
...And 3 more matches
Applying styles and colors - Web APIs
while slightly painful when initially working with scalable 2d graphics, paying attention to the pixel grid and the position of paths ensures that your drawings will look correct regardless of scaling or any other trans
formations involved.
...this value isn't affected by the trans
formation matrix.
...this value isn't affected by the trans
formation matrix.
...And 3 more matches
DataTransfer.types - Web APIs
the datatransfer.types read-only property returns an array of the drag data
formats (as strings) that were set in the dragstart event.
... the order of the
formats is the same order as the data included in the drag operation.
... the
formats are unicode strings giving the type or
format of the data, generally given by a mime type.
...And 3 more matches
DataTransfer - Web APIs
for more in
formation about drag and drop, see html drag and drop api.
... datatransfer.types read only an array of strings giving the
formats that were set in the dragstart event.
...if data for the type does not exist, it is added at the end, such that the last item in the types list will be the new
format.
...And 3 more matches
Document - Web APIs
document.execcommand() on an editable document, executes a
formating command.
... document.querycommandenabled() returns true if the
formating command can be executed on the current range.
... document.querycommandindeterm() returns true if the
formating command is in an indeterminate state on the current range.
...And 3 more matches
HTMLImageElement.alt - Web APIs
decorative images images with no semantic meaning—such as those which are solely decorative—or of limited in
formational value, should have their alt attributes set to the empty string ("").
...l" aria-role="button"><img src="songicon.svg" alt="songs"</a> <a href="albums.html" aria-role="button"><img src="albumicon.svg" alt="albums"</a> <a href="artists.html" aria-role="button"><img src="artisticon.svg" alt="artists"</a> <a href="playlists.html" aria-role="button"><img src="playlisticon.svg" alt="playlists"</a> </li> images containining diagrams or maps when an image contains in
formation presented as a diagram, chart, graph, or map, the alt text should provide the same in
formation, at least in summary form.
... this is true whether the /me image is in a bitmapped
format such as png or jpeg or in a vector
format like svg.
...And 3 more matches
Navigator - Web APIs
navigator.battery read only returns a batterymanager object you can use to get in
formation about the battery charging status.
... navigator.connection read only provides a networkin
formation object containing in
formation about the network connection of a device.
... navigator.locks read only returns a lockmanager object which provides methods for requesting a new lock object and querying for an existing lock object navigator.mediacapabilities read only returns a mediacapabilities object that can expose in
formation about the decoding and encoding capabilities for a given
format and output capabilities.
...And 3 more matches
PaymentRequest.show() - Web APIs
the promise should resolve with a paymentdetailsupdate object containing the updated in
formation.
...ss")) .catch(response => response.complete("fail")); } you could even have checkallvalues() be a synchronous function, although that may have performance implications you don't want to deal with: function validateresponse(response) { if (checkallvalues(response) { response.complete("success"); } else { response.complete("fail"); } } see the article using promises for more in
formation if you need more in
formation about working with promises.
...this method triggers the user agent's built-in process for retrieving payment in
formation from the user.
...And 3 more matches
RTCDataChannel: error event - Web APIs
code); } else { console.error(" unknown sctp error"); } break; case "dtls-failure": if (err.receivedalert) { console.error(" received dlts failure alert: ", err.receivedalert); } if (err.sentalert) { console.error(" sent dlts failure alert: ", err.receivedalert); } break; } // add source file name and line in
formation console.error(" error in file ", err.filename, " at line ", err.linenumber, ", column ", err.columnnumber); }, false); the received event provides details in an rtcerror object called error; rtcerror is an extension of the domexception interface.
... error in
formation is output to the console using console.error().
... the message string is always output, as is in
formation about the source file's name, line number, and column number at which the error occurred.
...And 3 more matches
SubtleCrypto - Web APIs
subtlecrypto.importkey() returns a promise that fulfills with a cryptokey corresponding to the
format, the algorithm, raw key data, usages, and extractability given as parameters.
... subtlecrypto.exportkey() returns a promise that fulfills with a buffer containing the key in the requested
format.
...the wrapped key matches the
format specified in the given parameters, and wrapping is done by the given wrapping key, using the specified algorithm.
...And 3 more matches
WebGLRenderingContext.compressedTexSubImage2D() - Web APIs
the webglrenderingcontext.compressedtexsubimage2d() method of the webgl api specifies a two-dimensional sub-rectangle for a texture image in a compressed
format.
... compressed image
formats must be enabled by webgl extensions before using this method or a webgl2renderingcontext must be used.
... syntax // webgl 1: void gl.compressedtexsubimage2d(target, level, xoffset, yoffset, width, height,
format, arraybufferview?
...And 3 more matches
WebGL model view projection - Web APIs
the model, view, and projection matrices individual trans
formations of points and polygons in space in webgl are handled by the basic trans
formation matrices like translation, scale, and rotation.
...the 4x4 matrix can be used to encode a variety of useful trans
formations.
... in fact, the typical perspective projection matrix uses the division by the w component to achieve its trans
formation.
...And 3 more matches
Spaces and reference spaces: Spatial tracking in WebXR - Web APIs
thus a pose can be used to not only convert and determine positions, but also rotational in
formation.
... the only way to obtain a pose that adapts positional in
formation from one space to another is through the xrframe object received by your frame rendering callback function specified when you called the xrsession method requestanimationframe().
...*/ } } the frame parameter is the xrframe representing the animation frame in
formation provided by webxr.
...And 3 more matches
Web Speech API - Web APIs
grammar is defined using jspeech grammar
format (jsgf.) speech synthesis is accessed via the speechsynthesis interface, a text-to-speech component that allows programs to read out their text content (normally via the device's default speech synthesiser.) different voice types are represented by speechsynthesisvoice objects, and different parts of text that you want to be spoken are represented by speechsynthesisutterance objects.
... speech synthesis speechsynthesis the controller interface for the speech service; this can be used to retrieve in
formation about the synthesis voices available on the device, start and pause speech, and other commands besides.
... speechsynthesiserrorevent contains in
formation about any errors that occur while processing speechsynthesisutterance objects in the speech service.
...And 3 more matches
Using XMLHttpRequest - Web APIs
after the transaction completes, the object will contain useful in
formation such as the response body and the http status of the result.
...it starts with "xml" because when it was created the main
format that was originally used for asynchronous data exchange were xml handling responses there are several types of response attributes defined by the living standard specification for the xmlhttprequest() constructor.
... these tell the client making the xmlhttprequest important in
formation about the status of the response.
...And 3 more matches
ARIA live regions - Accessibility
dropdown box updates useful onscreen in
formation a website specializing in providing in
formation about planets provides a dropdown box.
... when a planet is selected from the dropdown, a region on the page is updated with in
formation about the selected planet.
... html <fieldset> <legend>planet in
formation</legend> <label for="planetsselect">planet:</label> <select id="planetsselect" aria-controls="planetinfo"> <option value="">select a planet…</option> <option value="mercury">mercury</option> <option value="venus">venus</option> <option value="earth">earth</option> <option value="mars">mars</option> </select> <button id="renderplanetinfobutton">go</button> </fieldset> <div role="region" id="planetinfo" aria-live="polite"> <h2 id="planettitle">no planet selected</h2> <p id="planetdescription">select a planet to view its description</p> </div> <p><small>in
formation courtesy <a href="https://en.wikipedia.org/wiki/solar_system#inner_solar_system">wikipedia</a></small></p> javascript const planets_info = { me...
...And 3 more matches
WAI-ARIA Roles - Accessibility
it is usually set on related content items such as comments, forum posts, newspaper articles or other items grouped together on one page.aria: banner rolea banner role represents general and in
formative content frequently placed at the beginning of the page.
...this role can be used in combination with the aria-pressed attribute to create toggle buttons.aria: cell rolethe cell value of the aria role attribute identifies an element as being a cell in a tabular container that does not contain column or row header in
formation.
...if possible, use the html <aside> element instead.aria: contentinfo rolethe contentinfo landmark role is used to identify in
formation repeated at the end of every page of a website, including copyright in
formation, navigation links, and privacy statements.
...And 3 more matches
@font-face - CSS: Cascading Style Sheets
syntax @font-face { font-family: "open sans"; src: url("/fonts/opensans-regular-webfont.woff2")
format("woff2"), url("/fonts/opensans-regular-webfont.woff")
format("woff"); } descriptors font-display determines how a font face is displayed based on whether and when it is downloaded and ready to use.
... to provide the browser with a hint as to what
format a font resource is — so it can select a suitable one — it is possible to include a
format type inside a
format() function: src: url(ideal-sans-serif.woff)
format("woff"), url(basic-sans-serif.ttf)
format("truetype"); the available types are: "woff", "woff2", "truetype", "opentype", "embedded-opentype", and "svg".
... font mime types
format mime type truetype font/ttf opentype font/otf web open font
format font/woff web open font
format 2 font/woff2 notes web fonts are subject to the same domain restriction (font files must be on the same domain as the page using them), unless http access controls are used to relax this restriction.
...And 3 more matches
<image> - CSS: Cascading Style Sheets
description css can handle the following kinds of images: images with intrinsic dimensions (a natural size), like a jpeg, png, or other raster
format.
... images with multiple intrinsic dimensions, existing in multiple versions inside a single file, like some .ico
formats.
... (in this case, the intrinsic dimensions will be those of the image largest in area and the aspect ratio most similar to the containing box.) images with no intrinsic dimensions but with an intrinsic aspect ratio between its width and height, like an svg or other vector
format.
...And 3 more matches
Cross-browser audio basics - Developer guides
here we define an <audio> element with multiple sources — we do this as not all browsers support the same audio
formats.
... to ensure reasonable coverage, we should specify at least two different
formats.
... the two
formats that will give maximum coverage are mp3 and ogg vorbis.
...And 3 more matches
Applying color to HTML elements using CSS - HTML: Hypertext Markup Language
svg commands are
formatted as xml, and can be embedded directly into a web page or can be placed in he page using the <img> element, just like any other type of image.
... using color now that you know what css properties exist that let you apply color to elements and the
formats you can use to describe colors, you can put this together to begin to make use of color.
... color theory on wikipedia wikipedia's entry on color theory, which has a lot of great in
formation from a technical perspective.
...And 3 more matches
HTML attribute: accept - HTML: Hypertext Markup Language
because a given file type may be identified in more than one manner, it's useful to provide a thorough set of type specifiers when you need files of specific type, or use the wild card to denote a type of any
format is acceptable.
... for instance, there are a number of ways microsoft word files can be identified, so a site that accepts word files might use an <input> like this: <input type="file" id="docpicker" accept=".doc,.docx,application/msword,application/vnd.openxml
formats-officedocument.wordprocessingml.document"> whereas if you're accepting a media file, you may want to be include any
format of that media type: <input type="file" id="soundfile" accept="audio/*"> <input type="file" id="videofile" accept="video/*"> <input type="file" id="imagefile" accept="image/*"> the accept attribute doesn't validate the types of the selected files; it simply provides hints for browsers to guide users towards selecting the correct file types.
...see the multiple attribute for more in
formation.
...And 3 more matches
The HTML autocomplete attribute - HTML: Hypertext Markup Language
autocomplete lets web developers specify what if any permission the user agent has to provide automated assistance in filling out form field values, as well as guidance to the browser as to the type of in
formation expected in the field.
...perhaps the browser offers the ability to save encrypted credit card in
formation, for autocompletion following an authentication procedure.
... for more in
formation, see the autocomplete attribute in <form>.
...And 3 more matches
<input type="number"> - HTML: Hypertext Markup Language
placeholder the placeholder attribute is a string that provides a brief hint to the user as to what kind of in
formation is expected in the field.
... if the control's content has one directionality (ltr or rtl) but needs to present the placeholder in the opposite directionality, you can use unicode bidirectional algorithm
formatting characters to override directionality within the placeholder; see overriding bidi using unicode control characters in the unicode bidirectional text algorithm for those characters.
...see labels and placeholders in <input>: the input (form input) element for more in
formation.
...And 3 more matches
<input type="text"> - HTML: Hypertext Markup Language
placeholder the placeholder attribute is a string that provides a brief hint to the user as to what kind of in
formation is expected in the field.
... if the control's content has one directionality (ltr or rtl) but needs to present the placeholder in the opposite directionality, you can use unicode bidirectional algorithm
formatting characters to override directionality within the placeholder; see overriding bidi using unicode control characters in the unicode bidirectional text algorithm for those characters.
...see labels and placeholders in <input>: the input (form input) element for more in
formation.
...And 3 more matches
Evolution of HTTP - HTTP
built over the existing tcp and ip protocols, it consisted of 4 building blocks: a textual
format to represent hypertext documents, the hypertext markup language (html).
... http/1.0 – building extensibility http/0.9 was very limited and both browsers and servers quickly extended it to be more versatile: versioning in
formation is now sent within each request (http/1.0 is appended to the get line) a status code line is also sent at the beginning of the response, allowing the browser itself to understand the success or failure of the request and to adapt its behavior in consequence (like in updating or using its local cache in a specific way) the notion of http headers has been introduced, both for the requests and ...
...in november 1996, in order to solve these annoyances, an in
formational document describing the common practices has been published, rfc 1945.
...And 3 more matches
Common MIME types - HTTP
this table lists some important mime types for the web: extension kind of document mime type .aac aac audio audio/aac .abw abiword document application/x-abiword .arc archive document (multiple files embedded) application/x-freearc .avi avi: audio video interleave video/x-msvideo .azw amazon kindle ebook
format application/vnd.amazon.ebook .bin any kind of binary data application/octet-stream .bmp windows os/2 bitmap graphics image/bmp .bz bzip archive application/x-bzip .bz2 bzip2 archive application/x-bzip2 .csh c-shell script application/x-csh .css cascading style sheets (css) text/css .csv comma-...
...separated values (csv) text/csv .doc microsoft word application/msword .docx microsoft word (openxml) application/vnd.openxml
formats-officedocument.wordprocessingml.document .eot ms embedded opentype fonts application/vnd.ms-fontobject .epub electronic publication (epub) application/epub+zip .gz gzip compressed archive application/gzip .gif graphics interchange
format (gif) image/gif .htm .html hypertext markup language (html) text/html .ico icon
format image/vnd.microsoft.icon .ics icalendar
format text/calendar .jar java archive (jar) application/java-archive .jpeg .jpg jpeg images image/jpeg .js javascript ...
... text/javascript, per the following specifications: https://html.spec.whatwg.org/multipage/#scriptinglanguages https://html.spec.whatwg.org/multipage/#dependencies:willful-violation https://datatracker.ietf.org/doc/draft-ietf-dispatch-javascript-mjs/ .json json
format application/json .jsonld json-ld
format application/ld+json .mid .midi musical instrument digital interface (midi) audio/midi audio/x-midi .mjs javascript module text/javascript .mp3 mp3 audio audio/mpeg .mpeg mpeg video video/mpeg .mpkg apple installer package application/vnd.apple.installer+xml .odp opendocument presentation document application/vnd.oasis.opendocument.pres...
...And 3 more matches
Compression in HTTP - HTTP
compression happens at three different levels: first some file
formats are compressed with specific optimized methods, then general encryption can happen at the http level (the resource is transmitted compressed from end to end), and finally compression can be defined at the connection level, between two nodes of an http connection.
... file
format compression each data type has some redundancy, that is wasted space, in it.
...engineers designed the optimized compression algorithm used by file
formats designed for this specific purpose.
...And 3 more matches
Configuring servers for Ogg media - HTTP
this in
formation may also be useful if you encounter other media types your server isn't already configured to recognize.
... for apache, you can add the following to your configuration: addtype audio/ogg .oga addtype video/ogg .ogv addtype application/ogg .ogg you can find specific in
formation about possible media file types and the codecs used within them in our comprehensive guide to media types and
formats on the web.
... in particular, the article on media container
formats will be especially helpful when configuring serers to host media properly.
...And 3 more matches
Content-Disposition - HTTP
in a multipart/form-data body, the http content-disposition general header is a header that can be used on the subpart of a multipart body to give in
formation about the field it applies to.
... a name with a value of '_charset_' indicates that the part is not an html field, but the default charset to use for parts without explicit charset in
formation.
...the filename is always optional and must not be used blindly by the application: path in
formation should be stripped, and conversion to the server file system rules should be done.
...And 3 more matches
Feature-Policy - HTTP
for more in
formation, see the main feature policy article.
... directives accelerometer controls whether the current document is allowed to gather in
formation about the acceleration of the device through the accelerometer interface.
... ambient-light-sensor controls whether the current document is allowed to gather in
formation about the amount of light in the environment around the device through the ambientlightsensor interface.
...And 3 more matches
Indexed collections - JavaScript
) { a[i] = new array(4) for (let j = 0; j < 4; j++) { a[i][j] = '[' + i + ', ' + j + ']' } } this example creates an array with the following rows: row 0: [0, 0] [0, 1] [0, 2] [0, 3] row 1: [1, 0] [1, 1] [1, 2] [1, 3] row 2: [2, 0] [2, 1] [2, 2] [2, 3] row 3: [3, 0] [3, 1] [3, 2] [3, 3] using arrays to store other properties arrays can also be used like objects, to store related in
formation.
... const arr = [1, 2, 3]; arr.property = "value"; console.log(arr.property); // logs "value" arrays and regular expressions when an array is the result of a match between a regular expression and a string, the array returns properties and elements that provide in
formation about the match.
...for in
formation on using arrays with regular expressions, see regular expressions.
...And 3 more matches
Introduction - JavaScript
where to find javascript in
formation the javascript documentation on mdn includes the following: learn web development provides in
formation for beginners and introduces basic concepts of programming and the internet.
...for example, server-side extensions allow an application to communicate with a database, provide continuity of in
formation from one invocation to another of the application, or perform file manipulations on a server.
... for more in
formation on the differences between javascript and java, see the chapter details of the object model.
...And 3 more matches
Web Performance
other documentation developer tools performance features this section provides in
formation on how to use and understand the performance features in your developer tools, including waterfall, call tree, and flame charts.
...in this article, we'll covers methods for getting your font files as small as possible with efficient file
formats and sub setting.
... reading performance charts developer tools provide in
formation on performance, memory, and network requests.
...And 3 more matches
WebAssembly Concepts - WebAssembly
be readable and debuggable — webassembly is a low-level assembly language, but it does have a human-readable text
format (the specification for which is still being finalized) that allows code to be written, viewed, and debugged by hand.
... webassembly is a low-level assembly-like language with a compact binary
format that runs with near-native performance and provides languages with low-level memory models such as c++ and rust with a compilation target so that they can run on the web.
... above we talked about the raw primitives that webassembly adds to the web platform: a binary
format for code and apis for loading and running this binary code.
...And 3 more matches
Compiling from Rust to WebAssembly - WebAssembly
let's write some rust let's put this code into src/lib.rs instead: use wasm_bindgen::prelude::*; #[wasm_bindgen] extern { pub fn alert(s: &str); } #[wasm_bindgen] pub fn greet(name: &str) { alert(&
format!("hello, {}!", name)); } this is the contents of our rust project.
... producing rust functions that javascript can call the final part is this one: #[wasm_bindgen] pub fn greet(name: &str) { alert(&
format!("hello, {}!", name)); } once again, we see the #[wasm_bindgen] attribute.
...it passes a call to the
format!
...And 3 more matches
package.json - Archive of obsolete content
the package.json file contains manifest data for your add-on, providing not only descriptive in
formation about the add-on for presentation in the add-ons manager, but other metadata required of add-ons.
... some of its entries, such as icon, name, and description, have direct analogues in the install manifest
format, and entries from package.json are written into the install manifest when the add-on is built using jpm xpi.
... string in the guid
format.
...And 2 more matches
Setting Up a Development Environment - Archive of obsolete content
we use this in
formation to locate the installation path of the extension and overwrite the installed files.
...signature_files := $(signature_extra_files) \ $(signature_rsa_file) $(signature_files): $(build_dir) $(xpi_built) @signtool -d $(signature_dir) -k $(cert_name) \ -p $(cert_password) $(build_dir) keep in mind that your password should not be in your makefiles, and you must be very careful with the certificate in
formation.
... there are also some configuration changes you should make in your testing profiles, so that you get detailed error in
formation in case something fails.
...And 2 more matches
Index of archived content - Archive of obsolete content
reflow document loading - from load start to finding a handler documentation for bidi mozilla downloading nightly or trunk builds jss build instructions for osx 10.6 layout faq layout system overview multiple firefox profiles repackaging firefox style system overview using micro
formats firefox sync code snippets javascript client api syncing custom preferences force rtl gre gre registration gecko coding help wanted http class overview hacking wiki ...
... settings multimedia storage file access settings simple storage system clipboard clipboard clipboard test clipboard test system in
formation ui menu notifications panel selection selection tabs slidebar slidebar users ...
... xulrunner 2.0 release notes xulrunner faq xulrunner hall of fame xulrunner tips xulrunner/old releases toolkit.defaultchromefeatures toolkit.defaultchromeuri toolkit.singletonwindowtype xulauncher ant script to assemble an extension application/http-index-
format specification calicalendarview calicalendarviewcontroller califiletype mozilla.dev.platform faq reftest opportunities files symsrv_convert xbdesignmode.js archived open web documentation browser detection and cross browser support browser feature detection ...
...And 2 more matches
Defining Cross-Browser Tooltips - Archive of obsolete content
this assumes that the browser can find the image and that it supports the image
format used; if either of these is not true, and the image cannot be displayed, then the alt text should be displayed in place of the missing image.
... on the other hand, the html 4.01 definition of the title attribute states: title = text cs this attribute offers advisory in
formation about the element for which it is set.
... unlike the title element, which provides in
formation about an entire document and may only appear once, the title attribute may annotate any number of elements.
...And 2 more matches
In-Depth - Archive of obsolete content
check out the section on organizing images for more in
formation.
... on the right hand side of the dom inspector, what will be listed is the dom node in
formation.
...click the icon located above the dom in
formation and choose css style rules.
...And 2 more matches
JavaScript Client API - Archive of obsolete content
apis, including by failing to follow required identification conventions; and (e) that you and your third party client will not use the firefox sync apis for any application or service that replicates or attempts to replicate the services or firefox sync experience unless such use is non-confusing (by non-confusing, we mean that people should always know with whom they are dealing and where the in
formation or software they are downloading came from).
... engine governs the synchronizing of a specific set of in
formation.
... record piece of in
formation that gets synchronized.
...And 2 more matches
GRE Registration - Archive of obsolete content
successfully embedding the gre requires that in
formation about installed gres be stored on the system.
... this in
formation is stored differently on each operating system.
... windows on windows, gre registration in
formation is kept in the win32 registry under the hkey_local_machine/software/mozilla.org/gre and hkey_current_user/software/mozilla.org/gre keys.
...And 2 more matches
Hidden prefs - Archive of obsolete content
until it is fully reviewed, it may contain inaccurate or incorrect in
formation.
... address book "get map" button pref ("mail.addr_book.mapit_url.
format" ) the
format for this pref is: @a1 == address, part 1 @a2 == address, part 2 @ci == city @st == state @zi == zip code @co == country if the pref is set to "", no "get map" button will appear in the addressbook card preview pane.
... the default (defined in mailnews.js) is: pref("mail.addr_book.mapit_url.
format", "http://www.mapquest.com/maps/map.adp...st&zipcode=@zi"); addressbook quick search query pref ("mail.addr_book.quicksearchquery.
format" ) the
format for this pref is: @v == the escaped value typed in the quick search bar in the addressbook every occurance of @v will be replaced.
...And 2 more matches
Mozilla Application Framework in Detail - Archive of obsolete content
css is used to style these ui's and dtd's are used to localize the textual in
formation - making your application extremely flexible and able to be utilized across the globe.
...xslt could be used to translate in
formation from web services, rss, soap, or other xml-based languages and convert them into a form that you might display in your user interface.
...in addition, independent software developers and corporate in
formation technology departments now have complete access to the modular source code and freedom to freely license the source, make changes and build customized versions to accommodate their individual needs.
...And 2 more matches
Table Layout Strategy - Archive of obsolete content
this in
formation is hold in the adjusted width's.
... due to this there are 10 width in
formations for every column.
... 9 // width after the table has been balanced, considering all of the others the priority of allocations for columns is as follows: max(min_con, min_adj) max (pct, pct_adj) fix fix_adj max(des_con, des_adj), but use min_pro if present for a fixed width table, the column may get more space if the sum of the col allocations is insufficient column width info columns get their width in
formation from style info <col width="200px"> and from the cells that belong into this column.
...And 2 more matches
Tamarin build documentation - Archive of obsolete content
building tamarin building tamarin will create all the libraries for the avmplus and garbage collector (mmgc), and create a standalone executable (shell) for executing files in the abc file
format.
...more in
formation on why this happens on mac os is here: http://developer.apple.com/library/mac/#qa/qa2001/qa1118.html - create a /frameworks/base/opengl/include/egl folder under your sdk/ndk top folder.
... setup the shell environment with the following environment variables: # note: the include, lib and libpath must contain windows path in
formation and separator and not cygwin paths.
...And 2 more matches
Creating XPI Installer Modules - Archive of obsolete content
jar is a file
format based on the zip file
format and is used for aggregating multiple files into a single file.
...in red are particular to the barley package and can be edited for your own distribution: <?xml version="1.0"?> <rdf:rdf xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:chrome="http://www.mozilla.org/rdf/chrome#"> <!-- list all the packages being supplied --> <rdf:seq about="urn:mozilla:package:root"> <rdf:li resource="urn:mozilla:package:barley"/> </rdf:seq> <!-- package in
formation --> <rdf:description about="urn:mozilla:package:barley" chrome:displayname="barley grain" chrome:author="ian oeschger" chrome:name="barley"> </rdf:description> </rdf:rdf> create a contents.rdf file like the one in the listing above and put it in the content/ subdirectory with the other package resources.
...the xpi file
format is used to designate archives that use mozilla's xpinstall to install themselves.
...And 2 more matches
gestalt - Archive of obsolete content
gestalt (macintosh only) retrieves in
formation about the operating environment.
... method of install object syntax int gestalt ( string selector ); parameters the gestalt method takes the following parameters: selector the selector code for the in
formation you want.
... returns returns the requested in
formation.
...And 2 more matches
A XUL Bestiary - Archive of obsolete content
like a chrome, that chunk usually contains xul content, css and graphic skin in
formation, localization strings, and maybe some platform-specific code.
...each package directory typically has three subdirectories, content, skin, and locale, in which the xul, css, and localization in
formation are defined, respectively: navigator/ content/ default/ navigator.xul ...
... locale/ us-en/ navigator.dtd to load chrome in
formation stored in a new package directory like this, you can use the following chrome url, chrome://navigator/skin/mynewskin/newskin.css which in turn loads the graphics in that subdirectory as needed.
...And 2 more matches
Popup Guide - Archive of obsolete content
working with popups the following additional in
formation is available about manipulating menus and popups.
...for detailed in
formation about how to open a popup see opening a popup or opening a menu.
... closing a menu or popup for in
formation about closing a popup, see closing a popup or closing a menu.
...And 2 more matches
Complete - Archive of obsolete content
for more in
formation about developing extensions, see the main extensions page here.
...the xpi contains: install.rdf in
formation about the extension chrome.manifest registration data for firefox etc.
...for more in
formation about version checks, see: extension versioning, update and compatibility the installed jar to use disk space efficiently on the end user's computer, the three directories (content, locale, skin) are packed in a jar file.
...And 2 more matches
SeaMonkey - making custom toolbar (SM ver. 1.x) - Archive of obsolete content
(for seamonkey 2, firefox, thunderbird and sunbird, see the page: custom toolbar button) you do not need any special technical skills or tools, and almost all the in
formation you need is on this page.
... note: for in
formation about how to find the directory where you installed seamonkey, see: installation directory if you cannot easily find the directory, you can use the following method to find it.
...messages in the javascript console can provide in
formation about javascript, xul or css files.
...And 2 more matches
Using nsIXULAppInfo - Archive of obsolete content
getting nsixulappinfo to get a component implementing nsixulappinfo use this code: var appinfo = components.classes["@mozilla.org/xre/app-info;1"] .getservice(components.interfaces.nsixulappinfo); (for explanation see this creating xpcom article.) getting application in
formation after you obtained the app info component, you can read its properties to get the application's id, human-readable name, version, platform version, etc.
... note: nsixulappinfo provides in
formation about the application and the platform, be careful to use the right one, especially when dealing with xulrunner-based applications.
... platform version nsixulappinfo provides version in
formation about both the xul application (such as firefox) and the platform (i.e.
...And 2 more matches
XUL Questions and Answers - Archive of obsolete content
return to mozilla-dev-tech-xul summaries the frequently asked questions should be moved to xul faq (make sure they have a clear answer.) where can i get more in
formation about creating mozsearch plugins?
... creating mozsearch plugins contains more help in
formation about creating mozsearch plugin on firefox 2.
...for more in
formation please look at the following link: nsextensionmanager.js is nsivariant fully supported using python?
...And 2 more matches
stringbundle - Archive of obsolete content
more in
formation is available in the xul tutorial.
... the "src" attribute accepts only absolute chrome:// urls (see bugs 133698, 26291) attributes src properties applocale , src, stringbundle, strings methods get
formattedstring, getstring examples (example needed) attributes src type: uri the uri of the property file that contains the localized strings.
...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 properties applocale obsolete since gecko 1.9.1 type: nsilocale returns the xpcom object which holds in
formation about the user's locale.
...And 2 more matches
Application Update - Archive of obsolete content
application settings you will need to configure the following settings in your application: branding the update process uses branding in
formation, 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 dow...
...pref("app.update.url.manual", "http://yourserver.net/yourpage"); // a default value for the "more in
formation about this update" link // supplied in the "an update is available" page of the update wizard.
... update.xml the
format is outlined here process as best i can tell here's how the update process works.
...And 2 more matches
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 in
formation.
... variable in
formation the call gets.
...for more in
formation, see the document origin specification.
...And 2 more matches
NPP_Destroy - Archive of obsolete content
**save state or other in
formation to save for reuse by a new instance of this plug-in at the same url.
...you should delete any private instance-specific in
formation stored in the plug-in's instance->pdata at this time.
... use the optional save parameter if you want to save and reuse some state or other in
formation.
...And 2 more matches
Getting Started - Archive of obsolete content
however, those experienced with rss may also find this useful as an aid in filling in any missing in
formation about rss that they were not aware of, or as a refresher guide.
...if a word processor is used, you must make sure to save your rss files in a (pure and plain) text
format.
...you'll retain the in
formation more and absorb it better if you create the rss files yourself.
...And 2 more matches
Create Your Own Firefox Background Theme - Archive of obsolete content
image requirements dimensions should be 3000px wide × 200px high png or jpg file
format image must be no larger than 300 kb in file size tips subtle, soft contrast images and gradients work best; highly detailed images will compete with the browser ui.
... the upper right-hand side of the image should have the most important in
formation—as a user increases the width of the browser window, the browser reveals more of the left-hand side of the image.
... image requirements dimensions should be 3000px wide × 100px high png or jpg file
format image must be no larger than 300 kb in file size tips subtle, soft contrast images and gradients work best; highly detailed images will compete with the browser ui.
...And 2 more matches
Back to the Server: Server-Side JavaScript On The Rise - Archive of obsolete content
this first example we’ll demonstrate is querying a mysql database for some employee contact in
formation.
...the sample script in listing 1 could be factored out to it’s own function to retrieve the set of employee in
formation, or abstracted further into a more generic data handler class.
...for more in
formation how to obtain and install these products, refer to the resources section.
...And 2 more matches
Windows Media in Netscape - Archive of obsolete content
for example on windows xp, netscape 7.1's user agent string may be: mozilla/5.0 (windows; u; windows nt 5.1; en-us; rv:1.4) gecko/20030624 netscape/7.1 (ax) if the client was customized by a third party, additional in
formation may be present in the "vendor comment" area of the user agent string.
...no netscape browser prior to netscape 7.1 has supported this non-standard way of writing scripts that handle in
formation sent by a plugin or control.
...netscape gecko based browsers such as netscape 7.1 provide comparable implementations of xslt trans
formations in memory via javascript.
...And 2 more matches
HTML: A good basis for accessibility - Learn web development
note: read images in html and responsive images for a lot more in
formation about image implementation and best practices.
... if you do want to provide extra contextual in
formation, you should put it in the text surrounding the image, or inside a title attribute, as shown above.
...for example, there is a longdesc attribute that is meant to point to a separate web document containing an extended description of the image, for example: <img src="dinosaur.png" longdesc="dino-info.html"> this sounds like a good idea, especially for infographics like big charts with lots of in
formation on them that could perhaps be represented as an accessible data table instead (see accessible data tables).
...And 2 more matches
HTML: A good basis for accessibility - Learn web development
note: read images in html and responsive images for a lot more in
formation about image implementation and best practices.
... if you do want to provide extra contextual in
formation, you should put it in the text surrounding the image, or inside a title attribute, as shown above.
...for example, there is a longdesc attribute that is meant to point to a separate web document containing an extended description of the image, for example: <img src="dinosaur.png" longdesc="dino-info.html"> this sounds like a good idea, especially for infographics like big charts with lots of in
formation on them that could perhaps be represented as an accessible data table instead (see accessible data tables).
...And 2 more matches
What is accessibility? - Learn web development
webaim has a cognitive page of relevant in
formation and resources.
... your country may also have specific legislation governing the need for websites serving their population to be accessible — for example en 301 549 in the eu, section 508 of the rehabilitation act in the us, federal ordinance on barrier-free in
formation technology in germany, the accessibility regulations 2018 in the uk, accessibilità in italy, the disability discrimination act in australia, etc.
... accessibility apis web browsers make use of special accessibility apis (provided by the underlying operating system) that expose in
formation useful for assistive technologies (ats) — ats mostly tend to make use of semantic in
formation, so this in
formation doesn't include things like styling in
formation, or javascript.
...And 2 more matches
Floats - Learn web development
floats have commonly been used to create entire web site layouts featuring multiple columns of in
formation floated so they sit alongside one another (the default behavior would be for the columns to sit below one another, in the same order as they appear in the source).
... max-width: 900px; margin: 0 auto; font: .9em/1.2 arial, helvetica, sans-serif } .wrapper { background-color: rgb(79,185,227); padding: 10px; color: #fff; overflow: auto; } .box { float: left; margin: 15px; width: 150px; height: 150px; border-radius: 5px; background-color: rgb(207,232,220); padding: 1em; } this example works by creating what is known as a block
formatting context (bfc).
... you've reached the end of this article, but can you remember the most important in
formation?
...And 2 more matches
How can we design for all types of users? - Learn web development
images images can be either decorative or in
formative, but there's no guarantee that your users can see them.
... decorative images they're just for decoration and don't convey any real in
formation.
... in
formative images they are used to convey in
formation, hence their name.
...And 2 more matches
HTML Cheatsheet - Learn web development
a line break line 1<br>line 2 line 1 line 2 suggesting a line break it is used to suggest the browser to cut the text on this site if </wbr>there is not enough space to display it on the same line it is used to suggest the browser to cut the text on this site if there is not enough space to display it on the same line date in readable form it is used to
format the date legibly for the user, such as: <time datetime="2020-05-24" pubdate>published on 23-05-2020</time> it is used to
format the date legibly for the user, such as: published on 23-05-2020 text displayed in code
format <p>this text is in normal
format.</p> <code>this text is in code
format.</code> <pre>this text is in predefined
format.</pre> this text...
... is in normal
format.
... this text is in code
format.
...And 2 more matches
Debugging HTML - Learn web development
this should give you a list of errors and other in
formation.
...the line/column in
formation points to the first line after the line where the closing tag should really be, but this is a good enough clue to see what is wrong.
... "unclosed element strong": this is really easy to understand — a <strong> element is unclosed, and the line/column in
formation points right to where it is.
...And 2 more matches
Marking up a letter - Learn web development
previous overview: introduction to html next we all learn to write a letter sooner or later; it is also a useful example to test our text
formatting skills.
... in this assignment, you'll have a letter to mark up as a test for your html text
formatting skills, as well as hyperlinks and proper use of the html <head> element.
...metadata in html, html text fundamentals, creating hyperlinks, and advanced text
formatting.
...And 2 more matches
Introduction to HTML - Learn web development
we have put together a course that includes all the essential in
formation you need to work towards your goal.
...it contains in
formation such as the page <title>, links to css (if you want to style your html content with css), links to custom favicons, and metadata (data about the html, such as who wrote it, and important keywords that describe the document).
... advanced text
formatting there are many other elements in html for
formatting text that we didn't get to in the html text fundamentals article.
...And 2 more matches
From object to iframe — other embedding technologies - Learn web development
browser makers and web developers have learned the hard way that iframes are a common target (official term: attack vector) for bad people on the web (often termed hackers, or more accurately, crackers) to attack if they are trying to maliciously modify your webpage, or trick people into doing something they don't want to do, such as reveal sensitive in
formation like usernames and passwords.
... note: you can read frederik braun's post on the x-frame-options security header for more background in
formation on this topic.
... if you find yourself needing to embed plugin content, this is the kind of in
formation you'll need, at a minimum: <embed> <object> url of the embedded content src data accurate media type of the embedded content type type height and width (in css pixels) of the box controlled by the plugin height width height width names and values, to feed the plugin as parameters ad hoc attributes with those ...
...And 2 more matches
Responsive images - Learn web development
raster image
formats such as jpegs are more suited to the kind of images we see in the above example.
...you can see an example of this in our responsive.html example on github (see also the source code): <img srcset="elva-fairy-480w.jpg 480w, elva-fairy-800w.jpg 800w" sizes="(max-width: 600px) 480px, 800px" src="elva-fairy-800w.jpg" alt="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.
...each set of image in
formation is separated from the previous one by a comma.
...And 2 more matches
Introduction to events - Learn web development
for example, if the user selects a button on a webpage, you might want to respond to that action by displaying an in
formation box.
...these are often used to display in
formation about filling in form fields when they are focused, or displaying an error message if a form field is filled with an incorrect value.
...this is called the event object, and it is automatically passed to event handlers to provide extra features and in
formation.
...And 2 more matches
Fetching data from the server - Learn web development
these technologies allow web pages to directly handle making http requests for specific resources available on a server and
formatting the resulting data as needed before it is displayed.
...let's think about the significance of this: go to one of your favorite in
formation-rich sites, like amazon, youtube, cnn, etc., and load it.
...the main content will change, but most of the surrounding in
formation, like the header, footer, navigation menu, etc., will stay the same.
...And 2 more matches
Third-party APIs - Learn web development
for example: let map = l.mapquest.map('map', { center: [53.480759, -2.242631], layers: l.mapquest.tilelayer('map'), zoom: 12 }); here we are creating a variable to store the map in
formation in, then creating a new map using the mapquest.map() method, which takes as its parameters the id of a <div> element you want to display the map in ('map'), and an options object containing the details of the particular map we want to display.
... this is all the in
formation the mapquest api needs to plot a simple map.
...the tilelayer reference page shows the different available options, plus a lot more in
formation.
...And 2 more matches
Useful string methods - Learn web development
all you need to do in each case is write the code that will output the strings in the
format that we want them in.
...// we only want to save the state when the user code is being shown, // not the solution, so that solution is not saved over the user code if(solution.value === 'show solution') { userentry = textarea.value; } else { solutionentry = textarea.value; } updatecode(); }; making new strings from old parts in this last exercise, the array contains a bunch of strings containing in
formation about train stations in the north of england.
... you've reached the end of this article, but can you remember the most important in
formation?
...And 2 more matches
Measuring performance - Learn web development
they should be collected and measured in a consistent manner and analyzed in a
format that can be consumed and understood by non-technical stakeholders.
... objective: to provide in
formation about web performance metrics that you can collect through various web performance apis and tools that you can use to visualize that data.
... the performance api, which provides access to performance-related in
formation for the current page, includes the performance timeline api, the navigation timing api, the user timing api, and the resource timing api.
...And 2 more matches
Introduction to cross browser testing - Learn web development
on modern browsers you might get something animated, 3d and shiny, whereas on older browsers you might just get a flat graphic representing the same in
formation.
... on the other hand, it is not ok for a site to work fine for sighted users, but be completely inaccessible for visually impaired users because their screen reader application can't read any of the in
formation stored on it.
... note: you can find browser support in
formation for technologies by looking up the different features on mdn — the site you're on!
...And 2 more matches
Theme concepts
if you have a lightweight theme it will be converted to this new theme
format automatically before lightweight themes are deprecated.
...for more in
formation on self-distribution, visit signing and distributing your add-on.
... static animated themes it is possible to create an animated theme using an apng
format image, as in the themes example animated.
...And 2 more matches
Debugging Frame Reflow
it provides the following in
formation for each frame at the start of its reflow reflow reason available width, available height computed width, computed height the previous and the next frame in flow and a count number.
... when the frame's reflow is finished the following in
formation is displayed : reflow metric (desired) width, height max.
... on mac this is accomplished with: $ env dyld_library_path="`pwd`/obj-ff-dbg/dist/nightlydebug.app/contents/macos" \ ./obj-ff-dbg/dist/nightlydebug.app/contents/macos/firefox-bin > logfile.txt after loading your testcase, the log file will contain the promised in
formation.
...And 2 more matches
Debugging on Windows
for more in
formation, see attach to running processes with the visual studio debugger.
...you can change this behaviour, and make visual c++ display whatever data member you want in whatever order,
formatter however you like instead of just "{...}".
...by default it will be: vc++ 6.0: c:\program files\microsoft visual studio\common\msdev98\bin\autoexp.dat vc++ 7.0: c:\program files\microsoft visual studio .net 2003\common7\packages\debugger\autoexp.dat the file has in
formation about the
format in the beginning, and after a little practice you should be well on your way.
...And 2 more matches
Contributing to the Mozilla code base
you might receive some extra in
formation, perhaps also made the assignee.
... when you commit your code, please use the following
format for your commit message: `bug number - what your patch does; r?reviewer` for example, a commit message may look like `bug 1234567 - remove reflow by caching element size.
...if you don't hear back within this time, naturally reach out to them: add a comment to the bug saying 'review ping?', check the "need more in
formation from" box, and add the reviewer's name.
...And 2 more matches
SVG Guidelines
pros and cons of svg for images when used as a document
format there is usually a compelling reason that makes svg the only solution.
... when used as an image
format, it is sometimes less obvious whether it would be best to use svg or a raster image
format for any given image.
... the vector
format svg and raster
formats like png both have their place.
...And 2 more matches
OS.File for the main thread
therefore, the in
formation returned by this function may be false by the time you receive it.
... os.file.stat() obtain in
formation about a file, such as size, creation date, etc.
... promise resolves to an instance of file.info holding in
formation about a file.
...And 2 more matches
Application Translation with Mercurial
the page which opens has a bar holding in
formation about how many texts (strings) have already been translated, how many there are in english and your locale and have the same text, and how many are missing in your local.
... below the license header which should never changed, the texts are organized in the following
format: <!entity stringid "text which will be shown in firefox"> as you can see there is a bigger block of text not recognized.
...the two missing lines from the english file and insert them in the localized file: <!-- localization note (privatebrowsingpage.howtostart4): please leave &newprivatewindow.label; intact in the translation --> <!entity privatebrowsingpage.howtostart4 "to start private browsing, you can also select &newprivatewindow.label; from the menu."> the first line is a comment providing in
formation on the localization of the text in the following line.
...And 2 more matches
Leak-hunting strategies and tips
this document is old and some of the in
formation is out-of-date.
...it may just involve setting the xpc_shutdown_heap_dump environment variable to a file name, but i haven't tested that.) post-processing of stack traces on mac and linux, the stack traces generated by our internal debugging tools don't have very good symbol in
formation (since they just show the results of dladdr).
... the stacks can be significantly improved (better symbols, and file name / line number in
formation) by post-processing.
...And 2 more matches
Localization Use Cases
ounding like a robot: <crashbanneros2[brandshortname::_gender] { masculine: "{{ brandshortname }} uległ awarii", feminine: "{{ brandshortname }} uległa awarii", neutral: "{{ brandshortname }} uległo awarii" }> this will give us, depending on the current branding, the following messages: firefox os uległ awarii boot2gecko uległo awarii isolation let's look at how the settings app
formats sizes.
... first, there is devicestoragehelper.show
formatedsize (sic): function show
formatedsize(element, l10nid, size) { if (size === undefined || isnan(size)) { element.textcontent = ''; return; } // kb - 3 kb (nearest ones), mb, gb - 1.2 mb (nearest tenth) var fixeddigits = (size < 1024 * 1024) ?
... 0 : 1; var sizeinfo = filesize
formatter.getreadablefilesize(size, fixeddigits); var _ = navigator.mozl10n.get; element.textcontent = _(l10nid, { size: sizeinfo.size, unit: _('byteunit-' + sizeinfo.unit) }); } the function is used like so: // application storage updateappfreespace: function storage_updateappfreespace() { var self = this; this.getfreespace(this.appstorage, function(freespace) { devicestoragehelper.show
formatedsize(self.appstoragedesc, 'availablesize', freespace); }); }, problem definition for all values of freespace, the following string is enough to construct a grammatically-correct sentence in english: availablesize = {{$size}} {{$unit}} available however, other languages might need to pluralize this string with different forms of the a...
...And 2 more matches
PR_GetOpenFileInfo
gets an open file's in
formation.
...on output, in
formation about the given file is written into the file in
formation object.
... returns the function returns one of the following values: if file in
formation is successfully obtained, pr_success.
...And 2 more matches
PR_GetOpenFileInfo64
gets an open file's in
formation.
...on output, in
formation about the given file is written into the file in
formation object.
... returns the function returns one of the following values: if file in
formation is successfully obtained, pr_success.
...And 2 more matches
JSS
git clone git@github.com:dogtagpki/jss.git -- or -- git clone https://github.com/dogtagpki/jss.git all future upstream enquiries to jss should now use the pagure issue tracker system: https://pagure.io/jss/issues documentation regarding the jss project should now be viewed at: http://www.dogtagpki.org/wiki/jss note: as much of the jss documentation is sorely out-of-date, updated in
formation will be a work in progress, and many portions of any legacy documentation will be re-written over the course of time.
... legacy jss in
formation can still be found at: source: https://hg.mozilla.org/projects/jss issues: https://bugzilla.mozilla.org/buglist.cgi?product=jss wiki: /docs/mozilla/projects/nss/jss network security services for java (jss) is a java interface to nss.
...introduces the ssl protocol, including in
formation about cryptographic ciphers supported by ssl and the steps involved in the ssl handshake.
...And 2 more matches
Overview of NSS
for more detailed in
formation about nss, see wiki.mozilla.org and nss faq.
...for more in
formation, see the nspr project page.
...rsa standard that governs the
format used to store or transport private keys, certificates, and other secret material.
...And 2 more matches
PKCS11 Implement
this document supplements the in
formation in pkcs #11: cryptographic token interface standard, version 2.0 with guidelines for implementors of cryptographic modules who want their products to work with mozilla client software: how nss calls pkcs #11 functions.
... function-specific in
formation organized in the same categories as the pkcs #11 specification.
...the version numbers, manufacturer ids, and so on are displayed when the user views the in
formation.
...And 2 more matches
FC_GetInfo
name fc_getinfo - return general in
formation about the pkcs #11 library.
... syntax ck_rv fc_getinfo(ck_info_ptr pinfo); parameters fc_getinfo has one parameter: pinfo points to a ck_info structure description fc_getinfo returns general in
formation about the pkcs #11 library.
... on return, the ck_info structure that pinfo points to has the following in
formation: cryptokiversion: pkcs #11 interface version number implemented by the pkcs #11 library.
...And 2 more matches
FC_GetTokenInfo
name fc_gettokeninfo - obtain in
formation about a particular token in the system.
... syntax ck_rv fc_gettokeninfo(ck_slot_id slotid, ck_token_info_ptr pinfo); parameters fc_gettokeninfo has two parameters: slotid the id of the token's slot pinfo points to a ck_token_info structure description fc_gettokeninfo returns in
formation about the token in the specified slot.
... on return, the ck_token_info structure that pinfo points to has the following in
formation: label: the label of the token, assigned during token initialization, padded with spaces to 32 bytes and not null-terminated.
...And 2 more matches
sslintro.html
this page is part of the ssl reference that we are migrating into the
format described in the mdn style guide.
...to avoid the overhead of repeating the full ssl handshake in situations like this, the ssl protocol supports the use of a session cache, which retains in
formation about each connection, such as the master secret generated during the ssl handshake, for a predetermined length of time.
... if ssl can locate the in
formation about a previous connection in the local session cache, it can reestablish the connection much more quickly than it can without the connection in
formation.
...And 2 more matches
JS_ReportError
create a
formatted error or warning message to pass to a user-defined error reporting function.
... syntax void js_reporterror(jscontext *cx, const char *
format, ...); bool js_reportwarning(jscontext *cx, const char *
format, ...); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
...
format const char *
format string to convert into an error message using js_vsmprintf.
...And 2 more matches
Mozilla Projects
it's important that the update in
formation retrieved has not been tampered with since being written by the add-on author.
...because in
formation is not consolidated, checks are not done consistently, nor is it defined what we are checking for.
...this in
formation allows c++ to be automatically rewritten in a precise way.
...And 2 more matches
Implementation Details
supported features interfaces refer to specific pages to get in
formation of supported interfaces for interested at api: core: gecko interfaces windows: msaa, ia2, ienumvariant and isimpledom* interfaces linux: at-spi roles refer to specific pages to get in
formation of supported roles for interested at api: gecko msaa ia2 at-spi states refer to specific pages to get in
formation of supported states for interested at api: gecko msaa ia2 at-spi relations refer to specific pages to get in
formation of supported relations for interested at api: gecko msaa ia2 at-spi attributes object attributes refer to specific pages to get in
formation of supported object attributes for interested at api: gecko msaa ia2 at-spi text attri...
...butes refer to specific pages to get in
formation of supported text attributes for interested at api: gecko msaa - doesn't have a way to expose text attributes, use ia2 ia2 at-spi document attributes refer to specific pages to get in
formation of supported document attributes for interested at api: gecko/msaa/ia2 - document attributes are not exposed.
... instead, the same in
formation is available via theisimpledomdocument interface.
...And 2 more matches
The Places database
it contains the date, referrer, and other in
formation specific to that visit.
... see history service design for more in
formation.
... see manipulating bookmarks using places for more in
formation.
...And 2 more matches
Places Developer Guide
bmsvc.removeobserver(observer); html import/export the nsiplacesimportexportservice service is used for import and export of bookmarks in the netscape bookmarks html
format.
... backup/restore the new bookmarks system uses the json
format for storing backups of users' bookmarks.
...rfaces; var cc = components.classes; var cu = components.utils; // import placesutils cu.import("resource://gre/modules/placesutils.jsm"); cu.import("resource://gre/modules/services.jsm"); // create the backup file var jsonfile = services.dirsvc.get("profd", ci.nsilocalfile); jsonfile.append("bookmarks.json"); jsonfile.create(ci.nsilocalfile.normal_file_type, 0600); // export bookmarks in json
format to file placesutils.backupbookmarkstofile(jsonfile); // restore bookmarks from the json file // note: this *overwrites* all pre-existing bookmarks placesutils.restorebookmarksfromjsonfile(jsonfile); history the toolkit history service is nsinavhistoryservice: var history = cc["@mozilla.org/browser/nav-history-service;1"] .getservice(ci.nsinavhistoryservice); the history service ...
...And 2 more matches
Creating the Component Code
registration provides the in
formation that applications need in order to use components properly.
...this is very useful if the caller is required to know in
formation about the component like its threading module, whether or not it's a singleton, its implementation language, and so forth.
...they define the module and factory interfaces, and they contain a couple of important macros as well (see the following chapter for in
formation about using these macros).
...And 2 more matches
Packaging WebLock
for more detailed in
formation on packaging and installation of components into gecko-based applications, see http://www.mozilla.org/projects/xpinstall.
...the installation script for the weblock component can also be used to register the component with the browser into which it is installed (see registration methods in xpcom for more in
formation on registration).
... like the windows registry, the chrome registry is a database of in
formation about applications, skins, and other extensions that have been installed in a gecko application.
...And 2 more matches
Starting WebLock
the
format of the name-value pair is left up to you.
... instead of starting with the implementation, developers use xpidl (see xpidl and type libraries for more in
formation about xpidl) to define the interface to the component: how the functionality should be organized, expressed, and exposed to its clients.
... interface nsisimpleenumerator; see the xpcom resources for more in
formation about the xpidl syntax.
...And 2 more matches
nsIAccessNode
accessible/public/nsiaccessnode.idlscriptable an interface used by in-process accessibility clients to get style, window, markup and other in
formation about a dom node.
...therefore, for bounds in
formation, it is better to use nsiaccessible.getbounds().
... nsidomcssprimitivevalue getcomputedstylecssvalue( in domstring pseudoelt, in domstring propertyname ); parameters pseudoelt the pseudo element to retrieve style for, or empty string for general computed style in
formation for the node.
...And 2 more matches
nsICacheVisitor
netwerk/cache/nsicachevisitor.idlscriptable this interface provides in
formation about cache devices and entries.
... inherits from: nsisupports last changed in gecko 1.7 method overview boolean visitdevice(in string deviceid, in nsicachedeviceinfo deviceinfo); boolean visitentry(in string deviceid, in nsicacheentryinfo entryinfo); methods visitdevice() this method is called to provide in
formation about a cache device.
...deviceinfo specifies in
formation about this device.
...And 2 more matches
nsIMemoryReporterManager
inherits from: nsisupports last changed in gecko 1.9 (firefox 3) implemented by @mozilla.org/memory-reporter-manager;1 as a service: var reportermanager = components.classes["@mozilla.org/memory-reporter-manager;1"] .getservice(components.interfaces.nsimemoryreportermanager); each memory reporter object, which implements nsimemoryreporter interface, provides in
formation for a given code area.
...void registermultireporter( in nsimemorymultireporter reporter ); parameters reporter an object implementing the nsimemorymultireporter interface which provides memory usage in
formation for a given code area.
...void registerreporter( in nsimemoryreporter reporter ); parameters reporter an object implementing the nsimemoryreporter interface which provides memory usage in
formation for a given code area.
...And 2 more matches
nsIMsgHeaderParser
ddr); obsolete since gecko 1.9 void parseheaderaddresses(in string line, out string names, out string addresses, out pruint32 numaddresses); void parseheaderswitharray(in wstring aline, [array, size_is(count)] out wstring aemailaddresses, [array, size_is(count)] out wstring anames, [array, size_is(count)] out wstring afullnames, [retval] out unsigned long count); void re
formatheaderaddresses(in string line, out string re
formattedaddress); wstring re
formatunquotedaddresses(in wstring line); void removeduplicateaddresses(in string addrs, in string other_addrs, in prbool removealiasestome, out string newaddress); string unquotephraseoraddr(in string line, in boolean preserveintegrity); wstring unquotephraseoraddrwstring(in wstring line,...
... aemailaddresses missing description anames missing description afullnames missing description count missing description exceptions thrown missing exception missing description native code only!re
formatheaderaddresses given a string which contains a list of header addresses, returns a new string with the same data, but inserts missing commas, parses and re
formats it, and wraps long lines with newline-tab.
... string re
formatheaderaddresses( in string line ); parameters line the header line to parse.
...And 2 more matches
nsIPrivateBrowsingService
netwerk/base/public/nsiprivatebrowsingservice.idlscriptable provides access to in
formation about the state of the private browsing service.
... the nsiprivatebrowsingservice interface provides access to in
formation about the state of the private browsing feature offered in firefox 3.5 and later.
... when firefox is in private browsing mode, firefox shouldn't save any potentially private in
formation.
...And 2 more matches
Mail and RDF
answering queries: when rdf asks for in
formation about a resource, datasources answer with the results of the query.
... the details answering queries mail uses rdf resource factories to attach mail-specific in
formation to rdf resources.
... (the details of rdf resource factories will be left to rdf documentation for now.) from an rdf resource, it is possible to queryinterface() to the appropriate mail/news object, and then access in
formation from there.
...And 2 more matches
Mail composition back end
(for detailed in
formation on the listener interfaces, see the listener interfaces section of this document) nsimsgsend the following describes the methods of the nsimsgsend interface.
...this will contain all of the relevant header in
formation for message creation prbool digest_p, - this is a flag that says that most of the documents we are attaching are themselves messages, and so we should generate a multipart/digest container instead of multipart/mixed.
...this will contain all of the relevant header in
formation for message delivery nsfilespec *sendfilespec, - the file spec for the message being sent prbool deletesendfileoncompletion, - tell the back end if it should delete the file upon successful completion prbool digest_p, - this is a flag ...
...And 2 more matches
Building a Thunderbird extension 3: install manifest
see developer.thunderbird.net for newer in
formation.
... the install.rdf file is an xml file that provides general in
formation about the extension.
...while this value is in email address
format, it is not an email address.
...And 2 more matches
Using the Multiple Accounts API
it holds all the in
formation necessary to retrieve mail from the remote server, such as hostname, user login name, and biff settings.
... identities (nsimsgidentity): an identity contains all the in
formation necessary to compose and outgoing mail message.
...user_pref("mail.server.server2.hostname", "pop.myisp.com"); user_pref("mail.server.server3.hostname", "news.myisp.com"); user_pref("mail.server.server4.hostname", "news.mozilla.org"); user_pref("mail.identity.id1.useremail", "alecf@mywork.com"); user_pref("mail.identity.id2.useremail", "alecf@myisp.com"); user_pref("mail.identity.id3.useremail", "alecfnospam@myisp.com"); there is a lot of in
formation missing here of course.
...And 2 more matches
Working with windows in chrome code
finding already opened windows the window mediator xpcom component (nsiwindowmediator interface) provides in
formation about existing windows.
... two of its methods are often used to obtain in
formation about currently open windows: getmostrecentwindow and getenumerator.
... please refer to the nsiwindowmediator page for more in
formation and examples of using nsiwindowmediator.
...And 2 more matches
Browser Side Plug-in API - Plugins
npn_getauthenticationinfo this function is called by plug-ins to get http authentication in
formation from the browser.
... npn_getvalue allows the plug-in to query the browser for in
formation.
... npn_getvalueforurl provides in
formation to a plug-in which is associated with a given url, for example the cookies or preferred proxy.
...And 2 more matches
Initialization and Destruction - Plugins
for more in
formation, see registering plug-ins.
... the function tables also contain version in
formation that the plug-in checks to verify that it is compatible with the api capabilities provided by the application.
... to check this in
formation, use npn_version.
...And 2 more matches
Network request list - Firefox Developer Tools
you can also change the width of the columns to help make the in
formation you are looking for easier to view.
... there's an icon next to the domain that gives you extra in
formation about the security status of that request.
... image thumbnails if the request is for an image, hovering over its filename shows a preview of the image in a tooltip: security icons the network monitor displays an icon in the domain column: this gives you extra in
formation about the security status of the request: icon meaning https weak https (for example, a weak cipher was used) failed https (for example, a certificate was invalid) http localhost indicates that the url belongs to a known tracker that would be blocked with content blocking enabled.
...And 2 more matches
console - Web APIs
console.info() in
formative logging of in
formation.
... console.log() for general output of logging in
formation.
...clicking the object name opens more in
formation about it in the inspector.
...And 2 more matches
DataTransfer.mozClearDataAt() - Web APIs
the datatransfer.mozcleardataat() method removes the data associated with the given
format for an item at the specified index.
... if the
format argument is not provided, then the data associated with all
formats is removed.
... if the
format is not found, then this method has no effect.
...And 2 more matches
Detecting device orientation - Web APIs
in particular, hand-held devices such as mobile phones can use this in
formation to automatically rotate the display to remain upright, presenting a wide-screen view of the web content when the device is rotated so that its width is greater than its height.
... there are two javascript events that handle orientation in
formation.
... processing motion events motion events are handled the same way as the orientation events except that they have their own event's name: devicemotion window.addeventlistener("devicemotion", handlemotion, true); what's really changed are the in
formation provided within the devicemotionevent object passed as a parameter of the handlemotion function.
...And 2 more matches
EXT_color_buffer_float - Web APIs
the ext_color_buffer_float extension is part of webgl and adds the ability to render a variety of floating point
formats.
...for more in
formation, see also using extensions in the webgl tutorial.
... extended methods the following sized
formats become color-renderable: gl.r16f, gl.rg16f, gl.rgba16f, gl.r32f, gl.rg32f, gl.rgba32f, gl.r11f_g11f_b10f.
...And 2 more matches
HTMLCanvasElement.toBlob() - Web APIs
mimetype optional a domstring indicating the image
format.
... exceptions securityerror the canvas's bitmap is not origin clean; at least some of its contents come from secure examples getting a file representing the canvas once you have drawn content into a canvas, you can convert it into a file of any supported image
format.
...for example, to get the image in jpeg
format: canvas.toblob(function(blob){...}, 'image/jpeg', 0.95); // jpeg at 95% quality a way to convert a canvas to an ico (mozilla only) this uses -moz-parse to convert the canvas to ico.
...And 2 more matches
Using IndexedDB - Web APIs
(note that this will delete the in
formation in the object store!
... if you need to save that in
formation, you should read it out and save it somewhere else before upgrading the database.) trying to create an object store with a name that already exists (or trying to delete an object store with a name that does not already exist) will throw an error.
...for more in
formation on how to upgrade the version of the database in older webkit/blink, see the idbdatabase reference article.
...And 2 more matches
Key Values - Web APIs
opens or toggles the display of help in
formation.
...this saves the state of the computer to disk and then shuts down; the computer can be returned to its previous state by restoring the saved state in
formation.
... vk_prev_day "info" toggles the display of in
formation about the currently selected content, program, or media.
...And 2 more matches
MediaCapabilities - Web APIs
the mediacapabilities interface of the media capabilities api provides in
formation about the decoding abilities of the device, system and browser.
...the in
formation can be used to serve optimal media streams to the user and determine if playback should be smooth and power efficient.
... the in
formation is accessed through the mediacapabilities property of the navigator interface.
...And 2 more matches
Media Capabilities API - Web APIs
the media capabilities api allows developers to determine decoding and encoding abilities of the device, exposing in
formation 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 in
formation.
...the api also provides abilities to access display property in
formation such as supported color gamut, dynamic range abilities, and real-time feedback about the playback.
... media capabilities in
formation enables websites to enable adaptative streaming to alter the quality of content based on actual user-perceived quality, and react to a pick of cpu/gpu usage in real time.
...And 2 more matches
Media Source API - Web APIs
mse allows us to replace the usual single track src value fed to media elements with a reference to a mediasource object, which is a container for in
formation like the ready state of the media for being played, and references to multiple sourcebuffer objects that represent the different chunks of media that make up the entire stream.
...the usage of external utilities to massage the content into a suitable
format is required.
... while browser support for the various media containers with mse is spotty, usage of the h.264 video codec, aac audio codec, and mp4 container
format is a common baseline.
...And 2 more matches
Payment Request API - Web APIs
it is not a new way for paying for things; rather, it's a way for users to select their preferred way of paying for things, and make that in
formation available to a merchant.
...the paymentrequest allows the web page to exchange in
formation with the user agent while the user provides input to complete the transaction.
... interfaces paymentaddress an object that contains address in
formation; used for billing and shipping addresses, for example.
...And 2 more matches
RTCPeerConnection - Web APIs
for details on the difference, see pending and current descriptions in webrtc connectivity.remotedescription read only the read-only property rtcpeerconnection.remotedescription returns a rtcsessiondescription describing the session (which includes configuration and media in
formation) for the remote end of the connection.
...the answer contains in
formation about any media already attached to the session, codecs and options supported by the browser, and any ice candidates already gathered.
...this description specifies the properties of the local end of the connection, including the media
format.setremotedescription()the rtcpeerconnection method setremotedescription() sets the specified session description as the remote peer's current offer or answer.
...And 2 more matches
RTCStatsType - Web APIs
this in
formation considers only the outbound rtp stream, so any data which requires in
formation about the state of the remote peers (such as round-trip time) is unavailable, since those values can't be computed without knowing about the other peers' states.
...this may include in
formation such as the type of network, the protocol, the url, the type of relay being used, and so forth.
...that is, this in
formation is about your outbound-rtp stream, but as seen by the remote device that's handling the stream.
...And 2 more matches
SVGTransformList - Web APIs
consolidate() svgtransform consolidates the list of separate svgtransform objects by multiplying the equivalent trans
formation matrices together to result in a list consisting of a single svgtransform object of type svg_transform_matrix.
... example using multiple svgtransform objects in this example we create a function that will apply three different trans
formations to the svg element that has been clicked on.
... in order to do this we create a separate svgtransform object for each trans
formation -- such as translate, rotate, and scale.
...And 2 more matches
Using the Screen Capture API - Web APIs
this could be refined further by specifying additional in
formation for each of audio and video: const gdmoptions = { video: { cursor: "always" }, audio: { echocancellation: true, noisesuppression: true, samplerate: 44100 } } in this example the cursor will always be visible in the capture, and the audio track should ideally have noise suppression and echo cancellation features enabled, as well as an ideal audio sample rate of 44.1kh...
... for example, privacy and/or security violations can easily occur if the user is sharing their screen and a visible background window happens to contain personal in
formation, or if their password manager is visible in the shared stream.
... console.log = msg => logelem.innerhtml += `${msg}<br>`; console.error = msg => logelem.innerhtml += `<span class="error">${msg}</span><br>`; console.warn = msg => logelem.innerhtml += `<span class="warn">${msg}<span><br>`; console.info = msg => logelem.innerhtml += `<span class="info">${msg}</span><br>`; this allows us to use the familiar console.log(), console.error(), and so on to log in
formation to the log box in the document.
...And 2 more matches
Touch events - Web APIs
the touch interface, which represents a single touchpoint, includes in
formation such as the position of the touch point relative to the browser viewport.
...its responsibility in this example is to update the cached touch in
formation and to draw a line from the previous position to the current position of each touch.
...hes[i].pagex, touches[i].pagey); ctx.linewidth = 4; ctx.strokestyle = color; ctx.stroke(); ongoingtouches.splice(idx, 1, copytouch(touches[i])); // swap in the new touch record console.log("."); } else { console.log("can't figure out which touch to continue"); } } } this iterates over the changed touches as well, but it looks in our cached touch in
formation array for the previous in
formation about each touch to determine the starting point for each touch's new line segment to be drawn.
...And 2 more matches
WebGLRenderingContext.getRenderbufferParameter() - Web APIs
the webglrenderingcontext.getrenderbufferparameter() method of the webgl api returns in
formation about the renderbuffer.
...possible values: gl.renderbuffer: buffer data storage for single images in a renderable internal
format.
... pname a glenum specifying the in
formation to query.
...And 2 more matches
WebGLRenderingContext.readPixels() - Web APIs
syntax // webgl1: void gl.readpixels(x, y, width, height,
format, type, pixels); // webgl2: void gl.readpixels(x, y, width, height,
format, type, glintptr offset); void gl.readpixels(x, y, width, height,
format, type, arraybufferview pixels, gluint dstoffset); parameters x a glint specifying the first horizontal pixel that is read from the lower left corner of a rectangular block of pixels.
...
format a glenum specifying the
format of the pixel data.
... exceptions a gl.invalid_enum error is thrown if
format or type is not an accepted value.
...And 2 more matches
Introduction to the Real-time Transport Protocol (RTP) - Web APIs
rtcp adds features including quality of service (qos) monitoring, participant in
formation sharing, and the like.
...it can be used for any form of continuous or active data transfer, including data streaming, active badges or status display updates, or control and measurement in
formation transport.
...some of the more noteworthy things rtp doesn't include: editor's note: we should add in
formation about where these deficiencies are compensated for, if they are at all.
...And 2 more matches
Introduction to WebRTC protocols - Web APIs
traversal using relays around nat (turn) is meant to bypass the symmetric nat restriction by opening a connection with a turn server and relaying all in
formation through that server.
... sdp session description protocol (sdp) is a standard for describing the multimedia content of the connection such as resolution,
formats, codecs, encryption, etc.
... technically, then, sdp is not truly a protocol, but a data
format used to describe connection that shares media between devices.
...And 2 more matches
Using DTMF with WebRTC - Web APIs
webrtc currently ignores these payloads; this is because webrtc's dtmf support is primarily intended for use with legacy telephone services that rely on dtmf tones to perform tasks such as: teleconferencing systems menu systems voicemail systems entry of credit card or other payment in
formation passcode entry note: while the dtmf is not sent to the remote peer as audio, browsers may choose to play the corresponding tone to the local user as part of their user experience, since users are typically used to hearing their phone play the tones audibly.
... a <div> to receive and display log text to show status in
formation.
... dialbutton and logelement these variables will be used to store references to the dial button and the <div> into which logging in
formation will be written.
...And 2 more matches
Writing WebSocket servers - Web APIs
however, extracting in
formation from these so-called "frames" of data is a not-so-magical experience.
... although all frames follow the same specific
format, data going from the client to the server is masked using xor encryption (with a 32-bit key).
...
format each data frame (from the client to the server or vice-versa) follows this same
format: frame
format: 0 1 2 3 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 +-+-+-+-+-------+-+-------------+-------------------------------+ |f|r|r|r| opcode|m| payload len | extended payload length | |i|s|s|s| (4) |a| (7) | (16/64) | |n|v|v|v| |s| | (if payload len==126/127) | | |1|2|3| |k| | | +-+-+-+-+-------+-+-------------+ - - - - - - - - - - - - - - - + | extended payload length continued, if payload len == 1...
...And 2 more matches
Movement, orientation, and motion: A WebXR example - Web APIs
in this article, we'll make use of in
formation introduced in the previous articles in our webxr tutorial series to construct an example which animates a rotating cube around which the user can move freely using a vr headset, keyboard, and/or mouse.
... setup and utility functions next, we declare the variables and constants used throughout the application, starting with those used to store webgl and webxr specific in
formation: let polyfill = null; let xrsession = null; let xrinputsources = null; let xrreferencespace = null; let xrbutton = null; let gl = null; let animationframerequestid = 0; let shaderprogram = null; let programinfo = null; let buffers = null; let texture = null; let mouseyaw = 0; let mousepitch = 0; this is followed by a set of constants, mostly to contain various vectors and matrices used whil...
... logging errors a function called logglerror() is implemented to provide an easily customized way to output logging in
formation for errors that occur while executing webgl functions.
...And 2 more matches
Migrating from webkitAudioContext - Web APIs
depending on why you used this attribute, you can use the following techniques to get the same in
formation: if you need to compare this attribute to unscheduled_state, you can basically remember whether you've called start() on the node or not.
... these used to be in
formational attributes.
... here is some in
formation on how you can get these values if you need them: the name attribute is a string representing the name of the audioparam object.
...And 2 more matches
Using the aria-describedby attribute - Accessibility
this is very similar to aria-labelledby: a label describes the essence of an object, while a description provides more in
formation that the user might need.
...the examples section below provides more in
formation about how to use the attribute in these cases.
...the in
formation provided above is one of those opinions and therefore not normative.
...And 2 more matches
ARIA: dialog role - Accessibility
the label given to the dialog will provide contextual in
formation for the interactive controls inside the dialog.
...the combination of the aria dialog role and labeling techniques should make the screen reader announce the dialog's in
formation when focus is moved into it.
...for more in
formation see the managing modal and non modal dialogs guide.
...And 2 more matches
Architecture - Accessibility
see the atk uses of isembeddedobject() for more in
formation on how we do this.
...text and whitespace leaf nodes are exposed, but are redundant with the in
formation in the parent object's nsiaccessibletext.
...this means that we have an exact mirror to the dom, but text lives in the parents instead of in the leaves, which now don't really provide additional useful in
formation.
...And 2 more matches
Variable fonts guide - CSS: Cascading Style Sheets
introducing the 'variation axis' the heart of the new variable fonts
format is the concept of an axis of variation describing the allowable range of that particular aspect of the typeface design.
... custom axes are in fact limitless: the typeface designer can define and scope any axis they like, and are just required to give it a four-letter tag to identify it within the font file
format itself.
... example for a standard upright (roman) font: @font-face { font-family: 'myvariablefontname'; src: 'path/to/font/file/myvariablefont.woff2'
format('woff2-variations'); font-weight: 125 950; font-stretch: 75% 125%; font-style: normal; } example for a font that includes both upright and italics: @font-face { font-family: 'myvariablefontname'; src: 'path/to/font/file/myvariablefont.woff2'
format('woff2-variations'); font-weight: 125 950; font-stretch: 75% 125%; font-style: oblique 0deg 20deg; } note: there is no set specific value...
...And 2 more matches
<display-inside> - CSS: Cascading Style Sheets
these keywords specify the element’s inner display type, which defines the type of
formatting context that lays out its contents (assuming it is a non-replaced element).
... if its outer display type is inline or run-in, and it is participating in a block or inline
formatting context, then it generates an inline box.
... depending on the value of other properties (such as position, float, or overflow) and whether it is itself participating in a block or inline
formatting context, it either establishes a new block
formatting context (bfc) for its contents or integrates its contents into its parent
formatting context.
...And 2 more matches
overflow - CSS: Cascading Style Sheets
when an element's content is too big to fit in its block
formatting context — in both directions.
...the box is not a scroll container, and does not start a new
formatting context.
... if you wish to start a new
formatting context, you can use display: flow-root to do so.
...And 2 more matches
matrix3d() - CSS: Cascading Style Sheets
the matrix3d() css function defines a 3d trans
formation as a 4x4 homogeneous matrix.
... matrix3d(a1, b1, c1, d1, a2, b2, c2, d2, a3, b3, c3, d3, a4, b4, c4, d4) values a1 b1 c1 d1 a2 b2 c2 d2 a3 b3 c3 d3 are <number>s describing the linear trans
formation.
... cartesian coordinates on ℝ2 homogeneous coordinates on ℝℙ2 cartesian coordinates on ℝ3 homogeneous coordinates on ℝℙ3 this trans
formation applies to the 3d space and can't be represented on the plane.
...And 2 more matches
scale3d() - CSS: Cascading Style Sheets
the scale3d() css function defines a trans
formation that resizes an element in 3d space.
... this scaling trans
formation is characterized by a three-dimensional vector.
...if all three coordinates are equal, the scaling is uniform (isotropic) and the aspect ratio of the element is preserved (this is a homothetic trans
formation).
...And 2 more matches
Constraint validation - Developer guides
typemismatch constraint violation <input type="email"> the value must be a syntactically valid email address, which generally has the
format username@hostname.tld.
...the constraint validation is done in the following ways: by a call to the checkvalidity() or reportvalidity() method of a form-associated dom interface, (htmlinputelement, htmlselectelement, htmlbuttonelement, htmloutputelement or htmltextareaelement), which evaluates the constraints only on this element, allowing a script to get this in
formation.
... constraint combining several fields: postal code validation the postal code
format varies from one country to another.
...And 2 more matches
HTML5 - Developer guides
downloadable in pdf and png
formats.
...webvtt is a text track
format.
... svg an xml-based
format of vectorial images that can directly be embedded in the html.
...And 2 more matches
User input and controls - Developer guides
this article provides recommendations for managing user input and implementing controls in open web apps, along with faqs, real-world examples, and links to further in
formation for anyone needing more detailed in
formation on the underlying technologies.
... note: for further in
formation about what you can do with touch events, please read our touch events guide.
... note: more in
formation about the screen orientation api can be found in managing screen orientation.
...And 2 more matches
<fieldset>: The Field Set element - HTML: Hypertext Markup Language
its display value is block by default, and it establishes a block
formatting context.
...the <legend> shrink-wraps, and also establishes a
formatting context.
...if the <fieldset> is styled with display: grid or display: inline-grid, then the anonymous box will be a grid
formatting context.
...And 2 more matches
<tbody>: The Table Body element - HTML: Hypertext Markup Language
the <tbody> element, along with its cousins <thead> and <tfoot>, provide useful semantic in
formation that can be used when rendering for either screen or printer as well as for accessibility purposes.
... when printing a document, the <thead> and <tfoot> elements specify in
formation that may be the same—or at least very similar—on every page of a multi-page table, while the <tbody> element's contents generally will differ from page to page.
...this lets you divide the rows in large tables into sections, each of which may be separately
formatted if so desired.
...And 2 more matches
<time> - HTML: Hypertext Markup Language
it may include the datetime attribute to translate dates into machine-readable
format, allowing for better search engine results or custom features such as reminders.
... a precise date in the gregorian calendar (with optional time and timezone in
formation).
... datetime this attribute indicates the time and/or date of the element and must be in one of the
formats described below.
...And 2 more matches
Content negotiation - HTTP
in http, content negotiation is the mechanism that is used for serving different representations of a resource at the same uri, so that the user agent can specify which is best suited for the user (for example, which language of a document, which image
format, or which content encoding).
... the in
formation by the client is quite verbose (http/2 header compression mitigates this problem) and a privacy risk (http fingerprinting) as several representations of a given resource are sent, shared caches are less efficient and server implementations are more complex.
...the inner
format of a comment is not defined by the standard, though several browser put several tokens in it, separated by ';'.
...And 2 more matches
Accept-Encoding - HTTP
this may be the case with some image
formats; the server is overloaded and cannot afford the computational overhead induced by the compression requirement.
... header type request header forbidden header name yes syntax accept-encoding: gzip accept-encoding: compress accept-encoding: deflate accept-encoding: br accept-encoding: identity accept-encoding: * // multiple algorithms, weighted with the quality value syntax: accept-encoding: deflate, gzip;q=1.0, *;q=0.5 directives gzip a compression
format using the lempel-ziv coding (lz77), with a 32-bit crc.
... compress a compression
format using the lempel-ziv-welch (lzw) algorithm.
...And 2 more matches
Content-Encoding - HTTP
header type entity header forbidden header name no syntax content-encoding: gzip content-encoding: compress content-encoding: deflate content-encoding: identity content-encoding: br // multiple, in the order in which they were applied content-encoding: gzip, identity content-encoding: deflate, gzip directives gzip a
format using the lempel-ziv coding (lz77), with a 32-bit crc.
... this is the original
format of the unix gzip program.
... compress a
format using the lempel-ziv-welch (lzw) algorithm.
...And 2 more matches
Firefox user agent string reference - HTTP
form factor gecko user agent string phone mozilla/5.0 (android 4.4; mobile; rv:41.0) gecko/41.0 firefox/41.0 tablet mozilla/5.0 (android 4.4; tablet; rv:41.0) gecko/41.0 firefox/41.0 focus for android from version 1, focus is powered by android webview and uses the following user agent string
format: mozilla/5.0 (linux; <android version> <build tag etc.>) applewebkit/<webkit rev> (khtml, like gecko) version/4.0 focus/<focusversion> chrome/<chrome rev> mobile safari/<webkit rev> tablet versions on webview mirror mobile, but do not contain a mobile token.
...lar/1.0 chrome/58.0.3029.83 mobile safari/537.36 4.1+ (webview) mozilla/5.0 (linux; android 7.0) applewebkit/537.36 (khtml, like gecko) version/4.0 focus/4.1 chrome/62.0.3029.83 mobile safari/537.36 6.0+ (geckoview) mozilla/5.0 (android 7.0; mobile; rv:62.0) gecko/62.0 firefox/62.0 focus for ios version 7 of focus for ios uses a user agent string with the following
format: mozilla/5.0 (iphone; cpu iphone os 12_1 like mac os x) applewebkit/605.1.15 (khtml, like gecko) fxios/7.0.4 mobile/16b91 safari/605.1.15 note: this user agent was retrieved from an iphone xr simulator and may be different on device.
... firefox for fire tv version 3 (and probably earlier) of firefox for fire tv use a user agent string with the following
format: mozilla/5.0 (linux; <android version>) applewebkit/537.36 (khtml, like gecko) version/4.0 focus/<firefoxversion> chrome/<chrome rev> safari/<webkit rev> firefox tv version user agent string v3.0 mozilla/5.0 (linux; android 7.1.2) applewebkit/537.36 (khtml, like gecko) version/4.0 focus/3.0 chrome/59.0.3017.125 safari/537.36 firefox for echo show from version 1.1, firefox for echo show uses a user agent string with the following
format: mozilla/5.0 (linux; <android version>) applewebkit/537.36 (khtml, like gecko) version/4.0 focus/<firefoxversion> chrome/<chrome rev> safari/<webkit rev> firefox for echo show version user...
...And 2 more matches
Proxy Auto-Configuration (PAC) file - HTTP
the
format of this string is defined in return value
format below.
... return value
format the javascript function returns a single string if the string is null, no proxies should be used the string can contain any number of the following building blocks, separated by a semicolon: direct connections should be made directly, without any proxies proxy host:port the specified proxy should be used socks host:port the specified socks server should be used recent versions of firefox support as well: http host:port the specified proxy should be used https host:port the specified https proxy should be used socks4 host:port socks5 host:port the specified socks server (with the specified sock version) should be used if there are multiple semicolon-separated settings, the left-most setting will be used, until firefox fails to establish the connect...
... pattern an ip address pattern in the dot-separated
format.
...And 2 more matches
Proxy servers and tunneling - HTTP
forwarding client in
formation through proxies proxies can make requests appear as if they originated from the proxy's ip address.
... this can be useful if a proxy is used to provide client anonymity, but in other cases in
formation from the original request is lost.
...a common way to disclose this in
formation is by using the following http headers: the standardized header: forwarded contains in
formation from the client-facing side of proxy servers that is altered or lost when a proxy is involved in the path of the request.
...And 2 more matches
HTTP response status codes - HTTP
responses are grouped in five classes: in
formational responses (100–199), successful responses (200–299), redirects (300–399), client errors (400–499), and server errors (500–599).
... in
formation responses 100 continue this interim response indicates that everything so far is ok and that the client should continue the request, or ignore the response if the request is already finished.
... 203 non-authoritative in
formation this response code means the returned meta-in
formation is not exactly the same as is available from the origin server, but is collected from a local or a third-party copy.
...And 2 more matches
Control flow and error handling - JavaScript
see expressions and operators for complete in
formation about expressions.
...see the let and const reference pages for more in
formation.
...you can use this identifier to get in
formation about the exception that was thrown.
...And 2 more matches
Date() constructor - JavaScript
creates a javascript date instance that represents a single moment in time in a platform-independent
format.
... timestamp string datestring a string value representing a date, specified in a
format recognized by the date.parse() method.
... (these
formats are ietf-compliant rfc 2822 timestamps, and also strings in a version of iso8601.) note: parsing of date strings with the date constructor (and date.parse(), which works the same way) is strongly discouraged due to browser differences and inconsistencies.
...And 2 more matches
Error.prototype.stack - JavaScript
(note that the error object also possesses the filename, linenumber and columnnumber properties for retrieving these from the error thrown (but only the error, and not its trace).) note that this is the
format used by firefox.
... there is no standard
formatting.
... however, safari 6+ and opera 12- use a very similar
format.
...And 2 more matches
Intl.DisplayNames.supportedLocalesOf() - JavaScript
the intl.displaynames.supportedlocalesof() method returns an array containing those of the provided locales that are supported in date and time
formatting without having to fall back to the runtime's default locale.
...for in
formation about this option, see the intl page.
... return value an array of strings representing a subset of the given locale tags that are supported in date and time
formatting without having to fall back to the runtime's default locale.
...And 2 more matches
Intl.PluralRules.supportedLocalesOf() - JavaScript
the intl.pluralrules.supportedlocalesof() method returns an array containing those of the provided locales that are supported in plural
formatting without having to fall back to the runtime's default locale.
...for in
formation about this option, see the intl page.
... return value an array of strings representing a subset of the given locale tags that are supported in plural
formatting without having to fall back to the runtime's default locale.
...And 2 more matches
JavaScript typed arrays - JavaScript
each entry in a javascript typed array is a raw binary value in one of a number of supported
formats, from 8-bit integers to 64-bit floating-point numbers.
...a buffer (implemented by the arraybuffer object) is an object representing a chunk of data; it has no
format to speak of and offers no mechanism for accessing its contents.
...you can't directly manipulate the contents of an arraybuffer; instead, you create a typed array view or a dataview which represents the buffer in a specific
format, and use that to read and write the contents of the buffer.
...And 2 more matches
Web media technologies
<track> the html <track> element can be placed within an <audio> or <video> element to provide a reference to a webvtt
format subtitle or caption track to be used when playing the media.
...multiple sources can be used to provide the media in different
formats, sizes, or resolutions.
...this lets you make real-time decisions about what
formats to use and when.
...And 2 more matches
Transport Layer Security - Web security
the transport layer security (tls) protocol is the standard for enabling two networked applications or devices to exchange in
formation privately and robustly.
... integrity tls ensures that between encrypting, transmitting, and decrypting the data, no in
formation is lost, damaged, tampered with, or falsified.
...the cipher names correspondence table on the mozilla opsec team's article on tls configurations lists these names as well as in
formation about compatibility and security levels.
...And 2 more matches
Index - WebAssembly
found 12 pages: # page tags and summary 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.
... 6 converting webassembly text
format to wasm webassembly, assembly, conversion, text
format, wabt, wasm, wast2wasm, wat2wasm webassembly has an s-expression-based textual representation, an intermediate form designed to be exposed in text editors, browser developer tools, etc.
... this article explains a little bit about how it works, and how to use available tools to covert text
format files to the .wasm assembly
format.
...And 2 more matches
console - Archive of obsolete content
enables your add-on to log error, warning or in
formational messages.
... console.error(object[, object, ...]) logs the arguments to the console, preceded by "error:" and the name of your add-on: console.error("this is an error message"); error: my-addon: this is an error message console.exception(exception) logs the given exception instance as an error, outputting in
formation about the exception's stack traceback if one is available.
... console.log(object[, object, ...]) logs the arguments to the console, preceded by "info:" and the name of your add-on: console.log("this is an in
formational message"); info: my-addon: this is an in
formational message console.time(name) starts a timer with a name specified as an input parameter.
...the console defines a number of logging levels, from "more verbose" to "less verbose", and a number of different logging functions that correspond to these levels, which are arranged in order of "severity" from in
formational messages, through warnings, to errors.
JavaScript Daemons Management - Archive of obsolete content
a possible approach to solve this problem is to nest all the in
formation needed by each animation to start, stop, etc.
...ate) : vdate; if (isfinite(ntime) && ntime > date.now()) { this.length = math.floor((ntime - date.now()) / this.rate) + this.index; this.pause(); this.start(); } return this.length; }; manual the constructor syntax var mydaemon = new daemon(thisobject, callback[, rate[, length[, init[, onstart]]]]); description constructs a javascript object containing all in
formation needed by an animation (like the this object, the callback function, the length, the frame rate, the number of cycles, and the init and onstart functions).
...the date argument can be a date object, a string expressing the date in gmtstring
format, or a number expressing the number of milliseconds since january 1, 1970, 00:00:00 utc.
...the date argument can be a date object, a string expressing the date in gmtstring
format, or a number expressing the number of milliseconds since january 1, 1970, 00:00:00 utc.
Adding Events and Commands - Archive of obsolete content
event handlers can take an event argument, which is an event object that holds in
formation on the event.
... you can get in
formation on key modifiers (in case the user was holding a modifier key like alt while performing the event), screen coordinates for mouse events, and most importantly, the target element for the event.
...it isn't hard for xul code to control the content on pages being loaded or displayed, as we will see later on, but it can be hard for your extension xul code to receive in
formation from pages in a secure manner.
... additional in
formation on custom events and how they can be used to effect communication between web content and xul can be found in the interaction between privileged and non-privileged pages code snippets, which describe and provide examples of this sort of communication.
The Box Model - Archive of obsolete content
the description element is used for the rest of the cases, where the text is only meant as additional in
formation and is not related to input elements.
...one possibility is to use special markup in a locale property so that the link can be easily recognized: xulschoolhello.linkedtext.label = go to <a>our site</a> for more in
formation the syntax is similar to html because it's easier to read this way, but string bundles won't do anything special with it.
... xulschoolhello.linkedtext.label = go to <html:a onclick="%s">our site</html:a> for more in
formation to include html in a xul document, you need to add the namespace for it in the document root: <overlay id="xulschoolhello-browser-overlay" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" xmlns:html="http://www.w3.org/1999/xhtml"> then you can have an html:p (paragraph) element where you insert the result of parsing the property string.
... since xul documents are strict xml, you can only use strict xhtml in xul, and not the more loosely-
formatted forms of html.
XML data - Archive of obsolete content
previous section: svg next section: xbl binding in
formation: xml data xml (extensible markup language) is a general-purpose language for any kind of structured data.
... by default, your mozilla browser displays xml in a
format very similar to the original data in the xml file.
... for more in
formation about xml in mozilla, see the xml page in this wiki.
...for more in
formation about css in mozilla, see the main css page in this wiki.
Creating a Microsummary - Archive of obsolete content
names should be descriptive enough to give users a good idea what in
formation the microsummaries will provide.
...xslt is a powerful language for transforming documents into different representations of the same in
formation.
...when a <template>'s match attribute matches a node, the processor performs the trans
formations specified by the content of the element.
... for more in
formation about microsummaries, see the microsummaries home page.
New Skin Notes - Archive of obsolete content
--dria wordpress skins need footer in
formation.
...--nickolay 04:52, 25 aug 2005 (pdt) the clear/boths aren't in the content, they're embedded style in
formation in the .php files in the /includes directory.
...the core
format would be the same as "default", however.
... skin designed with simplicity in mind -- minimal header, nav, footer -- plausibly good for alternate or small screen display, or people who prefer more straight-up
formatting for on-screen docs.
RDF Datasource How-To - Archive of obsolete content
more concretely, a datasource is a translator that can present in
formation as a collection of rdf statements.
...when flush() is called, or the last reference to the datasource is released, a routine walks the in-memory datasource and re-serializes the graph back to the original file
format.
... ns_release(mydatasource); } nsservicemanager::releaseservice(krdfservicecid, rdf); } displaying rdf as content now that you've gone through all this pain to expose your in
formation as a datasource, you probably want to see it.
... contact: chris waterson (waterson@netscape.com) original document in
formation author(s): chris waterson last updated date: june 19, 2000 copyright in
formation: copyright (c) chris waterson ...
Space Manager Detailed Design - Archive of obsolete content
the primary goal of the space manager is to provide in
formation about those bands of space to support the css notion of floated elements.
...alend + my); } prbool intersectsdamage(nscoord aintervalbegin, nscoord aintervalend) { return mfloatdamage.intersects(aintervalbegin + my, aintervalend + my); } #ifdef debug /** * dump the state of the spacemanager out to a file */ nsresult list(file* out); void sizeof(nsisizeofhandler* ahandler, pruint32* aresult) const; #endif private: // structure that maintains in
formation about the region associated // with a particular frame struct frameinfo { nsiframe* const mframe; nsrect mrect; // rectangular region frameinfo* mnext; frameinfo(nsiframe* aframe, const nsrect& arect); #ifdef ns_build_refcnt_logging ~frameinfo(); #endif }; // doubly linked list of band rects struct bandrect : prcliststr { nscoord mleft,...
... */ nsiframe* getframe() const { return mframe; } implementation notes algorithm 1: getbanddata getbanddata is used to provide in
formation to clients about what space if available and unavailable in a band of space.
... cross-component algorithms tech notes original document in
formation author(s): marc attinasi other contributors: david baron, josh soref last updated date: november 25, 2005 ...
Using Breakpoints in Venkman - Archive of obsolete content
using breakpoints to debug when you set a breakpoint, you give venkman (or whatever debugger you're using) the opportunity to display in
formation about the execution environment.
... for more in
formation about the sorts of actions you can take in venkman when you're at a breakpoint, see the debugging basics section of the introductory venkman article.
...meta comments are specially
formatted comments that pull in the script named after the comment and specify how to treat the output of that script.
... original document in
formation authors: robert ginda, ian oeschger published 02 may 2003 ...
Introduction to XUL - Archive of obsolete content
across the top of its applications' windows): main window containing menubar area at top across width of window containing menubar (and its contents) toolbar area below menubar across width of window containing main toolbar (and its contents) application-specific content area below toolbar area structure of a xul file our language of choice is xml, flavoured with css stylistic in
formation.
... someday, there will be a complete description of this mechanism at packages, but for now there's a good but somewhat out of date document at configurable chrome available for more in
formation.
...at this time these additional dom methods are available, though the code is of course the most accurate place to look for this in
formation.
... original document in
formation author(s): danm@netscape.com last updated date: january 31, 2005 copyright in
formation: copyright (c) danm@netscape.com ...
RDF Modifications - Archive of obsolete content
the template builder uses these notifcations to update the template as necessary based on the new or removed in
formation.
...now, the potential result so far is: (?photo = http://www.xulplanet.com/ndeakin/images/t/obelisk.jpg, ?description = 'one of the thirty or so egyptian obelisks', ?start = http://www.xulplanet.com/rdf/myphotos, ?title = 'obelisk') as you can see, the result looks to have all the in
formation necessary to create a new item in the output.
...when it had first generated the results, the builder stored extra in
formation to specify what parts of the graph were navigated over.
... it uses this in
formation to help determine what results are no longer needed.
Result Generation - Archive of obsolete content
during query processing, the template builder builds up a network of in
formation such as: possible results that are available where content should be generated in
formation that indicates what to do when the rdf datasource changes this network of in
formation remains for the lifetime of the template, or until it is rebuilt.
...rather than rebuild the entire template, the algorithm allows only specific parts of the network of in
formation to be re-examined.
...while the in
formation network created by the template builder contains a number of different pieces of necessary in
formation, for the purposes of this discussion, we will only be interested in the list of possible results.
...at each step, new possible results may be added, or more in
formation pertaining to an existing result may be added to the network.
Creating toolbar buttons (Customize Toolbar Window) - Archive of obsolete content
the dimensions of the icons in various applications for both modes are summarized in the following table (feel free to add in
formation about other applications): application (theme name) big icon size small icon size firefox 1.0 (winstripe) 24x24 16x16 thunderbird 1.0 (qute) 24x24 16x16 the stylesheet to set the image for your toolbar button, use the following css rules: /* skin/toolbar-button.css */ #myextension-button { list-style-image: url("chrome://myextension/sk...
...ercompose.xul thunderbird - compose window msgcomposetoolbarpalette chrome://messenger/content/addressbo...ddressbook.xul thunderbird - address book addressbooktoolbarpalette chrome://editor/content/editor.xul kompozer - main window nvutoolbarpalette chrome://calendar/content/calendar.xul sunbird - main window calendartoolbarpalette more in
formation xulplanet.com references: <toolbarbutton>, <toolbaritem>.
... there is another page on mdc with in
formation about adding buttons to various windows in seamonkey.
... includes useful in
formation about overlays for chatzilla.
Box Objects - Archive of obsolete content
« previousnext » this section describes the box object, which holds display and layout related in
formation about a xul box as well as some details about xul layout.
...the dom is generally used only to get and modify in
formation pertaining to the content or structure of the document.
...various pieces of in
formation are used such as the tag name, the attributes on an element, various css properties, the elements and layout objects around the element, and the xbl associated with an element (xbl is described in a later section).
...however, xul provides some helper objects, called box objects, which can provide some layout related in
formation.
Custom Tree Views - Archive of obsolete content
the following example shows this: <tree id="my-tree" flex="1"> <treecols> <treecol id="namecol" label="name" flex="1"/> <treecol id="datecol" label="date" flex="1"/> </treecols> <treechildren/> </tree> to assign data to be displayed in the tree, the view object needs to be created which is used to indicate the value of each cell, the total number of rows plus other optional in
formation.
... the tree will call methods of the view to get the in
formation that it needs to display.
...tlevel: function(row){ return 0; }, getimagesrc: function(row,col){ return null; }, getrowproperties: function(row,props){}, getcellproperties: function(row,col,props){}, getcolumnproperties: function(colid,col,props){} }; the functions in the example not described above do not need to perform any action, but they must be implemented as the tree calls them to gather additional in
formation.
...you can use this to get the cell labels and other in
formation.
Install Scripts - Archive of obsolete content
the registry also stores the set of files and version in
formation about the installed components.
...what you do need to know for an installation is that the registry stores a set of in
formation about your application, such as the file list and versions.
... all of this in
formation is stored in a key (and within subkeys) that you provide in the installation script (in step 1 mentioned above).
... the second argument is the registry key used to hold the package in
formation as described earlier.
Trees - Archive of obsolete content
the tree is smart enough to only ask for in
formation from the view for those rows that need to be displayed.
...by using this element, you can specify additional in
formation about how the data in the columns are sorted and if the user can resize the columns.
...making a tree flexible is quite commonly done, as it is often the case that the data in the tree is the most significant in
formation displayed, so it makes sense to make the tree grow to fit.
...this may be a bit confusing, but essentially, one of the built-in tree views uses a set of tags which can be used to specify in
formation about the data in the tree.
Using Remote XUL - Archive of obsolete content
it is difficult to discern the site's basic structure and available resources, which makes it hard to locate a particular page or find the one with the in
formation you want.
...html-based navigation bars take up too much space, dhtml menus are slow and buggy, and site maps make you go to an intermediate page to find the in
formation you want.
... the source" value="https://www.mozilla.org/source.html" /> <menuitem label="build it" value="https://www.mozilla.org/build/" /> </menupopup> </menu> <menu label="testing"> <menupopup> <menuitem label="download" value="https://www.mozilla.org/releases/" /> <menuitem label="report a bug" value="https://bugzilla.mozilla.org/enter_bug.cgi?
format=guided" /> <menuitem label="bugzilla" value="https://www.mozilla.org/bugs/" /> <menuitem label="bug writing" value="https://www.mozilla.org/quality/bug-writing-guidelines.html" /> </menupopup> </menu> <menu label="tools"> <menupopup> <menuitem label="view source" value="https://lxr.mozilla.org/seamonkey/" /> <menuitem label="tree ...
... original document in
formation last updated date: december 7, 2002 ...
prefwindow - Archive of obsolete content
more in
formation is available in the preferences system article.
...the preference window will not run correctly if you do not set this preference in your application's defaults (see bug 485150 for more in
formation).
... disclosure: a button to show more in
formation.
... disclosure: a button to show more in
formation.
tree - Archive of obsolete content
more in
formation is available in the xul tutorial.
... statedatasource type: uri chrome xul may specify an rdf datasource to use to store tree state in
formation.
...this in
formation will be remembered for the next time the xul file is opened.
... if you do not specify this attribute, state in
formation will be stored in the local store (rdf:local-store).
Debugging a XULRunner Application - Archive of obsolete content
there are two different consoles available and various preferences which will ensure that the in
formation you need to know is displayed on them.
... see: preference reference for more in
formation about these preferences.
... jsdump(str) (function defined below) will output str as a "message" with a speech bubble icon next to it: function jsdump(str) { components.classes['@mozilla.org/consoleservice;1'] .getservice(components.interfaces.nsiconsoleservice) .logstringmessage(str); } for more in
formation about the error console see the error console and browser console article.
... if your pages are not in the loaded script window, uncheck the menu item "debug\exclude browser files" and find them in open windows tab when opening a js file in venkman, the code is un
formatted and i get the following error in the jsconsole...
Getting started with XULRunner - Archive of obsolete content
it specifies how your application intends to use the xulrunner platform as well as configure some in
formation that xulrunner uses to run your application.
... main.js: function showmore() { document.getelementbyid("more-text").hidden = false; } for more in
formation about xul see: xul.
... for in
formation about mixing html elements into your xul read adding html elements.
... next » original document in
formation author: mark finkle, october 2, 2006 ...
NPAPI plugin developer guide - Archive of obsolete content
for example, the adobe flash plug-in is used to access flash content (including videos and certain interactive applications), and the quicktime and realplayer plugins are used to play special
format videos in a web page.
...ules for html elements using the appropriate attributes using the embed element for plug-in display using custom embed attributes plug-in references plug-in development overview writing plug-ins registering plug-ins ms windows unix mac os x drawing a plug-in instance handling memory sending and receiving streams working with urls getting version and ui in
formation displaying messages on the status line making plug-ins scriptable building plug-ins building, platforms, and compilers building carbonized plug-ins for mac os x type libraries installing plug-ins native installers xpi plug-ins installations plug-in installation and the windows registry initialization and destruction initialization instance creation in...
...stance destruction shutdown initialize and shutdown example drawing and event handling the npwindow structure drawing plug-ins printing the plug-in setting the window getting in
formation windowed plug-ins mac os windows unix event handling for windowed plug-ins windowless plug-ins specifying that a plug-in is windowless invalidating the drawing area forcing a paint message making a plug-in opaque making a plug-in transparent creating pop-up menus and dialog boxes event handling for windowless plug-ins streams receiving a stream telling the plug-in when a stream is created telling the plug-in when a stream is deleted finding out how much data the plug-in can accept writing the stream to the plug-in sending the s...
...reating a stream pushing data into the stream deleting the stream example of sending a stream urls getting urls getting the url and displaying the page posting urls posting data to an http server uploading files to an ftp server sending mail memory allocating and freeing memory mac os flushing memory (mac os only) version, ui, and status in
formation displaying a status line message getting agent in
formation getting the current version finding out if a feature exists reloading a plug-in ...
NPN_GetValueForURL - Archive of obsolete content
« gecko plugin api reference « browser side plug-in api summary provides in
formation to a plugin which is associated with a given url, for example the cookies or preferred proxy.
... variable selects the type of in
formation to be retrieved (npnurlvcookie or npnurlvproxy) url the url for which to fetch in
formation.
...the browser passes back the requested in
formation.
... when multiple cookies are returned for a given url, the
format of the return value is: cookie1=value1;cookie2=value2;cookie3=value3 len out parameter.
NPN_SetValueForURL - Archive of obsolete content
« gecko plugin api reference « browser side plug-in api summary allows a plugin to change the stored in
formation associated with a url, in particular its cookies.
... variable selects the type of in
formation to be changed.
... url the url for which to change in
formation.
... value the new associated in
formation for the url.
Shipping a plugin as a Toolkit bundle - Archive of obsolete content
in the xpi you can use the following structure: platform/ linux_x86-gcc3/ plugins/ libplugin.so darwin_ppc-gcc3/ plugins/ libplugin.dylib more specific in
formation can be found in the platform-specific subdirectories documentation.
...m:name>my plugin</em:name> <em:version>1.0</em:version> <em:targetapplication> <description> <em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id> <em:minversion>1.5</em:minversion> <em:maxversion>4.0.*</em:maxversion> </description> </em:targetapplication> <em:unpack>true</em:unpack> </description> </rdf> this contains 5 required pieces of in
formation.
... the version is fairly self-descriptive, it must be a toolkit version
format.
...this should point to an update.rdf file on the internet which will include the updated versions and version in
formation for the plugin.
Plugins - Archive of obsolete content
for more in
formation about plugin roadmap, see non-archived plugin in
formation.
...for example, the adobe reader plugin lets the user open pdf files directly inside the browser, and the quicktime and realplayer plugins are used to play special
format videos in a web page.
...more in
formation about these tools can be found on the external resources page.
... gecko plugin api reference (npapi) this reference describes the application programming interfaces for npapi plugins and provides in
formation about how to use these interfaces.
0.90 - Archive of obsolete content
it was created by netscape to be a metadata
format providing a summary of a website.
... (and not only a syndication
format, as it is today.) rss 0.90 is an rdf-based
format.
...producers of rssshould not be creating rss 0.90 feeds, andshould instead use a newer non-deprecated rss
format.
... (see the rss versions list for a list of non-deprecated rss
formats.) consumers of rssshould still be able to accept rss 0.90 feeds though.
Security Controls - Archive of obsolete content
there are three types of security controls, as follows: management controls: the security controls that focus on the management of risk and the management of in
formation system security.
... original document in
formation author(s): u.s.
... department of commerce title: federal in
formation processing standard publication 200, minimum security requirements for federal in
formation and in
formation systems last updated date: march 2006 copyright in
formation: this document is not subject to copyright.
... original document in
formation author(s): karen scarfone, wayne jansen, and miles tracy title: nist special publication 800-123, guide to general server security last updated date: july 2008 copyright in
formation: this document is not subject to copyright.
SSL and TLS - Archive of obsolete content
bits of security rsa key length ecc key length table 1: comparison of rsa and ecc cipher strength 80 1024 160-223 112 2048 224-255 128 3072 256-383 192 7860 384-511 256 15360 512+ the in
formation in this table is from the national institute of standards and technology (nist).
... for more in
formation, see http://csrc.nist.gov/publications/nistpubs/800-57/sp800-57-part1.pdf.
... for more in
formation on ecc, see rfc 4492, section 5.6.1, table 2.
... original document in
formation author(s): ella deon lackey last updated date: 2012 copyright in
formation: © 2012 red hat, inc.
Building a Theme - Archive of obsolete content
this is a value you come up with to identify your extension in email address
format (note that it should not be your email).
...note: this parameter must be in the
format of an email address, although it does not have to be a valid email address.
...by default, the right pane should show the dom node, which has useful styling in
formation like the css class and node id.
...for more in
formation on chrome manifests and the properties they support, see the chrome manifest reference.
Theme changes in Firefox 2 - Archive of obsolete content
changes to the default theme the table below lists all the changes made in the default theme for firefox 2; you can use this in
formation as a starting point for figuring out the changes you need to make.
... changes in browser bookmarks/addbookmark.css the addbookmarks.css file should have the following lines added to the top: @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @namespace html url("http://www.w3.org/1999/xhtml"); some microsummary-related css also needs to be added, to provide
formatting for the microsummary picker.
... #content style in
formation for the content area of the window.
... #sitelabel style in
formation for the site label.
Styling Abbreviations and Acronyms - Archive of obsolete content
the underline tells readers that the word in question has extra in
formation associated with it.
...removing the underline from these elements will rob readers of an indication that there is extra in
formation available.
... related links web content accessibility guidelines 1.0 original document in
formation author(s): eric a.
... meyer, netscape communications last updated date: published 09 aug 2002 copyright in
formation: copyright © 2001-2003 netscape.
The Business Benefits of Web Standards - Archive of obsolete content
separating presentation from content increases the in
formation/markup ratio, making css-based documents more pertinent with regard to the search terms, which makes them rank higher in search results.
... eliminate unwelcome future costs a very significant portion of electronically-stored in
formation is produced for the web and written in html
format.
... most of this in
formation uses invalid html which happens to be displayed correctly in permissive older browsers.
...using valid, standards-compliant markup ensures that data will still be re-usable for a long time, as specifications on how to parse the standard
formats are well documented and here to stay.
Introduction to game development for the Web - Game development
instead of relying on someone else to make all the decisions about what analytics you need, you can collect your own -- or choose the third party that you like the best -- to gather in
formation about your sales and your game's reach.
...a great way to save game state and other in
formation locally so it doesn't have to be downloaded every time it's needed.
... typed arrays javascript typed arrays give you access to raw binary data from within javascript; this lets you manipulate gl textures, game data, or anything else, even if it's not in a native javascript
format.
...this is a great way to do anything from downloading new game levels and artwork to transmitting non-real-time game status in
formation back and forth.
WebVR — Virtual Reality for the Web - Game development
note: for more in
formation, read our webvr concepts article.
... the webvr api the webvr api is the central api for capturing in
formation on vr devices connected to a computer and headset position/orientation/velocity/acceleration in
formation, and converting that into useful data you can use in your games and other applications.
... get the devices to get in
formation about devices connected to your computer, you can use the navigator.getvrdevices method: navigator.getvrdevices().then(function(devices) { for (var i = 0; i < devices.length; ++i) { if (devices[i] instanceof hmdvrdevice) { ghmd = devices[i]; break; } } if (ghmd) { for (var i = 0; i < devices.length; ++i) { if (devices[i] instanceof positionsensorvrdevice ...
...for example, the below code outputs position in
formation on the screen: function setview() { var posstate = gpositionsensor.getstate(); if(posstate.hasposition) { pospara.textcontent = 'position: x' + roundtotwo(posstate.position.x) + " y" + roundtotwo(posstate.position.y) + " z" + roundtotwo(posstate.position.z); xpos = -posstate.position.x * width * 2; ypos = posstat...
2D maze game with device orientation - Game development
when the start button is pressed, instead of jumping directly into the action the game will show the screen with the in
formation on how to play the game.
... to hold the block in
formation we'll use a level data array: for each block we'll store the top and left absolute positions in pixels (x and y) and the type of the block — horizontal or vertical (t with the 'w' value meaning width and 'h' meaning height).
... adding the sound among the preloaded assets there was an audio track (in various
formats for browser compatibility), which we can use now.
...let’s define the variables in the create function first: this.timer = 0; // time elapsed in the current level this.totaltimer = 0; // time elapsed in the whole game then, right after that, we can initialize the necessary text objects to display this in
formation to the user: this.timertext = this.game.add.text(15, 15, "time: "+this.timer, this.fontbig); this.totaltimetext = this.game.add.text(120, 30, "total time: "+this.totaltimer, this.fontsmall); we’re defining the top and left positions of the text, the content that will be shown and the styling applied to the text.
HTTP header - MDN Web Docs Glossary: Definitions of Web-related terms
an http header is a field of an http request or response that passes additional in
formation, altering or precising the semantics of the message or of the body.
... request header: headers containing more in
formation about the resource to be fetched or about the client itself.
... response header: headers with additional in
formation about the response, like its location or about the server itself (name, version, …).
... entity header: headers containing more in
formation about the body of the entity, like its content length or its mime-type.
JSON - MDN Web Docs Glossary: Definitions of Web-related terms
javascript object notation (json) is a data-interchange
format.
... (date objects by default serialize to a string containing the date in iso
format, so the in
formation isn't completely lost.) if you need json to represent additional data types, transform values as they are serialized or before they are deserialized.
... much like xml, json has the ability to store hierarchical data unlike the more traditional csv
format.
... many tools provide translation between these
formats such as this online json to csv converter or this alternative json to csv converter.
Packet - MDN Web Docs Glossary: Definitions of Web-related terms
a packet, or network packet, is a
formatted chunk of data sent over a network.
... the maincomponents of a network packet are the user data and control in
formation.
...the control in
formation is the in
formation for delivering the payload.
... it consists of network addresses for the source and destination, sequencing in
formation, and error detection codes and is generally found in packet headers and footer.
Cascade and inheritance - Learn web development
note: on mdn css property reference pages you can find a technical in
formation box, usually at the bottom of the specifications section, which lists a number of data points about that property, including whether it is inherited or not.
... note: see origin of css declarations in introducing the css cascade for more in
formation on each of these and how they work.
... we have covered a lot in this article, but can you remember the most important in
formation?
... you can find some further tests to verify that you've retained this in
formation before you move on — see test your skills: the cascade.
Debugging CSS - Learn web development
devtools can help you find such issues, especially if the in
formation is buried somewhere in a huge stylesheet.
... find out more about the firefox devtools there is a lot of in
formation about the firefox devtools here on mdn.
... this is where the in
formation you have learned about specificity will come in very useful.
...this may well give you enough in
formation to be able to search for likely sounding problems and workarounds.
The box model - Learn web development
for further in
formation see the detailed page on mastering margin collapsing.
...the mdn pages for the border properties give you in
formation about the different styles of border you can choose from.
... we have covered a lot in this article, but can you remember the most important in
formation?
... you can find some further tests to verify that you've retained this in
formation before you move on — see test your skills: the box model.
Beginner's guide to media queries - Learn web development
each feature is documented on mdn along with browser support in
formation, and you can find a full list at using media queries: media features.
... @media screen and (min-width: 40em) { article { display: grid; grid-template-columns: 3fr 1fr; column-gap: 20px; } nav ul { display: flex; } nav li { flex: 1; } } this css gives us a two-column layout inside the article, of the article content and related in
formation in the aside element.
... you've reached the end of this article, but can you remember the most important in
formation?
... you can find a test to verify that you've retained this in
formation before you move on — see test your skills: responsive web design.
Positioning - Learn web development
for example, popup in
formation boxes and control menus; rollover panels; ui features that can be dragged and dropped anywhere on the page; and so on...
...see the section below for more in
formation) note: you can use top, bottom, left, and right to resize elements if you need to.
... you've reached the end of this article, but can you remember the most important in
formation?
... you can find some further tests to verify that you've retained this in
formation before you move on — see test your skills: positioning.
Practical positioning examples - Learn web development
prerequisites: html basics (study introduction to html), and an idea of how css works (study introduction to css.) objective: to get an idea of the practicalities of positioning a tabbed info-box the first example we'll look at is a classic tabbed info box — a very common feature used when you want to pack a lot of in
formation into a small area.
... this includes in
formation-heavy apps like strategy/war games, mobile versions of websites where the screen is narrow and space is limited, and compact in
formation boxes where you might want to make lots of in
formation available without having it fill the whole ui.
... you might be thinking "why not just create the separate tabs as separate webpages, and just have the tabs clicking through to the separate pages to create the effect?" this code would be simpler, yes, but then each separate "page" view would actually be a newly-loaded webpage, which would make it harder to save in
formation across views, and integrate this feature into a larger ui design.
... note: some web developers take things even further, only having one page of in
formation loaded at once, and dynamically changing the in
formation shown using a javascript feature such as xmlhttprequest.
What do common web layouts contain? - Learn web development
contains in
formation relevant to all pages (like site name or logo) and an easy-to-use navigation system.
... stuff on the side 1) in
formation complementing the main content; 2) in
formation shared among a subset of pages; 3) alternative navigation system.
...like the header, contains less prominent global in
formation like legal notices or contact info.
...a typical one-column layout providing all the in
formation linearly on one page.
What software do I need to build a website? - Learn web development
text editors create and modify un
formatted text files.
... other
formats, like rtf, let you to add
formatting, like bold or underline.
... those
formats are not suitable for writing web pages.
...once you settle on which provider to use, the provider will email you the access in
formation, usually in the form of an sftp url, username, password, and other in
formation needed to connect to their server.
Basic native form controls - Learn web development
for more in
formation on what firefox implements, see insecure passwords.
... <input type="file" name="file" id="file" accept="image/*" multiple> on some mobile devices, the file picker can access photos, videos, and audio captured directly by the device's camera and microphone by adding capture in
formation to the accept attribute like so: <input type="file" accept="image/*;capture=camera"> <input type="file" accept="video/*;capture=camcorder"> <input type="file" accept="audio/*;capture=microphone"> common attributes many of the elements used to define form controls have some of their own specific attributes.
... you've reached the end of this article, but can you remember the most important in
formation?
... you can find some further tests to verify that you've retained this in
formation before you move on — see test your skills: basic controls.
Styling web forms - Learn web development
we are using two different files for each font to maximise browser compatibility; see our web fonts article for a lot more in
formation.
...if the fontsquirrel output was different to what we described above, you can find the correct @font-face blocks inside your downloaded webfont kit, in the stylesheet.css file (you'll need to replace the below @font-face blocks with them, and update the paths to the font files): @font-face { font-family: 'handwriting'; src: url('fonts/journal-webfont.woff2')
format('woff2'), url('fonts/journal-webfont.woff')
format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'typewriter'; src: url('fonts/veteran_typewriter-webfont.woff2')
format('woff2'), url('fonts/veteran_typewriter-webfont.woff')
format('woff'); font-weight: normal; font-style: normal; } body { font : 1.3rem sans-serif; pa...
... you've reached the end of this article, but can you remember the most important in
formation?
... you can find some further tests to verify that you've retained this in
formation before you move on — see test your skills: styling basics.
UI pseudo-classes - Learn web development
first of all, we'll add a paragraph to the top of the form to say what you are looking for: <p>required fields are labelled with "required".</p> screenreader users will get "required" read out as an extra bit of in
formation when they get to each required input, which sighted users will get our label.
... since form inputs don't directly support having generated content put on them (this is because generated content is placed relative to an element's
formatting box, but form inputs work more like replaced elements and therefore don't have one), we will add an empty <span> to hang the generated content on: <div> <label for="fname">first name: </label> <input id="fname" name="fname" type="text" required> <span></span> </div> the immediate problem with this was that the span was dropping onto a new line below the input because the input and label are both set with width: 100%.
... you've reached the end of this article, but can you remember the most important in
formation?
... you can find some further tests to verify that you've retained this in
formation before you move on — see test your skills: advanced styling.
Tips for authoring fast-loading HTML pages - Learn web development
other tools can "compress" javascript by re
formatting the source or by obfuscating the source and replacing long identifiers with shorter versions.
...it allows for efficient page caching; by means of this header, in
formation is conveyed to the user agent about the file it wants to load, such as when it was last modified.
... more in
formation: http conditional get for rss hackers http 304: not modified http etag on wikipedia caching in http optimally order the components of the page download page content first, along with any css or javascript that may be required for its initial display, so that the user gets the quickest apparent response during the page loading.
...first, browsers will have no need to perform error-correction when parsing the html (this is aside from the philosophical issue of whether to allow
format variation in user input and then programmatically "correct" or normalize it; or whether, instead, to enforce a strict, no-tolerance input
format).
Multimedia and Embedding - Learn web development
we have put together a course that includes all the essential in
formation you need to work towards your goal.
... video and audio content next, we'll look at how to use 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.
...unlike regular
formats like png/jpg, they don't distort/pixelate when zoomed in — they can remain smooth when scaled.
... this article introduces you to what vector graphics are and how to include the popular svg
format in web pages.
Function return values - Learn web development
it is very useful to know and understand what values are returned by functions, so we try to include this in
formation wherever possible.
... next, we're going to include a way to print out in
formation about the number entered into the text input.
... you've reached the end of this article, but can you remember the most important in
formation?
... you can find some further tests to verify that you've retained this in
formation before you move on — see test your skills: functions.
Introduction to web APIs - Learn web development
third-party apis are not built into the browser by default, and you generally have to retrieve their code and in
formation from somewhere on the web.
...it provides a special set of constructs you can use to query the twitter service and return specific in
formation.
... note: you can find in
formation on a lot more 3rd party apis at the programmable web api directory.
... the first five lines specify the location of the resource we want to fetch, create a new instance of a request object using the xmlhttprequest() constructor, open an http get request to retrieve the specified resource, specify that the response should be sent in json
format, then send the request.
A first splash into JavaScript - Learn web development
if it is, the player has guessed correctly and the game is won, so we show the player a congratulations message with a nice green color, clear the contents of the low/high guess in
formation box, and run a function called setgameover(), which we'll discuss later.
... empties all the text out of the in
formation paragraphs.
...queryselector() takes one piece of in
formation — a css selector that selects the element you want a reference to.
...troubleshooting javascript storing the in
formation you need — variables basic math in javascript — numbers and operators handling text — strings in javascript useful string methods arrays assessment: silly story generator ...
Basic math in JavaScript — numbers and operators - Learn web development
you've reached the end of this article, but can you remember the most important in
formation?
... you can find some further tests to verify that you've retained this in
formation before you move on — see test your skills: math.
... summary in this article we have covered the fundamental in
formation you need to know about numbers in javascript, for now.
...troubleshooting javascript storing the in
formation you need — variables basic math in javascript — numbers and operators handling text — strings in javascript useful string methods arrays assessment: silly story generator ...
Handling text — strings in JavaScript - Learn web development
since the web is a largely text-based medium designed to allow humans to communicate and share in
formation, it is useful for us to have control over the words that appear on it.
... you've reached the end of this article, but can you remember the most important in
formation?
... you can find some further tests to verify that you've retained this in
formation before you move on — see test your skills: strings.
...troubleshooting javascript storing the in
formation you need — variables basic math in javascript — numbers and operators handling text — strings in javascript useful string methods arrays assessment: silly story generator ...
Object-oriented JavaScript for beginners - Learn web development
objects can contain related data and code, which represent in
formation about the thing you are trying to model, and functionality or behavior that you want it to have.
... defining an object template let's consider a simple program that displays in
formation about the students and teachers at a school.
... you've reached the end of this article, but can you remember the most important in
formation?
... you can find some further tests to verify that you've retained this in
formation before you move on — see test your skills: object-oriented javascript.
Aprender y obtener ayuda - Learn web development
this article provides some hints and tips in both of these areas that will help you get more out of learning web development, as well as further reading so you can find out more in
formation about each sub-topic should you wish..
... focused thinking is great for concentrating hard on specific subjects, getting into deep problem solving, and improving your mastery of the techniques required — strengthening the neural pathways in your brain where that in
formation is stored.
... if you are looking for some more specific in
formation, you can add other keywords as modifiers, for example "<video> element autoplay attribute", or "date.settime parameters".
... using mdn the site you are already on has a wealth of in
formation available to you — both reference material for looking up code syntax, and guides/tutorials for learning techniques.
Framework main features - Learn web development
trans
formation is an extra step in the development process, but framework tooling generally includes the required tools to handle this step, or can be adjusted to include this step.
...it's also excessive: home and article don’t actually make use of the author's portrait or byline, but if we want to get that in
formation into the authorcredit, we will need to change home and author to accommodate it.
...it's run every time the browser needs to render something new, whether that new in
formation is an addition to what's in the browser, a deletion, or an edit of what’s there.
... the virtual dom is an approach whereby in
formation about your browser's dom is stored in javascript memory.
Getting started with React - Learn web development
see package management basics for more in
formation on npm and yarn.
...see command line crash course for more in
formation on these, and on terminal commands in general.
... also, see the following for more in
formation: "what is npm" on nodejs.org "introducing npx" on the npm blog the create-react-app documentation initializing your app create-react-app takes one argument: the name you'd like to give your app.
... the package.json file contains in
formation about our project that node.js/npm uses to keep it organized.
Advanced Svelte: Reactivity, lifecycle, accessibility - Learn web development
for more in
formation on <svelte:options...>, check the svelte options documentation.
... so far we saw how to send in
formation to a component via props, and how a component can communicate with its parent by emitting events or using two-way data binding.
...it's a very common scenario that a component needs to expose some behavior or in
formation to the consumer; let's see how to achieve it with svelte.
...in the following example, the first three declarations are props, and the rest are exported values: <script> export let bar = 'optional default initial value' // prop export let baz = undefined // prop export let
format = n => n.tofixed(2) // prop // these are readonly export const thisis = 'readonly' // read-only export export function greet(name) { // read-only export alert(`hello ${name}!`) } export const greet = (name) => alert(`hello ${name}!`) // read-only export </script> with this in mind, let's go back to our use case.
Deploying our app - Learn web development
running tests: these can range from "is this code
formatted properly?" to "does this thing do what i expect?", and ensuring failing tests prevent deployment.
...also see our cross browser testing module for a bunch of useful testing in
formation remember also that tests are not limited to javascript; tests can be run against the rendered dom, user interactions, css, and even how a page looks.
... however, for this project we’re going to create a small test that will check the third-party nasa data feed and ensure it's in the correct
format.
... we also have a simple test that blocks the building and deployment of the site if the nasa api feed isn't giving us the correct data
format.
Accessibility API cross-reference
composite (abstract role) a large perceivable region that contains in
formation about the parent document such as copyright, authors' names etc.
...rapped in a <reference> pragmatically however, user agents should expect to find <link> tags as direct children of <toci> a list list list list list <ol>, <ul> <l> an item in a list listitem n/a list_item listitem <li> <li> may contain <lbl> (bullet, numeral, term etc.) and <lbody> a type of live region where new in
formation is added in meaningful order and old in
formation may disappear.
... main <main> a type of live region where non-essential in
formation changes frequently.
...in aria, a type of live region whose content is advisory in
formation for the user but is not important enough to justify an alert, often but not necessarily presented as a status bar.
Lightweight themes
image requirements dimensions should be 3000px wide × 200px high png or jpg file
format image must be no larger than 300 kb in file size tips subtle, soft contrast images and gradients work best; highly detailed images will compete with the browser ui.
... the upper right-hand side of the image should have the most important in
formation - as a user increases the width of the browser window, the browser reveals more of the left-hand side of the image.
... upload your image — make sure it is under 300 kb in size and jpg or png
format!
... submit your theme now frequently asked questions for more in
formation about lightweight themes, including content guidelines, please see these frequently asked questions.
Android-specific test suites
contact in
formation android-test is currently owned by :sebastian and :nalexander.
... contact in
formation android-checkstyle is currently owned by :mcomella and :nalexander.
... contact in
formation android-checkstyle is currently owned by :mcomella and :nalexander.
... contact in
formation android-lint is currently owned by :sebastian and :nalexander.
What to do and what not to do in Bugzilla
before you have canconfirm, you can still do good triaging by leaving comments with useful in
formation on the bug that will help to confirm it.
... the same is true for editbugs: leave comments with the in
formation you'd like to be able to edit into the bug, and that will help you get the editbugs permissions quickly.
... resolving bugs as duplicate in general newer bugs should be marked as duplicates of older bugs, except when the newer bug contains more in
formation (bug description clearer, patch already attached, lots of people already cc'ed, etc.).
... changing the bug in
formation fields summary you should change the summary if the current one is unclear or does not correctly describe the issue covered by the bug.
Creating a spell check dictionary add-on
parts needed to create a dictionary add-on, you first need two things: a spell check dictionary in hunspell or myspell
format, with a license which allows you to use it.
...this file contains in
formation about your add-on such as name and version number (see below).
...type = 64 indicates that the add-on is in the restartless
format, and unpack is required for hunspell to read the dictionary.
... although the restartless
format for dictionary add-ons were introduced in gecko 10, dictionary updates only works starting from gecko 18.
Eclipse CDT
manual setup, and more more in
formation can be found on the eclipse cdt manual setup page.
... much of that page is redundant (taken care of by the mach setup), but there is still some in
formation there that is relevant that should make its way back here at some point.
... failing that, it would be nice if eclipse could at least pass in
formation about what files have changed to the build process, which could then decide on a faster way to do the build (e.g., "just make in layout/").
...this library could then check whether the process is a compiler instance and, if so, use the processes' current working directory and the arguments that were passed to it to reliably obtain the in
formation it needs for each source file that is compiled.
Listening to events on all tabs
optional from gecko 10 onprogresschange called when updated progress in
formation for the download of a document is available.
... void onprogresschange( nsidomxulelement abrowser, nsiwebprogress awebprogress, nsirequest arequest, print32 acurselfprogress, print32 amaxselfprogress, print32 acurtotalprogress, print32 amaxtotalprogress ); parameters abrowser the browser representing the tab for which updated progress in
formation is being provided.
...need more in
formation on what null means.
...in such cases, the request itself should be queried for extended error in
formation (e.g., for http requests see nsihttpchannel).
Firefox
here you can learn about how to contribute to the firefox project and you will also find links to in
formation about the construction of firefox add-ons, using the developer tools in firefox, and other topics.
... project documentation get detailed in
formation about the internals of firefox and its build system, so you can find your way around in the code.
... contents experimental features in firefoxthis page lists features that are in nightly versions of firefox along with in
formation on how to activate them, if necessary.firefox and the "about" protocolthere is a lot of useful in
formation about firefox hidden away behind the about: url protocol.
...fering with other user interface elements.privacythis document lists privacy-related documentation.security best practices for firefox front-end engineersthis article will help firefox developers understand the security controls in place and avoid common pitfalls when developing front-end code for firefox.site identity buttonthe site identity button is a feature in firefox that gives users more in
formation about the sites they visit.
Overview of Mozilla embedding APIs
see the nscomptr user's manual for more in
formation.
...see the nsiweakreference document for more in
formation.
...none interface definition: nsiwebbrowserfind.idl nsiwebbrowserfocus this interface provides access to the focus in
formation of a nswebbrowser instance.
...interface definition: defining new xpcom components original document in
formation author(s): rpotts, alecf, oeschger at netscape.com last updated date: march 5, 2003 copyright in
formation: creative commons ...
HTML parser threading
the tree builder snapshot contains a copy of the tree builder stack, a copy of the list of open
formatting elements and copies of various fields that define the tree builder state.
... it contains all the in
formation that is necessary to load back into the tree builder to restore it into a behaviorally equivalent state.
...additionally, the speculative load queue is used for transferring in
formation from the parser thread to the main thread when the in
formation needs to arrive before starting any speculative loads and when the in
formation is known not to be speculative.
... there are two such pieces of in
formation: the manifest url for an app cache manifest and the character encoding for the document.
WebRequest.jsm
the event listener receives detailed in
formation about the request, and can modify or cancel the request.
...note that you can't pass "blocking" for this event, so you can't modify or cancel the request from this event: it's in
formational only.
...note that you can't pass "blocking" for this event, so you can't modify or cancel the request from this event: it's in
formational only.
...note that you can't pass "blocking" for this event, so you can't modify or cancel the request from this event: it's in
formational only.
Localizing XLIFF files for iOS
firefox for ios uses the xliff xml-based file
format to hold and transfer localization data.
... xliff (extensible localisation interchange file
format) is a localization standard governed by the oasis standards body.
... the goal of the standard is to have an xml-based
format to use when exchanging localization data between tools without the potential of data loss or corruption.
...keep in mind the following sets of characters that need to remain untranslated: $(some_text_here) is a variable
format, %1$@ is another variable
format.
Release phase
here, we'll continue to stay true to the original intent of this guide and only present you with the technical in
formation you need to become an official release.
...for more in
formation on the release part of the l10n process, visit the mozilla wiki here.
... if you don't see this message, try running the same command in a more verbose mode (with the debugging in
formation): $ ssh -vvv hg.mozilla.org this should tell you why your connection is not succeeding.
...for more detailed in
formation about reviews for new localizations and sign-offs for maintenance releases, visit the technical review and sign-off review pages.
Localization quick start guide
this guide is filled with all of the basic, technical in
formation you need to get involved in the mozilla l10n program.
...it is important to know which in
formation applies to which type of contributor.
... to help you filter through to the most applicable in
formation, note that all in
formation that is unique to those starting a new localization will be in orange font.
... all in
formation that is unique to those joining an existing localization will be in blue font.
Mozilla Web Services Security Model
overview (this document is being compiled from scattered documentation and source code and most of the in
formation in it has not been verified.
... web-scripts-access.xml file
format the web-scripts-access.xml file is an xml document.
... any errors in xml syntax, as well as many failures to follow the
format, will cause the document to be ignored.
...lns="http://www.mozilla.org/2002/soap/security"> <delegate/> <allow type="none"/> </webscriptaccess> and in the services directory: <webscriptaccess xmlns="http://www.mozilla.org/2002/soap/security"> <allow type="soapv"/> <allow type="soap"/> </webscriptaccess> good examples (needed.) references new security model for web services, the original proposal for the web-scripts-access.xml file
format web services roadmap, documenting when web services features, including the security model, were first supported additional reading documentation of crossdomain.xml, a similar
format used by macromedia flash player ...
TimerFirings logging
r -991946880[7f46c365ba00]: [6775] fn timer (one_shot 250 ms): presshell::spaintsuppressioncallback -991946880[7f46c365ba00]: [6775] fn timer (one_shot 160 ms): nsbrowserstatusfilter::timeouthandler -991946880[7f46c365ba00]: [6775] iface timer (one_shot 200 ms): 7f46964d7f80 -1340643584[7f46c365ec00]: [6775] obs timer (slack 1000 ms): 7f46a95a0200 each line has the following in
formation.
... finally there is the identifying in
formation for the timer.
... function timers have an in
formative label.
... the in
formative labels are only present on function timers that have had their creation site annotated.
Performance
scroll-linked effects in
formation on scroll-linked effects, their effect on performance, related tools, and possible mitigation techniques.
... automated performance testing and sheriffing in
formation on automated performance testing and sheriffing at mozilla.
... adding a new telemetry probe in
formation on how to add a new measurement to the telemetry performance-reporting system profiling javascript with shark (obsolete - replaced by instruments) how to use the mac os x shark profiler to profile javascript code in firefox 3.5 or later.
... investigating css performance how to figure out why restyle is taking so long power profiling power profiling overview this page provides an overview of relevant in
formation, including details about hardware, what can be measured, and recommended approaches.
Midas
formatblock h1, h2, h3, h4, h5, h6, p, div, address, blockquote (more?) the selection surrounded by the given block element.
... heading h1, h2, h3, h4, h5, h6 selected block will be
formatted as the given type of heading.
... note: the shortcut key will automatically trigger this command (typically accel-shift-z) remove
format removes inline
formatting from the current selection.
... stylewithcss this command is used for toggling the
format of generated content.
Introduction to NSPR
for more in
formation, see thread scheduling.
... setting thread priorities preempting threads interrupting threads for reference in
formation on the nspr api used for thread scheduling, see threads.
...for more in
formation on thread synchronization, see nspr thread synchronization.
...notification involves passing synchronization in
formation among cooperating threads.
NSS FAQ
for detailed in
formation on the open-source nss project, see nss project page.
... for the latest nss release notes and detailed platform in
formation, see project in
formation.
...more in
formation about nspr may be found at netscape portable runtime.
... for more in
formation about u.s.
NSS 3.24 release notes
distribution in
formation the hg tag is nss_3_24_rtm.
... new functions in ssl.h ssl_configservercert - configures an ssl/tls socket with a certificate, private key, and other in
formation.
...this struct contains supplementary in
formation about a certificate, such as the intended type of the certificate, stapled ocsp responses, or signed certificate timestamps (used for certificate transparency).
... bugs fixed in nss 3.24 this bugzilla query returns all the bugs fixed in nss 3.24: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.24 acknowledgements the nss development team would like to thank yuval yarom for responsibly disclosing the cachebleed attack by providing advance copies of their research.
NSS 3.31 release notes
distribution in
formation the hg tag is nss_3_31_rtm.
... pk11_gettokenuri - retrieve the uri of a token based on the given slot in
formation.
... pk11uri_
formaturi -
format a pk11uri object to a string.
... bugs fixed in nss 3.31 this bugzilla query returns all the bugs fixed in nss 3.31: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.31 compatibility nss 3.31 shared libraries are backward compatible with all older nss 3.x shared libraries.
nss tech note2
to enable this mode, set: nspr_log_modules=nss_mod_log:1 nspr_log_file=<logfile> the output
format is: osthreadid[nsprthreadid]: c_xxx osthreadid[nsprthreadid]: rv = 0xyyyyyyyy for example, 1024[805ef10]: c_initialize 1024[805ef10]: rv = 0x0 1024[805ef10]: c_getinfo 1024[805ef10]: rv = 0x0 1024[805ef10]: c_getslotlist 1024[805ef10]: rv = 0x0 2.
...to enable this mode, set: nspr_log_modules=nss_mod_log:3 nspr_log_file=<logfile> the output
format is: osthreadid[nsprthreadid]: c_xxx osthreadid[nsprthreadid]: arg1 = 0xaaaaaaaa ...
...display verbose in
formation, including template values, array values, etc.
... to enable this mode, set: nspr_log_modules=nss_mod_log:4 nspr_log_file=<logfile> the output
format is the same as above, but with more in
formation.
PKCS11 FAQ
for in
formation on how to do this, see using the jar installation manager to install a pkcs #11 cryptographic module.
... which function does nss use to get login state in
formation?
...nss never attempts to cache this in
formation, because login state can change instantly without nss knowing about it (for example, when the user removes the card).
...normally this dialog does not have any options and just provides in
formation; however, if you have more than one token that can be used in this key generation process (for example, your smartcard and the nss internal pkcs#11 module), you will see a selection of "cards and databases" that can be used to generate your new key info.
PKCS #11 Module Specs
the file
format consists of name/value pairs of the form name=value.
... trustorder - integer value specifying the order in which the trust in
formation for certificates specified by tokens on this pkcs #11 library should be rolled up.
... '0' means that tokens on this library should not supply trust in
formation (default).
... valid values are: configdir configuration directory where nss can store persistant state in
formation (typically databases).
NSS functions
other sources of in
formation: the nss_reference documents the functions most commonly used by applications to support ssl.
...mxr 3.4 and later cert_findsmimeprofile mxr 3.2 and later cert_findsubjectkeyidextension mxr 3.7 and later cert_findusercertbyusage mxr 3.4 and later cert_findusercertsbyusage mxr 3.4 and later cert_finishcertificaterequestattributes mxr 3.10 and later cert_finishextensions mxr 3.5 and later cert_
formatname mxr 3.2 and later cert_freedistnames mxr 3.2 and later cert_freenicknames mxr 3.2 and later cert_getavatag mxr 3.2 and later cert_getcertchainfromcert mxr 3.4 and later cert_getcertemailaddress mxr 3.2 and later cert_getcertificatenames mxr 3.10 and later cert_getcertificaterequestextensio...
...eralname mxr 3.10 and later cert_getprevnameconstraint mxr 3.10 and later cert_getsloptime mxr 3.2 and later cert_getsslcacerts mxr 3.2 and later cert_getstatename mxr 3.2 and later cert_getusepkixforvalidation mxr 3.12 and later cert_getvaliddnspatternsfromcert mxr 3.12 and later cert_gentime2
formattedascii mxr 3.2 and later cert_hexify mxr 3.2 and later cert_importcachain mxr 3.2 and later cert_importcerts mxr 3.2 and later cert_isrootdercert mxr 3.8 and later cert_isusercert mxr 3.6 and later cert_keyfromdercrl mxr 3.4 and later cert_makecanickname mxr 3.4 and later cert_...
...rt_setucs4_utf8conversionfunction mxr 3.2 and later port_strdup mxr 3.5 and later port_ucs2_asciiconversion mxr 3.2 and later port_ucs2_utf8conversion mxr 3.2 and later port_zalloc mxr 3.2 and later port_zfree mxr 3.2 and later rsa_
formatblock mxr 3.2 and later sec_asn1decode mxr 3.4 and later sec_asn1decodeinteger mxr 3.2 and later sec_asn1decodeitem mxr 3.2 and later sec_asn1decoderabort mxr 3.9 and later sec_asn1decoderclearfilterproc mxr 3.2 and later sec_asn1de...
Rhino scopes and contexts
simple embeddings of rhino probably won't need any of the in
formation here, but more complicated embeddings can gain performance and flexibility from the techniques described below.
... contexts the rhino context object is used to store thread-specific in
formation about the execution environment.
... so to share in
formation across multiple scopes, we first create the object we wish to share.
...so we can store in
formation that varies across scopes in the instance scope yet still share functions that manipulate that in
formation reside in the shared scope.
Creating JavaScript jstest reftests
test262 tests test262 is the implementation conformance test suite for the latest drafts of ecmascript language specification, as well as internationalization api specification and the json data interchange
format.
...when importing test262, the test file's in-file metadata is translated from test262
format to a
format readibly by the jstest harness.
... if you are contributing directly to test262, you must submit the tests in the test262
format, which you can see in the test262 git repository and read about here.
... an update script exists in the js/src/tests directories to fetch and re
format the test262 suite, see test262-update.py.
Hacking Tips
these files contain all in
formation to create a tracelogger graph.
...to use the simulator, compile an x86 shell (32-bit, x64 doesn't work as we use a different value
format there), and pass --enable-arm-simulator to configure.
...when gdb comes up, enter set annot 1 to get it to emit file location in
formation so that emacs will pop up the corresponding source.
...gdb does not expose // enough in
formation to restrict the watchpoint to just a single bit.
Garbage collection
mark bits are allocated based on the minimum cell size, thus an object comprised of larger cells consumes multiple bits in the bitmap (but only uses two of them.) exact stack rooting api note: the in
formation here is about the implementation of gc roots and their use within spidermonkey.
... for in
formation on how the rooting apis should be used by embedders, read: gc rooting guide.
... this in
formation has been split out into a separate article: exact stack rooting.
... the write barrier is a piece of code that runs just before a pointer store occurs and records just enough in
formation to make sure that live objects don't get collected.
JIT Optimization Outcomes
notypeinfo optimization failed because there was no type in
formation associated with an object containing the property.
... noanalysisinfo todo noshapeinfo the baseline compiler recorded no usable shape in
formation for this operation.
... notunboxed the object whose property is being accessed is not
formatted as an unboxed object.
...it lacks observed type in
formation for its arguments, its return value, or both.
WebReplayRoadmap
if the debugger could perform this analysis then it could show this in
formation to developers and help them understand the app even when they are not actively debugging a particular recording.
... an alternate use of the types that appear in practice would be to provide seed in
formation for automatically populating the types in an app that is being converted to use flow or typescript.
... memory analysis (not yet implemented) analyzing memory usage and leaks in js can be difficult because there is no (or limited) in
formation about where objects were allocated or how the object graph was constructed.
... recordings can be manually analyzed to determine this in
formation, but it would be nice to automate this process and provide a summary of the allocation sites and places where objects are linked together that end up entraining the most amount of memory later on.
Gecko states
because objects with this state are not available to users, client applications should not communicate in
formation about the object to users.
...if this second state is defined, then clients can communicate the in
formation about the object to users.
...a speech-based accessibility aid does not announce in
formation when an object with this state has the focus because the object automatically announces in
formation.
... applied to: events: concomitant state: state_selected state_linked indicates that the object is
formatted as a hyperlink.
Using the Places annotation service
naming your annotations for your annotation name, you should use the
format <namespace>/<name>.
...the annotation service does not currently enforce the annotation name
format, but this may change in the future.
...four functions are provided to get this in
formation: getpageannotationinfo(auri, aname, aflags, aexpiration, amimetype, atype) getitemannotationinfo(aitemid, aname, aflags, aexpiration, amimetype, atype) getpageannotationtype(auri, aname); getitemannotationtype(aitemid, aname); the returned type will be one of the value_type constants in mozistoragevaluearray.idl: after bug 377066 the value_type_* type handling was changed to this: ...
...see using the places favicon service for more in
formation.
Places
it also includes new features including favicon storage and the ability to annotate pages with arbitrary in
formation.
... it also introduces new user interfaces for managing all this in
formation; see places on the mozilla wiki.
... using the places history service how to access history in
formation using the places api.
... displaying places in
formation using views how to use places views to display places data in your own applications or extensions.
How to build an XPCOM component in JavaScript
see generating guids for more in
formation.
... compiling the typelib your interface definition must be compiled into a binary
format (xpt) in order to be registered and used within mozilla applications.
...erfaces.nsihelloworld]" argument for the call to xpcomutils.generateqi() in queryinterface, then you can access your component like this: try { var mycomponent = components.classes['@dietrich.ganx4.com/helloworld;1'] .getservice().wrappedjsobject; alert(mycomponent.hello()); } catch (anerror) { dump("error: " + anerror); } for more in
formation about wrappedjsobject, see here.
... an example component older js+xpcom notes - includes some wrappedjsobject in
formation.
Finishing the Component
see the following sidebar for in
formation about how frozen and unfrozen interfaces can affect your component development, and for technical details about how interface changes beneath your code can cause havoc.
...see the intro to the html 4 specification for more in
formation about uris and urls.
...see string classes in xpcom for more in
formation about strings.
...see the intro to the html 4 specification for more in
formation about relative urls.
Using XPCOM Components
see http://www.mozilla.org/scriptable/ for more in
formation about xpconnect and javascript.
...it's divided into three subsections: one about actually finding all these binary components in mozilla and two others corresponding to the two main ways that clients typically access xpcom components: finding mozilla components this book attempts to provide reference in
formation for xpcom components and their interfaces that are frozen as of the time of this writing.
... mozilla also has some tools that can find and display in
formation about the interfaces available in gecko such as the xpcom component viewer, described below, and mxr, which is a web-based source code viewing tool.
... the challenge to making good in
formation about xpcom components available to prospective clients, however, is that the process of freezing the interfaces that are implemented by these components is still ongoing.
Mozilla internal string guide
the constructor takes parameters which allows it to construct a 8-bit string from a printf-style
format string and parameter list.
...ns*string strings can be stored in two basic
formats: 8-bit code unit (byte/char) strings, or 16-bit code unit (char16_t) strings.
... utf-16 to latin1 converters these converters are very dangerous because they lose in
formation during the conversion process.
... original document in
formation author: alec flett copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
nsIAbCard
m: nsisupports method overview astring getcardvalue(in string name) void setcardvalue(in string attrname, in astring value) void copy(in nsiabcard srccard) boolean equals(in nsiabcard card) string converttobase64encodedxml() astring converttoxmlprintdata() string converttoescapedvcard() astring generatename(in long agenerate
format,[optional] in nsistringbundle abundle) astring generatephoneticname(in boolean alastnamefirst) attributes attribute type description firstname astring lastname astring phoneticfirstname astring phoneticlastname astring displayname astring nickname astring ...
... prefermail
format unsigned long allowed values are stored in nsiabprefermail
format.
... astring generatename(in long agenerate
format,[optional] in nsistringbundle abundle) parameters agenerate
format the
format to present the name in: 0 generated name is displayname 1 lastfirst,
formatted following lastfirst
format property in addressbook.properties.
... 2 firstlast,
formatted following firstlast
format property in addressbook.properties.
nsIAccessibleRelation
if the accessible has an nsiaccessible.name() , you can get the nsiaccessible that it was labelled by in order to get more
formatting in
formation.
... note: the label and description (see relation_described_by) relations may be used to prevent redundant in
formation from being presented by the screen reader, since the label and description can occur both on their own, and in the name or description fields of an nsiaccessible.
...if the accessible has an nsiaccessible.description() , you can get the nsiaccessible that it was described by in order to get more
formatting in
formation.
... note: the label (see relation_labelled_by) and description relations may be used to prevent redundant in
formation from being presented by the screen reader, since the label and description can occur both on their own, and in the name or description fields of an nsiaccessible.
nsIApplicationUpdateService
methods adddownloadlistener() adds a listener that receives progress and state in
formation about the update that is currently being downloaded.
... this in
formation is most commonly used to update a user interface that informs the user as to the status of an update.
... void adddownloadlistener( in nsirequestobserver listener ); parameters listener an object implementing nsirequestobserver and optionally nsiprogresseventsink that will be notified of state and progress in
formation as the update is downloaded.
...removedownloadlistener() removes a listener that is receiving progress and state in
formation about the update that is currently being downloaded.
nsIDownloadManager
toolkit/components/downloads/public/nsidownloadmanager.idlscriptable this interface lets applications and extensions communicate with the download manager, adding and removing files to be downloaded, fetching in
formation about downloads, and being notified when downloads are completed.
... amimeinfo the mime in
formation associated with the target; this may include mime type and helper application when appropriate.
... void addlistener( in nsidownloadprogresslistener alistener ); parameters alistener the nsidownloadprogresslistener object to receive status in
formation from the download manager.
...whereas canceldownload() simply cancels the transfer while retaining in
formation about it, removedownload() removes all knowledge of it.
nsIEditor
node existingrightnode, in long offset, out nsidomnode newleftnode); void joinnodes(in nsidomnode leftnode, in nsidomnode rightnode, in nsidomnode parent); void deletenode(in nsidomnode child); void marknodedirty(in nsidomnode node); direction controller void switchtextdirection(); output methods astring outputtostring(in astring
formattype, in unsigned long flags); example: // flags are declared in base/public/nsidocumentencoder.idl // outputselectiononly = 1, output
formatted = 2, // outputraw = 4, outputbodyonly = 8, // outputpre
formatted = 16, outputwrap = 32, // output
formatflowed = 64, outputabsolutelinks = 258, // outputencodew3centities = 256, outputcrlinebreak = 512, // o...
...utputlflinebreak = 1024, outputnoscriptcontent = 2048, // outputnoframescontent = 4096, outputno
formattinginpre = 8192, // outputencodebasicentities=16384, outputencodelatin1entities=32768, // outputencodehtmlentities=65536, outputpersistnbsp=131072 editorapi.outputtostring('text/html', 2); editorapi.outputtostring('text/plain', 4); // output the body tag, body children and the html end tag (</html>).
...editorapi.outputtostring('text/html', 8); // xml: all in xml with _moz_dirty="" in new tags, html tags are in upper case // application/xhtml+xml
format do the same editorapi.outputtostring('text/xml', 2); // the body is not recognized, everything is printed void outputtostream(in nsioutputstream astream, in astring
formattype, in acstring charsetoverride, in unsigned long flags); listener methods void addeditorobserver(in nsieditorobserver observer);obsolete since gecko 18 void seteditorobserver(in editactionlistener observer); void removeeditorobserver(in nsieditorobserver observer obsolete since gecko 18); void addeditactionlistener(in nsieditactionlistener listener); void removeedi...
... aselcon the nsiselectioncontroller object used to get selection location in
formation.
nsILocale
intl/locale/idl/nsilocale.idlscriptable represents one locale, which can be used for things like sorting text strings and
formatting numbers, dates and times.
...nsilocale_monetary - monetary
formatting.
... nsilocale_numeric - numeric, non-monetary
formatting.
... nsilocale_time - date and time
formats.
nsIPlacesView
the nsiplacesview interface provides a view-agnostic way to access in
formation about a places view.
...rather, each view is responsible for translating its own selection
format into one the controller can understand.
...see displaying places in
formation using views for examples.
... see also displaying places in
formation using views ...
nsIProgressEventSink
netwerk/base/public/nsiprogresseventsink.idlscriptable this interface is used to asynchronously convey channel status and progress in
formation that is generally not critical to the processing of the channel.
... the in
formation is intended to be displayed to the user in some meaningful way.
... inherits from: nsisupports last changed in gecko 1.7 this interface is used to asynchronously convey channel status and progress in
formation that is generally not critical to the processing of the channel.
... the in
formation is intended to be displayed to the user in some meaningful way.
nsIScriptError
errormessage astring the error message in a string
format without any context/line number in
formation.
... note: nsiconsolemessage.message will return the error
formatted with file/line in
formation.
... infoflag 0x8 just a log message methods init() initializes the object with in
formation describing the error which occurred.
... examples logging a message with additional in
formation in this example nsiscripterror, which implements nsiconsolemessage, is used to log in
formation to the console including in
formation about the source file and line number of the error.
nsIUpdateItem
maxappversion astring the maximum version of the application that this item works with, in fvf
format.
... minappversion astring the minimum version of the application that this item works with, in fvf
format.
... version astring the version of the item, in fvf
format.
...can be null and if supplied must be in the
format of "type:hash" (see the types in nsicryptohash and nsixpinstallmanager.initmanagerwithhashes().
Using the clipboard
this section provides in
formation about cutting, copying, and pasting to and from the clipboard.
...now that we have the object to copy, a transferring object needs to be created: var str = "text to copy"; var trans = transferable(sourcewindow); trans.adddataflavor("text/unicode"); // we multiply the length of the string by 2, since it's stored in 2-byte utf-16 //
format internally.
...if you originally copied data of multiple flavors onto the clipboard, you can retrieve the data in the best
format necessary.
... original document in
formation author(s): neil deakin original document: http://xulplanet.com/tutorials/mozsdk/clipboard.php copyright in
formation: copyright (c) neil deakin ...
xptcall FAQ
xpconnect uses in
formation from typelib files to reflect arbitrary xpcom interfaces into javascript and to make calls from javascript to xpcom using xptc_invokebyindex.
... the in
formation in the typelibs allows xpconnect to convert function parameters and build the nsxptcvariant array required to make this call.
...these stubs forward calls to a shared function whose job it is to use the typelib in
formation to extract the parameters from the platform specific calling convention to build an array of variants to hold the parameters and then call an inherited method which can then do whatever it wants with the call.
... original document in
formation author(s): john bandhauer <jband@netscape.com> originally published: 02 september 1999 ...
XPCOM
accessing the windows registry using xpcomwhen implementing windows-specific functionality, it is often useful to access the windows registry for in
formation about the environment or other installed programs.
...for more in
formation on the workings of xpcom look elsewhere.how to pass an xpcom object to a new windowif you want to be able to call functions within an xpcom object from a xul window's code, you can do so if you pass the xpcom object as one of the arguments to the window creation method.interfacing with the xpcom cycle collectorthis is a quick overview of the cycle collector introduced into xpcom for firefox 3,...
...in addition to the actual content, some important in
formation is passed with http headers for both http requests and responses.storagestorage is a sqlite database api.
...this implementation will allow you to get(), set(), define(), and undefine() nsifile.using nsipasswordmanagertechnical review completed.using nsisimpleenumeratorusing the clipboardthis section provides in
formation about cutting, copying, and pasting to and from the clipboard.using the gecko sdkweak referencein xpcom, a weak reference is a special object that contains a pointer to an xpcom object, but doesnot keep that object alive.
Debugging Tips
printing cdata and ctype currently console.log doesn't show type in
formation of cdata.
... running the following code shows only partial value in
formation.
...ents.utils.import("resource://gre/modules/ctypes.jsm", {}); let i = ctypes.int32_t(10); console.log(i); let point = ctypes.structtype("point", [{ x: ctypes.int32_t }, { y: ctypes.int32_t }]) let p = point(10, 20); console.log(p); let pp = p.address(); console.log(pp); the result will be as following: cdata { value: 10 } cdata { x: 10, y: 20 } cdata { contents: cdata } to see more descriptive in
formation, you can use .tosource().
...://gre/modules/ctypes.jsm", {}); let i = ctypes.int32_t(10); console.log(i.tosource()); let point = ctypes.structtype("point", [{ x: ctypes.int32_t }, { y: ctypes.int32_t }]) let p = point(10, 20); console.log(p.tosource()); let pp = p.address(); console.log(pp.tosource()); the result will be : ctypes.int32_t(10) point(10, 20) point.ptr(ctypes.uint64("0x15fdafb08")) to see the complete type in
formation, you can use .constructor.tosource(), to print the source of ctype.
Plugins
roadmap plugin roadmap in
formation about the roadmap for adobe flash and other plugin support in firefox.
...see also flash can now be loaded only from http/https for more useful in
formation.
... tutorials and references the articles below are developer in
formation about the developing for click-to-play, and plugin blocking.
... archived in
formation legacy documentation about developing npapi plugins.
DevTools API - Firefox Developer Tools
a definition is a js light object that exposes different in
formation about the tool (like its name and its icon), and a build method that will be used later-on to start an instance of this tool.
... parameters: tooldefinition {tooldefinition} - an object that contains in
formation about the tool.
... parameters: themedefinition {themedefinition} - an object that contains in
formation about the theme.
... tooldefinition a tooldefinition object contains all the required in
formation for a tool to be shown in the toolbox.
Console messages - Firefox Developer Tools
the following icons may be used: in
formational message warning error blocked; for network messages in addition, a disclosure triangle indicates that further in
formation is available; clicking it displays or collapses that in
formation.
... if more in
formation is available, a disclosure triangle lets you display it, in an embedded panel that is identical to the network monitor request details.
...click it to view more in
formation about the error, as well as which dom nodes are affected by the error.
...additionally, many of these messages help educate developers because they end with a “learn more” link that takes you to a page with background in
formation and advice for mitigating the issue.
AddressErrors - Web APIs
in the example, we're handling a donation to an organization that will be sending a "thank you" gift to the donor, so it requests shipping in
formation along with allowing the donation payment itself.
... } } this code creates a new paymentrequest, providing the supported handlers and payment options we set up above, as well as additional options (in this case, that we want to ask for shipping in
formation).
... after that, we set up the handler for the shippingaddresschange event so we can validate address in
formation and call the request's show() method to start running the payment ui.
... window.addeventlistener("load", function(ev) { document.getelementbyid("pay").addeventlistener("click", process, false); }, false); see addeventlistener() for in
formation about event handlers and how they work.
AuthenticatorAttestationResponse.attestationObject - Web APIs
fmt a text string that indicates the
format of the attstmt.
... the webauthn specification defines a number of
formats; however,
formats may also be defined in other specifications and registered in an iana registry.
...
formats defined by webauthn are: "packed" "tpm" "android-key" "android-safetynet" "fido-u2f" "none" attstmt a an attestation statement that is of the
format defined by "fmt".
... for now, see the webauthn specification for details on each
format.
Background Tasks API - Web APIs
"startbutton"> start </div> <div class="label counter"> task <span id="currenttasknumber">0</span> of <span id="totaltaskcount">0</span> </div> </div> <div class="logbox"> <div class="logheader"> log </div> <div id="log"> </div> </div> the progress box uses a <progress> element to show the progress, along with a label with sections that are changed to present numeric in
formation about the progress.
... variable declarations let tasklist = []; let totaltaskcount = 0; let currenttasknumber = 0; let taskhandle = null; these variables are used to manage the list of tasks that are waiting to be performed, as well as status in
formation about the task queue and its execution: tasklist is an array of objects, each representing one task waiting to be run.
... updating the status display one thing we want to be able to do is update our document with log output and progress in
formation.
... next, we update the progress and status in
formation if any tasks have been enqueued.
BluetoothDevice - Web APIs
bluetoothdevice.vendoridsource read only the vendor id source field in the pnp_id characteristic in the device_in
formation service.
... bluetoothdevice.vendorid read only the 16-bit vendor id field in the pnp_id characteristic in the device_in
formation service.
... bluetoothdevice.productid read only the 16-bit product id field in the pnp_id characteristic in the device_in
formation service.
... bluetoothdevice.productversion read only the 16-bit product version field in the pnp_id characteristic in the device_in
formation service.
CanvasRenderingContext2D.currentTransform - Web APIs
the canvasrenderingcontext2d.currenttransform property of the canvas 2d api returns or sets a dommatrix (current specification) or svgmatrix (old specification) object for the current trans
formation matrix.
... syntax ctx.currenttransform [= value]; value a dommatrix or svgmatrix object to use as the current trans
formation matrix.
... examples manually changing the matrix this example uses the currenttransform property to set a trans
formation matrix.
... a rectangle is then drawn using that trans
formation.
CanvasRenderingContext2D.scale() - Web APIs
the canvasrenderingcontext2d.scale() method of the canvas 2d api adds a scaling trans
formation to the canvas units horizontally and/or vertically.
...a scaling trans
formation modifies this behavior.
...the trans
formation matrix scales it by 9x horizontally and by 3x vertically.
... const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); // scaled rectangle ctx.scale(9, 3); ctx.fillstyle = 'red'; ctx.fillrect(10, 10, 8, 20); // reset current trans
formation matrix to the identity matrix ctx.settransform(1, 0, 0, 1, 0, 0); // non-scaled rectangle ctx.fillstyle = 'gray'; ctx.fillrect(10, 10, 8, 20); result the scaled rectangle is red, and the non-scaled rectangle is gray.
CanvasRenderingContext2D.setTransform() - Web APIs
the canvasrenderingcontext2d.settransform() method of the canvas 2d api resets (overrides) the current trans
formation to the identity matrix, and then invokes a trans
formation described by the arguments of this method.
... syntax ctx.settransform(a, b, c, d, e, f); ctx.settransform(matrix); the trans
formation matrix is described by: [acebdf001]\left[ \begin{array}{ccc} a & c & e \\ b & d & f \\ 0 & 0 & 1 \end{array} \right] parameters settransform() has two types of parameter that it can accept.
... the older type consists of several parameters representing the individual components of the trans
formation matrix to set: a (m11) horizontal scaling.
... the newer type consists of a single parameter, matrix, representing a 2d trans
formation matrix to set (technically, a dommatrixinit object; any object will do as long as it contains the above components as properties).
DataTransfer.clearData() - Web APIs
if this method is called with no arguments or the
format is an empty string, the data of all types will be removed.
... syntax datatransfer.cleardata([
format]); parameters
format optional a string which specifies the type of data to remove.
... event.datatransfer.cleardata(); // set the drag's
format and data (use event target's id for data) event.datatransfer.setdata('text/plain', event.target.id); data.innerhtml = event.datatransfer.getdata('text/plain'); } function dragendhandler (event) { if (!dropped) { status.innerhtml = 'drag canceled'; } data.innerhtml = event.datatransfer.getdata('text/plain') || 'empty'; // change border to signify drag is no lo...
... function dragoverhandler (event) { status.innerhtml = 'drop available'; event.preventdefault(); } function dragleavehandler (event) { status.innerhtml = 'drag in process (drop was available)'; event.preventdefault(); } function drophandler (event) { dropped = true; status.innerhtml = 'drop done'; event.preventdefault(); // get data linked to event
format « text » var _data = event.datatransfer.getdata('text/plain'); var element = document.getelementbyid(_data); // append drag source element to event's target element event.target.appendchild(element); // change css styles and displayed text element.style.csstext = 'border: 1px solid black;display: block; color: red'; element.innerhtml = "i'm in the drop zone!"; } ...
EXT_color_buffer_half_float - Web APIs
for more in
formation, see also using extensions in the webgl tutorial.
... constants ext.rgba16f_ext rgba 16-bit floating-point color-renderable
format.
... ext.rgb16f_ext rgb 16-bit floating-point color-renderable
format.
... extended methods this extension extends webglrenderingcontext.renderbufferstorage(): the internal
format parameter now accepts ext.rgba16f_ext and ext.rgba16f_ext.
EXT_sRGB - Web APIs
for more in
formation, see also using extensions in the webgl tutorial.
... ext.srgb_ext unsized srgb
format that leaves the precision up to the driver.
... ext.srgb_alpha_ext unsized srgb
format with unsized alpha component.
... ext.srgb8_alpha8_ext sized (8-bit) srgb and alpha
formats.
EXT_texture_compression_rgtc - Web APIs
the ext_texture_compression_rgtc extension is part of the webgl api and exposes 4 rgtc compressed texture
formats.
... rgtc is a block-based texture compression
format suited for unsigned and signed red and red-green textures (red-green texture compression).
...for more in
formation, see also using extensions in the webgl tutorial.
... constants the compressed texture
formats are exposed by 4 constants and can be used in two functions: compressedteximage2d() and compressedtexsubimage2d().
GlobalEventHandlers.onanimationcancel - Web APIs
javascript before we get to the animation code, we define a function which logs in
formation to a box on the user's screen.
... we'll use this to show in
formation about the events we receive.
... note the use of animationevent.animationname and animationevent.elapsedtime to get in
formation about the event which occurred.
...all we do here is log in
formation to the console, but you might find other use cases, such as starting a new animation or effect, or terminating some dependent operation.
GlobalEventHandlers.onanimationend - Web APIs
javascript content before we get to the animation code, we define a function which logs in
formation to a box on the user's screen.
... we'll use this to show in
formation about the events we receive.
... note the use of animationevent.animationname and animationevent.elapsedtime to get in
formation about the event which occurred.
...for in
formation about why, and how to support running an animation more than once, see run an animation again in css animations tips and tricks.
GlobalEventHandlers.onanimationstart - Web APIs
javascript content before we get to the animation code, we define a function which logs in
formation to a box on the user's screen.
... we'll use this to show in
formation about the events we receive.
... note the use of animationevent.animationname and animationevent.elapsedtime to get in
formation about the event which occurred.
...for in
formation about why, and how to support running an animation more than once, see run an animation again in css animations tips and tricks.
HTMLCanvasElement.toDataURL() - Web APIs
the htmlcanvaselement.todataurl() method returns a data uri containing a representation of the image in the
format specified by the type parameter (defaults to png).
... syntax canvas.todataurl(type, encoderoptions); parameters type optional a domstring indicating the image
format.
... the default
format type is image/png.
... encoderoptions optional a number between 0 and 1 indicating the image quality to use for image
formats that use lossy compression such as image/jpeg and image/webp.
HTMLImageElement - Web APIs
read the documentation on the sizes page for details on the
format of this string.
...each candidate image is a url followed by a space, followed by a specially-
formatted string indicating the size of the image.
...read the srcset page for specifics on the
format of the size substring.
... the specified image is in a
format not supported by the user agent.
Checking when a deadline is due - Web APIs
the basic problem in the to-do app, we wanted to first record time and date in
formation in a
format that is both machine readable and human understandable when displayed, and then check whether each time and date is occurring at the current moment.
... this would be easy if we were just comparing two date objects, but of course humans don't want to enter deadline in
formation in the same
format javascript understands.
... recording the date in
formation to provide a reasonable user experience on mobile devices, and to cut down on ambiguities, i decided to create an html form with: a text input for entering a title for your to-do list.
...duplicate items not allowed.</li>'; }; // create an object store on the transaction var objectstore = transaction.objectstore("todolist"); // add our newitem object to the object store var request = objectstore.add(newitem[0]); in this section we create an object called newitem that stores the data in the
format required to insert it into the database.
Intersection Observer API - Web APIs
as the web has matured, the need for this kind of in
formation has grown.
... intersection in
formation is needed for many reasons, such as: lazy-loading of images or other content as a page is scrolled.
... implementing intersection detection in the past involved event handlers and loops calling methods like element.getboundingclientrect() to build up the needed in
formation for every element affected.
...at timing element visibility with the intersection observer api, you can find a more extensive example showing how to time how long a set of elements (such as ads) are visible to the user and to react to that in
formation by recording statistics or by updating elements..
KeyframeEffect.setKeyframes() - Web APIs
there are two different ways to
format keyframes: an array of objects (keyframes) consisting of properties and values to iterate over.
... this is the canonical
format returned by the getkeyframes() method.
... element.animate({ opacity: [ 0, 1 ], // [ from, to ] color: [ "#fff", "#000" ] // [ from, to ] }, 2000); using this
format, the number of elements in each array does not need to be equal.
...if there are insufficient values, or if the list contains null values, the keyframes without specified offsets will be evenly spaced as with the array
format described above.
Using the Media Capabilities API - Web APIs
with the media capabilities api, you can determine not just if the browser can support a given
format, but whether or not it can do so efficiently and smoothly.
... more and more finely-detailed in
formation about the display's properties, so that informed decisions can be made when choosing the best
format to play on the user's device.
...you can, therefore, test for the presence of the api like so: if ("mediacapabilities" in navigator) { // mediacapabilities is available } else { // mediacapabilities is not available } taking video as an example, to obtain in
formation about video decoding abilities, you create a video decoding configuration which you pass as a parameter to mediacapabilities.decodinginfo() method.
... this returns a promise that fulfills with in
formation about the media capabilities as to whether the video can be decoded, and whether decoding will be smooth and power efficient.
Media Capture and Streams API (Media Stream) - Web APIs
it provides the interfaces and methods for working with the streams and their constituent tracks, the constraints associated with data
formats, the success and error callbacks when using the data asynchronously, and the events that are fired during the process.
... interfaces in these reference articles, you'll find the fundamental in
formation you'll need to know about each of the interfaces that make up the media capture and streams api.
... events addtrack ended muted overconstrained removetrack started unmuted guides and tutorials the articles below provide additional guidance and how-to in
formation that will help you learn to use the api, and how to perform specific tasks that you may wish to handle.
... capabilities, constraints, and settingsthe twin concepts of constraints and capabilities let the browser and web site or app exchange in
formation about what constrainable properties the browser's implementation supports and what values it supports for each one.
Navigator.mediaSession - Web APIs
the read-only navigator property mediasession returns a mediasession object that can be used to share with the browser metadata and other in
formation about the current playback state of media being handled by a document.
... this in
formation may, in turn, be shared with the device and/or operating system in order to a device's standard media control user experience to describe and control the playback of the media.
... syntax let mediasession = navigator.mediasession; value a mediasession object the current document can use to share in
formation about media it's playing and its current playback status.
... this in
formation can include typical metadata such as the title, artist, and album name of the song being played as well as potentially one or more images containing things like album art, artist photos, and so forth.
Using Pointer Events - Web APIs
its responsibility in this example is to update the cached touch in
formation and to draw a line from the previous position to the current position of each touch.
...og("ctx.lineto(" + evt.clientx + ", " + evt.clienty + ");"); ctx.lineto(evt.clientx, evt.clienty); ctx.linewidth = 4; ctx.strokestyle = color; ctx.stroke(); ongoingtouches.splice(idx, 1, copytouch(evt)); // swap in the new touch record log("."); } else { log("can't figure out which touch to continue: idx = " + idx); } } this function looks in our cached touch in
formation array for the previous in
formation about each touch to determine the starting point for each touch's new line segment to be drawn.
... after drawing the line, we call array.splice() to replace the previous in
formation about the touch point with the current in
formation in the ongoingtouches array.
... a square at the end ongoingtouches.splice(idx, 1); // remove it; we're done } else { log("can't figure out which touch to end"); } } this is very similar to the previous function; the only real differences are that we draw a small square to mark the end and that when we call array.splice(), we simply remove the old entry from the ongoing touch list, without adding in the updated in
formation.
RTCDtlsTransport - Web APIs
the rtcdtlstransport interface provides access to in
formation about the datagram transport layer security (dtls) transport over which a rtcpeerconnection's rtp and rtcp packets are sent and received by its rtcrtpsender and rtcrtpreceiver objects.
... a dtls transport is also used to provide in
formation about sctp packets transmitted and received by an connection's data channels.
... features of the dtls transport include the addition of security to the underlying transport; the rtcdtlstransport interface can be used to obtain in
formation about the underlying transport and the security added to it by the dtls layer.
... fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">rtcdtlstransport</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} propertiesicetransport read only the read-only rtcdtlstransport property icetransport contains a reference to the underlying rtcicetransport.state read only the state read-only property of the rtcdtlstransport interface provides in
formation which describes a datagram transport layer security (dtls) transport state.methodsthis interface has no methods.
RTCIceCandidatePairStats - Web APIs
in addition, it adds the following new properties: availableincomingbitrate optional provides an in
formative value representing the available inbound capacity of the network by reporting the total number of bits per second available for all of the candidate pair's incoming rtp streams.
... availableoutgoingbitrate optional provides an in
formative value representing the available outbound capacity of the network by reporting the total number of bits per second available for all of the candidate pair's outoing rtp streams.
...for more in
formation, see ice restart in lifetime of a webrtc session.
...if so, we compute the average time elapsed between stun connectivity checks and log that in
formation.
SVGTransform - Web APIs
svg transform interface svgtransform is the interface for one of the component trans
formations within an svgtransformlist; thus, an svgtransform object corresponds to a single component (e.g., scale(…) or matrix(…)) within a transform attribute.
... svg_transform_matrix 1 a matrix(…) trans
formation svg_transform_translate 2 a translate(…) trans
formation svg_transform_scale 3 a scale(…) trans
formation svg_transform_rotate 4 a rotate(…) trans
formation svg_transform_skewx 5 a skewx(…) trans
formation svg_transform_skewy 6 a skewy(…) trans
formation properties name type description ...
... matrix svgmatrix the matrix that represents this trans
formation.
... methods name & arguments return description setmatrix(in svgmatrix matrix) void sets the transform type to svg_transform_matrix, with parameter matrix defining the new trans
formation.
Sensor APIs - Web APIs
alternatively, the absoluteorientationsensor interface provides in
formation that is algorithmically agregated from two or more device sensors.
...making all this in
formation consistently available is costly to performance and battery life.
... magnetometersecure context provides in
formation about the magnetic field as detected by the device’s primary magnetometer sensor.
... sensorerroreventsecure context provides in
formation about errors thrown by a sensor or related interface.
Using Service Workers - Web APIs
this article provides in
formation on getting started with service workers, including basic architecture, registering a service worker, the install and activation process for a new service worker, updating your service worker, cache control and custom responses, all in the context of a simple app with offline functionality.
...(see the browser compatibility section for more in
formation.) if you want to use this now, you could consider using a polyfill like the one available in google's topeka demo, or perhaps store your assets in indexeddb.
... let’s look at a few other options we have when defining our magic (see our fetch api documentation for more in
formation about request and response objects.) the response() constructor allows you to create a custom response.
...ch the default network request for that resource, to get the new resource from the network if it is available: fetch(event.request); if a match wasn’t found in the cache, and the network isn’t available, you could just match the request with some kind of default fallback page as a response using match(), like this: caches.match('./fallback.html'); you can retrieve a lot of in
formation about each request by calling parameters of the request object returned by the fetchevent: event.request.url event.request.method event.request.headers event.request.body recovering failed requests so caches.match(event.request) is great when there is a match in the service worker cache, but what about cases when there isn’t a match?
TrackDefault - Web APIs
the trackdefault interface provides a sourcebuffer with kind, label, and language in
formation for tracks that do not contain this in
formation in the initialization segments of a media chunk.
... trackdefault.language read only returns the default language to use when an initialization segment does not contain language in
formation for a new track.
... trackdefault.label read only returns the default label to use when an initialization segment does not contain label in
formation for a new track.
... trackdefault.kinds read only returns the default kinds used when an initialization segment does not contain kind in
formation for a new track.
WEBGL_color_buffer_float - Web APIs
for more in
formation, see also using extensions in the webgl tutorial.
... constants ext.rgba32f_ext rgba 32-bit floating-point color-renderable
format.
... ext.rgb32f_ext ( ) rgb 32-bit floating-point color-renderable
format.
... extended methods this extension extends webglrenderingcontext.renderbufferstorage(): the internal
format parameter now accepts ext.rgba32f_ext and ext.rgb32f_ext ( ).
WEBGL_compressed_texture_astc - Web APIs
the webgl_compressed_texture_astc extension is part of the webgl api and exposes adaptive scalable texture compression (astc) compressed texture
formats to webgl.
... for more in
formation, see the article using astc texture compression for game assets by nvidia.
...for more in
formation, see also using extensions in the webgl tutorial.
... constants the compressed texture
formats are exposed by 28 constants and can be used in two functions: compressedteximage2d() and compressedtexsubimage2d().
WEBGL_debug_renderer_info - Web APIs
the webgl_debug_renderer_info extension is part of the webgl api and exposes two constants with in
formation about the graphics driver for debugging purposes.
...generally, the graphics driver in
formation should only be used in edge cases to optimize your webgl content or to debug gpu problems.
...for more in
formation, see also using extensions in the webgl tutorial.
... examples with the help of this extension, privileged contexts are able to retrieve debugging in
formation about about the user's graphic driver: var canvas = document.getelementbyid('canvas'); var gl = canvas.getcontext('webgl'); var debuginfo = gl.getextension('webgl_debug_renderer_info'); var vendor = gl.getparameter(debuginfo.unmasked_vendor_webgl); var renderer = gl.getparameter(debuginfo.unmasked_renderer_webgl); console.log(vendor); console.log(renderer); specifications specif...
WebGLRenderingContext.getFramebufferAttachmentParameter() - Web APIs
the webglrenderingcontext.getframebufferattachmentparameter() method of the webgl api returns in
formation about a framebuffer's attachment.
...olor_attachment5_webgl ext.color_attachment6_webgl ext.color_attachment7_webgl ext.color_attachment8_webgl ext.color_attachment9_webgl ext.color_attachment10_webgl ext.color_attachment11_webgl ext.color_attachment12_webgl ext.color_attachment13_webgl ext.color_attachment14_webgl ext.color_attachment15_webgl pname a glenum specifying in
formation to query.
... return value depends on the requested in
formation (as specified with pname).
... gl.framebuffer_attachment_component_type a glenum indicating the
format of the components of the specified attachment.
WebGLRenderingContext.getProgramParameter() - Web APIs
the webglrenderingcontext.getprogramparameter() method of the webgl api returns in
formation about the given program.
... syntax any gl.getprogramparameter(program, pname); parameters program a webglprogram to get parameter in
formation from.
... pname a glenum specifying the in
formation to query.
... return value returns the requested program in
formation (as specified with pname).
WebGLRenderingContext.getShaderInfoLog() - Web APIs
the webglrenderingcontext.getshaderinfolog returns the in
formation log for the specified webglshader object.
... it contains warnings, debugging and compile in
formation.
... return value a domstring that contains diagnostic messages, warning messages, and other in
formation about the last compile operation.
... when a webglshader object is initially created, its in
formation log will be a string of length 0.
WebGLRenderingContext.getShaderParameter() - Web APIs
the webglrenderingcontext.getshaderparameter() method of the webgl api returns in
formation about the given shader.
... syntax any gl.getshaderparameter(shader, pname); parameters shader a webglshader to get parameter in
formation from.
... pname a glenum specifying the in
formation to query.
... return value returns the requested shader in
formation (as specified with pname).
WebGLRenderingContext.getTexParameter() - Web APIs
the webglrenderingcontext.gettexparameter() method of the webgl api returns in
formation about the given texture.
... pname a glenum specifying the in
formation to query.
... gl.texture_immutable_
format glboolean immutability of the texture
format and size true or false.
... return value returns the requested texture in
formation (as specified with pname).
WebGLRenderingContext.renderbufferStorage() - Web APIs
syntax void gl.renderbufferstorage(target, internal
format, width, height); parameters target a glenum specifying the target renderbuffer object.
... possible values: gl.renderbuffer: buffer data storage for single images in a renderable internal
format.
... internal
format a glenum specifying the internal
format of the renderbuffer.
... adds many new internal
formats.
Geometry and reference spaces in WebXR - Web APIs
the article spatial tracking in webxr builds upon the in
formation provided here to cover how the physical position and orientation of the user's head, as well as potentially other parts of their body such as the hands, are mapped into the digital world, as well as how the relative positions of both physical and virtual objects are tracked as they move around, so that the scene can be properly rendered and composited.
...each object within the scene that needs to directly exchange position and orientation data with the webxr system needs to be able to report that in
formation in a way that can be understood and adapted as needed to be comprehensible by other objects within the scene.
... reference space descriptors the types of reference space are listed in the table below, with brief in
formation about their use cases and which interface is used to implement them.
... <<<--- insert table of reference space requirements here --->>> positioning and orienting objects all spatial (position, orientation, and movement) in
formation exchanged between your app and the webxr api is expressed in relation to a specific space at the time the frame is being rendered.
Rendering and the WebXR frame animation callback - Web APIs
since they're a known, fixed distance apart, our brains can do basic geometry and trigonometry and figure out the 3d nature of reality from that in
formation.
...and because of those differences between what is seen by the left eye versus the right eye, the brain is able to infer a great deal of in
formation about how deep the object is, its size, and more.
... by combining that inferred depth in
formation with other cues such as perspective, shadows, memories of what these relationships mean, and so forth, we can figure out a great deal about the world around us.
... orientation and position in
formation that can be collected from the xr hardware directly is applied automatically.
Window: popstate event - Web APIs
it happens after the new location has loaded (if needed), displayed, made visible, and so on, after the pageshow event is sent, but before the persisted user state in
formation is restored and the hashchange event is sent.
... if the browser has state in
formation it wishes to store with the current-entry before navigating away from it, it then does so.
... the entry is now said to have "persisted user state." this in
formation the browser might add to the history session entry may include, for instance, the document's scroll position, the values of form inputs, and other such data.
... if new-entry has serialized state in
formation saved with it, that in
formation is deserialized into history.state; otherwise, state is null.
Web APIs
ent apiddomeencoding apiencrypted media extensionsffetch apifile system api frame timing apifullscreen apiggamepad api geolocation apihhtml drag and drop apihigh resolution timehistory apiiimage capture apiindexeddbintersection observer apillong tasks api mmedia capabilities api media capture and streamsmedia session apimedia source extensions mediastream recordingnnavigation timingnetwork in
formation api ppage visibility apipayment request apiperformance apiperformance timeline apipermissions apipointer eventspointer lock apiproximity events push api rresize observer apiresource timing apisserver sent eventsservice workers apistoragestorage access apistreams ttouch eventsuurl apivvibration apivisual viewport wweb animationsweb audio apiweb authentication apiweb crypto apiweb notificat...
...eport metadata mimetype mimetypearray mouseevent mousescrollevent mousewheelevent mutationevent mutationobserver mutationobserverinit mutationrecord n ndefmessage ndefreader ndefreadingevent ndefrecord ndefwriter namelist namednodemap navigationpreloadmanager navigator navigatorconcurrenthardware navigatorid navigatorlanguage navigatoronline navigatorplugins navigatorstorage networkin
formation node nodefilter nodeiterator nodelist nondocumenttypechildnode notation notification notificationaction notificationevent notifyaudioavailableevent o oes_element_index_uint oes_fbo_render_mipmap oes_standard_derivatives oes_texture_float oes_texture_float_linear oes_texture_half_float oes_texture_half_float_linear oes_vertex_array_object ovr_multiview2 offlineaudiocompletionevent of...
...ent svgfefuncbelement svgfefuncgelement svgfefuncrelement svgfegaussianblurelement svgfeimageelement svgfemergeelement svgfemergenodeelement svgfemorphologyelement svgfeoffsetelement svgfepointlightelement svgfespecularlightingelement svgfespotlightelement svgfetileelement svgfeturbulenceelement svgfilterelement svgfilterprimitivestandardattributes svgfontelement svgfontfaceelement svgfontface
formatelement svgfontfacenameelement svgfontfacesrcelement svgfontfaceurielement svgforeignobjectelement svggelement svggeometryelement svgglyphelement svgglyphrefelement svggradientelement svggraphicselement svghkernelement svgimageelement svglength svglengthlist svglineelement svglineargradientelement svgmpathelement svgmaskelement svgmatrix svgmeshelement svgmetadataelement svgmissi...
...essed_texture_s3tc webgl_compressed_texture_s3tc_srgb webgl_debug_renderer_info webgl_debug_shaders webgl_depth_texture webgl_draw_buffers webgl_lose_context wakelock wakelocksentinel waveshapernode webgl2renderingcontext webglactiveinfo webglbuffer webglcontextevent webglframebuffer webglprogram webglquery webglrenderbuffer webglrenderingcontext webglsampler webglshader webglshaderprecision
format webglsync webgltexture webgltransformfeedback webgluniformlocation webglvertexarrayobject webkitcssmatrix websocket wheelevent window windowclient windoweventhandlers windoworworkerglobalscope worker workerglobalscope workerlocation workernavigator worklet writablestream writablestreamdefaultcontroller writablestreamdefaultwriter x xdomainrequest xmldocument xmlhttprequest xmlhttpr...
Using the alert role - Accessibility
the alert role is most useful for in
formation that requires the user's immediate attention, for example: an invalid value was entered into a form field the user's login session is about to expire the connection to the server was lost, local changes will not be saved because of its intrusive nature, the alert role must be used sparingly and only in situations where the user's immediate attention is required.
...the in
formation provided above is one of those opinions and therefore not normative.
...this allows the developer to reiterate in
formation that has become more relevant or urgent to the user.
... aria attributes used alert related aria techniques using the alertdialog role using the aria-invalid property compatibility tbd: add support in
formation for common ua and at product combinations additional resources aria best practices - alert role: http://www.w3.org/tr/wai-aria-practices/#alert ...
Using the alertdialog role - Accessibility
the alertdialog role is used to notify the user of urgent in
formation that demands the user's immediate attention.
...in other words, when a dialog's in
formation and controls require the user's immediate attention alertdialog should be used instead of dialog.
...the in
formation provided above is one of those opinions and therefore not normative.
..."> <h2 id="dialog1title">your login session is about to expire</h2> <p id="dialog1desc">to extend your session, click the ok button</p> <button>ok</button> </div> </div> working examples: tbd notes aria attributes used alertdialog aria-labelledby aria-describedby related aria techniques using the dialog role using the alert role compatibility tbd: add support in
formation for common ua and at product combinations additional resources ...
Using the log role - Accessibility
the log role is used to identify an element that creates a live region where new in
formation is added in a meaningful order and old in
formation may disappear.
...in contrast to other types of live region, this role is sequentially ordered and new in
formation is only added to the end of the log.
...the in
formation provided above is one of those opinions and therefore not normative.
... aria attributes used log related aria techniques marquee role compatibility tbd: add support in
formation for common ua and at product combinations additional resources aria best practices – mplementing live regions: http://www.w3.org/tr/wai-aria-practices/#liveregions ...
Using the status role - Accessibility
the status role is a type of live region and a container whose content is advisory in
formation for the user that is not important enough to justify an alert, and is often presented as a status bar.
... status in
formation content must be provided within a status object, and it should be ensured that this object does not receive focus.
...the in
formation provided above is one of those opinions and therefore not normative.
... <p role="status">your changes were automatically saved.</p> working examples: notes aria attributes used status related aria techniques alert role live region roles live region attributes compatibility the paciello group published some data on compatibility via their 2014 blog post: screen reader support for aria live regions tbd: add updated support in
formation for common ua and at product combinations additional resources previous recommendations from wai-aria 1.0 (2014) for the status role ...
Web applications and ARIA FAQ - Accessibility
it also provides additional structural in
formation, helping authors identify landmarks, regions, and grids on their pages.
... for more in
formation about how to create accessible widgets with aria, see the overview of accessible web applications and widgets.
...user interface library (yui) for more in
formation about javascript toolkit accessibility: steve faulkner's wai-aria implementation in javascript ui libraries can you show me an example of aria in action?
...for more in
formation, steve faulkner has written a good overview of the relationship between html5 and aria.
Shorthand properties - CSS: Cascading Style Sheets
can be shortened to just one declaration: background: #000 url(images/bg.gif) no-repeat left top; (the shorthand form is actually the equivalent of the longhand properties above plus background-attachment: scroll and, in css3, some additional properties.) see background for more detailed in
formation, including css3 properties.
... note: see origin of css declarations in introducing the css cascade for more in
formation on each of these and how they work.
... see cascade and inheritance or introducing the css cascade for more in
formation about how inheritance works in css.
... see also css key concepts: css syntax, at-rule, comments, specificity and inheritance, the box, layout modes and visual
formatting models, and margin collapsing, or the initial, computed, resolved, specified, used, and actual values.
<ratio> - CSS: Cascading Style Sheets
} common aspect ratios ratio usage 4/3 traditional tv
format in the 20th century.
... 16/9 modern "widescreen" tv
format.
... 185/100 = 91/50 the most common movie
format since the 1960s.
... 239/100 "widescreen," anamorphic movie
format.
transform-origin - CSS: Cascading Style Sheets
the transform-origin css property sets the origin for an element's trans
formations.
... the trans
formation origin is the point around which a trans
formation is applied.
... for example, the trans
formation origin of the rotate() function is the center of rotation.
... this means, this definition transform-origin: -100% 50%; transform: rotate(45deg); results in the same trans
formation as transform-origin: 0 0; transform: translate(-100%, 50%) rotate(45deg) translate(100%, -50%); by default, the origin of a transform is center.
Creating a cross-browser video player - Developer guides
this provides the player with data such as video duration and
format.
...using these different source
formats gives the best chance of being supported across all browsers that support html5 video.
... for further in
formation on video
formats and browser compatibility, see supported media
formats.
...this can be taken advantage of to set the progress element's max attribute if it is currently not set: video.addeventlistener('timeupdate', function() { if (!progress.getattribute('max')) progress.setattribute('max', video.duration); progress.value = video.currenttime; progressbar.style.width = math.floor((video.currenttime / video.duration) * 100) + '%'; }); note: for more in
formation and ideas on progress bars and buffering feedback, read media buffering, seeking, and time ranges.
Media events - Developer guides
various events are sent when handling media that are embedded in html documents using the <audio> and <video> elements; this section lists them and provides some helpful in
formation about using them.
... the element's error attribute contains more in
formation.
... loadedmetadata the media's metadata has finished loading; all attributes now contain as much useful in
formation as they're going to.
...in
formation about the current amount of the media that has been downloaded is available in the media element's buffered attribute.
Developer guides
these articles provide how-to in
formation to help make use of specific web technologies and apis.
... the web open font
format (woff) woff (web open font
format) is a font file
format that is free for anyone to use on the web.
...the transmission is in the same
format that the form's submit() method would use to send the data if the form's encoding type were set to "multipart/form-data".
...this article provides recommendations for managing user input and implementing controls in open web apps, along with faqs, real-world examples, and links to further in
formation for anyone needing more detailed in
formation on the underlying technologies.
Block-level elements - HTML: Hypertext Markup Language
default
formatting by default, block-level elements begin on new lines, but inline elements can start anywhere in a line.
... <address> contact in
formation.
... <hgroup> groups header in
formation.
... <pre> pre
formatted text.
<head>: The Document Metadata (Header) element - HTML: Hypertext Markup Language
the html <head> element contains machine-readable in
formation (metadata) about the document, like its title, scripts, and style sheets.
... note: <head> primarily holds in
formation for machine processing, not human-readability.
... for human-visible in
formation, like top-level headings and listed authors, see the <header> element.
... permitted content if the document is an <iframe> srcdoc document, or if title in
formation is available from a higher level protocol (like the subject line in html email), zero or more elements of metadata content.
<script>: The Script element - HTML: Hypertext Markup Language
crossorigin normal script elements pass minimal in
formation to the window.onerror for scripts which do not pass the standard cors checks.
... same-origin: a referrer will be sent for same origin, but cross-origin requests will contain no referrer in
formation.
...for in
formation on using module, see our javascript modules guide.
... <!-- generated by the server --> <script id="data" type="application/json">{"userid":1234,"username":"john doe","membersince":"2000-01-01t00:00:00.000z"}</script> <!-- static --> <script> const userinfo = json.parse(document.getelementbyid("data").text); console.log("user in
formation: %o", userinfo); </script> specifications specification status comments html living standardthe definition of '<script>' in that specification.
Global attributes - HTML: Hypertext Markup Language
data-* forms a class of attributes, called custom data attributes, that allow proprietary in
formation to be exchanged between the html and its dom representation that may be used by scripts.
...the attribute contains one “language tag” (made of hyphen-separated “language subtags”) in the
format defined in tags for identifying languages (bcp47).
... title contains a text representing advisory in
formation related to the element it belongs to.
... such in
formation can typically, but not necessarily, be presented to the user as a tooltip.
Link types - HTML: Hypertext Markup Language
otherwise, the link defines an alternative page, of one of these types: for another medium, like a handheld device (if the media attribute is set) in another language (if the hreflang attribute is set), in another
format, such as a pdf (if the type attribute is set) a combination of these <a>, <area>, <link> <form> archives defines a hyperlink to a document that contains an archive link to this one.
...if the most appropriate icon is later found to be inappropriate, for example because it uses an unsupported
format, the browser proceeds to the next-most appropriate, and so on.
... <a>, <area>, <link> <form> license indicates that the hyperlink leads to a document describing the licensing in
formation.
... <link> <a>, <area>, <form> preconnect provides a hint to the browser suggesting that it open a connection to the linked web site in advance, without disclosing any private in
formation or downloading any content, so that when the link is followed the linked content can be fetched more quickly.
Microdata - HTML: Hypertext Markup Language
search engines benefit greatly from direct access to this structured data because it allows search engines to understand the in
formation on web pages and provide more relevant results to users.
...microdata is an attempt to provide a simpler way of annotating html elements with machine-readable tags than the similar approaches of using rdfa and classic micro
formats.
...for example, yandex, a major search engine in russia, supports micro
formats such as hcard (company contact in
formation), hrecipe (food recipe), hreview (market reviews) and hproduct (product data) and provides its own
format for the definition of the terms and encyclopedic articles.
...due to the implementation of additional marking parameters of schema's vocabulary, the indexation of in
formation in russian-language web-pages became considerably more successful.
HTTP authentication - HTTP
the general http authentication framework rfc 7235 defines the http authentication framework, which can be used by a server to challenge a client request, and by a client to provide authentication in
formation.
... the challenge and response flow works like this: the server responds to a client with a 401 (unauthorized) response status and provides in
formation on how to authorize with a www-authenticate response header containing at least one challenge.
...more in
formation below.
...without these additional security enhancements, basic authentication should not be used to protect sensitive or valuable in
formation.
Data URLs - HTTP
encoding data into base64
format base64 is a group of binary-to-text encoding schemes that represent binary data in an ascii string
format by translating it into a radix-64 representation.
... data:text/html,lots of text...<p><a name%3d"bottom">bottom</a>?arg=val this represents an html resource whose contents are: lots of text...<p><a name="bottom">bottom</a>?arg=val syntax the
format for data urls is very simple, but it's easy to forget to put a comma before the "data" segment, or to incorrectly encode the data into base64
format.
...
formatting in html a data url provides a file within a file, which can potentially be very wide relative to the width of the enclosing document.
... as a url, the data should be
formatable with whitespace (linefeed, tab, or spaces), but there are practical issues that arise when using base64 encoding.
Cross-Origin Resource Sharing (CORS) - HTTP
functional overview the cross-origin resource sharing standard works by adding new http headers that let servers describe which origins are permitted to read that in
formation from a web browser.
...options is an http/1.1 method that is used to determine further in
formation from servers, and is a safe method, meaning that it can't be used to change the resource.
... requests with credentials the most interesting capability exposed by both xmlhttprequest or fetch and cors is the ability to make "credentialed" requests that are aware of http cookies and http authentication in
formation.
...it does not include any path in
formation, but only the server name.
Referrer-Policy - HTTP
the referrer-policy http header controls how much referrer in
formation (sent via the referer header) should be included with requests.
...no referrer in
formation is sent along with requests.
... same-origin a referrer will be sent for same-site origins, but cross-origin requests will send no referrer in
formation.
... this policy will leak potentially-private in
formation from https resource urls to insecure origins.
Transfer-Encoding - HTTP
the content-length header is omitted in this case and at the beginning of each chunk you need to add the length of the current chunk in hexadecimal
format, followed by '\r\n' and then the chunk itself, followed by another '\r\n'.
... compress a
format using the lempel-ziv-welch (lzw) algorithm.
... gzip a
format using the lempel-ziv coding (lz77), with a 32-bit crc.
... this is originally the
format of the unix gzip program.
HTTP resources and specifications - HTTP
cs and content proposed standard rfc 7232 hypertext transfer protocol (http/1.1): conditional requests proposed standard rfc 7233 hypertext transfer protocol (http/1.1): range requests proposed standard rfc 7234 hypertext transfer protocol (http/1.1): caching proposed standard rfc 5861 http cache-control extensions for stale content in
formational rfc 8246 http immutable responses proposed standard rfc 7235 hypertext transfer protocol (http/1.1): authentication proposed standard rfc 6265 http state management mechanism defines cookies proposed standard draft spec cookie prefixes ietf draft draft spec same-site cookies ietf draft draft spec depre...
...cate modification of 'secure' cookies from non-secure origins ietf draft rfc 2145 use and interpretation of http version numbers in
formational rfc 6585 additional http status codes proposed standard rfc 7538 the hypertext transfer protocol status code 308 (permanent redirect) proposed standard rfc 7725 an http status code to report legal obstacles on the standard track rfc 2397 the "data" url scheme proposed standard rfc 3986 uniform resource identifier (uri): generic syntax internet standard rfc 5988 web linking defines the link header proposed standard experimental spec hypertext transfer protocol (http) keep-alive header in
formational (expired) draft spec ...
...http client hints ietf draft rfc 7578 returning values from forms: multipart/form-data proposed standard rfc 6266 use of the content-disposition header field in the hypertext transfer protocol (http) proposed standard rfc 2183 communicating presentation in
formation in internet messages: the content-disposition header field only a subset of syntax of the content-disposition header can be used in the context of http messages.
... cross-origin resource sharing living standard rfc 7034 http header field x-frame-options in
formational rfc 6797 http strict transport security (hsts) proposed standard upgrade insecure requests upgrade insecure requests candidate recommendation content security policy 1.0 content security policy 1.0 csp 1.1 and csp 3.0 doesn't extend the http standard obsolete microsoft document specifying legacy document modes* defines x-ua-com...
Details of the object model - JavaScript
in a real application, you would probably define constructors that allow you to provide property values at object creation time (see more flexible constructors for in
formation).
... because these constructors do not let you supply instance-specific values, this in
formation is generic.
...so, you could give specific in
formation for mark as follows: mark.name = 'doe, mark'; mark.dept = 'admin'; mark.projects = ['navigator']; adding properties in javascript, you can add properties to any object at run time.
... using the instanceof function defined above, these expressions are true: instanceof(chris, engineer) instanceof(chris, workerbee) instanceof(chris, employee) instanceof(chris, object) but the following expression is false: instanceof(chris, salesperson) global in
formation in constructors when you create constructors, you need to be careful if you set global in
formation in the constructor.
Grammar and types - JavaScript
(for more in
formation, see the detailed reference about javascript's lexical grammar.) it is considered best practice, however, to always write a semicolon after a statement, even when it is not strictly needed.
...see boolean for more in
formation.
... some examples of numeric literals are: 0, 117, -345, 123456789123456789n (decimal, base 10) 015, 0001, -0o77, 0o777777777777n (octal, base 8) 0x1123, 0x00111, -0xf1a7, 0x123456789abcdefn (hexadecimal, "hex" or base 16) 0b11, 0b0011, -0b11, 0b11101001010101010101n (binary, base 2) for more in
formation, see numeric literals in the lexical grammar reference.
...sugar is sweet, and so is foo.` more in
formation this chapter focuses on basic syntax for declarations and types.
Working with objects - JavaScript
see inheritance and the prototype chain for more in
formation.
... car.prototype.color = null; car1.color = 'black'; see the prototype property of the function object in the javascript reference for more in
formation.
...you could define a function that would
format and display the properties of the previously-defined car objects; for example, function displaycar() { var result = `a beautiful ${this.year} ${this.make} ${this.model}`; pretty_print(result); } where pretty_print is a function to display a horizontal rule and a string.
...r; // return false // two variables, a single object var fruit = {name: 'apple'}; var fruitbear = fruit; // assign fruit object reference to fruitbear // here fruit and fruitbear are pointing to same object fruit == fruitbear; // return true fruit === fruitbear; // return true fruit.name = 'grape'; console.log(fruitbear); // output: { name: "grape" }, instead of { name: "apple" } for more in
formation about comparison operators, see comparison operators.
Date.prototype.toString() - JavaScript
date.prototype.tostring() returns a string representation of the date in the
format specified in ecma-262 which can be summarised as: week day: 3 letter english week day name, e.g.
..."sat sep 01 2018 14:53:26 gmt+1400 (lint)" until ecmascript 2018 (edition 9), the
format of the string returned by date.prototype.tostring was implementation dependent.
... therefore it should not be relied upon to be in the specified
format.
... examples using tostring() the following assigns the tostring() value of a date object to myvar: var x = new date(); var myvar = x.tostring(); // assigns a string value to myvar in the same
format as: // mon sep 08 1998 14:36:22 gmt-0700 (pdt) specifications specification ecmascript (ecma-262)the definition of 'date.prototype.tostring' in that specification.
Date - JavaScript
javascript date objects represent a single moment in time in a platform-independent
format.
... date
format and time zone conversions there are a number of methods available to obtain a date in various
formats, as well as to perform time zone conversions.
... date.prototype.toisostring() converts a date to a string following the iso 8601 extended
format.
... date.prototype.tolocale
format() converts a date to a string, using a
format string.
Intl.Locale - JavaScript
additional in
formation about the locale is stored in the optional extension tags.
... extension tags hold in
formation about locale aspects such as calendar type, clock type, and numbering system type.
... instance properties intl.locale.prototype.basename returns basic, core in
formation about the locale in the form of a substring of the complete data string.
... intl.locale.prototype.hourcycle returns the time keeping
format convention used by the locale.
Intl.PluralRules() constructor - JavaScript
for in
formation about this option, see the intl page.
...possible values are from 0 to 20; the default for plain number and percent
formatting is 0; the default for currency
formatting is the number of minor unit digits provided by the iso 4217 currency code list (2 if the list doesn't provide that in
formation).
...possible values are from 0 to 20; the default for plain number
formatting is the larger of minimumfractiondigits and 3; the default for currency
formatting is the larger of minimumfractiondigits and the number of minor unit digits provided by the iso 4217 currency code list (2 if the list doesn't provide that in
formation); the default for percent
formatting is the larger of minimumfractiondigits and 0.
... examples basic usage in basic use without specifying a locale, a
formatted string in the default locale and with default options is returned.
throw - JavaScript
if the zip code uses an invalid
format, the throw statement throws an exception by creating an object of type zipcode
formatexception.
... * * accepted
formats for a zip code are: * 12345 * 12345-6789 * 123456789 * 12345 6789 * * if the argument passed to the zipcode constructor does not * conform to one of these patterns, an exception is thrown.
...n zipcode(zip) { zip = new string(zip); pattern = /[0-9]{5}([- ]?[0-9]{4})?/; if (pattern.test(zip)) { // zip code value will be the first match in the string this.value = zip.match(pattern)[0]; this.valueof = function() { return this.value }; this.tostring = function() { return string(this.value) }; } else { throw new zipcode
formatexception(zip); } } function zipcode
formatexception(value) { this.value = value; this.message = 'does not conform to the expected
format for a zip code'; this.tostring = function() { return this.value + this.message; }; } /* * this could be in a script that validates address data * for us addresses.
... */ const zipcode_invalid = -1; const zipcode_unknown_error = -2; function verifyzipcode(z) { try { z = new zipcode(z); } catch (e) { if (e instanceof zipcode
formatexception) { return zipcode_invalid; } else { return zipcode_unknown_error; } } return z; } a = verifyzipcode(95060); // returns 95060 b = verifyzipcode(9560); // returns -1 c = verifyzipcode('a'); // returns -1 d = verifyzipcode('95060'); // returns 95060 e = verifyzipcode('95060 1234'); // returns 95060 1234 rethrow an exception you can use throw to rethrow an exception after you catch it.
<semantics> - MathML
the mathml elements <semantics>, <annotation> and <annotation-xml> are used to combine presentation and content markup and to provide both, layout in
formation and semantic meaning of mathematical expressions.
...the <annotation> element is the container element containing semantic in
formation in a non-xml
format, whereas the <annotation-xml> element contains content in an xml
format, e.g.
... encoding the encoding of the semantic in
formation in the annotation (e.g.
... src the location of an external source for semantic in
formation.
Handling media support issues in web content - Web media technologies
one of the realities of working with audio and video presentation and manipulation on the web is that there are a number of media
formats available, of varying degrees of popularity and with a variety of capabilities.
... the availability of choices is good for the user, in that they can choose the
format that suits their needs best.
...topics we will examine fallbacks, baseline media
formats, and error handling practices that will let your content work in as many situations as possible.
...this requires creating your images using progressive
formats, such as progressive jpeg or interlaced png.
Critical rendering path - Web Performance
nodes contain all relevant in
formation about the html element.
... the in
formation is described using tokens.
...the cssom contains all the styles of the page; in
formation on how to style that dom.
...the head section (generally) doesn't contain any visible in
formation, and is therefore not included in the render tree.
Performance fundamentals - Web Performance
note: for much more in
formation on improving startup performance, read optimizing startup performance.
... if your page contains javascript code that is taking a long time to run, the javascript profiler will pinpoint the slowest lines of code: the built-in gecko profiler is a very useful tool that provides even more detailed in
formation about which parts of the browser code are running slowly while the profiler runs.
...if so, edit the static files to remove any private in
formation, then send them to others for help (submit a bugzilla report, for example, or host it on a server and share the url).
... you should also share any profiling in
formation you've collected using the tools listed above.
Introduction to progressive web apps - Progressive web apps (PWAs)
for service worker and push specific in
formation, be sure to check the service worker cookbook, a collection of recipes using service workers in modern sites.
... some of the capabilities have already been enabled on certain web-based platforms by proprietary technologies like open graph, which provides a
format for specifying similar metadata in the html <head> block using <meta> tags.
... the relevant web standard here is the web app manifest, which defines features of an app such as name, icon, splash screen, and theme colors in a json-
formatted manifest file.
... an example application in this series of articles we will examine the source code of a super simple website that lists in
formation about games submitted to the a-frame category in the js13kgames 2017 competition.
Media - Progressive web apps (PWAs)
in
formation: media the purpose of css is to specify how content is presented to the user.
...keep in mind that you can't completely control the printed
format.
...ny e element that has the pointer over it e:focus any e element that has keyboard focus e:active the e element that is involved in the current user action e:link any e element that is a hyperlink to a url that the user has not visited recently e:visited any e element that is a hyperlink to a url that the user has visited recently note: the in
formation that can be obtained from the :visited selector is restricted in gecko 2.0.
... more details for more in
formation about user interfaces in css, see user interface in the css specification.
Mobile first - Progressive web apps (PWAs)
then at implementation stage, we present the mobile layout and functionality as the default configuration provided, before additional in
formation is loaded on top of that, whenever appropriate.
... this means that mobiles (often the target devices with the least available memory, bandwidth or processing power available) can be given an experience suitable for them as quickly as possible, and as free as possible of extraneous in
formation.
... for example: if you are serving different styling and layout in
formation for different viewport sizes, etc., it makes more sense to include the narrow screen/mobile styling as the default styling before any media queries are encountered, rather than having desktop/wider screen styling first.
... this way, mobile devices don't have to load assets and other in
formation twice.
The building blocks of responsive design - Progressive web apps (PWAs)
in this article we will discuss the main essential components of responsive design, with some links to further in
formation where necessary.
... you can also read our discussion on the basics of responsive design, if you need some more background in
formation and basics.
...this is probably a more logical place to put such in
formation, but the spec is not as well supported as the viewport meta tag, therefore you should stick with that for now.
...you can include media attributes on the <source> element containing media queries — the video loaded in the browser will depend on both the
format the browser supports, and the results of the media tests.
transform - SVG: Scalable Vector Graphics
matrix the matrix(<a> <b> <c> <d> <e> <f>) transform function specifies a trans
formation in the form of a trans
formation matrix of six values.
... matrix(a,b,c,d,e,f) is equivalent to applying the trans
formation matrix:(acebdf001)\begin{pmatrix} a & c & e \\ b & d & f \\ 0 & 0 & 1 \end{pmatrix} which maps coordinates from a previous coordinate system into a new coordinate system by the following matrix equalities:(xnewcoordsysynewcoordsys1)=(acebdf001)(xprevcoordsysyprevcoordsys1)=(axprevcoordsys+cyprevcoordsys+ebxprevcoordsys+dyprevcoordsys+f1) \begin{pmatrix} x_{\mathrm{newcoordsys}} \\ y_{\mathrm{newcoordsys}} \\ 1 \end{pmatrix} = \begin{pmatrix} a & c & e \\ b & d & f \\ 0 & 0 & 1 \end{pmatrix} \begin{pmatrix} x_{\mathrm{prevcoordsys}} \\ y_{\mathrm{prevcoordsys}} \\ 1 \end{pmatrix} = \begin{pmatrix} a x_{\mathrm{prevcoordsys}} + c y_{\mathrm{prevcoordsys}} + e \\ b x_{\mathrm{prevcoordsys}} + d y_{\mathrm{prevcoordsys}} + f \\ 1 \end...
... x="0" y="0" width="10" height="10" /> <!-- rotation is done around the point 0,0 --> <rect x="0" y="0" width="10" height="10" fill="red" transform="rotate(100)" /> <!-- rotation is done around the point 10,10 --> <rect x="0" y="0" width="10" height="10" fill="green" transform="rotate(100,10,10)" /> </svg> skewx the skewx(<a>) transform function specifies a skew trans
formation along the x axis by a degrees.
... example html,body,svg { height:100% } <svg viewbox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"> <rect x="-3" y="-3" width="6" height="6" /> <rect x="-3" y="-3" width="6" height="6" fill="red" transform="skewx(30)" /> </svg> skewy the skewy(<a>) transform function specifies a skew trans
formation along the y axis by a degrees.
vector-effect - SVG: Scalable Vector Graphics
the resulting visual effect of this value is that the stroke width is not dependant on the trans
formations of the element (including non-uniform scaling and shear trans
formations) and zoom level.
...the scale of that user coordinate system does not change in spite of any trans
formation changes from a host coordinate space.
...the rotation and skew of that user coordinate system is suppressed in spite of any trans
formation changes from a host coordinate space.
...the position of user coordinate system is fixed in spite of any trans
formation changes from a host coordinate space.
Tools for SVG - SVG: Scalable Vector Graphics
inkscape url: www.inkscape.org one of the most important tools for a graphics
format is a decent drawing program.
... moreover, it uses svg as its native file
format.
... batik offers a viewer (squiggle), a rasterizer for png output, an svg pretty printer to
format svg files, and a truetype-to-svg-font converter.
... in gis (geographic in
formation system) applications svg is often used as both storage and rendering
format.
How to turn off form autocompletion - Web security
by default, browsers remember in
formation that the user submits through <input> fields on websites.
...however, some data submitted in forms either are not useful in the future (for example, a one-time pin) or contain sensitive in
formation (for example, a unique government identifier or credit card security code).
... note that the wcag 2.1 success criterion 1.3.5: identify input purpose does not require that autocomplete/autofill actually work - merely that form fields that relate to specific personal user in
formation are programmatically identified.
...when form data is cached in session history, the in
formation filled in by the user is shown in the case where the user has submitted the form and clicked the back button to go back to the original form page.
context-menu - Archive of obsolete content
"my menu", contentscript: 'self.on("click", function (node, data) {' + ' console.log("you clicked " + data);' + '});', items: [ cm.item({ label: "item 1", data: "item1" }), cm.item({ label: "item 2", data: "item2" }), cm.item({ label: "item 3", data: "item3" }) ] }); communicating with the add-on often you will need to collect some kind of in
formation in the click listener and perform an action unrelated to content.
...see working with content scripts for more in
formation.
... parameters predicatefunction : function(context) a function which will be called with an object argument that provide in
formation about the invocation context.
console/traceback - Archive of obsolete content
usage tracebacks are stored in json
format.
... see nsiexception for more in
formation.
...
format(tborexception) given a json representation of the stack or an exception instance, returns a
formatted plain text representation of it, similar to python's
formatted stack tracebacks.
Getting Started (jpm) - Archive of obsolete content
navigate to it, type jpm init, and hit enter: mkdir my-addon cd my-addon jpm init you'll then be asked to supply some in
formation about your add-on: this will be used to create your add-on's package.json file.
...for more in
formation on jpm init, see the jpm command reference.
...this is the installable file
format for firefox add-ons.
Logging - Archive of obsolete content
because dom objects aren't available to the main add-on code, the sdk provides its own global console object with most of the same methods as the dom console, including methods to log error, warning, or in
formational messages.
... the console.log() method prints an in
formational message: console.log("hello world"); try it out: create a new directory, and navigate to it execute jpm init, accepting all the defaults open "index.js" and add the line above execute jpm run firefox will start, and the following line will appear in the command window you used to execute jpm run: info: hello world!
... see "logging levels" in the console reference documentation for more in
formation on this.
Localization - Archive of obsolete content
the files: use the .properties
format are named "xx-yy.properties", where "xx-yy" is the name of the locale in question contain one entry for each string you want to localize, consisting of an identifier for the string and its translation in that locale, in the
format identifier=translation need to use utf-8 without bom encoding lines starting with "#" (after optional whitespace) are comments suppose your add-on contains a sing...
...different languages have different rules for the
formation of plurals.
... the sdk tools compile the locale files into a json
format when producing an xpi.
File I/O - Archive of obsolete content
you can also create a directory explicitly; for more in
formation refer to nsifile.create().
...please note that some i/o, such as getting file in
formation and opening the file can still happen on the main thread and therefore block the ui for periods of time.
...for more in
formation refer directly to nsprpub/pr/include/prio.h writing a binary file for example, here we can write png data to a file.
Listening to events in Firefox extensions - Archive of obsolete content
gecko uses events to pass in
formation about interesting things that have occurred along to the parties that may wish to know about them.
... web progress listeners for more in
formation about web loads a web progress listener can be used; these provide more details about the progress of loading data from the web.
...more in
formation about listening to events from all tabs is available.
Multiple item extension packaging - Archive of obsolete content
if this is not done, any items that are not compatible will not be installed unless a compatibility check discovers updated compatibility in
formation.
...this also allows displaying of signing in
formation for the multiple item package.
... structure of an installable bundle: describes the common structure of installable bundles, including extensions, themes, and xulrunner applications extension packaging: specific in
formation about how to package extensions theme packaging: specific in
formation about how to package themes multiple-item extension packaging: specific in
formation about multiple-item extension xpis xul application packaging: specific in
formation about how to package xulrunner applications chrome registration ...
Chapter 3: Introduction to XUL—How to build a more intuitive UI - Archive of obsolete content
this is used to allow the user to toggle the display of additional in
formation.
... <hbox> <label flex="1"> proceeding with this action will send your personal in
formation to a server.
...for an application that can open any web page, this could give a script on a web page access to an xul document's frame, creating a dangerous opening for personal in
formation to leak out.
Appendix D: Loading Scripts - Archive of obsolete content
this in
formation is invaluable for debugging, and the flexibility with which it can be specified makes this method useful for extracting javascript from a number of file
formats other than raw javascript scripts.
... non-chrome files loaded in this manner will have the current filename prefixed to the filename in their debugging in
formation.
... advantages performance: javascript modules are stored in a pre-compiled
format in a cache, and therefore load with significantly less overhead than other types of scripts.
Signing an XPI - Archive of obsolete content
this article is a mirror of the original, with minor re
formatting, some new info and all links updated in march 2010.
...enter "y" to continue, or anything else to abort: y enter certificate in
formation.
...you can view the details of your certificate in mozilla firefox and get this in
formation from the issued by common name (unizeto certum's free certificate ca is certum level iii ca).
Tabbed browser - Archive of obsolete content
you can find more in
formation on getting access to the browser window in working with windows in chrome code.
... reusing by url/uri a common feature found in many extensions is to point the user to chrome:// uris in a browser window (for example, help or about in
formation) or external (on-line http(s)://) html documents when the user clicks an extension's button or link.
... getting the browser that fires the http-on-modify-request notification see the observer notifications page for in
formation on http-on-* notifications.
Localizing an extension - Archive of obsolete content
for example, in stockwatcher2.xul, we change this line: <menuitem label="refresh now" oncommand="stockwatcher.refreshin
formation()"/> to <menuitem label="&menu_refresh_now.label;" oncommand="stockwatcher.refreshin
formation()"/> do this for every string used in each xul file.
...this involves rewriting the refreshin
formation() function to load the strings, and its enclosed inforeceived() function to use the loaded, localized, strings instead of string literals.
... we add to refreshin
formation() the following code: var stringsbundle = document.getelementbyid("string-bundle"); var changestring = stringsbundle.getstring('changestring') + " "; var openstring = stringsbundle.getstring('openstring') + " "; var lowstring = stringsbundle.getstring('lowstring') + " "; var highstring = stringsbundle.getstring('highstring') + " "; var volumestring = stringsbundle.getstring('volumestring') + " "; this code gets a reference to the string bundle element we added to stockwatcher2.xul by calling document.getelementbyid(), specifying the id "string-bundle".
MMgc - Archive of obsolete content
see zeroing rcobjects for more in
formation.
...the memory profiler use srtti and stack traces to get in
formation by location and type: class avmplus::growablebuffer - 24.9% - 3015 kb 514 items, avg 6007b 98.9% - 2983 kb - 512 items - poolobject.cpp:29 abcparser.cpp:948 … 0.8% - 24 kb - 1 items - poolobject.cpp:29 abcparser.cpp:948 … class avmplus::string - 13.2% - 1602 kb 15675 items, avg 104b 65.6% - 1051 kb - 14397 items - stringobject.cpp:46 avmcore.cpp:2300 … 20.4% - 326 k...
... when this is enable this in
formation is logged everytime we log something interesting.
No Proxy For configuration - Archive of obsolete content
for example: "https://mycompanyintranet/"
formats that are not accepted example domain filters with interior wildcards www.*.com ip address string prefixes 127.
... communicator used "network.proxy.none" limitations no ipv6 support - the backend stores ipv4 addresses as ipv6, but ipv6
formats are not supported.
... original document in
formation author(s): benjamin chuang last updated date: november 2, 2005 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Bookmark Keywords - Archive of obsolete content
that's pretty interesting on its own, but mozilla takes it a step further by allowing the user to define an "entry point" for added in
formation.
... original document in
formation author(s): eric a.
... meyer, netscape communications last updated date: published 15 mar 2002 copyright in
formation: copyright © 2001-2003 netscape.
Structure of an installable bundle - Archive of obsolete content
basic structure of a bundle a bundle may include any of the following files: path from the root of the bundle description version in
formation /install.rdf extension/theme install manifest /application.ini application launch manifest /bootstrap.js the bootstrap script for extensions not requiring a restart (those with <em:bootstrap>true</em:bootstrap> in their install.rdf).
...the
format of the platform string is: {os_target}_{target_xpcom_abi} all of the files which are loaded from the main extension directory are loaded from the subdirectory /platform/{platform string} if it exists.
... official references for toolkit api structure of an installable bundle: describes the common structure of installable bundles, including extensions, themes, and xulrunner applications extension packaging: specific in
formation about how to package extensions theme packaging: specific in
formation about how to package themes multiple-item extension packaging: specific in
formation about multiple-item extension xpis xul application packaging: specific in
formation about how to package xulrunner applications chrome registration printing in xul apps ...
Block and Line Layout Cheat Sheet - Archive of obsolete content
nshtmlreflowmetrics the structure that is "filled in" by a frame during reflow, and is used to communicate the frame's desired size in
formation back to its container.
... nsblockreflowstate additional reflow state in
formation that the block frame uses along with nshtmlreflowstate.
... original document in
formation author(s): chris waterson last updated date: december 4, 2004 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Document Loading - From Load Start to Finding a Handler - Archive of obsolete content
nsdocumentopeninfo this class encapsulates all the in
formation related to a particular load.
...these api calls will typically pass in a uri string or object to load, and may include in
formation like the name of the target frame (for <a target="something">, e.g.).
... original document in
formation author(s): boris zbarsky last updated date: october 24, 2003 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Repackaging Firefox - Archive of obsolete content
install.rdf meta-in
formation about your extension, such as the creator (your organization), a unique id, and which versions of firefox are supported.
... if the value is the same for *all* locales, it can be set in the partner.js file itself, see the section "preferences" for more in
formation.
...see the mdc documentation for more in
formation on them.
Basics - Archive of obsolete content
class console writes some in
formation to the error console.
...class notifications the notification box appears at the bottom right corner of the browser and displays important in
formation to the user.
... titlethe head of the notification message.string bodythe messagestringfalse iconthe url of an .ico file.string jetpack.notifications.show("hello world");var mybody = " my first message body on jetpack";var myicon = "http://www.mozilla.com/favicon.ico";jetpack.notifications.show({title: "my first message on jetpack", body: mybody, icon: myicon}); class tabs in this class you can find in
formation about the tabs in your firefox window.
Clipboard - Archive of obsolete content
jetpack.import.future("clipboard");// in text
formatjetpack.clipboard.set("hello world");// in other clipboard get(flavor string)returns data to jetpack from the clipboard.
... if flavor is provided, the data is returned in that
format.
...if flavor is provided, the data is returned in that
format.
Clipboard Test - Archive of obsolete content
jetpack.import.future("clipboard");// in text
formatjetpack.clipboard.set("hello world");// in other clipboard get(flavor string)returns data to jetpack from the clipboard.
... if flavor is provided, the data is returned in that
format.
...if flavor is provided, the data is returned in that
format.
Clipboard - Archive of obsolete content
jetpack.import.future("clipboard"); // in text
format jetpack.clipboard.set("hello world"); // in other clipboard get(flavor string)returns data to jetpack from the clipboard.
... if flavor is provided, the data is returned in that
format.
...if flavor is provided, the data is returned in that
format.
Clipboard - Archive of obsolete content
jetpack.import.future("clipboard"); // in text
format jetpack.clipboard.set("hello world"); // in other clipboard get(flavor string)returns data to jetpack from the clipboard.
... if flavor is provided, the data is returned in that
format.
...if flavor is provided, the data is returned in that
format.
Modularization techniques - Archive of obsolete content
introduction the purpose of this document is provide all the in
formation you need to create a new mozilla module or break existing code into a module.
...it also generates typelibraries that are not compatible with microsoft's .tlb
format.
... links the component object model specification revision history feb 25, 1998, created oct 19, 1998, dusted off momentarily oct 10, 1999, added comments about xpidl, language-independentness original document in
formation author(s): will scullin last updated date: september 13, 2004 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details ...
Monitoring downloads - Archive of obsolete content
the remaining rows are set to zeroes since that's not in
formation we have at the moment.
...ate); statement.bindstringparameter(4, adownload.source.spec); statement.bindint64parameter(5, adownload.starttime); statement.execute(); statement.reset(); dbconn.close(); }, this simply opens the database and builds and executes a update sqlite command that finds the download item whose source uri and start time match the download that has completed and updates its in
formation.
...it starts by opening the sqlite database containing the log in
formation, then creates a select sql statement to pull all entries from the database.
Table Cellmap - Archive of obsolete content
introduction the table layout use the cellmap for two purposes: quick lookup of table structural data store of the border collapse data the cellmap code is contained in nscellmap.cpp and nscellmap.h this document does currently describe only the quick lookup part of the game, border collapse is still far away cellmap data - overview the entries in the cellmap contain in
formation about the table cell frame corresponding to a given row and column number (celldata.h).
...4 ***** start table cell map dump ***** 023566b0 cols array orig/span-> 023566b00=2/0 1=2/0 ***** start group cell map dump ***** 023565b0 maprowcount=2 tablerowcount=2 row 0 : c0,0 c0,1 row 1 : c1,0 c1,1 c0,0=02763528(0) c0,1=0276381c(1) c1,0=02763990(0) c1,1=02763ab4(1) ***** end group cell map dump ***** ***** end table cell map dump ***** ***end table dump*** structural in
formation one can imagine the cellmap as grid with equally wide rows and columns where the table cells are drawn.
... original document in
formation author(s): bernd mielke last updated date: september 27, 2003 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
URIs and URLs - Archive of obsolete content
the protocol handler provides scheme specific in
formation and methods to create new uris of the schemes it supports.
...the in
formation how to escape each segment is stored in a matrix.
... original document in
formation author(s): andreas otte last updated date: january 2, 2002 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Elements - Archive of obsolete content
see bug 83830 for more in
formation and for workarounds.
... note: prior to firefox 3, the constructor could be called at a time when reflow of the document layout was locked down, so that attempting to get layout in
formation from within the constructor could return out of date in
formation.
... in firefox 3 and later, the constructor is called when reflow can take place, which results in up-to-date in
formation being returned.
addFile - Archive of obsolete content
this parameter can also be null, in which case the xpisourcepath parameter is used as a relative pathname.note that the registry pathname is not the location of the software on the machine; it is the location of in
formation about the software inside the client version registry.
...note: if you are installing binary files on a macintosh, be aware that the binary
format for those files must be applesingle if the resource in
formation is to be installed properly.
... some file transfer programs will convert apple binaries to this
format on transfer if you transfer them from a macintosh to a unix/windows machine before zipping up those files on that target system.
statedatasource - Archive of obsolete content
« xul reference home statedatasource type: uri chrome xul may specify an rdf datasource to use to store tree state in
formation.
...this in
formation will be remembered for the next time the xul file is opened.
... if you do not specify this attribute, state in
formation will be stored in the local store (rdf:local-store).
Panels - Archive of obsolete content
for more in
formation about positioning the popup, see positioning popups.
...for more in
formation about this attribute and other possible values that can be used, see positioning popups.
... for more in
formation about these types of panels, see floating panels.
Adding Style Sheets - Archive of obsolete content
style sheets a style sheet is a file which contains style in
formation for elements.
...the style sheet contains in
formation such as the fonts, colors, borders, and size of elements.
...in mozilla, this will be translated as the file global.css, which contains default style in
formation for xul elements.
Creating a Wizard - Archive of obsolete content
the wizard will be
formatted automatically, with a title across the top and a set of buttons along the bottom.
...this script might be used to save the in
formation that the user entered during the wizard.
... for example: <wizard id="example-window" title="select a dog wizard" onwizardfinish="return savedoginfo();" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> when the user clicks the finish button, the function savedoginfo() will be called, which would be defined in a script file to save the in
formation that was entered.
Introduction to RDF - Archive of obsolete content
rdf (resource description framework) is a
format that can be used to store resources such as bookmarks or mail.
... alternatively, data in other
formats can be used and code written that will read the file and create rdf data from it.
... for more in
formation about rdf, see the rdf specification.
Persistent Data - Archive of obsolete content
one possibility would be to write a script to collect in
formation about what you would like to save and then save it to a file.
...the in
formation is collected and stored in a rdf file (localstore.rdf) in the same directory as other user preferences.
... it holds state in
formation about each window.
XUL Template Primer - Bindings - Archive of obsolete content
see the rdf/xml file friends.rdf, below, a simple database with name and address in
formation for some of my good friends.
...unlike the <conditions>, bindings do not affect whether or not a rule matches: they just "pull through" additional in
formation if it is available.
... original document in
formation author: chris waterson ...
dialog - Archive of obsolete content
more in
formation is available in the xul tutorial and dialogs and prompts (code snippets).
... disclosure: a button to show more in
formation.
... disclosure: a button to show more in
formation.
textbox - Archive of obsolete content
more in
formation is available in the xul tutorial.
...more in
formation is available in the preferences system article.
...for more in
formation about autocomplete textboxes, see the autocomplete documentation (xpfe [thunderbird/seamonkey]) (firefox) number a textbox that only allows the user to enter numbers.
XUL Application Packaging - Archive of obsolete content
required see toolkit version
format for version numbering details example: version=0.1 buildid specifies a unique build identifier.
... required example: buildid=20060201 id specifies the unique application id required the application id, like extension ids, can be
formatted either like an email applicationname@vendor.tld or a uuid {12345678-1234-1234-1234-123456789abc}.
... the email
format is recommended for newly developed applications.
nsIContentPolicy - Archive of obsolete content
type_xslt 18 indicates a style sheet trans
formation.
...a guess for the requested content's mime type, based on in
formation available to the request initiator (e.g., an object's type attribute); does not reliably reflect the actual mime type of the requested content.
...shouldprocess() will be called once all the in
formation passed to it has been determined about the resource, typically after part of the resource has been loaded.
Monitoring plugins - Archive of obsolete content
runtime data the runtime in
formation reported is always in fractions of a second.
...you can find more in
formation on the observer service here and here.
... unregister: function() { if (this.registered == true) { var observerservice = components.classes["@mozilla.org/observer-service;1"] .getservice(components.interfaces.nsiobserverservice); observerservice.removeobserver(this, "experimental-notify-plugin-call"); this.registered = false; } } } additional resources more in
formation on the observer service: nsiobserverservice nsiobserver ...
NPAnyCallbackStruct - Archive of obsolete content
contains in
formation required during embedded mode printing.
... description callback structures are used to pass platform-specific in
formation.
... the npanycallbackstruct structure contains in
formation required by the platformprint field of the npembedprint structure during embedded mode printing.
NPN_Version - Archive of obsolete content
« gecko plugin api reference « browser side plug-in api summary lets plugins obtain version in
formation, both of the plug-in api and of the browser itself.
...for more in
formation and an example, see getting the current version.
...for more in
formation and an example, see finding out if a feature exists.
NPPrintCallbackStruct - Archive of obsolete content
« gecko plugin api reference « plug-in side plug-in api summary contains in
formation required by the platformprint field of the npembedprint structure during embedded mode printing on unix systems.
... description callback structures are used to pass platform-specific in
formation.
...this in
formation is required by the platformprint field of the npembedprint structure during embedded mode printing.
NPSavedData - Archive of obsolete content
« gecko plugin api reference « plug-in side plug-in api summary block of instance in
formation saved after the plug-in instance is deleted; can be returned to the plug-in to restore the data in future instances of the plug-in.
... description the npsaveddata object contains a block of per-instance in
formation that the browser saves after the instance is deleted.
... this in
formation can be returned to another instance of the same plug-in if the user returns to the web page that contains it.
NPSetWindowCallbackStruct - Archive of obsolete content
contains in
formation about the plug-in's unix window environment.
... description callback structures are used to pass platform-specific in
formation.
... the npsetwindowcallbackstruct object, allocated by the browser, contains in
formation required for the ws_info field of an npwindow.
NPWindow - Archive of obsolete content
« gecko plugin api reference « plug-in side plug-in api summary contains in
formation about the target into which the plug-in instance can draw.
... ws_info unix: contains in
formation about the plug-in's unix window environment; points to an npsetwindowcallbackstruct.
...(the drawable is provided in a graphicsexpose event, when the paint is requested.) description the npwindow structure represents the native window or a drawable, and contains in
formation about coordinate position, size, whether the plug-in is windowed or windowless, and some platform-specific in
formation.
Supporting private browsing in plugins - Archive of obsolete content
firefox 3.5 introduced private browsing, a mode in which potentially private in
formation is not recorded in any way.
... plugins should be updated to monitor the state of private browsing mode and only save private in
formation when private browsing is disabled.
... potentially private in
formation may include (but is not necessarily limited to) history in
formation for downloaded data.
Writing a plugin for Mac OS X - Archive of obsolete content
notes and tips this section provides some additional in
formation that may be helpful if you're trying to get a plugin building on your own.
... info.plist the plugin communicates its mime and filename extension in
formation using the info.plist file, which is packaged in the plugin bundle.
... if you want to implement your plugin in c++ or objective-c++, you need to tell the compiler to export them in c
format by using extern "c" in the header, like this: #pragma gcc visibility push(default) extern "c" { nperror np_initialize(npnetscapefuncs *browserfuncs); nperror np_getentrypoints(nppluginfuncs *pluginfuncs); void np_shutdown(void); } #pragma gcc visibility pop you can check to be sure your symbols are visible and in standard c
format by using the nm utility provided among the mac os x dev...
What is RSS - Archive of obsolete content
(although rdf-based rss
formats exist, namely the deprecated rss 0.90 and rss 1.0.) common uses of rss syndication are for the syndication of news web sites, of blogs, of internet radio, and of internet television.
...it wasn't really a
format for syndication, but was a
format for providing a summary of a website.
...like rss 0.90, netscape's rss 0.91 was also a
format for providing a summary of a website, and not really a syndication
format (as it is today).
RSS - Archive of obsolete content
really simple syndication (rss) is a popular html-like xml-based data
format used for syndication.
...(some being based on rdf, but most only being based on xml.) nonetheless, rss is an extremely popular
format that is used for syndicating news, blog posts, ipradio, and iptv, with an amazing amount of momentum.
... atomic rss tim bray talks about using atom 1.0 as a micro
format and extension module for rss 2.0; keeping rss 2.0 as your sydication
format but bringing in and using selected atom 1.0 elements.
Digital Signatures - Archive of obsolete content
the keys are related mathematically, but the parameters are chosen so that calculating the private key from the public key is either impossible or prohibitively expensive.the encrypted hash, along with other in
formation, such as the hashing algorithm, is known as a digital signature.
...(in
formation about the hashing algorithm used is sent with the digital signature, although this isn't shown in the figure.) finally, the receiving software compares the new hash against the original hash.
... original document in
formation author(s): ella deon lackey last updated date: 2012 copyright in
formation: © 2012 red hat, inc.
Security - Archive of obsolete content
but encryption and decryption, by themselves, do not address another problem: tampering.encryption and decryptionencryption is the process of transforming in
formation so it is unintelligible to anyone but the intended recipient.
... decryption is the process of transforming encrypted in
formation so that it is intelligible again.introduction to public-key cryptographypublic-key cryptography and related standards and techniques underlie the security features of many products such as signed and encrypted email, single sign-on, and secure sockets layer (ssl) communications.
...for an overview of ssl, see "introduction to ssl." for an overview of encryption and decryption, see "encryption and decryption." in
formation on digital signatures is available from "digital signatures." introduction to sslthis document introduces the secure sockets layer (ssl) protocol.
Sunbird Theme Tutorial - Archive of obsolete content
making a theme a theme consists of: a unique identifier a file containing in
formation about the theme a file that registers the theme with sunbird some files containing the theme itself set up your theme in sunbird's profile directory.
... for in
formation on how to find the profile directory, see the mozillazine article: profile folder inside the profile directory, go to the <tt>extensions</tt> directory.
... creating in
formation about your theme in your theme directory, create a plain text file named <tt>install.rdf</tt>.
Browser Feature Detection - Archive of obsolete content
this article has generally never been more than a way to show off firefox web compatibility, rather than something truly in
formative in a broader sense.
...you should not rely on any in
formation here.
...ent, 'domhtml', 'document'); generatereport(document.body.style, 'domcss1', 'document.body.style'); generatereport(document.body.style, 'domcss2', 'document.body.style'); window.onerror = oldonerror; see also browser detection and cross browser support comparison of layout engines web specifications supported in opera 9 what's new in internet explorer 7 (script) original document in
formation author(s): (unknown) last updated date: updated march 16, 2003 copyright in
formation: copyright © 2001-2003 netscape.
New in JavaScript 1.8.5 - Archive of obsolete content
bug 510537 date.prototype.tojson() returns a json
format string for a date object.
... changed functionality in javascript 1.8.5 iso 8601 support in date: the date object's parse() method now supports simple iso 8601
format date strings.
...some in
formation about why: spidermonkey change du jour: the special __parent__ property has been removed bug 551529 & bug 552560.
Archived JavaScript Reference - Archive of obsolete content
this operation leaves oldbuffer in a detached state.date.prototype.tolocale
format()the non-standard tolocale
format() method converts a date to a string using the specified
formatting.
... intl.datetime
format is an alternative to
format dates in a standards-compliant way.
...to make the function a legacy generator, the function body should contain at least one yield expression.microsoft javascript extensionsmicrosoft browsers (internet explorer, and in a few cases, microsoft edge) support a number of special microsoft extensions to the otherwise standard javascript apis.new in javascriptthis chapter contains in
formation 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 tr...
Reference - Archive of obsolete content
--maian 23:43, 21 september 2005 (pdt) i think we need a new section in the reference that specifies the differences between versions, collecting this in
formation into a single location rather than leaving it scattered haphazardly throughout the reference as it currently is.
...sevenspade 13:19, 2 july 2006 (pdt) after some thought, i removed the references to using language="javascript1.2", and all references are merely presented as in
formation detailing past behavior.
...in the meantime, newer features from js 1.6 (and hopefully someone will add js 1.7 features too) are being added to the reference with appropriate version in
formation on the page itself.
RDF in Fifty Words or Less - Archive of obsolete content
fundamentally, it means that parts of the rdf data model can be communicated across network boundaries, and the contents of the graph can dynamically change as in
formation arrives from a remote service.
...the cgi script actually generatesserialized rdf, which is basically just a way of
formatting a graph into xml: <rdf:rdf xmlns:rdf="http://www.w3.org/tr/wd-rdf-syntax#" xmlns:sm="http://www.mozilla.org/smart-mail/schema#"> <rdf:description about="http://www.mozilla.org/smart-mail/get-mail.cgi?user=waterson&folder=inbox"> <sm:message id="4025293"> <sm:recipient> chris waterson "waterson@netscape.com" </sm:recipient> <sm:sender>...
... contact: chris waterson (waterson@netscape.com) original document in
formation author(s): chris waterson last updated date: november 19, 1998 copyright in
formation: copyright (c) chris waterson interwiki language link ...
Obsolete: XPCOM-based scripting for NPAPI plugins - Archive of obsolete content
the old plugin api call npp_getvalue is used to retrieve this in
formation from the plugin.
...e == nppvpluginscriptableiid) { nsiid* ptr = (nsiid *)npn_memalloc(sizeof(nsiid)); *ptr = scriptableiid; *(nsiid **)value = ptr; } return rv; } nperror npp_destroy (npp instance, npsaveddata** save) { if(instance == null) return nperr_invalid_instance_error; // release the scriptable object ns_if_release(instance->pdata); } original document in
formation author(s): arun k.
... ranganathan last updated date: october 26, 2001 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
XUL Parser in Python - Archive of obsolete content
it only runs as a hard-coded script right now, so if you want to use it you have to go in and changes some of the stuff like chrome_dir and which in
formation you want out.
... please feel free to suggest changes, change the
format of the results output, or adapt this script in any way you want.
... original document in
formation author: ian oeschger ...
Game distribution - Game development
to do that you'll have to prepare and package it to a build
format specific for every app ecosystem you want to target it at.
...it's easy to prepare a game for them as such an action involves little to no modification of the game itself — usually adding a manifest file containing necessary in
formation in a zipped package containing all the resources is enough.
... if you're looking for more in
formation about the different types of app stores you can check the list of mobile software distribution platforms article on wikipedia.
Game promotion - Game development
website and blog you should definitely create your own website containing all the in
formation about your games, so people can see what you've worked on.
... the more in
formation you can include the better — you should include screenshots, description, trailer, press kit, requirements, available platforms, support details and more.
...continually publishing in
formation about your games will help educate others, increase your reputation in the community, and further improve seo.
Bounding volume collision detection with THREE.js - Game development
so any trans
formations such as scale, position, etc.
... a more simple alternative that fixes the previous issue is to set those boundaries later on with box3.setfromobject, which will compute the dimensions taking into account a 3d entity's trans
formations and any child meshes as well.
...so if we apply trans
formations or change the position of the mesh, we need to manually update the bounding sphere.
GLSL Shaders - Game development
the calculations result in a variable containing the in
formation about the rgba color.
...anvas { width: 100%; height: 100%; } </style> <script src="three.min.js"></script> </head> <body> <script id="vertexshader" type="x-shader/x-vertex"> // vertex shader's code goes here </script> <script id="fragmentshader" type="x-shader/x-fragment"> // fragment shader's code goes here </script> <script> // scene setup goes here </script> </body> </html> it contains some basic in
formation like the document <title>, and some css to set the width and height of the <canvas> element that three.js will insert on the page to be the full size of the viewport.
... note: you can learn more about model, view, and projection trans
formations from the vertex processing paragraph, and you can also check out the links at the end of this article to learn more about it.
Audio for Web games - Game development
there is further in
formation about it here from the google developers site.
...recording this offset and querying the playing track's current time gives you enough in
formation to synchronize separate pieces of audio.
... the pannernode harnesses the positional capabilities of the web audio api so we can relate further in
formation about the game world to the player.
Square tilemaps implementation: Scrolling maps - Game development
note: when writing this article, we assumed previous reader knowledge of canvas basics such as how get a 2d canvas context, load images, etc., which is all explained in the canvas api tutorial, as well as the basic in
formation included in our tilemaps introduction article.
... the camera the camera is an object that holds in
formation about which section of the game world or level is currently being shown.
... cameras can either be free-form, controlled by the player (such as in strategy games) or follow an object (such as the main character in platform games.) regardless of the type of camera, we would always need in
formation regarding its current position, viewport size, etc.
Paddle and keyboard controls - Game development
we will need the following: two variables for storing in
formation on whether the left or right control button is pressed.
...ht" || e.key == "arrowright") { rightpressed = true; } else if(e.key == "left" || e.key == "arrowleft") { leftpressed = true; } } function keyuphandler(e) { if(e.key == "right" || e.key == "arrowright") { rightpressed = false; } else if(e.key == "left" || e.key == "arrowleft") { leftpressed = false; } } when we press a key down, this in
formation is stored in a variable.
...from that you can get useful in
formation: the key holds the in
formation about the key that was pressed.
RTF - MDN Web Docs Glossary: Definitions of Web-related terms
rtf (rich text
format) is a plain-text-based file
format with support for
formatting instructions (like bold or italic).
... three programmers in the microsoft word team created rtf in the 1980s, and microsoft continued to develop the
format until 2008.
... learn more general knowledge rich text
format on wikipedia technical reference final specification from microsoft ...
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.
... as a vector image
format, svg graphics can scale infinitely, making them invaluable in responsive design, since you can create interface elements and graphics that scale to any screen size.
... learn more general knowledge svg on wikipedia learning svg w3.org's svg primer technical in
formation svg documentation on mdn latest svg specification ...
Search engine - MDN Web Docs Glossary: Definitions of Web-related terms
a search engine is a software system that collects in
formation from the world wide web and presents it to users who are looking for specific in
formation.
...a web site owner can exclude areas of the site from being accessed by a search engine's web crawler (or spider), by defining "robot exclusion" in
formation in a file named robots.txt.
... indexing: associating keywords and other in
formation with specific web pages that have been crawled.
Test your skills: HTML accessibility - Learn web development
the given text is a simple in
formation panel with action buttons, but the html is really bad.
... give the group a description/title that summarises all of the in
formation as personal data.
... html accessibility 3 in this task you are required to turn all the in
formation links in the paragraph into good, accessible links.
Images, media, and form elements - Learn web development
for further in
formation on styling forms, take a look at the two articles in the html section of these guides.
... we have covered a lot in this article, but can you remember the most important in
formation?
... you can find some further tests to verify that you've retained this in
formation before you move on — see test your skills: images and form elements.
Styling tables - Learn web development
we have covered a lot in this article, but can you remember the most important in
formation?
... you can find some further tests to verify that you've retained this in
formation before you move on — see test your skills: tables.
...this includes in
formation on using browser devtools to find solutions to your problems.
CSS values and units - Learn web development
the page on mdn for each value will give you in
formation about browser support.
... we have covered a lot in this article, but can you remember the most important in
formation?
... you can find some further tests to verify that you've retained this in
formation before you move on — see test your skills: values and units.
Introduction to CSS layout - Learn web development
the methods that can change how elements are laid out in css are as follows: the display property — standard values such as block, inline or inline-block can change how elements behave in normal flow, for example making a block-level element behave like an inline element (see types of css boxes for more in
formation).
...this is useful for creating complex layout effects such as tabbed boxes where different content panels sit on top of one another and are shown and hidden as desired, or in
formation panels that sit off screen by default, but can be made to slide on screen using a control button.
...read on for more in
formation on each individual technology!
How CSS is structured - Learn web development
mdn's css reference is a good resource for more in
formation about any shorthand property.
... 1em/150% helvetica, arial, sans-serif; padding: 1em; margin: 0 auto; max-width: 33em; } @media (min-width: 70em) { body { font-size: 130%; } } h1 { font-size: 1.5em; } div p, #id:first-line { background-color: red; border-radius: 3px; } div p { margin: 0; padding: 1em; } div p + p { padding-top: 0; } the next example shows the equivalent css in a more compressed
format.
... body {font: 1em/150% helvetica, arial, sans-serif; padding: 1em; margin: 0 auto; max-width: 33em;} @media (min-width: 70em) { body {font-size: 130%;} } h1 {font-size: 1.5em;} div p, #id:first-line {background-color: red; border-radius: 3px;} div p {margin: 0; padding: 1em;} div p + p {padding-top: 0;} for your own projects, you will
format your code according to personal preference.
What is CSS? - Learn web development
it can be used to create layout — for example turning a single column of text into a layout with a main content area and a sidebar for related in
formation.
...alternatively, you should get used to searching for "mdn css-feature-name" in your favourite search engine whenever you need to find out more in
formation about a css feature.
... at this stage you don't need to worry too much about how css is structured, however it can make it easier to find in
formation if, for example, you are aware that a certain property is likely to be found among other similar things and are therefore probably in the same specification.
Fundamental text and font styling - Learn web development
values include: none: prevents any trans
formation.
... you've reached the end of this article, and already did some skill testing in our active learning section, but can you remember the most important in
formation going forward?
... you can find an assessment to verify that you've retained this in
formation at the end of the module — see typesetting a community school homepage.
Advanced form styling - Learn web development
we put an extra wrapper around the control, because ::before/::after don't work on <select> elements (this is because generated content is placed relative to an element's
formatting box, but form inputs work more like replaced elements — their display is generated by the browser and put in place — and therefore don't have one): <div class="select-wrapper"><select id="select" name="select"> <option>banana</option> <option>cherry</option> <option>lemon</option> </select></div> we then use generated content to generate a little down arrow, and put it in the righ...
... you've reached the end of this article, but can you remember the most important in
formation?
... you can find some further tests to verify that you've retained this in
formation before you move on — see test your skills: advanced styling.
Example - Learn web development
a payment form html content <form method="post"> <h1>payment form</h1> <p>required fields are followed by <strong><abbr title="required">*</abbr></strong>.</p> <section> <h2>contact in
formation</h2> <fieldset> <legend>title</legend> <ul> <li> <label for="title_1"> <input type="radio" id="title_1" name="title" value="a"> ace </label> </li> <li> <label for="title_2"> <input type="radio" id="title_2" name="title" value="k" > king </label> </li> <li> <label for="title_3"> <input type="radio" id="title_3" name="title" value="q"> ...
... <span>e-mail: </span> <strong><abbr title="required">*</abbr></strong> </label> <input type="email" id="mail" name="usermail"> </p> <p> <label for="pwd"> <span>password: </span> <strong><abbr title="required">*</abbr></strong> </label> <input type="password" id="pwd" name="password"> </p> </section> <section> <h2>payment in
formation</h2> <p> <label for="card"> <span>card type:</span> </label> <select id="card" name="usercard"> <option value="visa">visa</option> <option value="mc">mastercard</option> <option value="amex">american express</option> </select> </p> <p> <label for="number"> <span>card number:</span> <strong><abbr title="re...
...quired">*</abbr></strong> </label> <input type="tel" id="number" name="cardnumber"> </p> <p> <label for="date"> <span>expiration date:</span> <strong><abbr title="required">*</abbr></strong> <em>
formatted as mm/dd/yyyy</em> </label> <input type="date" id="date" name="expiration"> </p> </section> <section> <p> <button type="submit">validate the payment</button> </p> </section> </form> css content h1 { margin-top: 0; } ul { margin: 0; padding: 0; list-style: none; } form { margin: 0 auto; width: 400px; padding: 1em; border: 1px solid #ccc; border-radius: 1em; } div+div { margin-top: 1em; } label span { display: inline-block; width: 120px; text-align: right; } input...
HTML basics - Learn web development
elements can also have attributes that look like the following: attributes contain extra in
formation about the element that you don't want to appear in the actual content.
...the class attribute allows you to give the element a non-unique identifier that can be used to target it (and any other elements with the same class value) with style in
formation and other things.
...the alt text you write should provide the reader with enough in
formation to have a good idea of what the image conveys.
Using data attributes - Learn web development
data-* attributes allow us to store extra in
formation on standard, semantic html elements without other hacks such as non-standard attributes, extra properties on dom, or node.setuserdata().
...say you have an article and you want to store some extra in
formation that doesn’t have any visual representation.
... data attributes can also be stored to contain in
formation that is constantly changing, like scores in a game.
Looping code - Learn web development
if (splitcontact[0].tolowercase() === searchname) { para.textcontent = splitcontact[0] + '\'s number is ' + splitcontact[1] + '.'; break; } else if (i === contacts.length-1) para.textcontent = 'contact not found.'; } }); </script> </body> </html> first of all we have some variable definitions — we have an array of contact in
formation, with each item being a string containing a name and phone number separated by a colon.
... you've reached the end of this article, but can you remember the most important in
formation?
... you can find some further tests to verify that you've retained this in
formation before you move on — see test your skills: loops.
Client-side storage - Learn web development
see browser storage limits and eviction criteria for more in
formation.
...since the early days of the web, sites have used cookies to store in
formation to personalize user experience on websites.
...for more in
formation on cookies see our using http cookies article.
Drawing graphics - Learn web development
you can find more in
formation on the options available for canvas text at drawing text.
... note: we won't cover save() and restore() here, but they are explained nicely in our trans
formations tutorial (and the ones that follow it).
... summary at this point, you should have a useful idea of the basics of graphics programming using canvas and webgl and what you can do with these apis, as well as a good idea of where to go for further in
formation.
Video and Audio APIs - Learn web development
the <video> element contains two <source> elements so that different
formats can be loaded depending on the browser viewing the site.
... next, let's look at our button icons: @font-face { font-family: 'heydingscontrolsregular'; src: url('fonts/heydings_controls-webfont.eot'); src: url('fonts/heydings_controls-webfont.eot?#iefix')
format('embedded-opentype'), url('fonts/heydings_controls-webfont.woff')
format('woff'), url('fonts/heydings_controls-webfont.ttf')
format('truetype'); font-weight: normal; font-style: normal; } button:before { font-family: heydingscontrolsregular; font-size: 20px; position: relative; content: attr(data-icon); color: #aaa; text-shadow: 1px 1px 0px black; } first of al...
...this way, we make sure we can see all the in
formation — one box is not obscuring another.
Arrays - Learn web development
we want you to change the line just below // number 5 so that the itemtext variable is made equal to "current item name — $current item price", for example "shoes — $23.99" in each case, so the correct in
formation for each item is printed on the invoice.
... you've reached the end of this article, but can you remember the most important in
formation?
... you can find some further tests to verify that you've retained this in
formation before you move on — see test your skills: arrays.
JavaScript object basics - Learn web development
you've reached the end of this article, but can you remember the most important in
formation?
... you can find some further tests to verify that you've retained this in
formation before you move on — see test your skills: object basics.
...objects let us keep the in
formation safely locked away in their own package, out of harm's way.
Inheritance in JavaScript - Learn web development
you've reached the end of this article, but can you remember the most important in
formation?
... you can find some further tests to verify that you've retained this in
formation before you move on — see test your skills: object-oriented javascript.
... in the next article we'll have a look at how to work with javascript object notation (json), a common data exchange
format written using javascript objects.
Web performance resources - Learn web development
below is a quick review of best practices, tools, apis with links to provide more in
formation about each topic.
... web fonts eot and ttf
formats are not compressed by default.
...these
formats have compression built in.
Multimedia: video - Learn web development
objective: to learn about the various video
formats, their impact on performance, and how to reduce video impact on overall page load time while serving the smallest video file size based on each browsers file type support.
...compress the video and export to multiple video
formats, including webm, mpeg-4/h.264, and ogg/theora.
... for example, given video compressions in three different
formats at 10mb, 12mb, and 13mb, declare the smallest first and the largest last: <video width="400" height="300" controls="controls"> <!-- webm: 10 mb --> <source src="video.webm" type="video/webm" /> <!-- mpeg-4/h.264: 12 mb --> <source src="video.mp4" type="video/mp4" /> <!-- ogg/theora: 13 mb --> <source src="video.ogv" type="video/ogv" /> </video> the browser downloads the first
format it understands.
Working with Svelte stores - Learn web development
we will also see how to develop our own custom store to persist the todo in
formation to web storage, allowing our todos to persist over page reloads.
...for example, in
formation about the logged in user, or whether the dark theme is selected or not.
... we use the localstorage.getitem(key) and localstorage.setitem(key, value) methods to read and write in
formation to web storage, and the tostring() and toobj() (which uses json.parse()) helper functions to convert the values.
Understanding client-side JavaScript frameworks - Learn web development
we have put together a course that includes all the essential in
formation you need to work towards your goal.
...ember resources and troubleshooting our final ember article provides you with a list of resources that you can use to go further in your learning, plus some useful troubleshooting and other in
formation.
...componentizing our svelte app the central objective of this article is to look at how to break our app into manageable components and share in
formation between them.
Cross browser testing - Learn web development
we have put together a course that includes all the essential in
formation you need to work towards your goal.
...this includes in
formation on using browser dev tools to track down and fix problems, using polyfills and libraries to work around problems, getting modern javascript features working in older browsers, and more.
... handling common accessibility problems next we turn our attention to accessibility, providing in
formation on common problems, how to do simple testing, and how to make use of auditing/automation tools for finding accessibility issues.
Understanding client-side web development tools - Learn web development
we have put together a course that includes all the essential in
formation you need to work towards your goal.
...we'll go all the way from setting up a sensible development environment and putting trans
formation tools in place to actually deploying your app on netlify.
... in this article we'll introduce the case study, set up our development environment, and set up our code trans
formation tools.
Accessibility Features in Firefox
for more detailed in
formation, please check the assistive technology compatibility guide is kept on an editable wiki.
... here are some examples of accessible extensions, although there are hundreds more to try (thank you to the gw micro knowledge base for some of this in
formation): adblock plus removes ads (and other objects, like banners) from web pages greasemonkey lets you add bits of javascript ("user scripts") to any web page to change its behavior.
... downloads, support and more in
formation firefox in
formation and downloads general online support and community forums accessibility newsgroup for users.
Links and Resources
guidelines & standards in
formation and resources on section 508 - legal policy for us government purchases requiring software accessibility.
... accessibility in
formation resource center for developers at adobe - flash mx accessibility, pdf document accessibility and actionscript accessibility.
...the accessibility report will contain errors and warnings for "automatic checkpoints" and "manual checkpoints"; detailed and useful in
formation (line numbers, instances/occurences, textual references to guidelines) will be included for web authors.
Multiprocess on Windows
ensuring that the interceptor supports your interfaces this in
formation is current, but is likely to change when bug 1346957 is landed.
... com metadata midl outputs two different types of metadata: "fast
format strings" (also known as oicf) and (optionally, if a library statement is included in the idl) type libraries (also known as typelib).
... given those two options, it may seem that oicf is the preferred
format.
Choosing the right memory allocator
see the xpcom string guide for additional in
formation.
... ns_alloc() == nsimemory::alloc() ns_realloc() == nsimemory::realloc() ns_free() == nsimemory::free() nsmemory::clone() (note: not part of nsimemory) see infallible memory allocation for in
formation about how to allocate memory infallibly; that is, how to use memory allocators that will only return valid memory buffers, and never return null.
...see jsapi reference for further in
formation.
Debugging Table Reflow
the first line of the data dump shows that no width has yet been assigned to the columns mcolwidths=-1 -1 -1 -1, -1 stands for: #define width_not_set -1 this is followed by a reference to the column frame pointers: col frame cache -> 0=00b93138 1=00b931f0 2=024dd728 3=024dd780 this is followed by the in
formation which width has been set for each column.
...cols attribute assigns 1* e0proportionconstraint = 4 // 0*, means to force to min width after this follows the width in
formation for each column: widths=-1 -1 -1 -1 -1 -1 -1 -1 -1 -1 the table code knows ten different width's: #define num_widths 10 #define num_major_widths 3 // min, des, fix #define min_con 0 // minimum width required of the content + padding #define des_con 1 // desired width of the content + padding #define fix 2 // fixed width either from the content or cell, c...
... debug_table_reflow_timing needs to be written original document in
formation author(s): bernd mielke other contributors: bernd mielke, josh soref last updated date: november 20, 2005 ...
Debugging
advanced debugging techniques understanding crash reports how to read crash reports, which are full of in
formation yet often not easy to interpret and act on.
... debugging a minidump windows crash reports include a minidump, which contains a lot of in
formation about the application when it crashed.
... miscellaneous debugging safari some tips for debugging safari debugging chrome some tips for debugging chrome debugging internet explorer some tips for debugging internet explorer providing useful in
formation to the mozilla developers how to get a stacktrace for a bug report useful in
formation you can provide about a crash.
Error codes returned by Mozilla APIs
ns_error_file_corrupted (0x8052000b) indicates that an attempt was made to open or access a file that has been corrupted, or that the
format of a file is unknown.
...this error may be returned by various components that use files to indicate that necessary files are not in an expected
format.
...x/public/nsidevicecontext.h base/public/nsneterror.h parser/htmlparser/public/nsiparser.h layout/base/nslayouterrors.h profile/public/nsiprofileinternal.idl security/manager/ssl/public/nsicmsmessageerrors.idl directory/xpcom/base/public/nsildaperrors.idl content/base/public/nscontenterrors.h see also mozilla error lookup lets you quickly look up the error name by its code in different
formats.
Index
found 172 pages: # page tags and summary 1 firefox firefox, landing, mozilla here you can learn about how to contribute to the firefox project and you will also find links to in
formation about the construction of firefox add-ons, using the developer tools in firefox, and other topics.
... 8 experimental features in firefox experimental, firefox, preferences, features this page lists features that are in nightly versions of firefox along with in
formation on how to activate them, if necessary.
... 11 firefox and the "about" protocol firefox, guide, mozilla, protocols there is a lot of useful in
formation about firefox hidden away behind the about: url protocol.
Roll your own browser: An embedding how-to
contained within this directory are a couple of makefiles: basebrowser-unix basebrowser-win the xpinstall packager follows the same
format.
...more in
formation at 1 and 2.
... original document in
formation author(s): doug turner original document: , , and last updated date: december 8, 2004 copyright in
formation: copyright (c) doug turner ...
How to get a stacktrace for a bug report
mozilla's crash report server currently only has debug in
formation for mozilla builds and thus the crash reporter cannot work if you use a build from a linux distribution or if you compile from source code.
...if you have any additional in
formation about the crash, such as additional detail on what you were doing at the time that may have triggered the crash, please enter it into the comments box.
... alternative ways to get a stacktrace if the mozilla crash reporter doesn't come up or isn't available you will need to obtain a stacktrace manually: windows see the article create a stacktrace with windbg for in
formation on how to do this.
Introduction to Layout in Mozilla
ata flow source document arrives via network apis incrementally “pumped” through the single-threaded layout engine parse, compute style, render; repeat css used for rendering all content content theoretically separate from “presentation” key data structures content node elements, attributes, leaves dom frame rectangular
formatting primitive geometric in
formation [0..n] per content node 2nd thru nth are “continuations” style context non-geometric in
formation may be shared by adjacent frames reference counted, owned by frame view clipping, z-order, transparency [0..1] per frame, owned by frame widget native window [0..1] p...
...ions passes these to the style set object, who in turn passes to the frame constructor frame constructor creates frames constructframeinternal recursively walks content tree, resolves style and creates frames either created by tag (<select>) or by display type (<p>) frame manager maintains mapping from content to frame style resolution compute stylistic in
formation based on the style rules that apply for the frame’s content node style data broken into different structures display, visibility, font, color, background, … inherit vs.
... original document in
formation author(s): chris waterson last updated date: june 10, 2002 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
UpdateListener
for each individual update check, the following methods will be called on the listener: either oncompatibilityupdateavailable() or onnocompatibilityupdateavailable(), depending on whether compatibility in
formation for the requested application version was seen.
... oncompatibilityupdateavailable(in addon addon) void onnocompatibilityupdateavailable(in addon addon) void onupdateavailable(in addon addon, in addoninstall install) void onnoupdateavailable(in addon addon) void onupdatefinished(in addon addon, in integer error) methods oncompatibilityupdateavailable() called when the update check found compatibility in
formation for the application and platform version that the update check was being performed for.
... void oncompatibilityupdateavailable( in addon addon ) parameters addon the addon that was being checked for updates onnocompatibilityupdateavailable() called when the update check found no new compatibility in
formation for the application and platform version that the update check was being performed for.
Add-on Manager
through its apis in
formation about all installed add-ons can be retrieved and new add-ons can be installed.
... accessing installed add-ons in
formation about installed add-ons can be retrieved through the main addonmanager api.
...it must be passed an updatelistener to receive in
formation about compatibility in
formation and new update in
formation.
AsyncShutdown.jsm
// collect any in
formation that may be useful for debugging shutdown issues with this blocker return status; } }); in this example, at some point during phase profilebeforechange, function condition will be called.
...in this case, a crash report is produced, with in
formation on all the shutdown blockers that have not been resolved, and all the additional debug in
formation returned by calls to info().
... info optionally, a function returning in
formation about the current state of the blocker as an object.
Following the Android Toasts Tutorial from a JNI Perspective
avascript strings in jni.jsm, and the sig's of the types are as follows: java type signature boolean z byte b char c class/object lclass name in slash notation here; double d float f int i long j short s void v array of type [sig here method
format (sig of type of each argument here)sig of the return type here declaring a class/object is done in a special way.
... var toast = jni.loadclass(my_jenv, sig.toast.substr(1, sig.toast.length - 2), { static_methods: [ { name: 'maketext', sig: '()' } ], methods: [ { name: 'show', sig: '()' } ] }); the sig of methods is always in the
format of "method
format" from our types table above.
...fields do not accept arguments, so the "method
format" is not used, we simply tell the sig the type of the field, which we find out from the android documentation website.
OS.File.Info
due to differences between operating systems, the in
formation available depends on the platform.
...n) { if (reason instanceof os.file.error && reason.becausenosuchfile) { // |somepath| does not represent anything } else { // some other error } } ) example: determining the owner of a file let promise = os.file.stat() promise.then( function onsuccess(info) { if ("unixowner" in info) { // info.unixowner holds the owner of the file } else { // in
formation is not available on this platform } } ); evolution of this example bug 802534 will introduce the ability to check whether field unixowner appears in os.file.info.prototype, which will make it possible to write faster code.
...is any write/set of inode in
formation (such as owner, group, link count, mode, etc).
Mozilla Content Localized in Your Language
formal and informal forms, and separators (, or .) date
format what are the date
formats for weeks and months are expressed in the following forms: 1)fully spelled out, 2).
... time
format how is time expressed in your language?
... address
format what is the
format in your language?
Localization notes
there is an established
format for those, which is described in this document.
... it's important to follow the
format as closely as possible.
...dtd files <!-- localization note (entity name): comment --> properties files # localization note (key): comment file-wide comments should use the same
format, be at the top of the file (after the license header, though) and just drop the (entity name/key) reference.
Translation phase
in-product pages a set of pages used to interact with and give in
formation to the end-user as part of their first experience with their mozilla applications.
... you should also read more in
formation on localizing mozilla web projects.
...this tutorial should provide you with all of the technical in
formation you need to secure and maintain your tool independence.
SVN for Localizers
if you're already familiar with this in
formation, skip ahead to mozilla's svn repositories.
...in each of those locale directories are other directories with files to be localized in .lang
format.
...if you forget any of the in
formation on this page, don't worry, you can always come back and review.
Investigating leaks using DMD heap scan mode
after that is done, we can finally find out which objects (possibly) point to other objects, using the block_analyzer script: python $srcdir/memory/replace/dmd/block_analyzer.py dmd-$pid.log.gz $leakaddr this will look through every block of memory in the log, and give some basic in
formation about any block of memory that (possibly) contains a pointer to that object.
...this is mostly useful for larger objects, and you can potentially combine this with debugging in
formation to figure out exactly what field this is.
... the rest of the entry is the stack trace for the allocation of the block, which is the most useful piece of in
formation.
Power profiling overview
this article covers important background in
formation about power profiling, with an emphasis on intel processors used in desktop and laptop machines.
... intel processors have model-specific registers (msrs) containing measurements of how much time is spent in different c-states, and tools such as powermetrics (mac), powertop and turbostat (linux) can expose this in
formation.
... power profiling how-to this section aims to put together all the above in
formation and provide a set of strategies for finding, diagnosing and fixing cases of high power consumption.
Profiling with Xperf
also, when recording the stack, i've found that a heap trace is often missing module in
formation (i believe this is a bug in xperf).
...traces can be captured fine without this option (for example, from nightlies), but the stack in
formation will not be useful.
...for more in
formation microsoft's documentation for xperf is pretty good; there is a lot of depth to this tool, and you should look there for more details.
TraceMalloc
the built mozilla application will support the following additional command-line options: --trace-malloc filename the application will log allocation and deallocation events with stack traces in a binary
format to the given file.
...try running with the unified output
format option, -u.
... see nstracemalloc.h for detailed comments on the log file
format.
Firefox Sync
the exact types of in
formation synced is user-configurable in the browser's preferences or options page.
... servers documentation for the various servers, including in
formation on how to host your own.
...there are also some notes in a google document (that we really must move to its own wiki page) there's also in
formation available to help debug and diagnose android sync issues.
McCoy
it's important that the update in
formation retrieved has not been tampered with since being written by the add-on author.
... https://fireclipse.svn.sourceforge.net/svnroot/fireclipse/trunk/fireclipseextensions/chromebug/mccoy/signontheline/ bug 396525 - patch to mccoy https://bugzilla.mozilla.org/show_bug.cgi?id=396525 signing update manifests before you release your add-on in order to verify the update manifests applications need to already have in
formation from you for how to verify it.
...it's important to note that if you change any in
formation in the update file then it must be signed again.
Date and Time
in this form, the time zone in
formation is important.
...the nspr data type for clock/calendar time, called an exploded time, has the time zone in
formation in it, so that its corresponding point in absolute time is uniquely specified.
...therefore, a callback function is used to determine time zone in
formation.
PRFileType
syntax #include <prio.h> typedef enum prfiletype{ pr_file_file = 1, pr_file_directory = 2, pr_file_other = 3 } prfiletype; enumerators the enumeration has the following enumerators: pr_file_file the in
formation in the structure describes a file.
... pr_file_directory the in
formation in the structure describes a directory.
... pr_file_other the in
formation in the structure describes some other kind of file system object.
PR_LogPrint
syntax #include <prlog.h> void pr_logprint(const char *fmt, ...); parameters the function has this parameter: fmt the string that is used as the
formatting specification.
... returns nothing description this function unconditionally writes a message to the log using the specified
format string.
... for a description of
formatting and
format strings, see "
formatted printing".
4.3.1 Release Notes
ssl3 & tls renegotiation vulnerability see cve-2009-3555 and us-cert vu#120541 for more in
formation about this security vulnerability.
... see generateeckeypairwithopflags see generatersakeypairwithopflags see generatedsakeypairwithopflags distribution in
formation jss is checked into mozilla/security/jss/.
... platform in
formation you can check out the source from cvs by cvs co -r jss_4_3_1_rtm jss jss 4.3.1 works with jdk versions 4 or higher we suggest the latest.
JSS Provider Notes
keyfactory supported algorithms notes dsa rsa the following trans
formations are supported for generatepublic() and generateprivate(): from to rsapublickeyspec rsapublickey dsapublickeyspec dsapublickey x509encodedkeyspec rsapublickey ds...
... secretkeyfactory supported algorithms notes aes des desede (des3 ) pbahmacsha1 pbewithmd5anddes pbewithsha1anddes pbewithsha1anddesede (pbewithsha1anddes3 ) pbewithsha1and128rc4 rc4 generatesecret supports the following trans
formations: keyspec class key algorithm pbekeyspec org.mozilla.jss.crypto.pbekeygenparams using the appropriate pbe algorithm: des desede rc4 desedekeyspec desede ...
... deskeyspec des secretkeyspec aes des desede rc4 getkeyspec supports the following trans
formations: key algorithm keyspec class desede desedekeyspec des deskeyspec desede des aes rc4 secretkeyspec for increased security, some secretkeys may not be extractable from their pkcs #11 t...
Mozilla-JSS JCA Provider notes
keyfactory supported algorithms notes dsa rsa the following trans
formations are supported for generatepublic() and generateprivate(): from to rsapublickeyspec rsapublickey dsapublickeyspec dsapublickey x509encodedkeyspec rsapublickey dsapublickey rsaprivatecrtkeyspec rsaprivatekey dsaprivatekeyspec dsaprivatekey pkcs8encodedke...
... secretkeyfactory supported algorithms notes aes des desede (des3) pbahmacsha1 pbewithmd5anddes pbewithsha1anddes pbewithsha1anddesede (pbewithsha1anddes3) pbewithsha1and128rc4 rc4 generatesecret supports the following trans
formations: keyspec class key algorithm pbekeyspec org.mozilla.jss.crypto.pbekeygenparams using the appropriate pbe algorithm: des desede rc4 desedekeyspec desede deskeyspec des secretkeyspec aes des desede rc4 getkeyspec supports the following tr...
...ans
formations: key algorithm keyspec class desede desedekeyspec des deskeyspec desede des aes rc4 secretkeyspec for increased security, some secretkeys may not be extractable from their pkcs #11 token.
NSS_3.12.2_release_notes.html
nss 3.12.2 release notes 2008-10-20 newsgroup: mozilla.dev.tech.crypto contents introduction distribution in
formation new in nss 3.12.2 bugs fixed documentation compatibility feedback introduction network security services (nss) 3.12.2 is a patch release for nss 3.12.
... distribution in
formation the cvs tag for the nss 3.12.2 release is nss_3_12_2_rtm.
... use the installed libz.so where available bug 305693: shlibsign generates pqg for every run bug 311483: exposing includecertchain as a parameter to sec_pkcs12addcertandkey bug 390527: get rid of pkixerrormsg variable in pkix_error bug 391560: libpkix does not consistently return pkix_validatenode tree that truly represent failure reasons bug 408260: certutil usage doesn't give enough in
formation about trust arguments bug 412311: replace pr_interval_no_wait with pr_interval_no_timeout in client initialization calls bug 423839: add multiple pkcs#11 token password command line option to nss tools.
NSS 3.16 release notes
distribution in
formation the hg tag is nss_3_16_rtm.
... the atob utility has been improved to automatically ignore lines of text that aren't in base64
format.
... bugs fixed in nss 3.16 this bugzilla query returns all the bugs fixed in nss 3.16: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.16 ...
NSS 3.18 release notes
distribution in
formation the hg tag is nss_3_18_rtm.
... use -c one, two or three times to print in
formation about the certificates received from a server, and in
formation about the locally found and trusted issuer certificates, to diagnose server side configuration issues.
...a:f7:59:8a:eb:14:b5:47 cn = cfca ev root sha1 fingerprint: e2:b8:29:4b:55:84:ab:6b:58:c2:90:46:6c:ac:3f:b8:39:8f:84:83 the version number of the updated root ca list has been set to 2.3 bugs fixed in nss 3.18 this bugzilla query returns all the bugs fixed in nss 3.18: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.18 compatibility nss 3.18 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.28 release notes
distribution in
formation the hg tag is nss_3_28_rtm.
...background in
formation can be found in mozilla's blog post.
... bugs fixed in nss 3.28 this bugzilla query returns all the bugs fixed in nss 3.28: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.28 compatibility nss 3.28 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.32 release notes
distribution in
formation the hg tag is nss_3_32_rtm.
...rtificates were removed: cn = addtrust public ca root sha-256 fingerprint: 07:91:ca:07:49:b2:07:82:aa:d3:c7:d7:bd:0c:df:c9:48:58:35:84:3e:b2:d7:99:60:09:ce:43:ab:6c:69:27 cn = addtrust qualified ca root sha-256 fingerprint: 80:95:21:08:05:db:4b:bc:35:5e:44:28:d8:fd:6e:c2:cd:e3:ab:5f:b9:7a:99:42:98:8e:b8:f4:dc:d0:60:16 cn = china internet network in
formation center ev certificates root sha-256 fingerprint: 1c:01:c6:f4:db:b2:fe:fc:22:55:8b:2b:ca:32:56:3f:49:84:4a:cf:c3:2b:7b:e4:b0:ff:59:9f:9e:8c:7a:f7 cn = cnnic root sha-256 fingerprint: e2:83:93:77:3d:a8:45:a6:79:f2:08:0c:c7:fb:44:a3:b7:a1:c3:79:2c:b7:eb:77:29:fd:cb:6a:8d:99:ae:a7 cn = comsign secured ca sha-256 fingerprint: 50:79:41:c7:44:60:a...
...(cve-2018-5149, bug 1361197) this bugzilla query returns all the bugs fixed in nss 3.32: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.32 compatibility nss 3.32 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.43 release notes
distribution in
formation the hg tag is nss_3_43_rtm.
...ot ca 3 sha-256 fingerprint: 5a2fc03f0c83b090bbfa40604b0988446c7636183df9846e17101a447fb8efd6 the following ca certificates were removed: none bugs fixed in nss 3.43 bug 1528669 and bug 1529308 - improve gyp build system handling bug 1529950 and bug 1521174 - improve nss s/mime tests for thunderbird bug 1530134 - if docker isn't installed, try running a local clang-
format as a fallback bug 1531267 - enable fips mode automatically if the system fips mode flag is set bug 1528262 - add a -j option to the strsclnt command to specify sigschemes bug 1513909 - add manual for nss-policy-check bug 1531074 - fix a deref after a null check in seckey_setpublicvalue bug 1517714 - properly handle esni with hrr bug 1529813 - expose hkdf-expand-label with mechanism bug 153...
... this bugzilla query returns all the bugs fixed in nss 3.43: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.43 compatibility nss 3.43 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.52 release notes
the nss team would like to recognize first-time contributors: zhujianwei7 hans petter jansson distribution in
formation the hg tag is nss_3_52_rtm.
...see the bug for more in
formation.
... bug 1630925 - guard all instances of nsscmssigneddata.signerinfo to avoid a cms crash bug 1571677 - name constraints validation: cn treated as dns name even when syntactically invalid as dns name this bugzilla query returns all the bugs fixed in nss 3.52: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.52 compatibility nss 3.52 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.55 release notes
the nss team would like to recognize first-time contributors: danh distribution in
formation the hg tag is nss_3_55_rtm.
...special thanks to the network and in
formation security group (nisec) at tampere university.
... this bugzilla query returns all the bugs fixed in nss 3.55: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.55 compatibility nss 3.55 shared libraries are backward compatible with all older nss 3.x shared libraries.
nss tech note1
this in
formation is stored in the next lowest tag bit (number 5).
... sec_asn1_dynamic or sec_asn1_xtrn : specifies that the component
format is defined in a dynamic subtemplate.
...see bug 175163 for more in
formation about the reason for this recommendation.
nss tech note4
pulling certificate extension in
formation out of ssl certificates nss technical note: 4 note: this document contains code snippets that focus on essential aspects of the task and often do not illustrate all the cleanup that needs to be done.
... background on cert extensions an extension has the following attributes object id (oid) : a unique oid represents an algorithm, a mechanism, a piece of in
formation, etc.
... secstatus cert_findsubjectkeyidexten (certcertificate *cert, secitem *retitem); for more in
formation browse through the nss source code online at http://lxr.mozilla.org/mozilla/source/security/nss/ and http://lxr.mozilla.org/security/ documentation on some cert funcs http://www.mozilla.org/projects/security/pki/nss/ref/ssl/sslcrt.html ...
NSS Tech Notes
nss technical notes newsgroup: mozilla.dev.tech.crypto nss technical notes provide latest in
formation about new nss features and supplementary documentation for advanced topics in programming with nss.
... tn4: pulling certificate extension in
formation out of ssl certificates.
... tn8: background in
formation on libssl's cache functions and sids.
Build instructions
use the building nss page for more recent in
formation.
... for in
formation on troubleshooting the build system, see troubleshooting nss and jss build systems.
... for in
formation on troubleshooting the build system, see troubleshooting nss and jss build systems.
FC_GetSessionInfo
name fc_getsessioninfo - obtain in
formation about a session.
... description fc_getsessioninfo obtains in
formation about a session.
...otherwise, it fills in the ck_session_info structure with the following in
formation: state: the state of the session, i.e., no role is assumed, the user role is assumed, or the crypto officer role is assumed flags: bit flags that define the type of session ckf_rw_session (0x00000002): true if the session is read/write; false if the session is read-only.
FC_GetSlotInfo
name fc_getslotinfo - get in
formation about a particular slot in the system.
... description fc_getslotinfo stores the in
formation about the slot in the ck_slot_info structure that pinfo points to.
... return value ckr_ok slot in
formation was successfully copied.
gtstd.html
this page is part of the ssl reference that we are migrating into the
format described in the mdn style guide.
... you can use the security module database tool, a command-line utility that comes with nss, to manage pkcs #11 module in
formation within secmod.db files.
... for complete in
formation about the command-line options used in the examples that follow, see using the certificate database tool.
Small Footprint
on a recent build, the length of js.jar was 603,127 bytes corresponding to 1,171,708 bytes of all uncompressed rhino classes with debug in
formation included.
... debug in
formation debug in
formation in rhino classes consumes about 25% of code size and if you can live without that, you can recompile rhino to remove it.
...to build such minimalist jar without debug in
formation, run the following command from the top directory of rhino distribution: ant clean ant -ddebug=off -dno-regexp=true -dno-e4x=true smalljar if you omit -dno-regexp=true, then the resulting smalljs.jar will include regular expression support.
JS_CompileFunctionForPrincipals
principals jsprincipals * pointer to the structure holding the security in
formation for this function.
... principals is a pointer to the jsprincipals structure that contains the security in
formation to associate with this function.
...this in
formation is passed in messages if an error occurs during compilation.
JS_CompileScriptForPrincipals
principals jsprincipals * pointer to the structure holding the security in
formation for this script.
... principals is a pointer to the jsprincipals structure that contains the security in
formation to associate with this script.
...this in
formation is included in error messages if an error occurs during compilation.
JS_ConvertArgumentsVA
syntax bool js_convertargumentsva(jscontext *cx, const js::callargs &args, const char *
format, va_list ap); bool js_convertargumentsva(jscontext *cx, unsigned argc, jsval *argv, const char *
format, va_list ap); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
...obsolete since jsapi 30
format const char * character array containing the recognized
format to which to convert.
...see js_convertarguments for further in
formation.
JS_EvaluateScriptForPrincipals
principals jsprincipals * pointer to the structure holding the security in
formation for this script.
... principals is a pointer to the jsprincipals structure that contains the security in
formation to associate with this script.
...this in
formation is used in messages if an error occurs during compilation.
JSAPI reference
compile javascript code into a function: struct jsfunction js::compilefunction added in spidermonkey 17 js_decompilefunction js_decompilefunctionbody js_compilefunction obsolete since jsapi 36 js_compilefunctionforprincipals obsolete since jsapi 28 js_compileucfunction obsolete since jsapi 36 js_compileucfunctionforprincipals obsolete since jsapi 28 error handling struct jserror
formatstring added in spidermonkey 17 class jserrorreport class js::autosaveexceptionstate added in spidermonkey 31 enum jsexntype added in spidermonkey 17 js_reporterror js_reportwarning js_reporterrornumber js_reporterrornumberuc js_reporterrorflagsandnumber js_reporterrorflagsandnumberuc js_reporterrornumberucarray added in spidermonkey 24 js_reportoutofmemory js_reportallocationoverflow ...
... js_convertarguments obsolete since jsapi 38 js_convertargumentsva obsolete since jsapi 38 js_pusharguments obsolete since javascript 1.8.5 js_pushargumentsva obsolete since javascript 1.8.5 js_poparguments obsolete since javascript 1.8.5 js_addargument
formatter obsolete since jsapi 18 js_removeargument
formatter obsolete since jsapi 18 the following functions convert js values to various types.
...ack - used by js_setgccallback jsfinalizecallback added in spidermonkey 17 - used by js_addfinalizecallback added in spidermonkey 38 and js_setfinalizecallback added in spidermonkey 17 obsolete since jsapi 32 jsiteratecompartmentcallback - used by js_iteratecompartments added in spidermonkey 17 jsbranchcallback - used by js_setbranchcallback obsolete since javascript 1.8.1 jsargument
formatter - used by js_addargument
formatter obsolete since jsapi 18 jsfunctioncallback - used by js_setfunctioncallback obsolete since jsapi 37 jsgcrootmapfun - used by js_mapgcroots obsolete since jsapi 19 jsobjectprincipalsfinder - used by js_setobjectprincipalsfinder obsolete since javascript 1.8 jsprincipalstranscoder - used by js_setprincipalstranscoder obsolete since javascript 1.8 ...
Setting up CDT to work on SpiderMonkey
eclipse's cdt has some pretty decent features that make it an attractive environment to work in when you are interested in getting code hints, autocompletion, function, and field usage in
formation and general ide goodness for c/c++.
... step 1 - preparing a spidermonkey build for cdt to index all code, spidermonkey has to be built with debug in
formation.
... instead, change "build command" to read make -w (this is required because cdt needs detailed in
formation about which directories make operates on, which using -w causes make to provide).
TPS Tests
the python test runner will read a test file (in javascript
format), setup one or more firefox profiles with the necessary extensions and preferences, then launch firefox and pass the test file to the extension.
...the
format of these asset lists vary somwhat depending on asset type.
...it will include log output written by the python driver, which includes in
formation about where the temporary profiles it uses are stored.
Thread Sanitizer
more in
formation on how tsan works can be found on the thread sanitizer wiki.
...furthermore, additional debug in
formation is included in traces when llvm-symbolizer is used.
...for more in
formation on how to use the runtime suppression list, see the tsan wiki.
Secure Development Guidelines
introduction provide developers with in
formation on specific security issues cover common coding mistakes and how they affect a product how to avoid making them how to mitigate them everything is oriented toward c/c++ introduction: gaining control specifics about the underlying architecture, using x86 as an example 6 basic registers (eax, ebx, ecx, edx, edi, esi) 2 stack-related registers (esp, ebp) mark top and bottom of current stack frame status register (eflags) contains various state in
formation instruction pointer (eip) points to register being executed; can’t be modified...
... using call or jump instructions attacks usually rely on obtaining control over the eip otherwise the attacker can try to control memory pointed to by an existing function pointer a vulnerability is required to modify the eip or sensitive memory saved return addr or function pointer get altered introduction: gaining control (3) common issues used to gain control buffer overflows
format string bugs integer overflows/underflows writing secure code: input validation input validation most vulnerabilities are a result of un-validated input always perform input validation could save you without knowing it examples: if it doesn’t have to be negative, store it in an unsigned int if the input doesn’t have to be > 512, cut it off there if the input should...
... bbv: prevention check the bounds of your arrays use a safe and well-designed api when using integers as array indexes, use caution
format string bugs example: int main(int argc, char *argv[]) { if (argc > 1) printf(argv[1]); }
format string bugs: prevention easy to fix: always use a
format string specifier: int main(int argc, char *argv[]) { if (argc > 1) printf("%s", argv[1]); } double free example: void* ptr = malloc(1024); if (error) { free(ptr); } free(ptr); double free: prevention set a...
A Web PKI x509 certificate primer
authority in
formation access this extension is primarily used to to describe the ocsp location for revocation checking.
...the root certificates included by default have their "trust bits" set to indicate if the ca's root certificates may be used to verify certificates for ssl servers, s/mime email users, and/or digitally-signed code objects without having to ask users for further permission or in
formation.
...ot properly encoded according to asn.1 (der) encoding re-generate the improperly-encoded certificate sec_error_ca_cert_invalid an end-entity certificate is being used to issue another certificate ensure that any certificate intended to issue certificates has a basic constraints extension with ca: true sec_error_bad_signature a signature on a certificate is improperly
formatted or the certificate has been tampered with re-issue the certificate with the bad signature sec_error_cert_bad_access_location the ocsp uri in the authorityin
formationaccess extension is improperly formed re-generate the certificate with a well-formed ocsp uri sec_error_cert_not_in_name_space a certificate has a common name or subject alternative name that is not in...
Setting up an update server
see building firefox for more in
formation on building firefox locally.
...'re using, you'll find the sha512 value in a file called sha512sums in the root of the release directory on archive.mozilla.org for a release or beta build (you'll have to search it for the file name of your mar, since it includes the sha512 for every file that's part of that release), and for a nightly build you'll find a file with a .checksums extension adjacent to your mar that contains that in
formation (for instance, for the mar file at https://archive.mozilla.org/pub/firefox/nightly/2019/09/2019-09-17-09-36-29-mozilla-central/firefox-71.0a1.en-us.win64.complete.mar, the file https://archive.mozilla.org/pub/firefox/nightly/2019/09/2019-09-17-09-36-29-mozilla-central/firefox-71.0a1.en-us.win64.checksums contains the sha512 for that file as well as for all the other win64 files that are part o...
... on macos, you can get the exact size of your mar by running the command: stat -f%z <filename> or on linux, the same command would be: stat --
format "%s" <filename> starting your update server now, start an update server to serve the update files on port 8000.
Gecko Roles
role_statusbar represents a status bar, which is an area at the bottom of a window that displays in
formation about the current operation, state of the application, or selected object.
... the status bar has multiple fields, which display different kinds of in
formation.
...an object that allows a user to incrementally view a large amount of in
formation.
Creating a Python XPCOM component
pay special attention to types here - python and javascript are both loosely-typed, so it's fairly easy to pass in
formation from one to the other.
... note: there are exceptions; see this discussion for in
formation on the use of string and wstring for unicode transfer.
...generating implementation templates the module xpcom.xpt is used internally to process type in
formation, but it has a nice feature - it can spit out a template for a python implementation of any interface.
Generating GUIDs
perl jkeiser's mozilla tools include a uuid generator with output
format of both c++ and idl style.
... com/xpcom
format when #define-ing iids and cids in mozilla c++ code, you generally use the following
format: // xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxx #define ns_...id \ { 0xxxxxxxxx, 0xxxxx, 0xxxxx, \ { 0xxx, 0xxx, 0xxx, 0xxx, 0xxx, 0xxx, 0xxx, 0xxx } } you can generate code in this
format using one of the following tools.
... online tools http://mozilla.pettay.fi/cgi-bin/mozuuid.pl guidgen guidgen.exe, part of microsoft visual studio, can generate uuids in this
format.
XPCOM changes in Gecko 2.0
xpt files the path of any xpt files must be listed explicitly in a manifest using an interfaces directive: interfaces components/mycomponent.xpt javascript components the registration in
formation for javascript components is no longer located in the component itself; instead, it's located in the manifest.
...for more in
formation about the mozilla::module structure, see the module.h header file.
...because chrome.manifest is a space-delimited
format, category names with spaces cannot be registered.
Component Internals
xpcom registry manifests xpcom uses special files called manifests to track and persist in
formation about the components to the local system.
...it specifies the following in
formation: location on disk of registered components with file size class id to location mapping contract id to class id mapping the component manifest maps component files to unique identifiers for the specific implementations (class ids), which in turn are mapped to more general component identifiers (contract ids).
... type library manifests type library manifests contain the following in
formation: location of all type library files mapping of all known interfaces to type libraries where these structures are defined using the data in these two manifests, xpcom knows exactly which component libraries have been installed and what implementations go with which interfaces.
Preface
conventions the
formatting conventions listed below are used to designate specific types of in
formation in the book and make things easier to scan.
... the goal is to use as few
formats as possible, but to distinguish the various different types of in
formation clearly.
...
format description bold component names appear in bold in the text monospace code listings, interface names and members of interfaces (e.g., createinstance()) appear in monospaced font.
Detailed XPCOM hashtable guide
the in
formation you're looking for is probably there.
... to use nsthashtable, you must declare an entry-class in a pre-defined
format.
... original document in
formation author(s): benjamin smedberg <benjamin@smedbergs.us> ...
Components.utils.Sandbox
see security checks for more in
formation on security principals.
...window objects and nsiprincipal carry additional in
formation such as origin attributes and same-origin privilege changes caused by setting document.domain.
... debug() for more in
formation on the built-in sandbox functions, please consult the source code.
XPCShell Reference
see the documentation on debugdump() for the nsixpconnect interface for more in
formation.
...see the above documentation on the -v command-line argument for more in
formation.
... original document in
formation author: david bradley <dbradley@netscape.com> last updated date: 17 march 2003 copyright in
formation: portions of this content are © 1998–2008 by individual mozilla.org contributors; content available under a creative commons license.
IAccessibleApplication
other-licenses/ia2/accessibleapplication.idlnot scriptable this interface gives access to the application's name and version in
formation.
... 1.0 66 introduced gecko 1.9 inherits from: iunknown last changed in gecko 1.9 (firefox 3) this interface provides the at with the in
formation it needs to differentiate this application from other applications, from other versions of this application, or from other versions of this application running on different versions of an accessibility bridge or accessibility toolkit.
... servers implementing iaccessible2 should provide access to the iaccessibleapplication interface via queryservice from any object so that ats can easily determine specific in
formation about the application such as its name or version.
mozIAsyncHistory
if there's no in
formation available for a given place, acallback is called with a stub place info object, containing just the provided data (guid or uri).
...void isurivisited( in nsiuri auri, in mozivisitedstatuscallback acallback ); parameters auri the places for which to retrieve in
formation, identified by either a single place guid, a single uri, or a js array of uris and/or guids.
...void updateplaces( in moziplaceinfo aplaceinfo, in mozivisitinfocallback acallback optional ); parameters aplaceinfo the moziplaceinfo object[s] containing the in
formation to store or update.
mozITXTToHTMLConv
the mozitxttohtmlconv interface is used to convert text into html
format.
... its primary use is in converting user-entered text into properly-
formatted html.
... scanhtml() scans the specified user-edited html, adding additional
formatting that the user may not have known to do.
mozIVisitInfoCallback
aplaceinfo the in
formation that was unable to be processed.
...void handleresult( in moziplaceinfo aplaceinfo ); parameters aplaceinfo the in
formation that was entered into the database.
... aplaceinfo the in
formation that was being entered into the database.
GroupPosition
« nsiaccessible page summary this method returns grouping in
formation.
... remark alternatively this in
formation is exposed by nsiaccessible.attribute attribute, also see group attributes page.
... refer to accessible web specifications to get an idea what elements expose group in
formation.
nsIAccessibleRole
role_statusbar 23 represents a status bar, which is an area at the bottom of a window that displays in
formation about the current operation, state of the application, or selected object.
... the status bar has multiple fields, which display different kinds of in
formation.
...an object that allows a user to incrementally view a large amount of in
formation.
nsIAuthPromptCallback
method overview void onauthavailable(in nsisupports acontext, in nsiauthin
formation aauthinfo); void onauthcancelled(in nsisupports acontext, in boolean usercancel); methods onauthavailable() authentication in
formation is available.
...void onauthavailable( in nsisupports acontext, in nsiauthin
formation aauthinfo ); parameters acontext the context as passed to nsiauthprompt2.asyncpromptauth().
... aauthinfo authentication in
formation.
nsICRLInfo
security/manager/ssl/public/nsicrlinfo.idlscriptable in
formation on a certificate revocation list (crl) issued by a certificate authority (ca).
... lastupdatelocale astring lastupdate
formatted as a human readable string
formatted according to the environment locale.
... nextupdatelocale astring nextupdate
formatted as a human readable string
formatted according to the environment locale.
nsIContentSecurityPolicy
void refinepolicy( in astring policystring, in nsiuri selfuri ); parameters policystring selfuri scanrequestdata() called after the content security policy object is created to fill in the appropriate request and request header in
formation needed in case a report needs to be sent.
...given a bit of in
formation about the request, decides whether or not the policy is satisfied.
...given a bit of in
formation about the request, decides whether or not the policy is satisfied.
nsIDOMGeoGeolocation
summary the nsidomgeogeolocation interface provides access to geolocation in
formation.
... watchposition() similar to getcurrentposition(), except it continues to call the callback with updated position in
formation periodically until clearwatch() is called.
... unsigned short watchposition( in nsidomgeopositioncallback successcallback, [optional] in nsidomgeopositionerrorcallback errorcallback, [optional] in nsidomgeopositionoptions options ); parameters successcallback an nsidomgeopositioncallback that is to be called whenever new position in
formation is available.
nsIDOMGeoPositionCallback
the nsidomgeopositioncallback interface is called when updated position in
formation is available.
... last changed in gecko 1.9.1 (firefox 3.5 / thunderbird 3.0 / seamonkey 2.0) method overview void handleevent(in nsidomgeoposition position); methods handleevent() called when new position in
formation is available.
... void handleevent( in nsidomgeoposition position ); parameters position an nsidomgeoposition object indicating the updated location in
formation.
nsIDirIndexListener
they can then be transformed into an output
format (such as rdf, html and so on) inherits from: nsisupports last changed in gecko 1.8 (firefox 1.5 / thunderbird 1.5 / seamonkey 1.0) method overview void onindexavailable(in nsirequest arequest, in nsisupports actxt, in nsidirindex aindex); void onin
formationavailable(in nsirequest arequest, in nsisupports actxt, in astring ainfo); methods onindexavailable() called for each directory entry.
... onin
formationavailable() called for each in
formation line.
... void onin
formationavailable( in nsirequest arequest, in nsisupports actxt, in astring ainfo ); parameters arequest the request.
nsIFaviconDataCallback
1.0 66 introduced gecko 2.0 inherits from: nsisupports last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) method overview void oncomplete(in nsiuri auri, in unsigned long adatalen, [const,array,size_is(adatalen)] in octet adata, in autf8string amimetype); methods oncomplete() called when the required favicon's in
formation is available.
...the caller will receive the most in
formation we can gather on the icon, but it's not guaranteed that all of them will be set.
...it's up to the caller to check adatalen > 0 before using any data-related in
formation like mime-type or data itself.
nsIHttpChannelInternal
localaddress autf8string the local ip address to which the channel is bound, in the same
format produced by pr_netaddrtostring().
... obsolete since gecko 1.9 remoteaddress autf8string the ip address of the remote host to which this channel is bound, in the same
format produced by pr_netaddrtostring().
...setcookie() helper method to set a cookie with a consumer-provided cookie header, but using the channel's other in
formation (uri's, prompters, date headers and so on.).
nsILoginManagerStorage
this string will be in the origin url
format, without a pathname.
...newlogindata the login in
formation to replace the oldlogin with.
...the argument is in origin url
format, without a pathname (for example: "http://mozilla.com").
nsINavHistoryResultNode
toolkit/components/places/public/nsinavhistoryservice.idlscriptable this is the base class for all places history result nodes, containing the uri, title, and other general in
formation.
...for hosts, this is the total number of the children under it, rather than the total number of times the host has been accessed (getting that in
formation would require an additional query, so for performance reasons that in
formation isn't given by default).
... propertybag nsiwritablepropertybag you can use this to associate temporary in
formation with the result node.
nsIParserUtils
by default, the sanitizer doesn't try to avoid leaking in
formation that the content was viewed to third parties.
...to avoid ambient in
formation leakage upon loading the sanitized content, use the sanitizerinternalembedsonly flag.
... in that case, <a> links (and similar) to other content are preserved, so an explicit user action (following a link) after the content has been loaded can still leak in
formation.
nsISelectionPrivate
see the idl file linked above for up-to-date in
formation.
... void startbatchchanges(); wstring tostringwith
format(in string
formattype, in unsigned long flags, in print32 wrapcolumn); attributes attribute type description cancacheframeoffset boolean frame offset cache can be used just during calling nseditor::endplaceholdertransaction.
... tostringwith
format() wstring tostringwith
format( in string
formattype, in unsigned long flags, in print32 wrapcolumn ); parameters
formattype flags wrapcolumn return value ...
nsIStructuredCloneContainer
method overview nsivariant deserializetovariant(); astring getdataasbase64(); void initfrombase64(in astring adata,in unsigned long a
formatversion); void initfromvariant(in nsivariant adata); attributes attribute type description
formatversion unsigned long get the version of the structured clone algorithm which was used to generate this container's serialized buffer.
...void initfrombase64( in astring adata, in unsigned long a
formatversion ); parameters adata a base-64-encoded byte stream.
... a
formatversion the version of the structured clone algorithm which was used to generate adata.
nsISupports proxies
for more in
formation about alternatives, see making cross-thread calls using runnables.
...calls on object created with this flag will return immediately and you will lose all return in
formation.
...ns_release(ptestobj); pproxy->bar(); ns_release(pproxy); original document in
formation author: doug turner last updated date: january 27, 2007 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
nsITXTToHTMLConv
method overview void pre
formathtml(in boolean value); void settitle(in wstring text); prior versions of the interface named the methods using the initialcaps style instead of the intercaps style.
... methods pre
formathtml() specifies whether or not to wrap the resulting html in an <pre> block.
... void pre
formathtml( in boolean value ); parameters value true to wrap the resulting html in a <pre> block.
nsITaskbarPreviewController
see drawpreview() for more in
formation.
...see drawthumbnail() for more in
formation.
...see drawpreview() for more in
formation.
nsITextInputProcessor
for example, the implementation of this interface manages modifier state and composition state, initializes dom events from minimum in
formation, and doesn't dispatch some events if they are not necessary.
... after a call of this, the pending composition string in
formation is cleared.
...stored modifier key in
formation means that the modifier is active.
nsIXSLTProcessor
importstylesheet() imports the specified stylesheet into this xsltprocessor for trans
formations.
...setparameter() sets a parameter to be used in subsequent trans
formations with this nsixsltprocessor.
... return value an document containing the result of the trans
formation.
nsIXULAppInfo
xpcom/system/nsixulappinfo.idlscriptable this interface provides in
formation about the host application.
... 1.0 66 introduced gecko 1.8 inherits from: nsisupports last changed in gecko 1.8 (firefox 1.5 / thunderbird 1.5 / seamonkey 1.0) in xulrunner applications nsixulappinfo obtains app-specific in
formation from application.ini.
...it contains advanced in
formation on the xul runtime.
Performance
see the sqlite optimizer overview on the sqlite web site for in
formation on how sqlite uses indices and executes statements.
...this will lead to errors that say "database is encrypted" because the tool is not able to recognize the file
format.
...for each commit, sqlite does two disk syncs among many other file operations (see the "atomic commit" section of http://www.sqlite.org/php2004/slides-all.html for more in
formation on how this works).
Using the Gecko SDK
(more in
formation on xpcom is available at the xpcom project page.) the intent of this guide is to help you build your components "the right way" such that they will remain compatible with future versions of mozilla.
... for in
formation on how to retrieve and install the gecko sdk, see here.
...the abi of the component interfaces depends on the c++ abi of the host compiler (i.e., the vtable
format and calling conventions of the virtual methods may vary from compiler to compiler).
Xptcall Porting Guide
method callmethod(pruint16 methodindex, const nsxptmethodinfo* info, nsxptcminivariant* params) = 0; }; code that wishes to make use of this stubs functionality (such as xpconnect) implement a class which inherits from nsxptcstubbase and implements the getinterfaceinfo and callmethod to let the platform specific code know how to get interface in
formation and how to dispatch methods once their parameters have been pulled out of the platform specific calling frame.
...the stubs forward calls to a platform specific method that uses the interface in
formation supplied by the overridden getinterfaceinfo to extract the parameters and build an array of platform independent nsxptcminivariant structs which are in turn passed on to the overridden callmethod.
...however, the __stdcall requires the callee to clean up the stack, so it is imperative that the interface in
formation scheme allow the code to determine the correct stack pointer fixup for return without fail, else the process will crash.
xpidl
xpidl is a tool for generating xpcom interface in
formation, based on xpidl interface description files.
... it generates: c++ header files (.h), with a commented template for full c++ implementation of the interface xpconnect typelib files (.xpt), with runtime type in
formation to dynamically call xpcom objects through xpconnect note: starting in gecko 9.0, xpidl has been replaced with pyxpidl in the gecko sdk.
...please check the build documentation for further in
formation on where to get libidl and glib.
Autoconfiguration in Thunderbird
configuration server at isp isps have the option to provide their configuration in
formation 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.
... manual configuration if guessing fails, the user must manually enter the configuration in
formation.
... users may also choose to manually modify the account settings, even if configuration in
formation is successfully obtained by the methods described above.
Building a Thunderbird extension 6: Adding JavaScript
see developer.thunderbird.net for newer in
formation.
...it then uses javascript's date class to get the current date, which it converts into a string that has the
format of yyyy.mm.dd.
...finally the label of our panel is set to "date: " and concatenated with the date string that contains the
formatted date.
Thunderbird
(from early 2007 to early 2011 thunderbird was developed by mozilla messaging, a subsidiary owned by mozilla.) documentation building thunderbird in
formation about building thunderbird with the comm-central repository.
... there's also in
formation about how the review process works and how to use the mozilla symbol server to help with debugging.
... database views backend in
formation about nsimsgdbview and related interfaces.
WebIDL bindings
the configuration file, dom/bindings/bindings.conf, is basically a python dict that maps interface names to in
formation about the interface, called a descriptor.
... add an entry to dom/bindings/bindings.conf that sets some basic in
formation about the implementation of the interface.
...see the indexed getter implementation section for more in
formation on building this kind of structure.
Add to iPhoto
these are core system data
formats that are used by other frameworks, and we'll be making use of them.
...it differs from a string in that it offers url-specific methods for managing the content, and includes methods for converting between urls and file system routine data
formats such as fsref and unix pathnames.
..."file system representation" strings on mac os x are in utf-8
format.
Standard OS Libraries
for finding out the values and types of arguments and returns of the functions you want to use from this api, you must visit the functions page on this linked msdn site; it will give you all that in
formation.
...in
formation on all releases can be found on its official page x11 resources.
... example: xquerypointer get mouse cursor position and some extra in
formation.
Plug-in Side Plug-in API - Plugins
npp_getvalue allows the browser to query the plug-in for in
formation.
... np_getvalue allows the browser to query the plug-in for in
formation.
... npp_setvalue sets in
formation about the plug-in.
URLs - Plugins
url scheme description about locates browser in
formation or "fun" pages.
... wais (wide area in
formation servers) locates wais databases and their documents.
... for more in
formation, see rfc 3986, "uniform resource identifier (uri): generic syntax", and the iana uri scheme registry.
Inspecting web app manifests - Firefox Developer Tools
you also need to make sure the json inside the file is of the correct
format.
... inspecting your manifest if your manifest is deployed successfully, you should end up with a display like the following on the manifest view: from here, you can inspect all the in
formation in the manifest in an easy-to-digest way, making sure that it is all correct.
... it also loads all the icon files into the view, so you can see the relative size of them all, and any other in
formation associated with them.
Debugging service workers - Firefox Developer Tools
debugging your service worker in any case, when the service worker is successfully registered, you'll see in
formation about it displayed in the application > service workers view (along with any other service workers registered on the same domain): this gives you a variety of in
formation about your service worker: the url that the service worker is registered on.
... when your service worker is running, a debug button is available next to the source in
formation (it is disabled when the service worker is stopped).
...if you want to see a list of in
formation concerning all the service workers registered on your browser, you can visit about:debugging#/runtime/this-firefox.
Debugger.Memory - Firefox Developer Tools
the statistics parameter is an object containing in
formation about the gc cycle.
...this type in
formation can be large.
...type in
formation is accounted to the "types" category.
Debugger.Source - Firefox Developer Tools
the
format is yet to be specified in the webassembly standard.
...for scripts created by eval or the function constructor, this may be a synthesized filename, starting with a valid url and followed by in
formation tracking how the code was introduced into the system; the entire string is not a valid url.
... (on the web, the translator may provide the source map url in a specially
formatted comment in the javascript source code, or via a header in the http reply that carried the generated javascript.) this property is writable, so you can change the source map url by setting it.
CSS Flexbox Inspector: Examine Flexbox layouts - Firefox Developer Tools
in the infobar when you hover over an element in the html pane, you will see a tooltip that gives you more in
formation about the element.
... when you hover over a flex container or flex item, the tooltip includes the appropriate in
formation.
... if you click on the item, the display shifts to show details about that element: this view shows in
formation about the calculations for the size of the selected flex item: a diagram visualizing the sizing of the flex item content size - the size of the component without any restraints imposed on it by its parent flexibility - how much a flex item grew or shrunk based on its flex-grow value when there is extra free space or its flex-shrink value when there is not enough space minimum size (only ...
Examine and edit CSS - Firefox Developer Tools
inactive rules (not shown): if a rule is inactive (e.g., padding on a :visited pseudo-element), it is colored gray, with an info icon that gives more in
formation when clicked.
...in addition, the in
formation that appears on the page itself show you what pseudo-class you are examining.
...(this calculated value is exactly the same as what getcomputedstyle would return.) you can tab through the styles to select them, and you can find more in
formation about each property — pressing f1 on a selected property will open up its mdn reference page.
Waterfall - Firefox Developer Tools
when a marker is selected you'll see more in
formation about it in a sidebar on the right.
... this includes the marker's duration and some more in
formation that's specific to the marker type.
...the following operations are recorded: name and description color detailed in
formation dom event javascript code that's executed in response to a dom event.
Web Console Helpers - Firefox Developer Tools
pprint() obsolete since gecko 74
formats the specified value in a readable way; this is useful for dumping the contents of objects and arrays.
...if you don't supply a filename, the image file will be named with the following
format: screen shot yyy-mm-dd at hh.mm.ss.png the command has the following optional parameters: command type description --clipboard boolean when present, this parameter will cause the screenshot to be copied to the clipboard.
... please refer to the console api for more in
formation about logging from content.
AnalyserNode - Web APIs
the analysernode interface represents a node able to provide real-time frequency and time-domain analysis in
formation.
... examples note: see the guide visualizations with web audio api for more in
formation on creating audio visualizations.
...for more complete applied examples/in
formation, check out our voice-change-o-matic demo (see app.js lines 128–205 for relevant code).
AudioNodeOptions - Web APIs
(see audionode.channelcount for more in
formation.) its usage and precise definition depend on the value of audionodeoptions.channelcountmode.
...(see audionode.channelcountmode for more in
formation including default values.) channelinterpretation optional represents an enumerated value describing the meaning of the channels.
...(see audionode.channelcountmode for more in
formation including default values.) specifications specification status comment web audio apithe definition of 'audionodeoptions' in that specification.
CanvasPattern.setTransform() - Web APIs
the canvaspattern.settransform() method uses an svgmatrix or dommatrix object as the pattern's trans
formation matrix and invokes it on the pattern.
... syntax void pattern.settransform(matrix); parameters matrix an svgmatrix or dommatrix to use as the pattern's trans
formation matrix.
... examples using the settransform method this is just a simple code snippet which uses the settransform method to create a canvaspattern with the specified pattern trans
formation from an svgmatrix.
CanvasRenderingContext2D.resetTransform() - Web APIs
html <canvas id="canvas"></canvas> javascript the rotate() method rotates the trans
formation matrix by 45°.
... const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); // draw a rotated rectangle ctx.rotate(45 * math.pi / 180); ctx.fillrect(60, 0, 100, 30); // reset trans
formation matrix to the identity matrix ctx.resettransform(); result continuing with a regular matrix whenever you're done drawing transformed shapes, you should call resettransform() before rendering anything else.
... in this example, the first two shapes are drawn with a skew trans
formation, and the last two are drawn with the identity (regular) trans
formation.
CanvasRenderingContext2D.rotate() - Web APIs
the canvasrenderingcontext2d.rotate() method of the canvas 2d api adds a rotation to the trans
formation matrix.
...avascript const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); // point of transform origin ctx.arc(0, 0, 5, 0, 2 * math.pi); ctx.fillstyle = 'blue'; ctx.fill(); // non-rotated rectangle ctx.fillstyle = 'gray'; ctx.fillrect(100, 0, 80, 20); // rotated rectangle ctx.rotate(45 * math.pi / 180); ctx.fillstyle = 'red'; ctx.fillrect(100, 0, 80, 20); // reset trans
formation matrix to the identity matrix ctx.settransform(1, 0, 0, 1, 0, 0); result the center of rotation is blue.
... const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); // non-rotated rectangle ctx.fillstyle = 'gray'; ctx.fillrect(80, 60, 140, 30); // matrix trans
formation ctx.translate(150, 75); ctx.rotate(math.pi / 2); ctx.translate(-150, -75); // rotated rectangle ctx.fillstyle = 'red'; ctx.fillrect(80, 60, 140, 30); result the non-rotated rectangle is gray, and the rotated rectangle is red.
CanvasRenderingContext2D.translate() - Web APIs
the canvasrenderingcontext2d.translate() method of the canvas 2d api adds a translation trans
formation to the current matrix.
... syntax void ctx.translate(x, y); the translate() method adds a translation trans
formation to the current matrix by moving the canvas and its origin x units horizontally and y units vertically on the grid.
... const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); // moved square ctx.translate(110, 30); ctx.fillstyle = 'red'; ctx.fillrect(0, 0, 80, 80); // reset current trans
formation matrix to the identity matrix ctx.settransform(1, 0, 0, 1, 0, 0); // unmoved square ctx.fillstyle = 'gray'; ctx.fillrect(0, 0, 80, 80); result the moved square is red, and the unmoved square is gray.
Pixel manipulation with canvas - Web APIs
the data property returns a uint8clampedarray which can be accessed to look at the raw pixel data; each pixel is represented by four one-byte values (red, green, blue, and alpha, in that order; that is, "rgba"
format).
...see grayscale on wikipedia for more in
formation.
...it returns a data uri containing a representation of the image in the
format specified by the type parameter (defaults to png).
Credential Management API - Web APIs
interfaces credential provides in
formation about an entity as a prerequisite to a trust decision.
... federatedcredential provides in
formation about credentials from a federated identity provider, which is an entity that a website trusts to correctly authenticate a user, and which provides an api for that purpose.
... passwordcredential provides in
formation about a username/password pair.
DOMMatrix - Web APIs
dommatrix.skewxself() modifies the matrix by applying the specified skew trans
formation along the x-axis.
... dommatrix.skewyself() modifies the matrix by applying the specified skew trans
formation along the y-axis.
...while it's beyond the scope of this article to explain the mathematics involved, this 4×4 size is enough to describe any trans
formation you might apply to either 2d or 3d geometries.
DOMMatrixReadOnly.scale() - Web APIs
originx optional an x-coordinate for the origin of the trans
formation.
... originy optional a y-coordinate for the origin of the trans
formation.
... originz optional a z-coordinate for the origin of the trans
formation.
DataTransfer.getData() - Web APIs
syntax datatransfer.getdata(
format); arguments
format a domstring representing the type of data to retrieve.
... return value domstring a domstring representing the drag data for the specified
format.
... if the drag operation has no data or the operation has no data for the specified
format, this method returns an empty string.
DataTransfer.setData() - Web APIs
syntax void datatransfer.setdata(
format, data); arguments
format a domstring representing the type of the drag data to add to the drag object.
...width=device-width"> <style> div { margin: 0em; padding: 2em; } #source { color: blue; border: 1px solid black; } #target { border: 1px solid black; } </style> <script> function dragstart_handler(ev) { console.log("dragstart"); // change the source element's background color to signify drag has started ev.currenttarget.style.border = "dashed"; // set the drag's
format and data.
...datatransfer.setdata("text/plain", ev.target.id); } function dragover_handler(ev) { console.log("dragover"); ev.preventdefault(); } function drop_handler(ev) { console.log("drop"); ev.preventdefault(); // get the data, which is the id of the drop target var data = ev.datatransfer.getdata("text"); ev.target.appendchild(document.getelementbyid(data)); // clear the drag data cache (for all
formats/types) ev.datatransfer.cleardata(); } </script> <body> <h1>examples of <code>datatransfer</code>: <code>setdata()</code>, <code>getdata()</code>, <code>cleardata()</code></h1> <div> <p id="source" ondragstart="dragstart_handler(event);" draggable="true"> select this element, drag it to the drop zone and then release the selection to move the element.</p> </div> <div id="target" ondro...
Document.execCommand() - Web APIs
avalueargument for commands which require an input argument, is a domstring providing that in
formation.
...
formatblock adds an html block-level element around the line containing the current selection, replacing the block element containing the line if one exists (in firefox, <blockquote> is the exception — it will wrap any containing block element).
... remove
format removes all
formatting from the current selection.
Using FormData Objects - Web APIs
the transmitted data is in the same
format that the form's submit() method would use to send the data if the form's encoding type were set to multipart/form-data.
...blobs represent data that isn't necessarily in a javascript-native
format.
...a object between retrieving it from a form and sending it, like this: var formelement = document.queryselector("form"); var formdata = new formdata(formelement); var request = new xmlhttprequest(); request.open("post", "submitform.php"); formdata.append("serialnumber", serialnumber++); request.send(formdata); this lets you augment the form's data before sending it along, to include additional in
formation that's not necessarily user-editable.
Gamepad.id - Web APIs
the gamepad.id property of the gamepad interface returns a string containing some in
formation about the controller.
... the exact syntax is not strictly specified, but in firefox it will contain three pieces of in
formation separated by dashes (-): two 4-digit hexadecimal strings containing the usb vendor and product id of the controller the name of the controller as provided by the driver.
... this in
formation is intended to allow you to find a mapping for the controls on the device as well as display useful feedback to the user.
Gamepad - Web APIs
the gamepad interface of the gamepad api defines an individual gamepad or other controller, allowing access to in
formation such as button presses, axis positions, and id.
... gamepad.id read only a domstring containing identifying in
formation about the controller.
... experimental extensions to gamepad the following interfaces are defined in the gamepad extensions specification, and provide access to experimental features like haptic feedback and webvr controller pose in
formation.
Using the Geolocation API - Web APIs
this initiates an asynchronous request to detect the user's position, and queries the positioning hardware to get up-to-date in
formation.
... watching the current position if the position data changes (either by device movement or if more accurate geo in
formation arrives), you can set up a callback function that is called with that updated position in
formation.
...hence many geolocation success callbacks look fairly simple: function success(position) { const latitude = position.coords.latitude; const longitude = position.coords.longitude; // do something with your latitude and longitude } you can however get a number of other bits of in
formation from a geolocationcoordinates object, including altitude, speed, what direction the device is facing, and an accuracy measure of the altitude, longitude, and latitude data.
HTMLImageElement.sizes - Web APIs
each condition is specified using the same conditional
format used by media queries.
...because a source size descriptor is used to specify the width to use for the image during layout of the page, the media condition is typically (but not necessarily) based entirely on width in
formation.
...the browser takes all of this in
formation and selects an image and width that best meets the specified values.
HTMLMediaElement.play() - Web APIs
notsupportederror the media source (which may be specified as a mediastream, mediasource, blob, or file, for example) doesn't represent a supported media
format.
...see the example below for more in
formation.
... for even more in-depth in
formation about autoplay and autoplay blocking, see our article autoplay guide for media and web audio apis.
HTMLOrForeignElement.dataset - Web APIs
in addition to the in
formation below, you'll find a how-to guide for using html data attributes in our article using data attributes.
... camelcase to dash-style conversion the opposite trans
formation, which maps a key to an attribute name, uses the following rules: restriction: before the trans
formation, a dash must not be immediately followed by an ascii lowercase letter a to z; the prefix data- is added; any ascii uppercase letter a to z is transformed into a dash, followed by its lowercase counterpart; other characters are left unchanged.
... the restriction in the rules above ensures that the two trans
formations are the inverse one of the other.
HTMLVideoElement.videoHeight - Web APIs
if the element's readystate is htmlmediaelement.have_nothing, then the value of this property is 0, because neither video nor poster frame size in
formation is yet available.
... any other factors required by the media
format.
...this avoids applying invalid changes when there's no true in
formation available yet for dimensions.
HTMLVideoElement.videoWidth - Web APIs
if the element's readystate is htmlmediaelement.have_nothing, then the value of this property is 0, because neither video nor poster frame size in
formation is yet available.
... any other factors required by the media
format.
...this avoids applying invalid changes when there's no true in
formation available yet for dimensions.
HTMLVideoElement - Web APIs
the list of supported media
formats varies from one browser to the other.
... you should either provide your video in a single
format that all the relevant browsers supports, or provide multiple video sources in enough different
formats that all the browsers you need to support are covered.
...this in
formation includes things like the number of dropped or corrupted frames, as well as the total number of frames.
Ajax navigation example - Web APIs
rl) { history.pushstate(opageinfo, opageinfo.title, opageinfo.url); bupdateurl = false; } break; default: vmsg = nstatus + ": " + (ohttpstatus[nstatus] || "unknown"); switch (math.floor(nstatus / 100)) { /* case 1: // in
formational 1xx console.log("in
formation code " + vmsg); break; case 2: // successful 2xx console.log("successful code " + vmsg); break; case 3: // redirection 3xx console.log("redirection code " + ...
... opageinfo = { title: null, url: location.href }, ohttpstatus = /* http://www.iana.org/assignments/http-status-codes/http-status-codes.xml */ { 100: "continue", 101: "switching protocols", 102: "processing", 200: "ok", 201: "created", 202: "accepted", 203: "non-authoritative in
formation", 204: "no content", 205: "reset content", 206: "partial content", 207: "multi-status", 208: "already reported", 226: "im used", 300: "multiple choices", 301: "moved permanently", 302: "found", 303: "see other", 304: "not modified", 305: "use proxy", ...
...attachevent("onload", init) : (onload = init); // public methods this.open = requestpage; this.stop = abortreq; this.rebuildlinks = init; })(); for more in
formation, please see: working with the history api.
MediaPositionState.duration - Web APIs
this in
formation can then, in turn, be used by the user agent to provide a user interface which displays media playback in
formation to the viewer.
... for example, a browser might use this in
formation along with the position property and the navigator.mediasession.playbackstate, as well as the session's metadata to provide an integrated common user interface showing the currently playing media as well as standard pause, play, forward, reverse, and other controls.
... example in this example, an app performing a live stream provides in
formation to the browser by preparing a mediapositionstate object and submitting it by calling navigator.mediasession.setpositionstate().
MediaPositionState.position - Web APIs
this in
formation is then, in turn, used by the user agent to provide a user interface which displays media playback in
formation to the viewer.
... for example, a browser might use this in
formation along with the position property and the navigator.mediasession.playbackstate, as well as the session's metadata to provide an integrated common user interface showing the currently playing media as well as standard pause, play, forward, reverse, and other controls.
... example in this example, a player for a non-standard media file
format, written in javascript, uses setinterval() to establish a callback which fires once per second to refresh the position in
formation by calling setpositionstate().
MediaRecorder.mimeType - Web APIs
this is the file
format of the file that would result from writing all of the recorded data to disk.
...see our media type and
format guide for in
formation about container and codec support across browsers.
... syntax var mimetype = mediarecorder.mimetype value the mime media type which describes the
format of the recorded media, as a domstring.
MediaSession.setPositionState() - Web APIs
syntax navigator.mediasession.setpositionstate(statedict); parameters statedict optional an object conforming to the mediapositionstate dictionary, providing updated in
formation about the playback position and speed of the document's ongoing media.
... if the object is empty, the existing playback state in
formation is cleared.
... example in this example, a player for a non-standard media file
format, written in javascript, uses setinterval() to establish a callback which fires once per second to refresh the position in
formation by calling setpositionstate().
Using the MediaStream Recording API - Web APIs
in web dictaphone this powers the in
formation screen, which is shown/hidden by clicking the question mark icon in the top right hand corner.
...lways sit above the other elements and therefore be focusable/clickable: label { font-family: 'notocoloremoji'; font-size: 3rem; position: absolute; top: 2px; right: 3px; z-index: 5; cursor: pointer; } then we hide the actual checkbox, because we don't want it cluttering up our ui: input[type=checkbox] { position: absolute; top: -100px; } next, we style the in
formation screen (wrapped in an <aside> element) how we want it, give it fixed position so that it doesn't appear in the layout flow and affect the main ui, transform it to the position we want it to sit in by default, and give it a transition for smooth showing/hiding: aside { position: fixed; top: 0; left: 0; text-shadow: 1px 1px 1px black; width: 100%; height: 100%; transform: t...
...this is your entry point into using the mediarecorder api — the stream is now ready to be captured into a blob, in the default encoding
format of your browser.
Media Session API - Web APIs
dictionaries mediaimage a mediaimage object contains in
formation describing an image associated with the media.
... mediapositionstate used to contain in
formation about the current playback position, playback speed, and overall media duration when calling the mediasession method setpositionstate() to establish the media's length, playback position, and playback speed.
... mediasessionactiondetails provides in
formation needed in order to perform the action which has been requested, including the type of action to perform and any other in
formation needed, such as seek distances or times.
Transcoding assets for Media Source Extensions - Web APIs
[0] (c) copyright 2008, blender foundation / www.bigbuckbunny.org / https://peach.blender.org/about/ tools required when working with mse, the following tools are a must have: ffmpeg — a command-line utility for transcoding your media into the required
formats.
... container and codec support as specified in section 1.1 of the mse spec: goals, mse is designed not to require support for any particular media
format or codec.
... $ ffmpeg -i trailer_1080p.mov -c:v copy -c:a copy bunny.mp4 $ ls bunny.mp4 trailer_1080p.mov checking fragmentation in order to properly stream mp4, we need the asset to be an iso bmf
format mp4.
Capabilities, constraints, and settings - Web APIs
the twin concepts of constraints and capabilities let the browser and web site or app exchange in
formation about what constrainable properties the browser's implementation supports and what values it supports for each one.
... getting the constraints in effect if at any time you need to fetch the set of constraints that are currently applied to the media, you can get that in
formation by calling mediastreamtrack.getconstraints(), as shown in the example below.
...if you need to know the true
format and other properties of the media, you can obtain those settings by calling mediastreamtrack.getsettings().
msIsBoxed - Web APIs
letterbox
format displays black bars on the top and bottom of a video to fill in between the wide screen
format of a video, and the aspect ratio of the screen.
...pillarbox
format displays black bars on the left and right of a video to fill in the difference between a video and a wider screen.
... with pillarbox
format, the top and bottom edges of the video go to the full height of the screen.
Navigation Timing API - Web APIs
unlike javascript-based libraries that have historically been used to collect similar in
formation, the navigation timing api can be much more accurate and reliable.
... performancetiming used as the type for the value of timing, objects of this type contain timing in
formation that can provide insight into web page performance.
... performancenavigation the type used to return the value of navigation, which contains in
formation explaining the context of the load operation described by this performance instance.
Navigator.connection - Web APIs
the navigator.connection read-only property returns a networkin
formation object containing in
formation about the system's connection, such as the current bandwidth of the user's device or whether the connection is metered.
... syntax networkin
formation = navigator.connection value a networkin
formation object.
... specifications specification status comment network in
formation apithe definition of 'navigator.connection' in that specification.
Navigator.getBattery() - Web APIs
the getbattery() method provides in
formation about the system's battery.
... syntax var batterypromise = navigator.getbattery(); return value a promise which, when resolved, calls its fulfillment handler with a single parameter: a batterymanager object which you can use to get in
formation about the battery's state.
... exceptions 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 in
formation to insecure contexts and this method was called from insecure context.
OES_texture_half_float - Web APIs
the oes_texture_half_float extension is part of the webgl api and adds texture
formats with 16- (aka half float) and 32-bit floating-point components.
...for more in
formation, see also using extensions in the webgl tutorial.
... half floating-point color buffers this extension implicitly enables the ext_color_buffer_half_float extension (if supported), which allows rendering to 16-bit floating point
formats.
PaymentCurrencyAmount.value - Web APIs
you need to convert the value to this
format before submitting the payment.
... see the example verifying a properly
formatted price below for a simple regular expression that can be used to validate the value string prior to submission.
... examples representing prices this example represents the price of $42.95 in us dollars: let itemprice = { currency: "usd", value: "42.95" }; this example specifies a price of £7.77: let shippingcost = { currency: "gbp", value: "7.77" } this example specifies a price of 1000¥: let price = { currency: "jpy", value: "1000" } verifying a properly
formatted price you can ensure that the value entered as a price is
formatted correctly prior to submission by matching it against a simple regular expression: function checkprice
format(price) { let validregex = /^-?[0-9]+(\.[0-9]+)?$/; return validregex.test(price); } this function, checkprice
format(), will return true if the specified price string is
formatted properly, or false if it's not.
PaymentDetailsUpdate.error - Web APIs
the paymentdetailsupdate dictionary's error property is a human-readable domstring which provides an error message to be displayed if the specified in
formation doesn't offer any valid shipping options.
... syntax errorstring = paymentdetailsupdate.error; paymentdetailsupdate.error = errorstring; value a domstring specifying the string to display to the user if the in
formation specified in the paymentdetailsupdate doesn't provide any valid shipping options.
... this happens if both of the following are true: the paymentrequest specifies using its requestshipping property that shipping in
formation is required.
PaymentRequest.PaymentRequest() - Web APIs
data a json-serializable object that provides optional in
formation that might be needed by the supported payment methods.
... details provides in
formation about the requested transaction.
... data a json-serializable object that provides optional in
formation that might be needed by the supported payment methods.
PaymentResponse.onpayerdetailchange - Web APIs
the paymentresponse object's onpayerdetailchange property is an event handler which is called to handle the payerdetailchange event, which is sent to the paymentresponse when the user makes changes to their personal in
formation while filling out a payment request form.
... syntax paymentresponse.onpayerdetailchange = eventhandlerfunction; value an event handler function which is called to handle the payerdetailchange event when the user makes changes to their personal in
formation while editing a payment request form.
... examples in the example below, onpayerdetailchange is used to set up a listener for the payerdetailchange event in order to validate the in
formation entered by the user, requesting that any mistakes be corrected // options for paymentrequest(), indicating that shipping address, // payer email address, name, and phone number all be collected.
Payment processing concepts - Web APIs
verify that the in
formation provided by the user results in a valid transaction.
... this results in the creation and returning of a payment method-specific object that contains the in
formation needed to handle the transaction.
... paymentrequest.onmerchantvalidation = function(event) { event.complete(fetchvalidationdata(event.validationurl)); } in this example, fetchvalidationdata() is a function which loads the payment handler specific identifying in
formation from the address given by validationurl.
Using the Payment Request API - Web APIs
this takes two mandatory parameters and one option parameter: methoddata — an object containing in
formation concerning the payment provider, such as what payment methods are supported, etc.
... details — an object containing in
formation concerning the specific payment, such as the total payment amount, tax, shipping cost, etc.
... showing additional user interface after successful payments if the merchant desires to collect additional in
formation not part of the api (e.g., additional delivery instructions), the merchant can show a page with additional <input type="text"> fields after the checkout.
Performance - Web APIs
the performance interface provides access to performance-related in
formation for the current page.
... performance.timing read only a legacy performancetiming object containing latency-related performance in
formation.
... performance.memory read only a non-standard extension added in chrome, this property provides an object with basic memory usage in
formation.
PerformanceTiming - Web APIs
the performancetiming interface is a legacy interface kept for backwards compatibility and contains properties that offer performance timing in
formation for various events which occur during the loading and use of the current page.
...if a persistent connection is used, or the in
formation is stored in a cache or a local resource, the value will be the same as performancetiming.fetchstart.
...if a persistent connection is used, or the in
formation is stored in a cache or a local resource, the value will be the same as performancetiming.fetchstart.
Push API - Web APIs
see the following articles for more in
formation: cross-site request forgery (csrf) prevention cheat sheet preventing csrf and xsrf attacks for an app to receive push messages, it has to have an active service worker.
... the resulting pushsubscription includes all the in
formation that the application needs to send a push message: an endpoint and the encryption key needed for sending data.
...it contains in
formation sent from an application to a pushsubscription.
RTCConfiguration - Web APIs
the options include ice server and transport settings and identity in
formation.
...see using certificates below for additional in
formation.
... <<<--- add link to in
formation about identity --->>> example the configuration below establishes two ice servers.
RTCErrorEvent - Web APIs
it's based on the standard event interface, but adds rtc-specific in
formation describing the error, as shown below.
... properties in addition to the standard properties available on the event interface, rtcerrorevent also includes the following: error read only an rtcerror object specifying the error which occurred; this object includes the type of error that occurred, in
formation about where the error occurred (such as which line number in the sdp or what sctp cause code was at issue).
... description there are other data types used for error events in webrtc, as needed for errors with special in
formation sharing requirements.
RTCIceCandidate.address - Web APIs
you can't specify the address in the options object, but the address is automatically extracted from the candidate a-line, if it's
formatted properly.
... security notes it's important to note here that although webrtc does not require the two peers on an rtcpeerconnection to know one another's true ip addresses, the address property on rtcicecandidate can expose more in
formation about the source of the remote peer than the user expects.
... the ip address can be used to derive in
formation about the remote device's location, network topology, and so forth.
RTCPeerConnection.setConfiguration() - Web APIs
you cannot change the identity in
formation for a connection once it's already been set.
... exceptions invalidaccesserror one or more of the urls specified in configuration.iceservers is a turn server, but complete login in
formation is not provided (that is, either the rtciceserver.username or rtciceserver.credentials is missing).
... invalidmodificationerror the configuration includes changed identity in
formation, but the connection already has identity in
formation specified.
RTCRemoteOutboundRtpStreamStats.localId - Web APIs
both of these provide in
formation about the same batch of packets being transmitted from the remote peer to the local device.
... example in this example, we have a pair of functions: the first, networkteststart(), captures an initial report, and the second, networkteststop(), captures a second report, then uses the two reports to output some in
formation about the network conditions...
... now we have all the raw statistics needed to calculate the in
formation we want to display, so we do so: we calculate the amount of time—elapsedtime—that elapsed between the two reports being sent by subtracting the timestamp startreport from that of endreport.
RTCRtpCodecParameters - Web APIs
most codecs have specific values or ranges of values they permit; see the iana payload
format media type registry for details.
... sdpfmtpline optional a domstring containing the
format-specific parameters field from the "a=fmtp" line in the codec's sdp, if one is present; see section 5.8 of the ietf specification for jsep.
... note: on an rtcrtpreceiver, the
format-specific parameters come from the sdp sent by the remote peer, while for rtcrtpsender, they're provided by the local description.
Report.body - Web APIs
the body read-only property of the report interface returns the body of the report, which is a reportbody object containing the detailed report in
formation.
... syntax let reportbody = reportinstance.body returns a reportbody object containing the detailed report in
formation.
...these all inherit from the base reportbody class — study their reference pages for more in
formation on what the particular report body types contain.
Reporting API - Web APIs
concepts and usage there are a number of different features and problems on the web platform that generate in
formation useful to web developers when they are trying to fix bugs or improve their websites in other ways.
... such in
formation can include: content security policy violations.
... the reporting api's purpose is to provide a consistent reporting mechanism that can be used to make such in
formation available to developers in the form of reports represented by javascript objects.
SVGAltGlyphElement - Web APIs
it defines the glyph identifier, whose
format is dependent on the ‘
format’ of the given font.
... svgaltglyphelement.
format it corresponds to the attribute
format on the given element.
...this property specifies the
format of the given font.
Using server-sent events - Web APIs
function(event) { const newelement = document.createelement("li"); const time = json.parse(event.data).time; newelement.innerhtml = "ping at " + time; eventlist.appendchild(newelement); }); this code is similar, except that it will be called automatically whenever the server sends a message with the event field set to "ping"; it then parses the json in the data field and outputs that in
formation.
...for details on the
format of the event stream, see event stream
format.
... evtsource.close(); event stream
format the event stream is a simple stream of text data which must be encoded using utf-8.
ServiceWorkerGlobalScope: pushsubscriptionchange event - Web APIs
bubbles no cancelable no interface pushsubscriptionchangeevent event handler property onpushsubscriptionchange usage notes although examples demonstrating how to share subscription related in
formation with the application server tend to use fetch(), this is not necessarily the best choice for real-world use, since it will not work if the app is offline, for example.
... consider using another method to synchronize subscription in
formation between your service worker and the app server, or make sure your code using fetch() is robust enough to handle cases where attempts to exchange data fail.
...this is delivered to the app server using a fetch() call to post a json
formatted rendition of the subscription's endpoint to the app server.
TrackDefault.TrackDefault() - Web APIs
language a domstring specifying a default language for the sourcebuffer to use when an initialization segment does not contain language in
formation for a new track.
... label a domstring specifying a default label for the sourcebuffer to use when an initialization segment does not contain label in
formation for a new track.
... kinds an array (sequence) of domstrings specifying default kinds for the sourcebuffer to use when an initialization segment does not contain kind in
formation for a new track.
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.
...for more in
formation, see also using extensions in the webgl tutorial.
... constants the compressed texture
formats are exposed by 3 constants and can be used in two functions: compressedteximage2d() and compressedtexsubimage2d().
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.
...for more in
formation, see also using extensions in the webgl tutorial.
... constants the compressed texture
format is exposed by a constant and can be used with the compressedteximage2d() method (note that etc1 is not supported with the compressedtexsubimage2d() method).
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.
...for more in
formation, see also using extensions in the webgl tutorial.
... constants the compressed texture
formats are exposed by four constants and can be used in two functions: compressedteximage2d() (where the height and width parameters must be powers of 2) and compressedtexsubimage2d() (where the the height and width parameters must equal the current values of the existing texture and the xoffset and yoffset parameters must be 0).
WebGL2RenderingContext.compressedTexSubImage3D() - Web APIs
the webgl2renderingcontext.compressedtexsubimage3d() method of the webgl api specifies a three-dimensional sub-rectangle for a texture image in a compressed
format.
... syntax // read from the buffer bound to gl.pixel_unpack_buffer void gl.compressedtexsubimage3d(target, level, xoffset, yoffset, zoffset, width, height, depth,
format, imagesize, offset); void gl.compressedtexsubimage3d(target, level, xoffset, yoffset, zoffset, width, height, depth,
format, arraybufferview srcdata, optional srcoffset, optional srclengthoverride); parameters target a glenum specifying the binding point (target) of the active texture.
...
format a glenum specifying the compressed image
format.
WebGL2RenderingContext.getActiveUniformBlockParameter() - Web APIs
the webgl2renderingcontext.getactiveuniformblockparameter() method of the webgl 2 api retrieves in
formation about an active uniform block within a webglprogram.
... pname a glenum specifying which in
formation to query.
... return value depends on which in
formation is requested using the pname parameter.
WebGL2RenderingContext.getActiveUniforms() - Web APIs
the webgl2renderingcontext.getactiveuniforms() method of the webgl 2 api retrieves in
formation about active uniforms within a webglprogram.
... pname a glenum specifying which in
formation to query.
... return value depends on which in
formation is requested using the pname parameter.
WebGL2RenderingContext.getIndexedParameter() - Web APIs
the webgl2renderingcontext.getindexedparameter() method of the webgl 2 api returns indexed in
formation about a given target.
... syntax any gl.getindexedparameter(target, index); parameters target a glenum specifying the target for which to return in
formation.
... return value depends on the requested in
formation (as specified with target).
WebGL2RenderingContext.renderbufferStorageMultisample() - Web APIs
syntax void gl.renderbufferstoragemultisample(target, samples, internal
format, width, height); parameters target a glenum specifying the target renderbuffer object.
... possible values: gl.renderbuffer: buffer data storage for single images in a renderable internal
format.
... internal
format a glenum specifying the internal
format of the renderbuffer.
WebGL2RenderingContext.texStorage2D() - Web APIs
syntax void gl.texstorage2d(target, levels, internal
format, width, height); parameters target a glenum specifying the binding point (target) of the active texture.
... internal
format a glenum specifying the texture store
format.
... possible values: gl.r8 gl.r16f gl.r32f gl.r8ui gl.rg8 gl.rg16f gl.rg32f gl.rg8ui gl.rgb8 gl.srgb8 gl.rgb565 gl.r11f_g11f_b10f gl.rgb9_e5 gl.rgb16f gl.rgb32f gl.rgb8ui gl.rgba8 gl.srgb8_aplha8 gl.rgb5_a1 gl.rgba4 gl.rgba16f gl.rgba32f gl.rgba8ui unlike opengl 3.0, webgl 2 doesn't support the following etc2 and eac compressed texture
formats (see section 5.37 in the webgl 2 spec).
WebGLRenderingContext.getBufferParameter() - Web APIs
the webglrenderingcontext.getbufferparameter() method of the webgl api returns in
formation about the buffer.
... pname a glenum specifying in
formation to query.
... return value depends on the requested in
formation (as specified with pname).
WebGLRenderingContext.getProgramInfoLog() - Web APIs
the webglrenderingcontext.getprograminfolog returns the in
formation log for the specified webglprogram object.
... return value a domstring that contains diagnostic messages, warning messages, and other in
formation about the last linking or validation operation.
... when a webglprogram object is initially created, its in
formation log will be a string of length 0.
WebGLRenderingContext.getVertexAttrib() - Web APIs
the webglrenderingcontext.getvertexattrib() method of the webgl api returns in
formation about a vertex attribute at a given position.
... pname a glenum specifying the in
formation to query.
... return value returns the requested vertex attribute in
formation (as specified with pname).
A basic 2D WebGL animation example - Web APIs
let gl = null; let glcanvas = null; // aspect ratio and coordinate system // details let aspectratio; let currentrotation = [0, 1]; let currentscale = [1.0, 1.0]; // vertex in
formation let vertexarray; let vertexbuffer; let vertexnumcomponents; let vertexcount; // rendering data shared with the // scalers.
...this lets webgl consider any optimizations it can apply that may improve performance based on that in
formation.
...then we obtain the locations of each of the uniforms used to share in
formation between the javascript code and the shaders (with getuniformlocation()).
Data in WebGL - Web APIs
attributes are typically used to store color in
formation, texture coordinates, and any other data calculated or retrieved that needs to be shared between the javascript code and the vertex shader.
...they're used to provide values that will be the same for everything drawn in the frame, such as lighting positions and magnitudes, global trans
formation and perspective details, and so forth.
... <<add details>> buffers <<add in
formation>> textures <<add in
formation>> ...
Adding 2D content to a WebGL context - Web APIs
the shaders a shader is a program, written using the opengl es shading language (glsl), that takes in
formation about the vertices that make up a shape and generates the data needed to render the pixels onto the screen: namely, the positions of the pixels and their colors.
...this in
formation can then be stored in varyings or attributes as appropriate to be shared with the fragment shader.
...if that's false, we know the shader failed to compile, so show an alert with log in
formation obtained from the compiler using gl.getshaderinfolog(), then delete the shader and return null to indicate a failure to load the shader.
Taking still photos with WebRTC - Web APIs
at that point, all the properties in the video object have been configured based on the stream's
format.
... clearing the photo box clearing the photo box involves creating an image, then converting it into a
format usable by the <img> element that displays the most recently captured frame.
... once the canvas contains the captured image, we convert it to png
format by calling htmlcanvaselement.todataurl() on it; finally, we call photo.setattribute() to make our captured still box display the image.
Using WebRTC data channels - Web APIs
in this guide, we'll examine how to add a data channel to a peer connection, which can then be used to securely exchange arbitrary data; that is, any kind of data we wish, in any
format we choose.
...see security below for more in
formation.
... much of the in
formation in this section is based in part on the blog post demystifyijng webrtc's data channel message size limitations, written by lennart grahl.
Viewpoints and viewers: Simulating cameras in WebXR - Web APIs
the
format for storing matrices is generally as a flat array in column-major order; that is, the values from the matrix are written starting with the top-left corner and moving down to the bottom, then moving over to the right a row and repeating until all values are in the array.
... this in
formation includes the xrviewerpose describing the position and facing direction of the viewer within the scene as well as a list of xrview objects, each representing one perspective on the scene.
...for each view, we ask the xrwebgllayer for the appropriate viewport to use, configure the webgl viewport to match by passing the position and size in
formation into gl.viewport().
Starting up and shutting down a WebXR session - Web APIs
you don't need a worlddata object to store everything; you can store the in
formation you need to maintain any way you want to.
... you may need different in
formation or have different specific requirements that cause you to do things differently, or in a different order.
... similarly, the specific methodology you use for loading models and other in
formation and setting up your webgl data—textures, vertex buffers, shaders, and so on—will vary a great deal depending on your needs, what if any frameworks you're using, and the like.
WebXR Device API - Web APIs
events which communicate tracking states will also use xrframe to contain that in
formation.
...once an xrsession is obtained from navigator.xr.requestsession(), the session can be used to check the position and orientation of the viewer, query the device for environment in
formation, and present the virtual or augmented world to the user.
... making it interactive movement, orientation, and motion: a webxr example in this example and tutorial, we use in
formation learned throughout the webxr documentation to create a scene containing a rotating cube which the user can move around using both vr headset and keyboard and mouse.
Using the Web Speech API - Web APIs
]; var grammar = '#jsgf v1.0; grammar colors; public <color> = ' + colors.join(' | ') + ' ;' the grammar
format used is jspeech grammar
format (jsgf) — you can find a lot more about it at the previous link to its spec.
... the first line — #jsgf v1.0; — states the
format and version used.
...try ' + colorhtml + '.'; document.body.onclick = function() { recognition.start(); console.log('ready to receive a color command.'); } receiving and handling results once the speech recognition is started, there are many event handlers that can be used to retrieve results, and other pieces of surrounding in
formation (see the speechrecognition event handlers list.) the most common one you'll probably use is speechrecognition.onresult, which is fired once a successful result is received: recognition.onresult = function(event) { var color = event.results[0][0].transcript; diagnostic.textcontent = 'result received: ' + color + '.'; bg.style.backgroundcolor = color; console.log('confidence: ' + event.
XRPose.emulatedPosition - Web APIs
no in
formation is available about movement forward, backward, or to the sides.
... contrariwise, xr devices which can also track movement forward and backward as well as laterally—six degree of freedom (6dof) devices—don't require any in
formation from other sources to determine the user's position, so the value of emulatedposition is false.
... this in
formation is important because devices whose position is emulated are prone to their offset drifting relative to the real world space over time.
XSLT Basic Example - Web APIs
basic example this first example demonstrates the basics of setting up an xslt trans
formation in a browser.
... the example will take an xml document that contains in
formation (title, list of authors and body text) about an article and present it in an human readable form.
...the xml document (example.xml) contains the in
formation about the article.
Using the aria-invalid attribute - Accessibility
the aria-invalid attribute is used to indicate that the value entered into an input field does not conform to the
format expected by the application.this may include
formats such as email addresses or telephone numbers.
...the in
formation provided above is one of those opinions and therefore not normative.
... used in aria roles all elements of the base markup related aria techniques using the aria-required attribute using the alert role compatibility tbd: add support in
formation for common ua and at product combinations additional resources wai-aria specification for the aria-invalid property wai authoring practices for forms ...
Using the aria-labelledby attribute - Accessibility
aria-labelledby is very similar to aria-describedby: a label provides essential in
formation about an object, while a description provides extended in
formation that the user might need.
...the examples section below provides more in
formation on how to use the attribute this way.
...</div> notes the most common accessibility api mapping for a label is the accessible name property used by aria roles all elements of the base markup related aria techniques using the aria-label attribute using the aria-describedby attribute compatibility tbd: add support in
formation for common ua and at product combinations additional resources wai-aria specification for aria-labelledby ...
Using the slider role - Accessibility
see the examples section below for more in
formation.
...the in
formation provided above is one of those opinions and therefore not normative.
... var handle = document.getelementbyid("day-handle"); handle.setattribute("aria-valuenow", newvalue.tostring()); handle.setattribute("aria-valuetext", daynames[newvalue]); }; working examples: slider example notes aria attributes used aria-valuemin aria-valuemax aria-valuenow aria-valuetext aria-orientation related aria techniques compatibility tbd: add support in
formation for common ua and at product combinations additional resources wai-aria specification for the slider role ...
ARIA: cell role - Accessibility
the cell value of the aria role attribute identifies an element as being a cell in a tabular container that does not contain column or row header in
formation.
...if a cell contains column or row header in
formation, use the colheader or rowheader roles, respecitively.
... if the cell does not contain header in
formation and is nested in a grid or treegrid, the role of gridcell may be more appropriate.
ARIA: textbox role - Accessibility
the hint should be a sample value or a brief description of the expected
format.this in
formation should not be used as a substitute for a label: a label is focusable, permanent, indicates what kind of in
formation is expected, and increases the hit area for setting focus on the control, whereas placeholder text is only temporary hint about the expected value, which if implemented incorrectly can decrease accessibility.
...see the specification of aria-descendent for further in
formation.
...the in
formation provided above is one of those opinions and therefore not normative.
Web Accessibility: Understanding Colors and Luminance - Accessibility
webgl is usually in the rgba
format; see an example of how it is used in "clearing with colors".
...the electrical signals that go from eye to brain have much to resolve between them as the in
formation is processed in our brains.
... for more in
formation as to how an opthamologist uses this test, see red desaturation red environment: studies have shown that for those who suffer traumatic brain injury, cognitive function is reduced in a red environment.
Operable - Accessibility
for auto-updating in
formation that starts automatically and is shown alongside other content, controls should be provided to pause, stop, or hide it, or to control the frequency of updates.
... 2.4.2 include page title (a) each web page should include an in
formative <title>, the content of which describes the page's content/purpose.
...multiple instances of "further in
formation"), unless the structure allows you to differentiate between them easily.
::placeholder - CSS: Cascading Style Sheets
an alternate approach to providing placeholder in
formation is to include it outside of the input in close visual proximity, then use aria-describedby to programmatically associate the <input> with its hint.
... with this implementation, the hint content is available even if in
formation is entered into the input field, and the input appears free of preexisting input when the page is loaded.
... most screen reading technology will use aria-describedby to read the hint after the input's label text is announced, and the person using the screen reader can mute it if they find the extra in
formation unnecessary.
Using CSS animations - CSS: Cascading Style Sheets
animation-name: fadeinout, moveleft300px, bounce; animation-duration: 2.5s, 5s; animation-iteration-count: 2, 1; using animation events you can get additional control over animations — as well as useful in
formation about them — by making use of animation events.
... we'll modify the sliding text example to output some in
formation about each animation event when it occurs, so we can get a look at how they work.
... the html just for the sake of completeness, here’s the html that displays the page content, including the list into which the script inserts in
formation about the received events: <h1 id="watchme">watch me move</h1> <p> this example shows how to use css animations to make <code>h1</code> elements move across the page.
CSS Containment - CSS: Cascading Style Sheets
the browser can then use this in
formation to make decisions about how to render the content.
... this in
formation is something that is usually known, and in fact quite obvious, to the web developer creating the page.
...by using contain: layout you can tell the browser it only needs to check this element — everything inside the element is scoped to that element and does not affect the rest of the page, and the containing box establishes an independent
formatting context.
Backwards Compatibility of Flexbox - CSS: Cascading Style Sheets
if you find something referring to display: box or display: flexbox this is outdated in
formation.
...you can also check can i use for in
formation about when prefixes were removed in browsers to make your decision.
...the following feature query would include uc browser, which supports feature queries and old flexbox syntax, prefixed: @supports (display: flex) or (display: -webkit-box) { // code for supporting browsers } for more in
formation about using feature queries see using feature queries in css on the mozilla hacks blog.
Flow Layout and Overflow - CSS: Cascading Style Sheets
as we have already learned, using any of these values, other than the default of visible, will create a new block
formatting context.
...in addition it does not create a block
formatting context.
... summary whether you are in continuous media on the web or in a paged media
format such as print or epub, understanding how content overflows is useful when dealing with any layout method.
In Flow and Out of Flow - CSS: Cascading Style Sheets
taking an item out of flow all elements are in-flow apart from: floated items items with position: absolute (including position: fixed which acts in the same way) the root element (html) out of flow items create a new block
formatting context (bfc) and therefore everything inside them can be seen as a mini layout, separate from the rest of the page.
... the root element therefore is out of flow, as the container for everything in our document, and establishes the block
formatting context for the document.
...in the next guide we will look at a related issue, that of creating a block
formatting context, in
formatting contexts explained.
Using CSS transforms - CSS: Cascading Style Sheets
css transforms are implemented using a set of css properties that let you apply affine linear trans
formations to html elements.
... these trans
formations include rotation, skewing, scaling, and translation both in the plane and in the 3d space.
... <img style="transform: skewx(10deg) translatex(150px); transform-origin: bottom left;" src="https://udn.realityripple.com/samples/6d/6633f3efc0.png"> 3d specific css properties performing css trans
formations in 3d space is a bit more complex.
CSS values and units - CSS: Cascading Style Sheets
refer to the page for each value type for more detailed in
formation.
...see <url> for more in
formation.
...functions can take multiple arguments, which are
formatted similarly to a css property value.
font-kerning - CSS: Cascading Style Sheets
the font-kerning css property sets the use of the kerning in
formation stored in a font.
... normal font kerning in
formation stored in the font must be applied.
... none font kerning in
formation stored in the font is disabled.
overflow-x - CSS: Cascading Style Sheets
the box is not a scroll container, and does not start a new
formatting context.
... if you wish to start a new
formatting context, you can use display: flow-root to do so.
...if content fits inside the padding box, it looks the same as visible, but still establishes a new block-
formatting context.
overflow-y - CSS: Cascading Style Sheets
the box is not a scroll container, and does not start a new
formatting context.
... if you wish to start a new
formatting context, you can use display: flow-root to do so.
...if content fits inside the padding box, it looks the same as visible, but still establishes a new block-
formatting context.
perspective() - CSS: Cascading Style Sheets
the perspective() css function defines a trans
formation that sets the distance between the user and the z=0 plane, the perspective from which the viewer would be if the 2-dimensional interface were 3-dimensional.
... cartesian coordinates on ℝ2 homogeneous coordinates on ℝℙ2 cartesian coordinates on ℝ3 homogeneous coordinates on ℝℙ3 this trans
formation applies to the 3d space and can't be represented on the plane.
... this trans
formation is not a linear trans
formation in ℝ3, and can't be represented using a cartesian-coordinate matrix.
scale() - CSS: Cascading Style Sheets
the scale() css function defines a trans
formation that resizes an element on the 2d plane.
... this scaling trans
formation is characterized by a two-dimensional vector.
...if both coordinates are equal, the scaling is uniform (isotropic) and the aspect ratio of the element is preserved (this is a homothetic trans
formation).
scaleZ() - CSS: Cascading Style Sheets
the scalez() css function defines a trans
formation that resizes an element along the z-axis.
... this scaling trans
formation modifies the z-coordinate of each element point by a constant factor, except when the scale factor is 1, in which case the function is the identity transform.
... cartesian coordinates on ℝ2 homogeneous coordinates on ℝℙ2 cartesian coordinates on ℝ3 homogeneous coordinates on ℝℙ3 this trans
formation applies to the 3d space and can't be represented on the plane.
translate3d() - CSS: Cascading Style Sheets
this trans
formation is characterized by a three-dimensional vector.
... cartesian coordinates on ℝ2 homogeneous coordinates on ℝℙ2 cartesian coordinates on ℝ3 homogeneous coordinates on ℝℙ3 this trans
formation applies to the 3d space and can't be represented on the plane.
... a translation is not a linear trans
formation in ℝ3 and can't be represented using a cartesian-coordinate matrix.
translateZ() - CSS: Cascading Style Sheets
this trans
formation is defined by a <length> which specifies how far inward or outward the element or elements move.
... cartesian coordinates on ℝ2 homogeneous coordinates on ℝℙ2 cartesian coordinates on ℝ3 homogeneous coordinates on ℝℙ3 this trans
formation applies to the 3d space and can't be represented on the plane.
... a translation is not a linear trans
formation in ℝ3 and can't be represented using a cartesian-coordinate matrix.
Getting Started - Developer guides
it can send and receive in
formation in various
formats, including json, xml, html, and text files.
...for more in
formation on the possible http request methods, check the w3c specs.
...form data should be sent in a
format that the server can parse, like a query string: "name=value&anothername="+encodeuricomponent(myvar)+"&so=on" or other
formats, like multipart/form-data, json, xml, and so on.
Mouse gesture events - Developer guides
mozmagnifygestureupdate the mozmagnifygestureupdate event is sent periodically while processing a magnify gesture, to provide updated status in
formation.
...mozrotategestureupdate the mozrotategestureupdate event is sent periodically while processing a rotate gesture, to provide updated status in
formation.
...event fields mouse gesture events have additional fields providing in
formation about the gesture.
Using HTML sections and outlines - Developer guides
in the context of a section, a footer might contain the sectioned content's publication date, license in
formation, etc.
...each of these articles could contain sections of related in
formation.
...the <aside> element is often used for sidebars containing extra, but relevant, in
formation.
Separate sites for mobile and desktop - Developer guides
in a nutshell, this technique uses server-side logic to solve all three goals of mobile web development at once — if the user’s browser looks like it’s on a phone, you serve them mobile content,
formatted for their phone and optimized for speed.
...this is because the default browsers on some feature-phones do not support the same markup that you would use to code a website targeted at the desktop, but instead understand
formats like xhtml-mp or the older wml.
... responsive design a hybrid approach original document in
formation this article was originally published on 13 may 2011, on the mozilla webdev blog as "approaches to mobile web development part 2 – separate sites", by jason grlicky.
<b>: The Bring Attention To element - HTML: Hypertext Markup Language
the <b> element doesn't convey such special semantic in
formation; use it only when no others fit.
... it is a good practice to use the class attribute on the <b> element in order to convey additional semantic in
formation as needed (for example <b class="lead"> for the first sentence in a paragraph).
...styling in
formation has been deprecated since html4, so the meaning of the <b> element has been changed.
<button>: The Button element - HTML: Hypertext Markup Language
formaction html5 the url that processes the in
formation submitted by the button.
...use when the form contains in
formation that shouldn’t be public, like login credentials.
...accessible names provide in
formation for assistive technology, such as screen readers, to access when they parse the document and generate an accessibility tree.
<del>: The Deleted Text element - HTML: Hypertext Markup Language
this can be used when rendering "track changes" or source code diff in
formation, for example.
...for the
format of the string without a time, see date strings.
... the
format of the string if it includes both date and time is covered in local date and time strings.
<input type="image"> - HTML: Hypertext Markup Language
overriding default form behaviors <input type="image"> elements — like regular submit buttons — can accept a number of attributes that override the default form behavior: formaction html5 the uri of a program that processes the in
formation submitted by the input element; overrides the action attribute of the element's form owner.
...if the image input has a name attribute, then keep in mind that the specified name is prefixed on every attribute, so if the name is position, then the returned coordinates would be
formatted in the url as ?position.x=52&position.y=55.
...the server-side code then works out what location was clicked on, and returns in
formation about places nearby.
<tr>: The Table Row element - HTML: Hypertext Markup Language
we have some examples below, but for more examples and an in-depth tutorial, see the html tables series in our learn web development area, where you'll learn how to use the table elements and their attributes to get just the right layout and
formatting for your tabular data.
... basic example this simple example shows a table listing people's names along with various in
formation about membership in a club or service.
... table { border: 1px solid black; } th, td { border: 1px solid black; } result the output is entirely unchanged, despite the addition of useful contextual in
formation under the hood: basic styling as is the case with all parts of a table, you can change the appearance of a table row and its contents using css.
itemscope - HTML: Hypertext Markup Language
the itemtypes, recipe, aggregaterating, and nutritionin
formation in the following example are part of the schema.org structured data for a recipe, as specified by the first itemtype, http://schema.org/recipe.
...s </span> <br> prep time: <time datetime="pt30m" itemprop="preptime">30 min</time><br> cook time: <time datetime="pt1h" itemprop="cooktime">1 hou</time>r<br> total time: <time datetime="pt1h30m" itemprop="totaltime">1 hour 30 min</time><br> yield: <span itemprop="recipeyield">1 9" pie (8 servings)</span><br> <span itemprop="nutrition" itemscope itemtype="http://schema.org/nutritionin
formation"> serving size: <span itemprop="servingsize">1 medium slice</span><br> calories per serving: <span itemprop="calories">250 cal</span><br> fat per serving: <span itemprop="fatcontent">12 g</span><br> </span> <p> ingredients:<br> <span itemprop="recipeingredient">thinly-sliced apples: 6 cups<br></span> <span itemprop="recipeingredient">white sugar: 3/4 cup<br></span> ...
... itemprop author [person] itemprop name carol smith itemscope itemprop[itemtype] aggregaterating [aggregaterating] itemprop ratingvalue 4.0 itemprop reviewcount 35 itemscope itemprop[itemtype] nutrition [nutritionin
formation] itemprop servingsize 1 medium slice itemprop calories 250 cal itemprop fatcontent 12 g note: a handy tool for extracting microdata structures from html is google's structured data testing tool.
HTML: Hypertext Markup Language
we have put together a course that includes all the essential in
formation you need to work towards your goal.
... guide to media types and
formats on the web the <audio> and <video> elements allow you to play audio and video media natively within your content without the need for external software support.
... quirks mode and standards mode historical in
formation on quirks mode and standards mode.
Resource URLs - HTTP
resource urls, urls prefixed with the resource: scheme, are used by firefox and firefox browser extensions to load resources internally, but some of the in
formation is available to sites the browser connects to as well.
... threats because some of the in
formation shared by resource: urls is available to websites, a web page could run internal scripts and inspect internal resources of firefox, including the default preferences, which could be a serious security and privacy issue.
... furthermore, some default values of preferences differ between build configurations, such as platform and locale, which means web sites could identify individual users using this in
formation.
Forwarded - HTTP
the forwarded header contains in
formation from the reverse proxy servers that is altered or lost when a proxy is involved in the path of the request.
... this header is used for debugging, statistics, and generating location-dependent content and by design it exposes privacy sensitive in
formation, such as the ip address of the client.
... header type request header forbidden header name no syntax forwarded: by=<identifier>;for=<identifier>;host=<host>;proto=<http|https> directives <identifier> an identifier disclosing the in
formation that is altered or lost when using a proxy.
Public-Key-Pins - HTTP
for more in
formation, see the http public key pinning article.
... header type response header forbidden header 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 in
formation (spki) fingerprint.
...max-age=5184000 tells the client to store this in
formation for two months, which is a reasonable time limit according to the ietf rfc.
Set-Cookie - HTTP
for more in
formation, see the guide on http cookies.
...see date for the required
formatting.
...(however, confidential in
formation should never be stored in http cookies, as the entire mechanism is inherently insecure and doesn't encrypt any in
formation.) note: insecure sites (http:) can't set cookies with the secure attribute (since chrome 52 and firefox 52).
Strict-Transport-Security - HTTP
how the browser handles it the first time your site is accessed using https and it returns the strict-transport-security header, the browser records this in
formation, so that future attempts to load the site using http will automatically use https instead.
... whenever the strict-transport-security header is delivered to the browser, it will update the expiration time for that site, so sites can refresh this in
formation and prevent the timeout from expiring.
... in
formation regarding the hsts preload list in chrome : https://www.chromium.org/hsts consultation of the firefox hsts preload list : nsstspreloadlist.inc examples all present and future subdomains will be https for a max-age of 1 year.
Link prefetching FAQ - HTTP
an example using the link tag follows: <link rel="prefetch" href="/images/big.jpeg"> the same prefetching hint using an http link: header: link: </images/big.jpeg>; rel=prefetch the
format for the link: header is described in rfc 5988 section 5.
...the <link> tag gives the browser the ability to know what sites are up to, and we can use this in
formation to better prioritize document prefetching.
... prefetching hints original document in
formation author(s): darin fisher (darin at meer dot net) last updated date: updated: march 3, 2003 ...
A typical HTTP session - HTTP
an absolute url without the protocol or domain name the http protocol version subsequent lines represent an http header, giving the server in
formation about what type of data is appropriate (e.g., what language, what mime types), or other data altering its behavior (e.g., not sending an answer if it is already cached).
... subsequent lines represent specific http headers, giving the client in
formation about the data sent (e.g.
...responses are grouped into five classes: in
formational responses, successful responses, redirects, client errors, and servers errors.
Numbers and dates - JavaScript
numbers in javascript, numbers are implemented in double-precision 64-bit binary
format ieee 754 (i.e., a number between ±2−1022 and ±2+1023, or about ±10−308 to ±10+308, with a numeric precision of 53 bits).
... the number prototype provides methods for retrieving in
formation from number objects in various
formats.
...for example, the following code uses parse and settime to assign a date value to the ipodate object: var ipodate = new date(); ipodate.settime(date.parse('aug 9, 1995')); example in the following example, the function jsclock() returns the time in the
format of a digital clock.
Regular expressions - JavaScript
it returns an array of in
formation or null on a mismatch.
... when you want to know whether a pattern is found in a string, use the test() or search() methods; for more in
formation (but slower execution) use the exec() or match() methods.
... <br> the expected
format is like ###-###-####.
Inheritance and the prototype chain - JavaScript
more in
formation is available for firefox developer tools, chrome devtools, and edge devtools.) function dosomething(){} console.log( dosomething.prototype ); // it does not matter how you declare the function, a // function in javascript will always have a default // prototype property.
...during this initialization, the constructor may store unique in
formation that must be generated per-object.
... however, this unique in
formation would only be generated once, potentially leading to problems.
Functions - JavaScript
see function for in
formation on properties and methods of function objects.
...see method definitions for more in
formation.
... a safer way to define functions conditionally is to assign a function expression to a variable: var zero; if (shoulddefinezero) { zero = function() { console.log("this is zero."); }; } examples returning a
formatted number the following function returns a string containing the
formatted representation of a number padded with leading zeros.
Date.prototype.toDateString() - JavaScript
the todatestring() method returns the date portion of a date object in english in the following
format separated by spaces: first three letters of the week day name first three letters of the month name two digit day of the month, padded on the left a zero if necessary four digit year (at least), padded on the left with zeros if necessary e.g.
...calling tostring() will return the date
formatted in a human readable form in english.
... the todatestring() method is especially useful because compliant engines implementing ecma-262 may differ in the string obtained from tostring() for date objects, as the
format is implementation-dependent and simple string slicing approaches may not produce consistent results across multiple engines.
Date.prototype.toUTCString() - JavaScript
description the value returned by toutcstring() is a string in the form www, dd mmm yyyy hh:mm:ss gmt, where:
format sring description www day of week, as three letters (e.g.
...jan, feb, ...) yyyy year, as four or more digits with leading zeroes if required hh hour, as two digits with leading zero if required mm minute, as two digits with leading zero if required ss seconds, as two digits with leading zero if required prior to ecmascript 2018, the
format of the return value varied according to the platform.
... the most common return value was an rfc-1123
formatted date stamp, which is a slightly updated version of rfc-822 date stamps.
Intl.DisplayNames() constructor - JavaScript
for in
formation about this option, see the intl page.
... style the
formatting style to use, the default is "long".
... "code" "none" examples basic usage in basic use without specifying a locale, a
formatted string in the default locale and with default options is returned.
Intl.PluralRules - JavaScript
the intl.pluralrules object enables plural-sensitive
formatting and plural-related language rules.
... intl.pluralrules.prototype.select() returns a string indicating which plural rule to use for locale-aware
formatting.
...in order to get the
format of the language used in the user interface of your application, make sure to specify that language (and possibly some fallback languages) using the locales argument: // arabic has different plural rules new intl.pluralrules('ar-eg').select(0); // → 'zero' new intl.pluralrules('ar-eg').select(1); // → 'one' new intl.pluralrules('ar-eg').select(2); // → 'two' new intl.pluralrules('ar-eg').select(6); // → 'few' new intl.pluralrules('ar-eg').select(18); // → 'many' specifications specification ecmascript internationalization api (ecma-402)the definition of 'intl.pluralrules' in that specification.
escape() - JavaScript
note: this function was used mostly for url queries (the part of a url following ?)—not for escaping ordinary string literals, which use the
format "\xhh".
...for characters with a greater code unit, the four-digit
format %uxxxx is used.
...for more in
formation, see https://discourse.mozilla.org/t/mdn-rfc-001-mdn-wiki-pages-shouldnt-be-a-distributor-of-polyfills/24500 ...
Web app manifests
the web app manifest provides in
formation about a web application in a json text file, necessary for the web app to be downloaded 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).
...it is a json-
formatted file, with one exception: it is allowed to contain "//"-style comments.
...click each one for more in
formation about it: background_colorcategoriesdescriptiondirdisplayiarc_rating_idiconslangnameorientationprefer_related_applicationsrelated_applicationsscopescreenshotsserviceworkershort_nameshortcutsstart_urltheme_color example manifest { "name": "hackerweb", "short_name": "hackerweb", "start_url": ".", "display": "standalone", "background_color": "#fff", "description": "a simply readable hacker news app.", "icons": [{ "src": "images/touch/homescreen48.png", "sizes": "48x48", "type": "image/png" }, { "src": "images/touch/homescreen72.png", "sizes": "72x72", "type": "image/png" }, { "src": "images/touch/homescreen96.png", "sizes": "96x96", "type": "image/pn...
Authoring MathML - MathML
http://www.w3.org/1999/xhtml"> <head> <title>xhtml+mathml example</title> </head> <body> <h1>xhtml+mathml example</h1> <p> square root of two: <math xmlns="http://www.w3.org/1998/math/mathml"> <msqrt> <mn>2</mn> </msqrt> </math> </p> </body> </html> mathml in email and instant messaging clients modern mail clients may send and receive emails in the html5
format and thus can use mathml expressions.
...have a much complete latex support or generate other
formats like epub.
... original document in
formation author(s): frédéric wang other contributors: florian scholz copyright in
formation: portions of this content are © 2010 by individual mozilla.org contributors; content available under a creative commons license | details.
Navigation and resource timings - Web Performance
if a persistent connection is used, or the in
formation is stored in a cache or a local resource, the value will be the same as performancetiming.fetchstart.
...if a persistent connection is used, or the in
formation is stored in a cache or a local resource, the value will be the same as performancetiming.fetchstart.
... the performancenavigationtiming interface also provides in
formation about what type of navigation you are measuring, returning navigate, reload, back_forward or prerender.
Add to Home screen - Progressive web apps (PWAs)
manifest the web manifest is written in standard json
format and should be placed somewhere inside your app directory (in the root is probably best) with the name somefilename.webmanifest (we've chosen manifest.webmanifest).
... it contains multiple fields that define certain in
formation about the web app and how it should behave.
...you could also decide to include different types of icons so devices can use the best one they are able to (e.g., chrome already supports the webp
format).
How to make PWAs re-engageable using Notifications and Push - Progressive web apps (PWAs)
notifications can be used by the service worker to show new in
formation to the user, or at least alert them when something has been updated.
...see the web push data encryption test page for detailed in
formation about securing the server.
... the server stores all the in
formation received when the user subscribed, so the messages can be sent later on when needed.
Structural overview of progressive web apps - Progressive web apps (PWAs)
for working examples and more in
formation, see the streams api documentation.
... source code.</p> <button id="notifications">request dummy notifications</button> <section id="content"> // content inserted in here </section> </main> <footer> <p>© js13kgames 2012-2018, created and maintained by <a href="http://end3r.com"> andrzej mazur</a> from <a href="http://enclavegames.com">enclave games</a>.</p> </footer> </body> </html> the <head> section contains basic in
formation about the app, including its title, description, and the needed references to its css file, web manifest, the main application javascript file (app.js, in which the app is initialized) as well as an additional javascript code file.
...other apps might use json or other
formats for this data.
path - SVG: Scalable Vector Graphics
</textpath> </text> </svg> animatemotion for <animatemotion>, path defines the motion path, expressed in the same
format and interpreted the same way as the d geometric property for the <path> element.
...for detailed in
formation about the commands that can be used, see the explanation for the d attribute.
...for detailed in
formation about the commands that can be used, see the explanation for the d attribute.
string - SVG: Scalable Vector Graphics
the string attribute is a hint to the user agent, and specifies a list of
formats that the font referenced by the parent <font-face-uri> element supports.
... only one element is using this attribute: <font-face-
format> usage notes value <anything> default value none animatable no <anything> this value specifies a list of
formats that are supported by the font referenced by the parent <font-face-uri> element.
...see the src descriptor of the @font-face at-rule for more in
formation.
Content type - SVG: Scalable Vector Graphics
the
format of an rgb value in hexadecimal notation is a "#" immediately followed by either three or six hexadecimal characters.
...the
format of an rgb value in the functional notation is an rgb start-function, followed by a comma-separated list of three numerical values (either three integer values or three percentage values) followed by ")".
...the time unit identifiers are: ms: milliseconds s: seconds transform-list <transform-list> a <transform-list> is used to specify a list of coordinate system trans
formations.
<cursor> - SVG: Scalable Vector Graphics
the png
format is recommended because it supports the ability to define a transparency mask via an alpha channel.
... if a different image
format is used, this
format should support the definition of a transparency mask (two options: provide an explicit alpha channel or use a particular pixel color to indicate transparency).
...typically, the other pixel in
formation (e.g., the r, g and b channels) defines the colors for those parts of the cursor which are not masked out.
SVG element reference - SVG: Scalable Vector Graphics
lter primitive elements <feblend>, <fecolormatrix>, <fecomponenttransfer>, <fecomposite>, <feconvolvematrix>, <fediffuselighting>, <fedisplacementmap>, <fedropshadow>, <feflood>,<fefunca>, <fefuncb>, <fefuncg>, <fefuncr>,<fegaussianblur>, <feimage>, <femerge>, <femergenode>, <femorphology>, <feoffset>, <fespecularlighting>, <fetile>, <feturbulence> font elements <font>, <font-face>, <font-face-
format>, <font-face-name>, <font-face-src>, <font-face-uri>, <hkern>, <vkern> gradient elements <lineargradient>, <meshgradient>, <radialgradient>, <stop> graphics elements <circle>, <ellipse>, <image>, <line>, <mesh>, <path>, <polygon>, <polyline>, <rect>, <text>, <use> graphics referencing elements <mesh>, <use> light source elements <fedistantlight>, <fepointlight>, <fespotlight> never-rende...
...they are listed here for in
formational purposes only.
... a <altglyph>, <altglyphdef>, <altglyphitem>, <animatecolor> c <cursor> f <font>, <font-face>, <font-face-
format>, <font-face-name>, <font-face-src>, <font-face-uri> g <glyph>, <glyphref> h <hkern> m <missing-glyph> t <tref> v <vkern> ...
SVG 2 support in Mozilla - SVG: Scalable Vector Graphics
ling never-rendered elements implementation status unknown :focus and ::selection styles implementation status unknown geometry change notes x and y attributes removed from <pattern> and <filter> implementation status unknown auto value of width and height computes to 0 but 100% on <svg> not implemented coordinate systems, trans
formations and units change notes exception for bad values on svgmatrix.skewx() and svgmatrix.skewy() implementation status unknown bounding box for element with no position at (0, 0) implementation status unknown defer keyword removed from preserveaspectratio attribute removed (bug 1280425) added non-scaling-size, non-rotation and fixed-posi...
...:href attribute deprecated in favor of href implemented (bug 1245751) xlink:title attribute deprecated in favor of child <title> implementation status unknown spaces in svg view fragments implementation status unknown pixel: and percent: spatial media fragments implementation status unknown linking to <view> elements does not cause implicit box trans
formation to show nearest ancestor <svg> element implementation status unknown unspecified svg view fragment parameters don't cause corresponding attributes to be reset to initial values implementation status unknown viewtarget attribute of <view> and corresponding svg view fragment parameter removed implementation status unknown fragment-only urls are always same-doc...
...al attributes on <a> implemented (bug 1451823) scripting change notes contentscripttype removed implementation status unknown animationevents.onload removed implementation status unknown fonts change notes <font>, <glyph>, <missing-glyph>, <hkern>, <vkern>, <font-face>, <font-face-src>, <font-face-uri>, <font-face-
format>, and <font-face-name> and corresponding idl interfaces removed implementation status unknown extensibility chapter change notes made <foreignobject> graphics element implementation status unknown ...
Same-origin policy - Web security
different protocol http://store.company.com:81/dir/page.html failure different port (http:// is port 80 by default) http://news.company.com/dir/page.html failure different host inherited origins scripts executed from pages with an about:blank or javascript: url inherit the origin of the document containing that url, since these types of urls do not contain in
formation about an origin server.
...it is often necessary to prevent embedding because embedding a resource always leaks some in
formation about it.
... to prevent cross-origin embeds, ensure that your resource cannot be interpreted as one of the embeddable
formats listed above.
Types of attacks - Web security
the user's browser cannot detect the malicious script is untrustworthy, and so gives it access to any cookies, session tokens, or other sensitive site-specific in
formation, or lets the malicious script rewrite the html content.
...the variety of attacks based on xss is almost limitless, but they commonly include transmitting private data like cookies or other session in
formation to the attacker, redirecting the victim to a webpage controlled by the attacker, or performing other malicious operations on the user's machine under the guise of the vulnerable site.
... man-in-the-middle (mitm) a third party intercepts traffic between a web server and a client (browser), and impersonates the web server in order to capture data (such as login credentials or credit card in
formation).
XML introduction - XML: Extensible Markup Language
this is a powerful way to store data in a
format that can be stored, searched, and shared.
... most importantly, since the fundamental
format of xml is standardized, if you share or transmit xml across systems or platforms, either locally or over the internet, the recipient can still parse the data due to the standardized xml syntax.
... <?xml-stylesheet type="text/css" href="stylesheet.css"?> there is also another more powerful way to display xml: the extensible stylesheet language trans
formations (xslt) which can be used to transform xml into other languages such as html.
Using the WebAssembly JavaScript API - WebAssembly
now, to help us understand what is going on here, let’s look at the text representation of our wasm module (which we also meet in converting webassembly
format to wasm): (module (func $i (import "imports" "imported_func") (param i32)) (func (export "exported_func") i32.const 42 call $i)) in the second line, you will see that the import has a two-level namespace — the internal function $i is imported from imports.imported_func.
... starting soon in firefox, in addition to viewing webassembly as text, developers will be able to debug (place breakpoints, inspect the callstack, single-step, etc.) webassembly using the text
format.
... you can see multiplicity in action in our understanding text
format article — see the mutating tables and dynamic linking section.
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.
... understanding webassembly text
format this article explains the wasm text
format.
... converting webassembly text
format to wasm this article provides a guide on how to convert a webassembly module written in the text
format into a .wasm binary.
Porting the Library Detector - Archive of obsolete content
); widgetview.width = tab.libraries.length * icon_width; } main.js will use the tabs module to update the widget's content when necessary (for example, when the user switches between tabs): tabs.on('activate', function(tab) { updatewidgetview(tab); }); tabs.on('ready', function(tab) { tab.libraries = []; }); showing the library detail the xul library detector displayed the detailed in
formation about each library on mouseover in a tooltip: we can't do this using a widget, so instead will use a panel.
...in.js containing the name of the corresponding library: function setlibraryinfo(element) { self.port.emit('setlibraryinfo', element.target.title); } var elements = document.getelementsbytagname('img'); for (var i = 0; i < elements.length; i++) { elements[i].addeventlistener('mouseover', setlibraryinfo, false); } one in the panel, which updates the panel's content with the library in
formation: self.on("message", function(libraryinfo) { window.document.body.innerhtml = libraryinfo; }); finally main.js relays the library in
formation from the widget to the panel: widget.port.on('setlibraryinfo', function(libraryinfo) { widget.panel.postmessage(libraryinfo); }); ...
l10n - Archive of obsolete content
var _ = require("sdk/l10n").get; console.log(_("child_id", 1)); console.log(_("child_id", 2)); see the tutorial on plural support for more in
formation.
... var _ = require("sdk/l10n").get; console.log(_("home_town", "alan", "norwich")); see the tutorial on placeholder support for more in
formation.
panel - Archive of obsolete content
you can load remote html into the panel: var mypanel = require("sdk/panel").panel({ width: 180, height: 180, contenturl: "https://en.wikipedia.org/w/index.php?title=jetpack&use
format=mobile" }); mypanel.show(); you can also load html that's been packaged with your add-on, and this is most probably how you will create dialogs.
...you can use these options even if the panel content is not packaged along with the add-on: var mypanel = require("sdk/panel").panel({ contenturl: "https://en.wikipedia.org/w/index.php?title=jetpack&use
format=mobile", contentstyle: "body { border: 3px solid blue; }" }); mypanel.show(); var self = require("sdk/self"); var mypanel = require("sdk/panel").panel({ contenturl: "https://en.wikipedia.org/w/index.php?title=jetpack&use
format=mobile", contentstylefile: self.data.url("panel-style.css") }); mypanel.show(); private browsing if your add-on has not opted into private browsing, and it call...
tabs - Archive of obsolete content
see the private-browsing documentation for more in
formation.
...this may come from http headers or other sources of mime in
formation, and might be affected by automatic type conversions performed by either the browser or extensions.
net/xhr - Archive of obsolete content
finally, we need to also consider attenuating http/https requests such that they're "sandboxed" and don't communicate potentially sensitive cookie in
formation.
...for more in
formation about xmlhttprequest objects, see the mdn page on using xmlhttprequest and the security concerns section in this page.
Tools - Archive of obsolete content
console enables your add-on to log error, warning or in
formational messages.
... package.json the package.json file contains manifest data for your add-on, providing not only descriptive in
formation about the add-on for presentation in the add-ons manager, but other metadata required of add-ons.
Bootstrapped extensions - Archive of obsolete content
bootstrap data each of the entry points is passed a simple data structure containing some useful in
formation about the add-on being bootstrapped.
... more in
formation about the add-on can be obtained by calling addonmanager.getaddonbyid().
Preferences - Archive of obsolete content
in
formation here applies to the mozilla suite, firefox, thunderbird, and possibly other mozilla-based applications.
... using preferences in extensions if you're writing your extension for one of the toolkit applications (firefox, thunderbird, nvu), you should provide default values for your extension's preferences (see above for in
formation on how to do it).
Deploying a Plugin as an Extension - Archive of obsolete content
this contains in
formation about our extension; all extensions have one.
...com</em:id> <em:name>rhapsody player engine</em:name> <em:version>1.0.0.487</em:version> <em:targetapplication> <description> <em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id> <em:minversion>1.5</em:minversion> <em:maxversion>1.5.0.*</em:maxversion> </description> </em:targetapplication> </description> </rdf> you can get more detailed in
formation about this file at install.rdf.
Extension Packaging - Archive of obsolete content
every extension must provide an install.rdf file, which contains metadata about the extension, such as its unique id, version, author, and compatibility in
formation.
... official references for toolkit api structure of an installable bundle: describes the common structure of installable bundles, including extensions, themes, and xulrunner applications extension packaging: specific in
formation about how to package extensions theme packaging: specific in
formation about how to package themes multiple-item extension packaging: specific in
formation about multiple-item extension xpis xul application packaging: specific in
formation about how to package xulrunner applications chrome registration printing in xul apps ...
Interaction between privileged and non-privileged pages - Archive of obsolete content
the in
formation we need for that is contained in evt.target.ownerdocument.
...e("attribute2", "hello world"); document.documentelement.appendchild(element); var evt = document.createevent("events"); evt.initevent("myextensionevent", true, false); element.dispatchevent(evt); } function extensionanswer(evtanswer) { alert(element.getattribute("attribute3") + " " + evtanswer.target.getattribute("part1")); } basic example of similar idea, extension passes in
formation via attributes and fires event on div in page, here.
Appendix E: DOM Building and Insertion (HTML & XUL) - Archive of obsolete content
there are cases, however, where we need to safely display
formatted html sent by a remote server.
... document.body.appendchild(parsehtml(document, xhr.responsetext, true, xhr.channel.uri)); see also displaying web content in an extension without security issues how to create a dom tree node.textcontent node.appendchild() element.setattribute() document.createelement() document.createtextnode() original document in
formation author(s): kris maglione last updated date: 2011-08-08 ...
Handling Preferences - Archive of obsolete content
preferences are used to store settings and in
formation to change their default behavior.
...in the past we have used this directory to store xslt files for xml trans
formations and local storage template files (more on this later).
Introduction - Archive of obsolete content
the tutorial aims to be as brief as possible, often falling back on mozilla documentation for more detailed in
formation.
...you can read and copy the user agent string of any firefox window, choosing "help > troubleshooting in
formation" from the main menu.
User Notifications and Alerts - Archive of obsolete content
because of the inconsistent support and temporary nature of these alerts, we don't recommend using this service to show in
formation the user needs to know and can't get in any other way.
...notification boxes are a good guideline to what you should aim for: thin, in
formative and easy to dismiss.
Firefox addons developer guide - Archive of obsolete content
if you use the interface template when mentioning interfaces by name, mdc will automatically
format them and generate links to their documentation, like this: nsiconsoleservice.
...res & listings; add credits to original authors and license; completed sometimes, interfaces names are misspelled: s/nsl/nsi; talk about fuel; titles of chapters and sub-headings should have caps for first letter of each word; we should add a part about bad and good practices (leaks, global scopes, ...); add external resources (mozdev.org/community/books.html); add to chapter 3 or 5 more in
formations about overlay (how to overlay some interesting part of firefox like status bar, menus or toolbar) add previous/next at the end of each chapter questions: opensource appendix.
Add-ons - Archive of obsolete content
firefox or thunderbird) uses to determine in
formation about an add-on as it is being installed.
... it contains metadata identifying the add-on, providing in
formation about who created it, where more in
formation can be found about it, which versions of what applications it is compatible with, how it should be updated, and so on.
XUL user interfaces - Archive of obsolete content
in
formation: user interfaces although html has some support for user interfaces, it does not support all the features that you need to make a standalone application.
... more details for more in
formation about xul user interfaces, see the xul page in this wiki.
List of Former Mozilla-Based Applications - Archive of obsolete content
applications that switched to another technology name description additional in
formation angelsoft tools for startups, vcs, and angel investors switched from xulrunner-based client to a web application autodesk maya 3d modeling tool switched off of gecko for help browser in version 8.5 blam feed reader switched to webkit in version 1.8.6 boxee media center software switched to webkit in version 1.0 epiphany browser switched from gecko to webkit flock social browsing ...
...now uses adobe air rift technologies software installation over internet no longer using mozilla technology -- need confirmation and details second life virtual world desktop client switched from embedded mozilla browser to a plugin architecture with a qtwebkit plugin applications that are no longer being developed name description additional in
formation aphrodite browser inactive aol client for mac internet software no longer available beonex communicator internet software last news item on site from 2004 chameleon theme builder inactive civil netizen p2p file delivery (email attachment replacement) site not updated since 2006 compuserve client internet sof...
Bonsai - Archive of obsolete content
bonsai source code the source code to the bonsai tool itself is also available, check out the in
formation available at the bonsai project page.
... original document in
formation author(s): jamie zawinski last updated date: september 8, 2004 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Adding the structure - Archive of obsolete content
e="0"/> </statusbarpanel> <statusbarpanel class="statusbarpanel-iconic" id="tinderbox-status" status="none"/> <statusbarpanel class="statusbarpanel-iconic" id="offline-status"/> <statusbarpanel class="statusbarpanel-iconic" id="security-button" onclick="browserpageinfo(null, 'securitytab')"/> </statusbar> the statusbar xul element defines a horizontal status bar where in
formative messages about an application's state can be displayed.
...each status bar panel displays a different kind of status in
formation.
Making a Mozilla installation modifiable - Archive of obsolete content
xul, xbl, javascript, and css files are all in text
format and can be edited in a standard text editor, while image files are in binary gif, jpg, or png
format and must be edited with an image editing program.
... the files are then collected into a series of jar archives, which are just zip files that contain a specially
formatted "manifest" file which describes the contents of the archive so mozilla knows what to do with them.
Creating a hybrid CD - Archive of obsolete content
css ascii 'r*ch' 'text' "css file" .dtd ascii 'r*ch' 'text' "dtd file" .js ascii 'r*ch' 'text' "javascript file" .mp3 raw 'tvod' 'mpg3' "mpeg file" .mpg raw 'tvod' 'mpeg' "mpeg file" .mpeg raw 'tvod' 'mpeg' "mpeg file" .au raw 'tvod' 'ulaw' "audio file" * ascii 'ttxt' 'text' "text file" for more in
formation about recording cds, see the cd-recordable faq.
... original document in
formation author(s): dawn endico last updated date: may 1, 2001 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Getting Started - Archive of obsolete content
directories in \mozilla\chrome\classic\skin\classic there are a number of different directories which contain the skin in
formation for the default packages that come with mozilla.
...skin info when switching skins in mozilla, it displays a preview image and some in
formation about the theme.
Using Dehydra - Archive of obsolete content
as gcc compiles file, dehydra calls functions in the user analysis script with in
formation about the code being compiled.
... for more in
formation, see the function reference and the object reference.
Download Manager improvements in Firefox 3 - Archive of obsolete content
download manager interfaces nsidownloadmanager gives applications and extensions access to the download manager, allowing them to add and remove files to the download list, retrieve in
formation about past and present downloads, and request notifications as to the progress of downloads.
... the download manager schema this article describes the database
format used to store and track in
formation about each download.
Drag and Drop JavaScript Wrapper - Archive of obsolete content
a flavor object has a name, which is a
formatted like a mime type, such as 'text/unicode'.
... « previousnext » original document in
formation author(s): neil deakin original document: http://xulplanet.com/tutorials/mozsdk/dragwrap.php copyright in
formation: copyright (c) neil deakin ...
Embedding FAQ - Archive of obsolete content
you can get more detailed in
formation on what interfaces are required and which are optional to impelement here.
...you can find more in
formation on adding new protocols here how to embedding mozilla inside of java there hasn't been any good code examples found.
Error Console - Archive of obsolete content
for in
formation about what javascript exceptions get logged into the error console, and how to make all exceptions get logged, read the article exception logging in javascript.
... manipulating data displayed in error console in
formation displayed in error console can be accessed and manipulated through the console service.
Style System Overview - Archive of obsolete content
the data
format of the structs and selectors is mostly clear from the code and not worth going into (although the implementation of :not() is confusing).
...(but beware didsetstylecontext) the style system style sheets & rules ↓ rule tree ↓ style context interface original document in
formation author(s): david baron last updated date: june 6, 2003 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Firefox Sync - Archive of obsolete content
these include: an http api for client-server interaction storage
formats used by the the clients cryptographic model for encrypting client data the definitive source for these specifications is http://docs.services.mozilla.com/.
...getting involved and status for in
formation on the current development status of sync including how to get involved, see https://wiki.mozilla.org/services/sync.
Introducing the Audio API extension - Archive of obsolete content
this event has the following attributes: mozchannels: number of channels mozsamplerate: sample rate per second mozframebufferlength: number of samples collected in all channels this in
formation is needed later to decode the audio data stream.
...those samples have the same
format as the ones in the mozaudioavailable event.
Menu - Archive of obsolete content
please see the wiki page and online documentation for more in
formation on how to use the add-on sdk.
... see bug 526382 for more in
formation.
jspage - Archive of obsolete content
urn math.pow(2,10*--b)*math.cos(20*b*math.pi*(a[0]||1)/3);}});["quad","cubic","quart","quint"].each(function(b,a){fx.transitions[b]=new fx.transition(function(c){return math.pow(c,[a+2]); });});var request=new class({implements:[chain,events,options],options:{url:"",data:"",headers:{"x-requested-with":"xmlhttprequest",accept:"text/javascript, text/html, application/xml, text/xml, */*"},async:true,
format:false,method:"post",link:"ignore",issuccess:null,emulation:true,urlencoded:true,encoding:"utf-8",evalscripts:false,evalresponse:false,nocache:false},initialize:function(a){this.xhr=new browser.request(); this.setoptions(a);this.options.issuccess=this.options.issuccess||this.issuccess;this.headers=new hash(this.options.headers);},onstatechange:function(){if(this.xhr.readystate!=4||!this.running){r...
...turn false;},send:function(k){if(!this.check(k)){return this; }this.running=true;var i=$type(k);if(i=="string"||i=="element"){k={data:k};}var d=this.options;k=$extend({data:d.data,url:d.url,method:d.method},k);var g=k.data,b=string(k.url),a=k.method.tolowercase(); switch($type(g)){case"element":g=document.id(g).toquerystring();break;case"object":case"hash":g=hash.toquerystring(g);}if(this.options.
format){var j="
format="+this.options.
format; g=(g)?j+"&"+g:j;}if(this.options.emulation&&!["get","post"].contains(a)){var h="_method="+a;g=(g)?h+"&"+g:h;a="post";}if(this.options.urlencoded&&a=="post"){var c=(this.options.encoding)?"; charset="+this.options.encoding:""; this.headers.set("content-type","application/x-www-form-urlencoded"+c);}if(this.options.nocache){var f="nocache="+new date().gettime();...
Mozilla Application Framework - Archive of obsolete content
tools venkman a javascript debugger with support for breakpoints, conditional breakpoints, local variable inspection, watch variables, single step, stop on error, profile data collection, report generation, code re
formatting (pretty printing), and more.
... original document in
formation author(s): myk melez last updated date: march 3, 2003 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
New Security Model for Web Services - Archive of obsolete content
empty the cache by passing in a empty string nswebscriptsaccess(implements nsiwebscriptsaccessservice) maintains access in
formation, for servers, in an access-info-cache ( hashtable ).
... if an entry was not found in the cache creates one by loading the declaration file (web-scripts-access.xml) and extracting in
formation from it (declaration file); requested type and subject princple's prefix are compared to the allowed type and prefix in order to determine access.
Priority Content - Archive of obsolete content
note: use example at sample:original document in
formation to credit original authors.
...keller mostly completed*: rich-text editing in mozilla 1.3 "mostly completed" means i'm waiting for a location to store example and source files which are required for demoing the in
formation in the articles.
Remote debugging - Archive of obsolete content
there give more in
formation about the stack than a breakpad crash report: not only the names of the functions on the stack, but also the values they were passed.
...transferring a core dump is tricky, because it is large and can contain private in
formation.
Table Cellmap - Border Collapse - Archive of obsolete content
introduction this document describes the additional in
formation that is stored for border collapse tables in the cellmap.
... in
formation storage each cellmap entry stores for tables in the border collapse mode additional in
formation about its top and left edge and its top left corner.
Table Layout Regression Tests - Archive of obsolete content
while the in
formation on the layout debugger is still useful, the testing in
formation is much less relevant now than it has been, as the "rtest" testing framework described here has been superseded by the reftest framework.
... original document in
formation author(s): bernd mielke other contributors: boris zbarsky last updated date: february 5, 2007 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Tamarin Build System Documentation - Archive of obsolete content
the list of smoke tests are located in the tamarin-repository, test/run-smokes.txt, assume the start directory is test
format is cd testdir; command to run test above the test should be a # comment describing why the test in the smokes, when test failed, possibly a bugzilla bug the tests can be run by following the above instructions for running buildbot scripts locally and executing the all/run-smoke-tests.sh as a rule any test failure should be immediately added to the top of the smoke test list so the list is priorit...
... the test/acceptance/testconfig.txt file contains a list of tests marked as expected failures or skipped with the configuration see the testconfig.txt for current instructions generally the
format is comma separated list with regular expressions for test and configuration.
Tamarin - Archive of obsolete content
releases release tracking in
formation on current, past, and upcoming releases of tamarin.
... documentation adobe actionscript virtual machine 2 (avm2) overview (pdf, 400k) the instructions, architecture, and file
format supported by the avm2.
The Download Manager schema - Archive of obsolete content
this in
formation is available using nsidownloadmanager methods to retrieve nsidownload objects for each download entry; however, if you feel like poking directly into the table, you can do so using the storage api.
...this in
formation is used to resume the download after it's been paused.
The new nsString class implementation (1999) - Archive of obsolete content
res of the new nsstrimpl implementation are: intrinsic support for 1 and 2 byte character widths provides automatic conversion between strings with different character sizes inviolate base structure eliminates class fragility problem; safe across dll boundaries offers c-style function api to manipulate nsstrimpl offers simple memory allocator api for specialized memory policy shares binary
format with bstring coming soon: a new xpcom (nsistring) interface non-templatized; this is a requirement for gecko very efficient buffer manipulation architecture the fundamental data type in the new architecture is struct nsstrimpl, given below: struct nsstrimpl { print32 mlength; void* mbuffer; print32 mcapacity; char mcharsize; char munused; // and now for the nsstrimpl api.
... original document in
formation author: rick gessner last updated date: january 20, 1999 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Venkman - Archive of obsolete content
venkman has been provided as part of the mozilla install distribution since october 2001, as well as an extension package in xpi
format.
... related topics javascript, web development, developing mozilla original document in
formation author(s): robert ginda other contributors: doctor unclear last updated date: july 13, 2007 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
XBL 1.0 Reference - Archive of obsolete content
the documentation process is still in progress: please keep it in your mind while using the provided in
formation.
... notes.html notes.xml notes.css view this example download all files (.zip archive) need to ask to adjust the server - it gives "access denied" for zip files (?) references initial xbl 1.0 proposal submitted as a note to w3c (does not reflect mozilla implementation, nor future plans) xbl 2.0 project original document in
formation last updated date: april 24, 2006 ...
XML in Mozilla - Archive of obsolete content
please help updating it with current in
formation.
...mozilla will read internal (dtd) subsets, and in special circumstances external dtds as explained above and will use this in
formation to recognize id type attributes, default attribute values, and general entities.
Mac stub installer - Archive of obsolete content
this, in addition to the above steps to set up the mac installer to debug you will need to do the following: create a file named xpcom.xpi with the shared libraries in the structure described under the [xpcom] section in: <http://lxr.mozilla.org/seamonkey/sou...ackages-mac#33> note that if you are using the debug target of the installer binary all shared libraries are expected to have the name
format <libname>debug.shlb now set a break point at xpi_init() in the mac installer code and step into xpistub and eventually the xpinstall engine will load including symbols so you can set a break point in the xpinstall engine itself.
... original document in
formation author(s): samir gehani other contributors: curt patrick last updated date: march 12, 2003 copyright in
formation: copyright (c) samir gehani, curt patrick ...
Install Wizards (aka: Stub Installers) - Archive of obsolete content
an installer package is an archive file (called xpi--pronounced "zippies"--because of its .xpi extensions) in phil katz zip
format.
... original document in
formation author(s): samir gehani other contributors: curt patrick last updated date: march 12, 2003 copyright in
formation: copyright (c) samir gehani, curt patrick ...
compareTo - Archive of obsolete content
compareto compares the version in
formation specified in this object to the version in
formation specified in the version parameter.
... version an installversion object or a string representing version in
formation in the
format "4.1.2.1234".
InstallVersion Object - Archive of obsolete content
installversion you use installversion objects to contain version in
formation for software.
...the init() method associates a particular version with an installversion object, the tostring() method converts versions in various
formats to a string, and the compareto() method compares these string and indicates the relationship between the two versions.
execute - Archive of obsolete content
the following line, for example, passes the "-c" command-line parameter to the executable: err = file.execute(myfile, "-c", true); when you want to pass more than one parameter to the executable itself, however, you must
format the args string in a particular way so that the parameters can be broken up and passed separately as required.
... this means that in order to pass three command-line arguments (-c, -d, and -s) to the executable, you should
format the args string as follows: err = file.execute(myfile, '"-c""-d""-s"', true); //technically, given the rules above, you could also pass the same //arguments with the following line, but the result is much less //readable: err = file.execute(myfile, "\"-c\"\"-d\"\"-s\"", true); also see the note about binaries on the macintosh platform in addfile.
patch - Archive of obsolete content
note that the registry pathname is not the location of the software on the computer; it is the location of in
formation about the software inside the client version registry.
...the set of differences is in gdiff
format and is created by the nsdiff utility.
registerChrome - Archive of obsolete content
in this case, registerchrome is supporting the old
format of installation archives, in which the manifest.rdf file was always located at the highest level of the installation archive.
... in this case, registerchrome does not require a path inside the archive, as it does now in order to locate the more flexible contents.rdf
format of installation archives.
XPJS Components Proposal - Archive of obsolete content
that native nsgetfactory function will check the in
formation it stored in the registry to see that the js factory for the given clsid is in a given .js file.
... original document in
formation author: john bandhauer last updated date: 1 july 1999 ...
XTech 2006 Presentations - Archive of obsolete content
microsummaries in firefox and on the web - myk melez microsummaries are regularly-updated compilations of the most important and timely in
formation on web pages.
... converging rich-client and web application development with mozilla xulrunner (open office
format) - benjamin smedberg this presentation demonstrates the convergence of rich-client and web application development and discuss application deployment using mozilla xulrunner.
Accessing Files - Archive of obsolete content
file and stream guide: [ nsiscriptableio | accessing files | getting file in
formation | reading from files | writing to files | moving, copying and deleting files | uploading and downloading files | working with directories ] important note: the pages from the file and stream guide use the io object (nsiscriptableio), which was not available in any released version of the platform (pending some fixes).
...for more in
formation about this, see working with directories.
Working With Directories - Archive of obsolete content
file and stream guide: [ nsiscriptableio | accessing files | getting file in
formation | reading from files | writing to files | moving, copying and deleting files | uploading and downloading files | working with directories ] important note: the pages from the file and stream guide use the io object (nsiscriptableio), which was not available in any released version of the platform (pending some fixes).
...see creating directories below for in
formation about this.
Moving, Copying and Deleting Files - Archive of obsolete content
file and stream guide: [ nsiscriptableio | accessing files | getting file in
formation | reading from files | writing to files | moving, copying and deleting files | uploading and downloading files | working with directories ] important note: the pages from the file and stream guide use the io object (nsiscriptableio), which was not available in any released version of the platform (pending some fixes).
...for more in
formation about nsifile.append(), see working with directories.
PopupEvents - Archive of obsolete content
for more in
formation about how to use this event, see context menu events.
...<panel id="time-panel" onpopupshowing="this.lastchild.value = (new date()).tolocale
format('%t')"> <label value="time:"/> <label id="time"/> </panel> <toolbarbutton label="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.
Tooltips - Archive of obsolete content
note that tooltips can only be activated using the mouse, so they should never contain important in
formation that isn't available elsewhere.
...it conveys no additional in
formation to the user, so it shouldn't be used as in this example.
Filtering - Archive of obsolete content
this method will remove all of the existing generated content, delete all of the internal in
formation pertaining to the results, and start again as if the template were just being examined for the first time.
...we will need to add some in
formation to the datasource in order to specify the list of countries that are available.
Introduction - Archive of obsolete content
once some data starts arriving, the template builder scans its in
formation to see if some results can be created.
...the local store is a datasource which is usually used to hold state in
formation such as window sizes, which columns in a tree are showing, and which tree items are open.
Tree Widget Changes - Archive of obsolete content
this object implements the nsitreecolumn interface and holds in
formation about a single column in the tree.
...example: treechildren::-moz-tree-separator { margin-top: 1px; border-top: 1px solid threedshadow; border-left: 1px solid threedshadow; border-right: 1px solid threedhighlight; border-bottom: 1px solid threedhighlight; height: 2px; } original document in
formation author: neil deakin source: here ...
Adding Labels and Images - Archive of obsolete content
this element is useful for in
formative text at the top of a dialog or a group of controls for example.
...the description element is intended for other descriptive text such as in
formative text at the top of a dialog box.
Cross Package Overlays - Archive of obsolete content
<rdf:seq about="chrome://navigator/content/navigator.xul"> <rdf:li>chrome://findfile/content/foverlay.xul</rdf:li> </rdf:seq> mozilla reads this in
formation and builds a list of overlays that are applied to other windows.
... it stores this in
formation in the chrome/overlayinfo directory.
More Event Handlers - Archive of obsolete content
we'll learn more about the box object in a later section, but it holds in
formation pertaining to how the element is displayed, including the x and y position of the element.
...you can use this event to save any changed in
formation, for example.
Tree View Details - Archive of obsolete content
the tree will use this in
formation to determine the hierarchical structure of the rows.
...the tree will use this in
formation and add space for the appropriate number of rows and push the rows afterwards down.
Using the Editor from XUL - Archive of obsolete content
now, we initialize a nstextrulesinfo with the in
formation about the string being inserted, and call willdoaction() on the current editing rules.
... original document in
formation author(s): editor team last updated date: july 25, 2000 copyright in
formation: copyright (c) editor team ...
XUL Coding Style Guidelines - Archive of obsolete content
they are placed above the actual entity string in the
format: <!-- localization note (entity.name): content --> where the <var>entity.name</var> is the entity name (id) for the string (entity value) to be localized, and the content provides helpful hints to the localizers.
... author: tao cheng newsgroup discussion mailing list original document in
formation author(s): tao cheng last updated date: december 10, 2004 copyright in
formation: copyright (c) tao cheng ...
XUL Event Propagation - Archive of obsolete content
events are used for different purposes, but they play a particularly important role in creating interactive xul-based user interfaces, since it is events that bring the in
formation about user actions to the code behind the interface.
... original author: ian oeschger other documents: w3c dom events, mozilla xul events original document in
formation author(s): ian oeschger last updated date: january 18, 2002 copyright in
formation: copyright (c) ian oeschger ...
browser - Archive of obsolete content
are you here looking for in
formation about the firefox web browser, or because you'd like to download the latest version of firefox?
... contentprincipal type: nsiprincipal this read-only property contains the principal for the content loaded in the browser, which provides security context in
formation.
editor - Archive of obsolete content
see the rich text editing and midas pages for more in
formation about gecko's built-in rich text editor.
...esignmode property of the loaded html document: <script language="javascript"> function initeditor(){ // this function is called to set up the editor var editor = document.getelementbyid("myeditor"); editor.contentdocument.designmode = 'on'; } </script> <editor id="myeditor" editortype="html" src="about:blank" flex="1" type="content-primary"/> once editable, the document can have special
formatting and other html pieces added to it using the document.execcommand method: var editor = document.getelementbyid("myeditor"); // toggle bold for the current selection editor.contentdocument.execcommand("bold", false, null); see the midas overview for more command strings.
grid - Archive of obsolete content
if you are looking for in
formation on css grids, you should go to our css grid layout page instead.
... more in
formation is available in the xul tutorial.
menuitem - Archive of obsolete content
more in
formation is available in the xul tutorial.
... more in
formation on adding checkmarks to menus in the xul tutorial validate type: one of the values below this attribute indicates whether to load the image from the cache or not.
tooltip - Archive of obsolete content
more in
formation is available in the xul tutorial.
...crop, default, label, noautohide, onpopuphidden, onpopuphiding, onpopupshowing, onpopupshown, page, position properties accessibletype, label, popupboxobject, position, state methods hidepopup, moveto, openpopup, openpopupatscreen, showpopup, sizeto examples <tooltip id="moretip" orient="vertical" style="background-color: #33dd00;"> <label value="click here to see more in
formation"/> <label value="really!" style="color: red;"/> </tooltip> <vbox> <button label="simple" tooltiptext="a simple popup"/> <button label="more" tooltip="moretip"/> </vbox> attributes crop type: one of the values below if the label of the element is too big to fit in its given space, the text will be cropped on the side specified by the crop attribute.
window - Archive of obsolete content
more in
formation is available in the xul tutorial.
...--> <window id="rootwnd" title="register online!" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <vbox> <hbox> <image src="application_form.png"/> <description>register online!</description> </hbox> <groupbox align="start"> <caption label="your in
formation"/> <radiogroup> <vbox> <hbox> <label control="your-fname" value="enter first name:"/> <textbox id="your-fname" value="johan"/> </hbox> <hbox> <label control="your-lname" value="enter last name:"/> <textbox id="your-lname" value="hernandez"/> </hbox> <hbox> <button oncomma...
CommandLine - Archive of obsolete content
mmandline object is passed as the first argument of the launched window: example var cmdline = window.arguments[0]; cmdline = cmdline.queryinterface(components.interfaces.nsicommandline); alert(cmdline.handleflagwithparam("test", false)); see also: chrome: command line for single instance applications of course, for a single instance application (see toolkit.singletonwindowtype for more in
formation), the last example still applies the first time your application is launched.
...</window> original document in
formation author: georges-etienne legendre last updated date: august 21st, 2007 ...
Windows and menus in XULRunner - Archive of obsolete content
the css is used to apply
formatting to elements, just as it would in html.
... see also xul:windows xul tutorial:creating a window commandset command xul tutorial:commands xul tutorial:simple menu bars xul tutorial:toolbars « previousnext » original document in
formation author: mark finkle last updated date: october 2, 2006 ...
XUL Explorer - Archive of obsolete content
the help menu provides access to xul in
formation on mdc.
...t 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 in
formation, see the xul_explorer:planning#feature_planning_for_xul_explorer.
Mozrunner - Archive of obsolete content
for more in
formation about mozrunner as part of the mozbase project, please see the mozbase project page.
...run mozrunner --help for detailed in
formation on the command line program.
Extentsions FAQ - Archive of obsolete content
how to attach in
formation using the stringproperties of an imap message with out changing the properties?
... why there are some rss feeds that do not appear as livemarks when bookmarked even though the necessary tags for the feed to appear as a livemark are seemingly present and properly
formatted in the feeds source?
2006-11-03 - Archive of obsolete content
a decision has to be made as to the usefulness of extended validation certificates and weather or not they will make a difference to the reliability of in
formation in certificates.
...more in
formation about ca can be found at http://www.cabforum.org/ meetings none during this week.
External resources for plugin creation - Archive of obsolete content
project: qtbrowserplugin project home page description (from the home page): the qtbrowserplugin solution makes it easy to write browser plugins that can be used in mozilla firefox, safari, opera, google chrome, qtwebkit and any other web browser that supports the "netscape plugin api", npapi articles, in
formation, and tutorials npapi has been around a very long time, and there have been many attempts to distill down useful in
formation on creating them: colonelpanic.net building a firefox plugin - part one: discusses the difference between npapi and npruntime and summarizes the basic apis needed to create a plugin building a firefox plugin - part two: discusses the basic lifecycle of a npapi plugin bui...
...lding a firefox plugin - part three: discusses npobjects and how to use them memory management in npapi: discusses how memory is managed in a npapi plugin browser plugins vs extensions (add-ons) -- the difference: discusses the oft-misunderstood difference between a plugin and an extension wikipedia npapi: history and general in
formation about npapi plugins and extensions: the general difference between them boom swagger boom writing an npapi plugin for mac os x ...
NPEmbedPrint - Archive of obsolete content
« gecko plugin api reference « plug-in side plug-in api summary substructure of npprint that contains platform-specific in
formation used during embedded mode printing.
... platformprint additional platform-specific printing in
formation.
NPFullPrint - Archive of obsolete content
« gecko plugin api reference « plug-in side plug-in api summary substructure of npprint that contains platform-specific in
formation used during full-page mode printing.
... platformprint platform-specific printing in
formation.
NPN_GetAuthenticationInfo - Archive of obsolete content
« gecko plugin api reference « browser side plug-in api summary the function is called by plugins to get http authentication in
formation from the browser.
...this function allows the plugin to ask the browser for http authentication in
formation for a domain.
NPP_New - Archive of obsolete content
it is called after np_initialize and is passed the mime type, embedded or full-screen display mode, and, for embedded plug-ins, in
formation about html embed arguments.
...this gives developers a chance to use private attributes to communicate instance-specific options or other in
formation to the plug-in.
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 in
formation.
... variable plug-in in
formation the call gets.
XEmbed Extension for Mozilla Plugins - Archive of obsolete content
it's recommended that you have a look at the gecko plugin api reference since this document will include in
formation that assumes that you are already familiar with the way that plugins are currently hosted as well as the apis.
...more in
formation is included on this below.
SAX - Archive of obsolete content
for more in
formation, please see sax homepage.
... set the handlers handlers are user-defined objects implementing sax handler interfaces, depending on what kind of in
formation they need to get from the parser.
.htaccess ( hypertext access ) - Archive of obsolete content
errordocument 404 /notfound.html # redirects traffic to notfound.html in case of a 404 error errordocument 500 /serverr.html # redirects traffic to serverr.html in case of a 500 internal server error for further in
formation see this external article: redirect your traffic for error handling.
... mime types : see correct mime types for further in
formation.
Common Firefox theme issues and solutions - Archive of obsolete content
@media all and (-moz-windows-compositor) { /* make transition to fullscreen mode seamlessly in firefox 10+ */ #main-window[infullscreen="true"] { -moz-appearance: none; background-color: -moz-dialog!important; } } for more in
formation about this issue please see bug 732757 and bug 732757 and this mozillazine thread.
...e-proxy-favicon { -moz-image-region: rect(0, 32px, 16px, 16px); } #identity-box:hover:active > #identity-box-inner > #page-proxy-stack > #page-proxy-favicon, #identity-box[open=true] > #identity-box-inner > #page-proxy-stack > #page-proxy-favicon { -moz-image-region: rect(0, 48px, 16px, 32px); } #page-proxy-favicon[pageproxystate="invalid"] { opacity: 0.5; } for more in
formation about identity boxes please see the identity box section of the amo editors theme review guidelines no visual clue for disabled url bars there needs to be a visual clue when url bar is disabled.
Theme changes in Firefox 3 - Archive of obsolete content
filename css file details changes to the default theme the table below lists changes made in the default theme for firefox 3; you can use this in
formation as a starting point for figuring out the changes you need to make.
...the rule that's needed to show and hide the go button and other location bar icons is: #urlbar[pageproxystate="invalid"] > #urlbar-icons > :not(#go-button) , #urlbar[pageproxystate="valid"] > #urlbar-icons > #go-button { visibility: collapse; } images to add add the following images: chrome://global/skin/icons/in
formation-16.png used when presenting in
formation notices.
Scratchpad - Archive of obsolete content
code completion scratchpad integrates the tern code analysis engine, and uses that to provide autocomplete suggestions and popups containing in
formation on the current symbol.
...you'll see the autocomplete box, as shown below: the icon next to each suggestion indicates the type, and the currently highlighted suggestion gets a popup with more in
formation.
E4X for templating - Archive of obsolete content
createbundle('chrome://myeext/locale/myext.properties'); if (args){ args = array.prototype.slice.call(arguments, 1); return 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 conditi...
...although a big advantage of e4x is being able to separate presentation from business logic, and the above-mentioned technique may fly in the face of this, if
formatted well, it can also allow inline shaping of xml somewhat akin to the w3c standard xquery language, allowing the scripting to mix in context with the surrounding declarative xml: var a = <a><b/><c/><d/></a>; var b = <bar>{function () { var content = <></>; for each (var el in a) { el.@att = 'val'; content += el; } return content; }()}</bar>; giving: <bar> <b att...
Date.getVarDate() - Archive of obsolete content
remarks the getvardate() method is used when javascript code interacts with com objects, activex objects, or other objects that accept and return date values in vt_date
format.
...the actual
format of the returned value depends on regional settings.
Debug.msUpdateAsyncCallbackRelation - Archive of obsolete content
the possible values for relationtype include: debug.ms_async_callback_status_assign_delegate debug.ms_async_callback_status_join debug.ms_async_callback_status_chooseany debug.ms_async_callback_status_cancel debug.ms_async_callback_status_error for more in
formation, see debug constants.
... note: some debugging tools do not display the in
formation sent to the debugger by this function.
JSException - Archive of obsolete content
constructor summary the netscape.javascript.jsexception class has the following constructors: jsexception deprecated constructors optionally let you specify a detail message and other in
formation.
... backward compatibility javascript 1.1 through 1.3 jsexception had three public constructors which optionally took a string argument, specifying the detail message or other in
formation for the exception.
Standards-Compliant Authoring Tools - Archive of obsolete content
html-kit is a full-featured, low priced editor designed to help html, xhtml and xml authors to edit,
format, lookup help, validate, preview and publish web pages.
... original document in
formation last updated date: january 30th, 2003 copyright © 2001-2003 netscape.
Writing JavaScript for XHTML - Archive of obsolete content
given the direction away from
formatting attributes and the possibility of xhtml becoming eventually more prominent (or at least the document author having the possibility of later wanting to make documents available in xhtml for browsers that support it), one may wish to avoid features which are not likely to stay compatible into the future.
... solution: avoid html-specific dom the html dom , even though it is compatible with xhtml 1.0, is not guaranteed to work with future versions of xhtml (perhaps especially the
formatting properties which have been deprecated as element attributes).
Issues Arising From Arbitrary-Element hover - Archive of obsolete content
thus, a:hover should always be used instead of just :hover, and a:link:hover (and a:visited:hover) are preferred to the simpler a:hover related links the dynamic pseudo-classes: :hover, :active, and :focus :hover pseudo-class (msdn) original document in
formation author(s): eric a.
... meyer, netscape communications last updated date: published 07 mar 2003; revised 21 mar 2003 copyright in
formation: copyright © 2001-2003 netscape.
Popup Window Controls - Archive of obsolete content
replacements for popup windows if your popup was created during the time the web page was loading, you may consider using document.write() to emit appropriate html which will contain the same in
formation as the popup window.
... original document in
formation author(s): bob clary last updated date: december 5th, 2002 copyright © 2001-2003 netscape.
bootstrap.js - Extensions
for more in
formation, see bootstrapped extensions.
... the example below contains the required methods in vsdoc
format.
3D games on the Web - Game development
see our explaining basic 3d theory article for all the in
formation you need.
...we have in
formation available for you to learn from: 2d collision detection 3d collision detection webxr the concept of virtual reality is not new, but it's storming onto the web thanks to hardware advancements such as the oculus rift, and the (currently experimental) webxr api for capturing in
formation from vr and ar hardware and making it available for use in javascript applications.
Mobile touch controls - Game development
note: the touch events reference article provides more examples and in
formation.
...the pointer variable will contain the in
formation about the pointer that activated the event.
Unconventional controls - Game development
first, we add a <script> tag with the url pointing at this file, and add <div id="output"></div> just before the closing </body> tag for outputting diagnostic in
formation.
...we next add these lines after all the event listeners for keyboard and mouse, but before the draw method: var todegrees = 1 / (math.pi / 180); var horizontaldegree = 0; var verticaldegree = 0; var degreethreshold = 30; var grabstrength = 0; right after that we use the leap's loop method to get the in
formation held in the hand variable on every frame: leap.loop({ hand: function(hand) { horizontaldegree = math.round(hand.roll() * todegrees); verticaldegree = math.round(hand.pitch() * todegrees); grabstrength = hand.grabstrength; output.innerhtml = 'leap motion: <br />' + ' roll: ' + horizontaldegree + '° <br />' + ' pitch: ' + verticaldegr...
WebRTC data channels - Game development
in the context of a game, this lets players send data to each other, whether text chat or game status in
formation.
... original document in
formation author(s): alan kligman source article: webrtc data channels for great multiplayer other contributors: robert nyman copyright in
formation: alan kligman, 2013 ...
Ciphertext - MDN Web Docs Glossary: Definitions of Web-related terms
in cryptography, a ciphertext is a scrambled message that conveys in
formation but is not legible unless decrypted with the right cipher and the right secret (usually a key), reproducing the original cleartext.
... a ciphertext's security, and therefore the secrecy of the contained in
formation, depends on using a secure cipher and keeping the key secret.
Client hints - MDN Web Docs Glossary: Definitions of Web-related terms
basically, with the client hints header, the developer or application can tell the browser to advertise in
formation about itself to the server, such as the device pixel ratio, the viewport width, and the display width.
... the client can then give the server in
formation about the client's environment, and the server can determine which resources to send based on that in
formation.
Effective connection type - MDN Web Docs Glossary: Definitions of Web-related terms
effectivetype is a property of the network in
formation api, exposed to javascript via the navigator.connection object.
... to see your effective connection type, open the console of the developer tools of a supporting browser and enter the following: navigator.connection.effectivetype; see also: network in
formation api networkin
formation networkin
formation.effectivetype ...
ITU - MDN Web Docs Glossary: Definitions of Web-related terms
from defining rules for ensuring transmissions get to where they need to go to and creating the "sos" alert signal used in morse code, the itu has long played a key role in how we use technology to exchange in
formation and ideas.
... in the internet age, the itu's role of establishing standards for video and audio data
formats used for streaming, teleconferencing, and other purposes.
Localization - MDN Web Docs Glossary: Definitions of Web-related terms
pe, miles in u.s.) text direction (e.g., european languages are left-to-right, arabic right-to-left) capitalization in latin script (e.g., english uses capitals for weekdays, spanish uses lowercase) adaptation of idioms (e.g., "raining cats and dogs" makes no sense when translated literally) use of register (e.g., in japanese respectful speech differs exceptionally from casual speech) number
format (e.g., 10 000,00 in germany vs.
... 10,000.00 in the u.s.) date
format currency cultural references paper size color psychology compliance with local laws local holidays personal names learn more general knowledge localization at mozilla on mdn localization on wikipedia ...
MIME type - MDN Web Docs Glossary: Definitions of Web-related terms
a mime type (now properly called "media type", but also sometimes "content type") is a string sent along with a file indicating the type of the file (describing the content
format, for example, a sound file might be labeled audio/ogg, or an image file image/png).
... learn more general knowledge internet media type on wikipedia technical reference list of mime types properly configuring server mime types details in
formation about the usage of mime types in a web context.
Normative - MDN Web Docs Glossary: Definitions of Web-related terms
specifications might also contain sections that are marked as non-normative or in
formative, which means those are provided there for the purpose of helping the reader understand the specifications better or to showcase an example or best practice, which need not be followed as a rule.
... learn more description of normative and in
formative content in whatwg wiki ...
Plaintext - MDN Web Docs Glossary: Definitions of Web-related terms
plaintext refers to in
formation that is being used as an input to an encryption algorithm, or to ciphertext that has been decrypted.
... it is frequently used interchangeably with the term cleartext, which more loosely refers to any in
formation, such as a text document, image, etc., that has not been encrypted and can be read by a human or computer without additional processing.
RDF - MDN Web Docs Glossary: Definitions of Web-related terms
rdf (resource description framework) is a language developed by w3c for representing in
formation on the world wide web, such as webpages.
... rdf provides a standard way of encoding resource in
formation so that it can be exchanged in a fully automated way between applications.
RSS - MDN Web Docs Glossary: Definitions of Web-related terms
rss (really simple syndication) refers to several xml document
formats designed for publishing site updates.
... when you subscribe to a website's rss feed, the website sends in
formation and updates to your rss reader in an rss document called a feed, so you don't need to check all your favorite websites manually.
Signature (functions) - MDN Web Docs Glossary: Definitions of Web-related terms
a signature can include: parameters and their types a return value and type exceptions that might be thrown or passed back in
formation about the availability of the method in an object-oriented program (such as the keywords public, static, or prototype).
...a signature in javascript can still give you some in
formation about the method: myobject.prototype.myfunction(value) the method is installed on an object called myobject.
XSLT - MDN Web Docs Glossary: Definitions of Web-related terms
extensible stylesheet language trans
formations (xslt) is a declarative language used to convert xml documents into other xml documents, html, pdf, plain text, and so on.
... xslt has its own processor that accepts xml input, or any
format convertible to an xquery and xpath data model.
jQuery - MDN Web Docs Glossary: Definitions of Web-related terms
jquery uses a
format, $(selector).action() to assign an element(s) to an event.
...ries out the same function as the following code: window.onload = function() { alert("hello world!"); document.getelementbyid("blackbox").style.display = "none"; }; or: window.addeventlistener("load", () => { alert("hello world!"); document.getelementbyid("blackbox").style.display = "none"; }); learn more general knowledge jquery on wikipedia jquery official website technical in
formation offical api reference documentation ...
JPEG - MDN Web Docs Glossary: Definitions of Web-related terms
jpeg compression is composed of three compression techniques applied in successive layers, including chrominance subsampling, discrete cosine trans
formation and quantization, and run-length delta & huffman encoding.
... chroma subsampling involves implementing less resolution for chroma in
formation than for luma in
formation, taking advantage of the human visual system's lower acuity for color differences than for luminance.
non-normative - MDN Web Docs Glossary: Definitions of Web-related terms
software specifications often contains in
formation marked as non-normative or in
formative, which means that those are provided there for the purpose of helping the readers to understand the specification better or to show an example or a best practice, and not needed to be followed as a rule.
... learn more description of normative and in
formative content in whatwg wiki ...
Mobile accessibility - Learn web development
in addition, many image requirements can be fulfilled using the svg vector images
format, which is well-supported across browsers today.
...see input types for raw in
formation on detecting different input types, and also check out our feature detection article for much more in
formation.
Backgrounds and borders - Learn web development
we have covered a lot in this article, but can you remember the most important in
formation?
... you can find some further tests to verify that you've retained this in
formation before you move on — see test your skills: backgrounds and borders.
Handling different text directions - Learn web development
we have covered a lot in this article, but can you remember the most important in
formation?
... you can find some further tests to verify that you've retained this in
formation before you move on — see test your skills: writing modes.
Organizing your CSS - Learn web development
consistency can be applied in all sorts of ways, such as using the same naming conventions for classes, choosing one method of describing color, or maintaining consistent
formatting (for example will you use tabs or spaces to indent your code?
...
formatting readable css there are a couple of ways you will see css
formatted.
Overflowing content - Learn web development
overflow establishes a block
formatting context when you use a value of overflow such as scroll or auto, you create a block
formatting context (bfc).
...can you remember the most important in
formation?
Combinators - Learn web development
we have covered a lot in this article, but can you remember the most important in
formation?
... you can find some further tests to verify that you've retained this in
formation before you move on — see test your skills: selectors.
CSS selectors - Learn web development
for example, ::first-line always selects the first line of text inside an element (a <p> in the below case), acting as if a <span> was wrapped around the first
formatted line and then selected.
...i have also included a link to the mdn page for each selector where you can check browser support in
formation.
Sizing items in CSS - Learn web development
we have covered a lot in this article, but can you remember the most important in
formation?
... you can find some further tests to verify that you've retained this in
formation before you move on — see test your skills: sizing.
Flexbox - Learn web development
we have covered a lot in this article, but can you remember the most important in
formation?
... you can find some further tests to verify that you've retained this in
formation before you move on — see test your skills: flexbox.
Grids - Learn web development
you've reached the end of this article, but can you remember the most important in
formation?
... you can find some further tests to verify that you've retained this in
formation before you move on — see test your skills: grids.
Multiple-column layout - Learn web development
you've reached the end of this article, but can you remember the most important in
formation?
... you can find some further tests to verify that you've retained this in
formation before you move on — see test your skills: multiple-column layout.
CSS first steps - Learn web development
we have put together a course that includes all the essential in
formation you need to work towards your goal.
... using your new knowledge with the things you have learned in the last few lessons you should find that you can
format simple text documents using css, to add your own style to them.
What are hyperlinks? - Learn web development
back in 1989, tim berners-lee, the web's inventor, spoke of the three pillars on which the web stands: url, an address system that keeps track of web documents http, a transfer protocol to find documents when given their urls html, a document
format allowing for embedded hyperlinks as you can see in the three pillars, everything on the web revolves around documents and how to access them.
...use external links to provide in
formation besides the content available through your webpage.
What is a URL? - Learn web development
you might think of a url like a regular postal mail address: the protocol represents the postal service you want to use, the domain name is the city or town, and the port is like the zip code; the path represents the building where your mail should be delivered; the parameters represent extra in
formation such as the number of the apartment in the building; and, finally, the anchor represents the actual person to whom you've addressed your mail.
...because the browser already has the document's own url, it can use this in
formation to fill in the missing parts of any url available inside that document.
Other form controls - Learn web development
you've reached the end of this article, but can you remember the most important in
formation?
... you can find some further tests to verify that you've retained this in
formation before you move on — see test your skills: other controls.
Sending form data - Learn web development
this enables the user to provide in
formation to be delivered in the http request.
...an http request consists of two parts: a header that contains a set of global metadata about the browser's capabilities, and a body that can contain in
formation necessary for the server to process the specific request.
Sending forms through JavaScript - Learn web development
historically, xmlhttprequest was designed to fetch and send xml as an exchange
format, which has since been superceded by json.
... but if you want to use a third party service, you need to send the data in the
format the services require.
Web forms — Working with user data - Learn web development
we have put together a course that includes all the essential in
formation you need to work towards your goal.
... validating and submitting form data client-side form validation sending data is not enough — we also need to make sure that the data users enter into forms is in the correct
format to process it successfully, and that it won't break our applications.
CSS basics - Learn web development
fonts and text now that we've explored some css fundamentals, let's improve the appearance of the example by adding more rules and in
formation to the style.css file.
...you can find more in
formation about different display values on mdn's display reference page.
The web and web standards - Learn web development
fast forward to 1989, and timbl wrote in
formation management: a proposal and hypertext at cern; these two publications together provided the background for how the web would work.
...security refers to constructing your website in a secure way so that malicious users cannot steal in
formation contained on it from you or your users.
What will your website look like? - Learn web development
discusses the planning and design work you have to do for your website before writing code, including "what in
formation does my website offer?", "what fonts and colors do i want?", and "what does my site do?" first things first: planning before doing anything, you need some ideas.
... what in
formation are you presenting on the subject?
Use HTML to solve common problems - Learn web development
how to create a basic html document how to divide a webpage into logical sections how to set up a proper structure of headings and paragraphs basic text-level semantics html specializes in providing semantic in
formation for a document, so html answers many questions you might have about how to get your message across best in your document.
...here is where you should start: how to create a simple web form how to structure a web form tabular in
formation some in
formation, called tabular data, needs to be organized into tables with columns and rows.
Structuring a page of content - Learn web development
a footer containing copyright in
formation and credits.
...metadata in html html text fundamentals creating hyperlinks advanced text
formatting document and website structure debugging html marking up a letter structuring a page of content ...
Test your skills: Links - Learn web development
links 1 in this task we want you to help fill in the links on our whales in
formation page: the first link should be linked to a page called whales.html, which is in the same directory as the current page.
... we'd also like you to give it a tooltip when moused over that tells the user that the page includes in
formation on blue whales and sperm whales.
HTML Tables - Learn web development
coupled with a little css for styling, html makes it easy to display tables of in
formation on the web such as your school lesson plan, the timetable at your local swimming pool, or statistics about your favorite dinosaurs or football team.
... we have put together a course that includes all the essential in
formation you need to work towards your goal.
Build your own function - Learn web development
you've reached the end of this article, but can you remember the most important in
formation?
... you can find some further tests to verify that you've retained this in
formation before you move on — see test your skills: functions.
JavaScript building blocks - Learn web development
we have put together a course that includes all the essential in
formation you need to work towards your goal.
...for example if the user clicks a button on a webpage, you might want to respond to that action by displaying an in
formation box.
Client-side web APIs - Learn web development
we have put together a course that includes all the essential in
formation you need to work towards your goal.
...this is usually done by using the document object model (dom), a set of apis for controlling html and styling in
formation that makes heavy use of the document object.
Test your skills: Math - Learn web development
after multiplying the two results together and
formatting the result to 2 decimal places, the final result should be 10.42.
... write a line of code that takes result and
formats it to 2 decimal places, storing the result of this in a variable called finalresult.
JavaScript First Steps - Learn web development
we have put together a course that includes all the essential in
formation you need to work towards your goal.
... storing the in
formation you need — variables after reading the last couple of articles you should now know what javascript is, what it can do for you, how you use it alongside other web technologies, and what its main features look like from a high level.
Object prototypes - Learn web development
you've reached the end of this article, but can you remember the most important in
formation?
... you can find some further tests to verify that you've retained this in
formation before you move on — see test your skills: object-oriented javascript.
Introducing JavaScript objects - Learn web development
we have put together a course that includes all the essential in
formation you need to work towards your goal.
... working with json data javascript object notation (json) is a standard text-based
format for representing structured data based on javascript object syntax, which is commonly used for representing and transmitting data on web sites (i.e.
JavaScript — Dynamic client-side scripting - Learn web development
every time a web page does more than just sit there and display static in
formation for you to look at—displaying timely content updates, interactive maps, animated 2d/3d graphics, scrolling video jukeboxes, or more—you can bet that javascript is probably involved.
... we have put together a course that includes all the essential in
formation you need to work towards your goal.
Learning area release notes - Learn web development
also see our hacks post — introducing the mdn web docs front-end developer learning pathway — for more in
formation about the rationale behind it.
...you can see these on: html text fundamentals creating hyperlinks advanced text
formatting images in html video and audio content from object to iframe — other embedding technologies ...
Properly configuring server MIME types - Learn web development
this article may contain out of date in
formation, as it has not been significantly updated in many years.
... related links incorrect mime type for css files iana | mime media types hypertext transfer protocol — http/1.1 microsoft - 293336 - info: webcast: mime type handling in microsoft internet explorer microsoft - appendix a: mime type detection in internet explorer microsoft - security update, march 29, 2001 microsoft - security update, december 13, 2001 original document in
formation author: bob clary, date: 20 feb 2003 ...
Server-side website programming - Learn web development
the dynamic websites – server-side programming topic is a series of modules that show how to create dynamic websites; websites that deliver customised in
formation in response to http requests.
... server-side website programming first steps this module provides technology-agnostic in
formation about server-side website programming such as "what is it?", "how does it differ from client-side programming?", and "why is it useful?".
Getting started with Ember - Learn web development
for more in
formation on the technical aspects of the glimmer vm, the github repository has some documentation — specifically, references and validators may be of interest.
... in ember-cli-build.js, find the following code: let app = new emberapp(defaults, { // add options here }); add the following lines underneath it before saving the file: app.import('node_modules/todomvc-common/base.css'); app.import('node_modules/todomvc-app-css/index.css'); for more in
formation on what ember-cli-build.js does, and for other ways in which you can customize your build / pipeline, the ember guides have a page on addons and dependencies.
Componentizing our React app - Learn web development
to follow the same pattern we had initially, let's give each instance of the <todo /> component an id in the
format of todo-i, where i gets larger by one every time: <todo name="eat" completed={true} id="todo-0" /> <todo name="sleep" completed={false} id="todo-1" /> <todo name="repeat" completed={false} id="todo-2" /> now go back to todo.js and make use of the id prop.
... tasks as data each of our tasks currently contains three pieces of in
formation: its name, whether it has been checked, and its unique id.
Beginning our React todo list - Learn web development
once we have put our styles in place, though, any element with this class will be hidden from sighted users and still available to screen reader users — this is because these words are not needed by sighted users; they are there to provide more in
formation about what the button does for screenreader users that do not have the extra visual context to help them.
...making this association gives the list a more in
formative context, which could help screen reader users better understand the purpose of it.
Starting our Svelte Todo list app - Learn web development
once we have put our styles in place, though, any element with this class will be hidden from sighted users and still available to screen reader users — this is because these words are not needed by sighted users; they are there to provide more in
formation about what the button does for screenreader users that do not have the extra visual context to help them.
...making this association gives the list a more in
formative context, which could help screen reader users better understand the purpose of it.
Deployment and next steps - Learn web development
if we have a look at the rollup.config.js file, we can see that the svelte compiler is just a rollup plugin: import svelte from 'rollup-plugin-svelte'; [...] import { terser } from 'rollup-plugin-terser'; const production = !process.env.rollup_watch; export default { input: 'src/main.js', output: { sourcemap: true,
format: 'iife', name: 'app', file: 'public/build/bundle.js' }, plugins: [ svelte({ // enable run-time checks when not in production dev: !production, // we'll extract any component css out into // a separate file - better for performance css: css => { css.write('public/build/bundle.css'); } }), later on in the same file you'll also see h...
... we saw how to add dynamic behavior to our web site, how to organize our app in components and different ways to share in
formation among them.
Vue resources - Learn web development
objective: to learn where to go to find further in
formation on vue, to continue your learning.
...this contains in
formation on customizing and extending the output you are generating via the cli.
Learn web development
we have put together a course that includes all the essential in
formation you need to work towards your goal.
... tools and testing this topic covers the tools developers use to facilitate their work, such as cross-browser testing tools, linters,
formatters, trans
formation tools, version control systems, deployment tools, and client-side javascript frameworks.
CSUN Firefox Materials
here are some examples of accessible extensions, although there are hundreds more to try (thank you to the gw micro knowledge base for some of this in
formation): adblock plus removes ads (and other objects, like banners) from web pages greasemonkey lets you add bits of javascript ("user scripts") to any web page to change its behavior.
...for more in
formation general in
formation: http://www.mozilla.com/firefox/ online support and community forums are located: http://forums.mozillazine.org/ accessibility compliance statement (section 508): http://www.mozilla.com/firefox/vpat.html ...
Accessible Toolkit Checklist
the checklist this checklist is currently only for microsoft windows, but should be expanded to include in
formation about linux and os x.
... space bar toggles checkboxes the enter key should activate an item if double clicking would do so msaa support, including accessible selection, exposing current level and position in list, alternative text for in
formative or interactive images, selectable, multiselectable and extselectable states, statechange events for expanding/collapsing and toggling of checkbox children.
Adding a new event
textevents.h this header file should be used for defining input events from keyboard or ime and also other text edit related events like querying focused content in
formation.
...if all in
formation of the event is stored by its internal event, c++ event handlers can access them with following code: ns_imethodimp aneventlistener::handleevent(nsidomevent* aevent) { internalfooevent* internalevent = aevent->getinternalnsevent()->asfooevent(); if (ns_warn_if(!internalevent)) { return ns_error_unexpected; } dosomethingwith(internalevent->mbar); aevent->preventdefault(); r...
Adding a new CSS property
see the gecko overview for more in
formation about the style system.
... (again, see the gecko overview for more in
formation.) it should generally be grouped with related properties.
Benchmarking
add the following to your mozconfig in order to build with level 2: ac_add_options rustc_opt_level=2 gc poisoning many firefox builds have a diagnostic tool that causes crashes to happen sooner and produce much more actionable in
formation, but also slow down regular usage substantially.
... another option that is on by default in non-release builds is the preference javascript.options.asyncstack, which provides better debugging in
formation to developers.
Creating MozSearch plugins
firefox 2 uses a simplified form of the opensearch
format for storing search plugins.
...for creating search plugins for installation from the web, see creating opensearch plugins for firefox the plugin file the mozsearch
format is similar to the opensearch
format.
Debugging a hang on OS X (Archived)
this article contains historical in
formation about older versions of os x.
... when you have the raw sample data, you can't just save that and attach it to a bug, because the
format is not very usable (unless the developer is a mac hacker).
Building Firefox with Debug Symbols
by default, a release build of firefox will not generate debug symbols suitable for debugging or post-processing into the breakpad symbol
format.
...see https://dxr.mozilla.org/mozilla/source/toolkit/crashreporter/tools/upload_symbols.sh for more in
formation about the environment variables used by this target.
Configuring Build Options
if you want to use the build regularly, you will want a release build without extra debugging in
formation; if you are a developer who wants to hack the source code, you probably want a non-optimized build with extra debugging macros.
...for in
formation on installing and configuring mozconfigwrapper, see https://github.com/ahal/mozconfigwrapper.
Simple Sunbird build
for complete in
formation, see the build documentation.
...see this section for in
formation on how to easily integrate lightning into a nightly version of thunderbird.
Windows SDK versions
older versions some of the older version are no longer supported, further in
formation is available at obsolete build caveats and tips [en-us] under the windows sdk article.
...older sdks these are no longer supported, further in
formation is available at obsolete build caveats and tips [en-us] under the windows sdk article.
ESLint
no-undef (eslint) if you don't understand a rule, you can look it up on eslint.org for more in
formation about it.
... more in
formation: outline details of the rules rule source code common issues and how to solve them my editor says that "mozilla/whatever" is unknown run ./mach eslint --setup restart your editor if that doesn't work, check that you have your editor pointing to the correct node_modules folder.
Obsolete Build Caveats and Tips
therefore, instead of deleting all these nuggets of in
formation, it's best to collect them all here and remove them from the majority happy path documentation.
... each piece of in
formation should mention the page and the section it originally came from.
mach
this object holds state from the mach driver, including the current directory, a handle on the logging manager, the settings object, and in
formation about available mach commands.
... mach command modules useful in
formation command modules are not imported into a reliable python package/module "namespace." therefore, you can't rely on the module name.
Tracking Protection
click the ⓘ symbol in the address bar to view in
formation about the currently loaded page.
...ttp://www.example.com', event);"> visit example.com </a> <script> function tracklink(url,event) { event.preventdefault(); if (window.ga && ga.loaded) { ga('send', 'event', 'outbound', 'click', url, { 'transport': 'beacon', 'hitcallback': function() { document.location = url; } }); } else { document.location = url; } } </script> more in
formation about this technique is available at google analytics, privacy, and event tracking.
HTMLIFrameElement.getScreenshot()
mimetype optional a mime type specifying the
format of the image to be returned; if not specified, the default used is image/jpeg.
... use image/png to capture the alpha channel of the rendered result by returning a png-
format image.
HTMLIFrameElement.getStructuredData()
the getstructureddata() method of the htmliframeelement interface retrieves any structured microdata (and hcard and hcalendar micro
format data) contained in the html loaded in the browser <iframe> and returns it as json.
...) { var request = browser.getstructureddata(); request.onsuccess = function() { console.log(request.result); } }); running this code in a browser api app and then loading up a page that contains microdata (such as the website of british alt-country band salter cane) will result in a json object being returned, along the lines of: { "items": [ { "type":["http://micro
formats.org/profile/hcard"], "properties":{"fn":["chris askew"], "n":[ { "properties": { "given-name":["chris"], "family-name":["askew"], ...
Embedding Tips
you may also use the progress listener to query the request supplied in onstatechange for more in
formation.
... for example, if you wanted to check the server response headers, you might check onstatechange for state_start | state_is_request flags, and from the nsirequest argument qi fornsihttpchanne and call methods on that to determine response codes and other in
formation from the server.
Gecko's "Almost Standards" Mode
also on mdc images, tables, and mysterious gaps mozilla's doctype sniffing mozilla's quirks mode original document in
formation author(s): eric a.
... meyer, netscape communications last updated date: published 08 nov 2002 copyright in
formation: copyright © 2001-2003 netscape.
HTTP Cache
implementation only should need to enhance the context key generation and parsing code and enhance current - or create new when needed - nsicachestorage implementations to carry any additional in
formation down to the cache service.
... see context keying details for more in
formation.
How Mozilla determines MIME Types
when loading an uri with a type that mozilla can not handle, a helper app dialog shows up, and the displayed in
formation comes from these sources: ask the os for a handler of the given <extension, mime type> pair.
... related in
formation document loading - from load start to finding a handler original document in
formation author(s): christian biesinger last updated date: march 7, 2005 copyright in
formation: copyright (c) christian biesinger ...
How to investigate Disconnect failures
an example of such a failure disconnect failures happens when one side is closing the connection and mozmill is unable to send the in
formation over the bridge or when firefox crashes.
...we cannot investigate failures via mozmill, because we do not catch the crashes, so the crashes' in
formation is not logged; we have to go to ci machines and investigate directly.
Internationalized Domain Names (IDN) Support in Mozilla Browsers
if end users input non-ascii characters as part of a domain name or if a web page contains a link using a non-ascii domain name, the application must convert such input into a special encoded
format using only the usual ascii subset characters.
... original document in
formation author(s): katsuhiko momoi last updated date: 03 jul 2003 learn moreedit general knowledge emoji keyboard online ...
UpdateInfo
updateinfo objects hold in
formation about available versions of add-ons and are generated as a result of an update check performed by addonupdatechecker.
... targetapplications object[] in
formation about what applications the update is compatible with.
Widget Wrappers
widget wrappers are objects that provide in
formation about a widget.
... there are 'group' wrappers which provide in
formation about the widget across all windows, and 'single' wrappers which provide in
formation about a specific instance in a specific window.
FxAccountsProfileClient.jsm
the fxaccountsprofileclient.jsm javascript module provides a way to fetch firefox accounts profile in
formation.
...methods fetchprofile() fetches firefox accounts profile in
formation.
OSFile.jsm
consequently, one of the key design choices of os.file is to provide operations that are low-level enough that they do not hide any i/o from the developer (which could cause the developer to perform more i/o than they think) and, since not all platforms have the same features, offer system-specific in
formation that the developer can use to optimize his algorithms for a platform.
...shared components os.path and os.constants.path manipulation of paths os.file.error representation of file-related errors os.file.info representation of file in
formation (size, creation date, etc.) os.file.directoryiterator.entry file in
formation obtained while visiting a directory ...
Examples
rejection handlers provide in
formation about the exact error time and location, but the handlers may sometimes be forgotten.
... note: this warning is generated some time after the error occurred, and may provide less in
formation about the error location.
Services.jsm
for example, to obtain a reference to the preferences service: var prefsservice = services.prefs; provided service getters service accessor service interface service name androidbridge nsiandroidbridge 1 appinfo nsixulappinfo nsixulruntime application in
formation service appshell nsiappshellservice application shell service blocklist nsiblocklistservice blocklist service cache nsicacheservice cache service cache2 nsicachestorageservice cache storage service clipboard nsiclipboard clipboard console nsiconsoleservice error console service contentprefs n...
... application startup service storage mozistorageservice storage api service strings nsistringbundleservice string bundle service sysinfo nsipropertybag2 system info service telemetry nsitelemetry telemetry service tm nsithreadmanager thread manager service urifixup nsiurifixup uri fixup service url
formatter nsiurl
formatter url
formatter service vc nsiversioncomparator version comparator service wm nsiwindowmediator window mediator service ww nsiwindowwatcher window watcher service 1 mobile only 2 windows only 3 main process only 4 child process only ...
Bootstrapping a new locale
this document will give you the basic in
formation on how to do that.
... first, you should specify your locale's language identifier in ab-cd
format, where "ab" is the iso 639 language code, and cd is the iso 3166 country code.
Localizing extension descriptions
each has at least one em:locale property marking the locale that the in
formation should be used for and then all the various strings for the locale.
...the localization in
formation provided by the em:localized property can be overriden using a set of localized preferences as detailed below.
QA phase
enter the following command: hg push http://hg.mozilla.org/l10n-central/x-testing mercurial will connect to your repo and ask you to provide your account in
formation (i.e., the username and the password).
... real url 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 in
formation, the changeset will be pushed.
Creating localizable web content
good: this icon is recognized as the international symbol for in
formation.
... use localized screenshots if possible screenshots are important in
formative graphics, often times explaining how to achieve something in a desktop or web application.
gettext
the string definition in the messages.po file will look like this: #: file.php:3 #, php-
format msgid "%d user likes this." msgid_plural "%d users like this." msgstr[0] "" msgstr[1] "" depending on the localizer's target language and its rules for creating plural forms, there might be another field for translation, e.g.
...#: file.php:18 #, php-
format msgid "%d user likes this." msgid_plural "%d users like this." msgstr[0] "" msgstr[1] "" #: file.php:22 #, php-
format msgctxt "another unique context string" msgid "%d user likes this." msgid_plural "%d users like this." msgstr[0] "" msgstr[1] "" ...
Fonts for Mozilla's MathML engine
fonts with appropriate unicode coverage and open font
format features are required for good math rendering.
... fonts with a math table you can actually render mathml using any font with a math table and related open font
format features.
Fonts for Mozilla 2.0's MathML engine
on such systems, it will be necessary to convert the fonts to a supported
format.
... for example asana math is available in truetype
format and there is an unofficial truetype conversion for stix fonts.
Mozilla MathML Project
create mathml documents authoring mathml editors converters stylesheets original document in
formation author(s): roger b.
... sidje other contributors: frédéric wang last updated date: april 4, 2010 copyright in
formation: portions of this content are © 1999–2010 by individual mozilla.org contributors; content available under a creative commons license | details.
Intel Power Gadget
the three panes display the following in
formation: power: shows power estimates for the package and the cores ("ia").
... these are reasonably useful for power profiling purposes, but mozilla's rapl utility provides these along with gpu and ram estimates, and in a command-line
format that is often easier to use.
Memory Profiler
however, the in
formation exposed in this way is usually a snapshot and the history of how memory has been used goes missing.
...the profile while recording is stored in memory in a very compact
format.
Phishing: a short definition
phishing is an attempt to collect sensitive in
formation, such as usernames, passwords, and financial details by disguising as a trustworthy entity online.
...earlier responses by affected banks, and payment providers, was to attempt educating users to not click links in emails, along with requesting to verify email legitimacy through checking for relevant personal in
formation.
Preferences
these articles provide in
formation about how to use the preference system.
... a brief guide to mozilla preferences an introductory guide to where preferences are stored and other useful in
formation about the core preference system.
Crash reporting
for more in
formation, see how to get a stacktrace for a bug report.
...there is also a custom query tool which allows users to limit searches on more precise in
formation.
L20n HTML Bindings
for instance, a string could use the in
formation about the user's gender to provide two variants of the translation, like in the example below.
...with no in
formation about the available and the default locales, l20n will switch to the monolingual mode.
Leak And Bloat Tests
see debugging memory leaks for more in
formation on what to do with this data.
... todo: add more in
formation on processing output.
MailNews automated testing
this page and its sub-pages describe (and link to) the available test mechanisms within mailnews, and provide supporting in
formation for developers and testers.
... for more in
formation, see leak and bloat tests.
Midas editor module security preferences
lity is completely removed since 2013-12-14 18:23 pst, see: bugs 38966 and 913734 note: if you've reached this page from a message box in firefox or another mozilla product, try using keyboard shortcuts for the cut, copy, and paste commands: copy: ctrl+c or ctrl+insert (command+c on mac) paste: ctrl+v or shift+insert (command+v on mac) cut: ctrl+x or shift+delete (command+x on mac) the in
formation on the rest of this page is for web developers and advanced users.
... to protect users' private in
formation, unprivileged scripts cannot invoke the cut, copy, and paste commands in midas, which is mozilla's rich text editor component.
Condition Variables
for reference in
formation on nspr locks, see locks.
...for in
formation about prmonitor, see monitors.
Network Addresses
to facilitate the transition to ipv6, it is recommended that clients treat all structures containing network addresses as transparent objects and use the functions documented here to manipulate the in
formation.
... pr_initializenetaddr converting between a string and a network address pr_stringtonetaddr pr_netaddrtostring converting address
formats pr_convertipv4addrtoipv6 getting host names and addresses pr_gethostbyname pr_gethostbyaddr pr_enumeratehostent pr_getaddrinfobyname pr_enumerateaddrinfo pr_getcanonnamefromaddrinfo pr_freeaddrinfo getting protocol entries pr_getprotobyname pr_getprotobynumber ...
PRExplodedTime
in addition, prexplodedtime includes a prtimeparameters structure representing the local time zone in
formation, so that the time point is non-ambiguously specified.
... tm_params: a prtimeparameters structure representing the local time zone in
formation.
PRFileInfo
file in
formation structure used with pr_getfileinfo and pr_getopenfileinfo.
... description the prfileinfo structure provides in
formation about a file, a directory, or some other kind of file system object, as specified by the type field.
PRFileInfo64
file in
formation structure used with pr_getfileinfo64 and pr_getopenfileinfo64.
... description the prfileinfo64 structure provides in
formation about a file, a directory, or some other kind of file system object, as specified by the type field.
PRIOMethods
fileinfo get in
formation about an open file.
...for in
formation about each function, see the corresponding function description in this document.
PRTimeParameters
a representation of time zone in
formation.
...the prtimeparameters structure represents the local time zone in
formation in terms of the offset (in seconds) from gmt.
PR_LOG
returns nothing description this macro
formats the specified arguments and writes the output to the log file, if logging is enabled for the specified module and level.
... for a description of
formatting and
format strings, see "
formatted printing".
NSPR API Reference
ime type and constants interval functions date and time types and constants time parameter callback functions functions memory management operations memory allocation functions memory allocation macros string operations pl_strlen pl_strcpy pl_strdup pl_strfree floating point number to string conversion pr_strtod pr_dtoa pr_cnvtf long long (64-bit) integers bitmaps
formatted printing linked lists linked list types prclist linked list macros pr_init_clist pr_init_static_clist pr_append_link pr_insert_link pr_next_link pr_prev_link pr_remove_link pr_remove_and_init_link pr_insert_before pr_insert_after dynamic library linking library linking types prlibrary prstaticlinktable library linking ...
...ogram platform notes dynamic library search path exporting symbols from the main executable program process management and interprocess communication process management types and constants prprocess prprocessattr process management functions setting the attributes of a new process creating and managing processes multiwait receive system in
formation and environment variables logging conditional compilation and execution log types and variables prlogmoduleinfo prlogmodulelevel nspr_log_modules nspr_log_file logging functions and macros pr_newlogmodule pr_setlogfile pr_setlogbuffering pr_logprint pr_logflush pr_log_test pr_log pr_assert pr_assert pr_not_reached use example i...
Certificate functions
mxr 3.4 and later cert_findsmimeprofile mxr 3.2 and later cert_findsubjectkeyidextension mxr 3.7 and later cert_findusercertbyusage mxr 3.4 and later cert_findusercertsbyusage mxr 3.4 and later cert_finishcertificaterequestattributes mxr 3.10 and later cert_finishextensions mxr 3.5 and later cert_
formatname mxr 3.2 and later cert_freedistnames mxr 3.2 and later cert_freenicknames mxr 3.2 and later cert_getavatag mxr 3.2 and later cert_getcertchainfromcert mxr 3.4 and later cert_getcertemailaddress mxr 3.2 and later cert_getcertificatenames mxr 3.10 and later cert_getcertificaterequestextensio...
...eralname mxr 3.10 and later cert_getprevnameconstraint mxr 3.10 and later cert_getsloptime mxr 3.2 and later cert_getsslcacerts mxr 3.2 and later cert_getstatename mxr 3.2 and later cert_getusepkixforvalidation mxr 3.12 and later cert_getvaliddnspatternsfromcert mxr 3.12 and later cert_gentime2
formattedascii mxr 3.2 and later cert_hexify mxr 3.2 and later cert_importcachain mxr 3.2 and later cert_importcerts mxr 3.2 and later cert_isrootdercert mxr 3.8 and later cert_isusercert mxr 3.6 and later cert_keyfromdercrl mxr 3.4 and later cert_makecanickname mxr 3.4 and later cert_...
FIPS Mode - an explanation
the united states government defines many (several hundred) "federal in
formation processing standard" (fips) documents.
... (fips sounds plural, but is singular; one fips document is a fips, not a fip.) fips documents define rules, regulations, and standards for many aspects of handling of in
formation by computers and by people.
HTTP delegation
the http server session object is logically associated with host and port destination in
formation, in our example this is "host ocsp.provider.com port 80".
...instead, the parameters are a server session object (that carries host and port in
formation already) and the request path.
HTTP delegation
the http server session object is logically associated with host and port destination in
formation, in our example this is "host ocsp.provider.com port 80".
...instead, the parameters are a server session object (that carries host and port in
formation already) and the request path.
Introduction to Network Security Services
for in
formation on which static libraries in nss 3.1.1 are replaced by each of the above shared libraries in nss 3.2 , see migration from nss 3.1.1.
... what you should already know before using nss, you should be familiar with the following topics: concepts and techniques of public-key cryptography the secure sockets layer (ssl) protocol the pkcs #11 standard for cryptographic token interfaces cross-platform development issues and techniques where to find more in
formation for in
formation about pki and ssl that you should understand before using nss, see the following: introduction to public-key cryptography introduction to ssl for links to api documentation, build instructions, and other useful in
formation, see the nss project page.
4.3 Release Notes
_with_camellia_128_cbc_sha tls_dh_anon_with_camellia_128_cbc_sha tls_dh_dss_with_camellia_256_cbc_sha tls_dh_rsa_with_camellia_256_cbc_sha tls_dh_anon_with_camellia_256_cbc_sha tls_ecdh_anon_with_null_sha tls_ecdh_anon_with_rc4_128_sha tls_ecdh_anon_with_3des_ede_cbc_sha tls_ecdh_anon_with_aes_128_cbc_sha tls_ecdh_anon_with_aes_256_cbc_sha distribution in
formation jss is checked into mozilla/security/jss/.
... platform in
formation jss 4.3 works with jdk versions 4 or higher we suggest the latest.
JSS 4.4.0 Release Notes
distribution in
formation the hg tag is jss_4_4_20170313.
... bugs fixed in jss 4.4.0 this bugzilla query returns all the bugs fixed in nss 4.4.0: https://bugzilla.mozilla.org/buglist.cgi?product=jss&target_milestone=4.4&target_milestone=4.4&bug_status=resolved&resolution=fixed documentation build instructions for jss at https://hg.mozilla.org/projects/jss/file/tip/readme platform in
formation you can check out the source from mercurial via hg clone -r 055aa3ce8a61 https://hg.mozilla.org/projects/jss jss 4.4.0 works with openjdk versions 1.7 or higher we suggest the latest - openjdk 1.8.
NSS_3.11.10_release_notes.html
nss 3.11.10 release notes 2008-12-10 newsgroup: <ahref="news: mozilla.dev.tech.crypto"="" news.mozilla.org="">mozilla.dev.tech.crypto</ahref="news:> contents introduction distribution in
formation bugs fixed documentation compatibility feedback introduction network security services (nss) 3.11.10 is a patch release for nss 3.11.
... distribution in
formation the cvs tag for the nss 3.11.10 release is nss_3_11_10_rtm.
NSS_3.12.1_release_notes.html
nss 3.12.1 release notes 2008-09-05 newsgroup: mozilla.dev.tech.crypto contents introduction distribution in
formation new in nss 3.12.1 bugs fixed documentation compatibility feedback introduction network security services (nss) 3.12.1 is a patch release for nss 3.12.
... distribution in
formation the cvs tag for the nss 3.12.1 release is nss_3_12_1_rtm.
NSS 3.12.4 release notes
distribution in
formation this release is built from the source, at the cvs repository rooted at cvs.mozilla.org:/cvsroot, with the cvs tag nss_3_12_4_rtm.
...[[@isspace - secmod_argisblank - secmod_arghasblanks - secmod_
formatpair - secmod_mknewmodulespec] bug 498509: produce debuggable optimized builds for mozilla on macosx bug 498511: produce debuggable optimized nss builds for mozilla on linux bug 499385: drbg reseed function needs to be tested on post bug 499825: utilrename.h is missing from solaris packages bug 502961: allocator mismatch in pk11mode bug 502965: allocator mismatch in sdrtest bug 502972: another all...
NSS 3.12.5 release_notes
distribution in
formation the cvs tag for the nss 3.12.5 release is nss_3_12_5_rtm.
... new in nss 3.12.5 ssl3 & tls renegotiation vulnerability see cve-2009-3555 and us-cert vu#120541 for more in
formation about this security vulnerability.
NSS 3.12.6 release notes
distribution in
formation the cvs tag for the nss 3.12.6 release is nss_3_12_6_rtm.
... new functions for sni (see ssl.h for more in
formation): sslsnisocketconfig return values: ssl_sni_current_config_is_used: libssl must use the default cert and key.
NSS 3.14.1 release notes
distribution in
formation the cvs tag is nss_3_14_1_rtm.
... bugs fixed in nss 3.14.1 the following bugzilla query returns all of the bugs fixed in nss 3.14.1: https://bugzilla.mozilla.org/buglist.cgi?list_id=5216669;resolution=fixed;query_
format=advanced;bug_status=resolved;bug_status=verified;target_milestone=3.14.1;product=nss compatability nss 3.14.1 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.14.2 release notes
the documentation is in the docbook
format and can be rendered as html and unix-style manual pages using an optional build target.
... bugs fixed in nss 3.14.2 https://bugzilla.mozilla.org/buglist.cgi?list_id=5502456;resolution=fixed;classification=components;query_
format=advanced;target_milestone=3.14.2;product=nss compatibility nss 3.14.2 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.14.3 release notes
distribution in
formation the cvs tag is nss_3_14_3_rtm.
...bugs fixed in nss 3.14.3 https://bugzilla.mozilla.org/buglist.cgi?list_id=5689256;resolution=fixed;classification=components;query_
format=advanced;target_milestone=3.14.3;product=nss compatibility nss 3.14.3 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.14.4 release notes
distribution in
formation the cvs tag is nss_3_14_4_rtm.
... bugs fixed in nss 3.14.4 https://bugzilla.mozilla.org/buglist.cgi?bug_id=894370%2c832942%2c863947&bug_id_type=anyexact&list_id=8338081&resolution=fixed&classification=components&query_
format=advanced&product=nss compatibility nss 3.14.4 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.14.5 release notes
distribution in
formation the cvs tag is nss_3_14_5_rtm.
... bugs fixed in nss 3.14.5 https://bugzilla.mozilla.org/buglist.cgi?bug_id=934016&bug_id_type=anyexact&resolution=fixed&classification=components&query_
format=advanced&product=nss compatibility nss 3.14.5 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.14 release notes
for more in
formation about mpl 2.0, please see http://www.mozilla.org/mpl/2.0/faq.html.
... bugs fixed in nss 3.14 this bugzilla query returns all the bugs fixed in nss 3.14: https://bugzilla.mozilla.org/buglist.cgi?list_id=4643675;resolution=fixed;classification=components;query_
format=advanced;product=nss;target_milestone=3.14 ...
NSS 3.15.1 release notes
distribution in
formation nss 3.15.1 source distributions are also available on ftp.mozilla.org for secure https download: source tarballs: https://ftp.mozilla.org/pub/mozilla.org/security/nss/releases/nss_3_15_1_rtm/src/ new in nss 3.15.1 new functionality tls 1.2: tls 1.2 (rfc 5246) is supported.
... bugs fixed in nss 3.15.1 https://bugzilla.mozilla.org/buglist.cgi?list_id=5689256;resolution=fixed;classification=components;query_
format=advanced;target_milestone=3.15.1;product=nss compatibility nss 3.15.1 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.15.2 release notes
distribution in
formation nss 3.15.2 source distributions are also available on ftp.mozilla.org for secure https download: source tarballs: https://ftp.mozilla.org/pub/mozilla.org/security/nss/releases/nss_3_15_2_rtm/src/ security advisories the following security-relevant bugs have been resolved in nss 3.15.2.
... a complete list of all bugs resolved in this release can be obtained at https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&target_milestone=3.15.2&product=nss&list_id=7982238 compatibility nss 3.15.2 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.15.3.1 release notes
distribution in
formation the hg tag is nss_3_15_3_1_rtm.
...bugs fixed in nss 3.15.3.1 bug 946351 - misissued google certificates from dcssi a complete list of all bugs resolved in this release can be obtained at https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&target_milestone=3.15.3.1&product=nss compatibility nss 3.15.3.1 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.15.3 release notes
distribution in
formation the hg tag is nss_3_15_3_rtm.
...bugs fixed in nss 3.15.3 bug 850478 - list rc4_128 cipher suites after aes_128 cipher suites bug 919677 - don't advertise tls 1.2-only ciphersuites in a tls 1.1 clienthello a complete list of all bugs resolved in this release can be obtained at https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&target_milestone=3.15.3&product=nss compatibility nss 3.15.3 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.15.4 release notes
distribution in
formation the hg tag is nss_3_15_4_rtm.
... bugs fixed in nss 3.15.4 a complete list of all bugs resolved in this release can be obtained at https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&target_milestone=3.15.4&product=nss compatibility nss 3.15.4 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.15.5 release notes
distribution in
formation the hg tag is nss_3_15_5_rtm.
... bugs fixed in nss 3.15.5 a complete list of all bugs resolved in this release can be obtained at https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&target_milestone=3.15.5&product=nss compatibility nss 3.15.5 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.15 release notes
distribution in
formation the hg tag is nss_3_15_rtm.
... bugs fixed in nss 3.15 this bugzilla query returns all the bugs fixed in nss 3.15: https://bugzilla.mozilla.org/buglist.cgi?list_id=6278317&resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.15 ...
NSS 3.16.1 release notes
distribution in
formation the hg tag is nss_3_16_1_rtm.
... bugs fixed in nss 3.16.1 this bugzilla query returns all the bugs fixed in nss 3.16.1: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.16.1 ...
NSS 3.16.2 release notes
distribution in
formation the hg tag is nss_3_16_2_rtm.
... bugs fixed in nss 3.16.2 this bugzilla query returns all the bugs fixed in nss 3.16.2: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.16.2 ...
NSS 3.16.3 release notes
distribution in
formation the hg tag is nss_3_16_3_rtm.
... cn = netlock expressz (class c) tanusitvanykiado sha1 fingerprint: e3:92:51:2f:0a:cf:f5:05:df:f6:de:06:7f:75:37:e1:65:ea:57:4b turned off websites and code signing trust bits (1024-bit root) bugs fixed in nss 3.16.3 this bugzilla query returns all the bugs fixed in nss 3.16.3: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.16.3 ...
NSS 3.16.4 release notes
distribution in
formation the hg tag is nss_3_16_4_rtm.
... bugs fixed in nss 3.16.4 this bugzilla query returns all the bugs fixed in nss 3.16.4: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.16.4 ...
NSS 3.17.1 release notes
distribution in
formation the hg tag is nss_3_17_1_rtm.
... bugs fixed in nss 3.17.1 this bugzilla query returns all the bugs fixed in nss 3.17.1: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.17.1 acknowledgements the nss development team would like to thank antoine delignat-lavaud, security researcher at inria paris in team prosecco, and the advanced threat research team at intel security, who both independently discovered and reported this issue, for responsibly disclosing the issue by providing advance copies of their research.
NSS 3.17.2 release notes
distribution in
formation the hg tag is nss_3_17_2_rtm.
... bugs fixed in nss 3.17.2 this bugzilla query returns all the bugs fixed in nss 3.17.2: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.17.2 compatibility nss 3.17.2 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.17.3 release notes
distribution in
formation the hg tag is nss_3_17_3_rtm.
...:bb cn = globalsign ecc root ca - r5 sha1 fingerprint: 1f:24:c6:30:cd:a4:18:ef:20:69:ff:ad:4f:dd:5f:46:3a:1b:69:aa the version number of the updated root ca list has been set to 2.2 bugs fixed in nss 3.17.3 this bugzilla query returns all the bugs fixed in nss 3.17.3: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.17.3 compatibility nss 3.17.3 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.17.4 release notes
distribution in
formation the hg tag is nss_3_17_4_rtm.
... bugs fixed in nss 3.17.4 this bugzilla query returns all the bugs fixed in nss 3.17.4: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.17.4 compatibility nss 3.17.4 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.17 release notes
distribution in
formation the hg tag is nss_3_17_rtm.
... bugs fixed in nss 3.17 this bugzilla query returns all the bugs fixed in nss 3.17: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.17 ...
NSS 3.18.1 release notes
distribution in
formation the hg tag is nss_3_18_1_rtm.
... cn=mcsholding test, o=mcsholding, c=eg sha1 fingerprint: e1:f3:59:1e:76:98:65:c4:e4:47:ac:c3:7e:af:c9:e2:bf:e4:c5:76 the version number of the updated root ca list has been set to 2.4 bugs fixed in nss 3.18.1 this bugzilla query returns all the bugs fixed in nss 3.18.1: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.18.1 compatibility nss 3.18.1 shared libraries are backward compatible with all older nss 3.18 shared libraries.
NSS 3.19.1 release notes
distribution in
formation the hg tag is nss_3_19_1_rtm.
...t, or use has been raised: the minimum modulus size for rsa keys is now 512 bits the minimum modulus size for dsa keys is now 1023 bits the minimum modulus size for diffie-hellman keys is now 1023 bits bugs fixed in nss 3.19.1 this bugzilla query returns all the bugs fixed in nss 3.19.1: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.19.1 acknowledgements the nss development team would like to thank matthew green and karthikeyan bhargavan for responsibly disclosing the issue in bug 1138554.
NSS 3.19.2 release notes
distribution in
formation the hg tag is nss_3_19_2_rtm.
... bugs fixed in nss 3.19.2 this bugzilla query returns all the bugs fixed in nss 3.19.2: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.19.2 compatibility nss 3.19.2 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.19.3 release notes
distribution in
formation the hg tag is nss_3_19_3_rtm.
...d:e5:2f:e0 cn = certinomis - root ca sha1 fingerprint: 9d:70:bb:01:a5:a4:a0:18:11:2e:f7:1c:01:b9:32:c5:34:e7:88:a8 the version number of the updated root ca list has been set to 2.5 bugs fixed in nss 3.19.3 this bugzilla query returns all the bugs fixed in nss 3.19.3: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.19.3 compatibility nss 3.19.3 shared libraries are backward compatible with all older nss 3.19 shared libraries.
NSS 3.19 release notes
distribution in
formation the hg tag is nss_3_19_rtm.
... bugs fixed in nss 3.19 this bugzilla query returns all the bugs fixed in nss 3.19: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.19 acknowledgements the nss development team would like to thank karthikeyan bhargavan from inria for responsibly disclosing the issue in bug 1086145.
NSS 3.20 release notes
distribution in
formation the hg tag is nss_3_20_rtm.
... bugs fixed in nss 3.20 this bugzilla query returns all the bugs fixed in nss 3.20: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.20 compatibility nss 3.20 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.22 release notes
distribution in
formation the hg tag is nss_3_22_rtm.
... bugs fixed in nss 3.22 this bugzilla query returns all the bugs fixed in nss 3.22: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.22 compatibility nss 3.22 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.23 release notes
distribution in
formation the hg tag is nss_3_23_rtm.
... bugs fixed in nss 3.23 this bugzilla query returns all the bugs fixed in nss 3.23: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.23 acknowledgements the nss development team would like to thank security researcher francis gabriel for responsibly disclosing the issue in bug 1245528.
NSS 3.25 release notes
distribution in
formation the hg tag is nss_3_25_rtm.
...c:22:59:29:25:7b:f4:0d:08:94:f2:9e:a8:ba:f2 cn = opentrust root ca g3 sha-256 fingerprint: b7:c3:62:31:70:6e:81:07:8c:36:7c:b8:96:19:8f:1e:32:08:dd:92:69:49:dd:8f:57:09:a4:10:f7:5b:62:92 bugs fixed in nss 3.25 this bugzilla query returns all the bugs fixed in nss 3.25: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.25 compatibility nss 3.25 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.26 release notes
distribution in
formation the hg tag is nss_3_26_rtm.
...08:c6 npn is disabled, and alpn is enabled by default the nss test suite now completes with the experimental tls 1.3 code enabled several test improvements and additions, including a nist known answer test bugs fixed in nss 3.26 this bugzilla query returns all the bugs fixed in nss 3.26: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.26 compatibility nss 3.26 shared libraries are backwards compatible with all older nss 3.x shared libraries.
NSS 3.27 release notes
distribution in
formation the hg tag is nss_3_27_rtm.
...:4f:40:bb:ae:86:5e:19:f6:73 cn = equifax secure global ebusiness ca-1 sha-256 fingerprint: 5f:0b:62:ea:b5:e3:53:ea:65:21:65:16:58:fb:b6:53:59:f4:43:28:0a:4a:fb:d1:04:d7:7d:10:f9:f0:4c:07 bugs fixed in nss 3.27 this bugzilla query returns all the bugs fixed in nss 3.27: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.27 compatibility nss 3.27 shared libraries are backwards compatible with all older nss 3.x shared libraries.
NSS 3.29 release notes
distribution in
formation the hg tag is nss_3_29_rtm.
... bugs fixed in nss 3.29 this bugzilla query returns all the bugs fixed in nss 3.29: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.29 compatibility nss 3.29 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.30 release notes
distribution in
formation the hg tag is nss_3_30_rtm.
... bugs fixed in nss 3.30 this bugzilla query returns all the bugs fixed in nss 3.30: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.30 compatibility nss 3.30 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.33 release notes
distribution in
formation the hg tag is nss_3_33_rtm.
... bugs fixed in nss 3.33 this bugzilla query returns all the bugs fixed in nss 3.33: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.33 compatibility nss 3.33 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.34.1 release notes
distribution in
formation the hg tag is nss_3_34.1_rtm.
... new in nss 3.34 new functionality none new functions bugs fixed in nss 3.34.1 this bugzilla query returns all the bugs fixed in nss 3.34.1: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.34.1 compatibility nss 3.34.1 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.34 release notes
distribution in
formation the hg tag is nss_3_34_rtm.
... new functions bugs fixed in nss 3.34 this bugzilla query returns all the bugs fixed in nss 3.34: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.34 compatibility nss 3.34 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.36.1 release notes
distribution in
formation the hg tag is nss_3_36_1_rtm.
... this bugzilla query returns all the bugs fixed in nss 3.36.1: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.36.1 compatibility nss 3.36.1 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.36.2 release notes
distribution in
formation the hg tag is nss_3_36_2_rtm.
... this bugzilla query returns all the bugs fixed in nss 3.36.2: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.36.2 compatibility nss 3.36.2 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.36 release notes
distribution in
formation the hg tag is nss_3_36_rtm.
... bugs fixed in nss 3.36 this bugzilla query returns all the bugs fixed in nss 3.36: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.36 compatibility nss 3.36 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.37.1 release notes
distribution in
formation the hg tag is nss_3_37_1_rtm.
... this bugzilla query returns all the bugs fixed in nss 3.37.1: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.37.1 compatibility nss 3.37.1 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.37 release notes
distribution in
formation the hg tag is nss_3_37_rtm.
...:40:8e cn = tÜrktrust elektronik sertifika hizmet sağlayıcısı h5 sha-256 fingerprint: 49:35:1b:90:34:44:c1:85:cc:dc:5c:69:3d:24:d8:55:5c:b2:08:d6:a8:14:13:07:69:9f:4a:f0:63:19:9d:78 bugs fixed in nss 3.37 this bugzilla query returns all the bugs fixed in nss 3.37: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.37 compatibility nss 3.37 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.38 release notes
distribution in
formation the hg tag is nss_3_38_rtm.
... bugs fixed in nss 3.38 this bugzilla query returns all the bugs fixed in nss 3.38: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.38 compatibility nss 3.38 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.39 release notes
distribution in
formation the hg tag is nss_3_39_rtm.
...fingerprint: b7c36231706e81078c367cb896198f1e3208dd926949dd8f5709a410f75b6292 bugs fixed in nss 3.39 bug 1483128 - nss responded to an sslv2-compatible clienthello with a serverhello that had an all-zero random (cve-2018-12384) this bugzilla query returns all the bugs fixed in nss 3.39: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.39 compatibility nss 3.39 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.40 release notes
distribution in
formation the hg tag is nss_3_40_rtm.
...d: cn = visa ecommerce root sha-256 fingerprint: 69fac9bd55fb0ac78d53bbee5cf1d597989fd0aaab20a25151bdf1733ee7d122 bugs fixed in nss 3.40 bug 1478698 - ffdhe key exchange sometimes fails with decryption failure this bugzilla query returns all the bugs fixed in nss 3.40: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.40 compatibility nss 3.40 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.41.1 release notes
distribution in
formation the hg tag is nss_3_41_1_rtm.
...(cve-2018-18508) this bugzilla query returns all bugs fixed in 3.41.1: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.41.1 compatibility nss 3.41.1 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.41 release notes
distribution in
formation the hg tag is nss_3_41_rtm.
...acher attack (cve-2018-12404) bug 1481271 - resend the same ticket in clienthello after helloretryrequest bug 1493769 - set session_id for external resumption tokens bug 1507179 - reject ccs after handshake is complete in tls 1.3 this bugzilla query returns all the bugs fixed in nss 3.41: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.41 compatibility nss 3.41 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.42.1 release notes
distribution in
formation the hg tag is nss_3_42_1_rtm.
...(cve-2018-18508) this bugzilla query returns all the bugs fixed in nss 3.42.1: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.42.1 compatibility nss 3.42.1 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.42 release notes
distribution in
formation the hg tag is nss_3_42_rtm.
... bug 1513913 - a fix for solaris where firefox 60 core dumps during start when using profile from version 52 this bugzilla query returns all the bugs fixed in nss 3.42: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.42 compatibility nss 3.42 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.44.2 release notes
distribution in
formation the hg tag is nss_3_44_2_rtm.
... bugs fixed in nss 3.44.2 bug 1582343 - soft token mac verification not constant time bug 1577953 - remove arbitrary hkdf output limit by allocating space as needed this bugzilla query returns all the bugs fixed in nss 3.44.2: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.44.2 compatibility nss 3.44.2 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.44.3 release notes
the nss team would like to recognize first-time contributors: craig disselkoen distribution in
formation the hg tag is nss_3_44_3_rtm.
... bugs fixed in nss 3.44.3 bug 1579060 - don't set the constructed bit for issueruniqueid and subjectuniqueid in mozilla::pkix cve-2019-11745 - encryptupdate should use maxout, not block size 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 compatibility nss 3.44.3 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.44.4 release notes
thank you to cesar pereida garcia and the network and in
formation security group (nisec) at tampere university for reporting this issue.
... distribution in
formation the hg tag is nss_3_44_4_rtm.
NSS 3.44 release notes
distribution in
formation the hg tag is nss_3_44_rtm.
...9608 - 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 compatibility nss 3.44 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.45 release notes
the nss team would like to recognize first-time contributors: bastien abadie christopher patton jeremie courreges-anglas marcus burghardt michael shigorin tomas mraz distribution in
formation the hg tag is nss_3_45_rtm.
... bug 1558681 - stop using a global for anti-replay of tls 1.3 early data bug 1561510 - fix a bug where removing -arch xxx args from cc didn't work bug 1561523 - add a string for the new-ish error ssl_error_missing_post_handshake_auth_extension this bugzilla query returns all the bugs fixed in nss 3.45: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.45 compatibility nss 3.45 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.46.1 release notes
distribution in
formation the hg tag is nss_3_46_1_rtm.
... bugs fixed in nss 3.46.1 bug 1582343 - soft token mac verification not constant time bug 1577953 - remove arbitrary hkdf output limit by allocating space as needed this bugzilla query returns all the bugs fixed in nss 3.46.1: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.46.1 compatibility nss 3.46.1 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.46 release notes
the nss team would like to recognize first-time contributors: giulio benetti louis dassy mike kaganski xhimanshuz distribution in
formation the hg tag is nss_3_46_rtm.
... times out while fetching gpg key bug 1563786 - update hacl-star docker image to pull specific commit bug 1559012 - improve gcm perfomance using pmull2 bug 1528666 - correct resumption validation checks bug 1568803 - more tests for client certificate authentication bug 1564284 - support profile mobility across windows and linux bug 1573942 - gtest for pkcs11.txt with different breaking line
formats bug 1575968 - add strsclnt option to enforce the use of either ipv4 or ipv6 bug 1549847 - fix nss builds on ios bug 1485533 - enable nss_ssl_tests on taskcluster this bugzilla query returns all the bugs fixed in nss 3.46: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.46 compatibility nss 3.46 share...
NSS 3.47.1 release notes
the nss team would like to recognize first-time contributors: craig disselkoen distribution in
formation the hg tag is nss_3_47_1_rtm.
....47.1 cve-2019-11745 - encryptupdate should use maxout, not block size bug 1590495 - fix a crash that could be caused by client certificates during startup bug 1589810 - fix compile-time warnings from uninitialized variables in a perl script this bugzilla query returns all the bugs fixed in nss 3.47: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.47 compatibility nss 3.47.1 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.47 release notes
the nss team would like to recognize first-time contributors: christian weisgerber deian stefan jenine distribution in
formation the hg tag is nss_3_47_rtm.
... bug 1577038 - add pk11_getcertsfromprivatekey to return all certificates with public keys matching a particular private key this bugzilla query returns all the bugs fixed in nss 3.47: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.47 compatibility nss 3.47 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.48.1 release notes
distribution in
formation the hg tag is nss_3_48_1_rtm.
... this bugzilla query returns all the bugs fixed in nss 3.48: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.48 compatibility nss 3.48.1 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.48 release notes
the nss team would like to recognize first-time contributors: craig disselkoen giulio benetti lauri kasanen tom prince distribution in
formation the hg tag is nss_3_48_rtm.
...al key strength checks bug 1459141 - add more cbc padding tests that missed nss 3.47 bug 1590339 - fix a memory leak in btoa.c bug 1589810 - fix uninitialized variable warnings from certdata.perl bug 1573118 - enable tls 1.3 by default in nss this bugzilla query returns all the bugs fixed in nss 3.48: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.48 compatibility nss 3.48 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.49.1 release notes
distribution in
formation the hg tag is nss_3_49_1_rtm.
... this bugzilla query returns all the bugs fixed in nss 3.49: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.49 compatibility nss 3.49.1 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.49.2 release notes
distribution in
formation the hg tag is nss_3_49_2_rtm.
... bug 1608327 - fix compilation problems with neon-specific code in freebl bug 1608895 - fix a taskcluster issue with python 2 / python 3 this bugzilla query returns all the bugs fixed in nss 3.49: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.49 compatibility nss 3.49.2 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.49 release notes
the nss team would like to recognize first-time contributors: alex henrie distribution in
formation the hg tag is nss_3_49_rtm.
...167 - intermittent mis-reporting potential security risk sec_error_unknown_issuer bug 1535787 - fix automation/release/nss-release-helper.py on macos bug 1594933 - disable building dbm by default bug 1562548 - improve gcm perfomance on aarch32 this bugzilla query returns all the bugs fixed in nss 3.49: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.49 compatibility nss 3.49 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.50 release notes
distribution in
formation the hg tag is nss_3_50_rtm.
... this bugzilla query returns all the bugs fixed in nss 3.50: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.50 compatibility nss 3.50 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.51 release notes
the nss team would like to recognize first-time contributors: dmitry baryshkov victor tapia distribution in
formation the hg tag is nss_3_51_rtm.
... blake2b_update bug 1617387 - fix compiler warning in secsign.c bug 1618400 - fix a openbsd/arm64 compilation error: unused variable 'getauxval' bug 1610687 - fix a crash on unaligned cmaccontext.aes.keyschedule when using aes-ni intrinsics this bugzilla query returns all the bugs fixed in nss 3.51: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.51 compatibility nss 3.51 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.52.1 release notes
thank you to cesar pereida garcia and the network and in
formation security group (nisec) at tampere university for reporting this issue.
... distribution in
formation the hg tag is nss_3_52_1_rtm.
NSS 3.53.1 release notes
thank you to sohaib ul hassan, billy bob brumley, and the network and in
formation security group (nisec) at tampere university for reporting this issue and providing a patch.
... distribution in
formation the hg tag is nss_3_53_1_rtm.
NSS 3.53 release notes
the nss team would like to recognize first-time contributors: jan-marek glogowski jeff walden distribution in
formation the hg tag is nss_3_53_rtm.
... 290526 - support parallel building of nss when using the makefiles bug 1636206 - hacl* update after changes in libintvector.h bug 1636058 - fix building nss on debian s390x, mips64el, and riscv64 bug 1622033 - add option to build without seed this bugzilla query returns all the bugs fixed in nss 3.53: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.53 compatibility nss 3.53 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.54 release notes
distribution in
formation the hg tag is nss_3_54_rtm.
... this bugzilla query returns all the bugs fixed in nss 3.54: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.54 compatibility nss 3.54 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.56 release notes
distribution in
formation the hg tag is nss_3_56_rtm.
... this bugzilla query returns all the bugs fixed in nss 3.56: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.56 compatibility nss 3.56 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS Developer Tutorial
nss coding style
formatting line length should not exceed 80 characters.
... multiple-line comments should be
formatted as follows: /* * line1 * line2 */ or /* ** line 1 ** line 2 */ the following styles are also common, because they conserve vertical space: /* line1 * line2 */ or /* line1 ** line2 */ or /* line1 * line2 */ naming public functions are named foo_dooneaction.
Enc Dec MAC Using Key Wrap CertReq PKCS10 CSR
nd */ static void validategeneratecsrcommand(const char *progname, const char *dbdir, certname *subject, const char *subjectstr, const char *certreqfilename) { prbool validationfailed = pr_false; if (!subject) { pr_fprintf(pr_stderr, "%s -g -d %s -s: improperly
formatted name: \"%s\"\n", progname, dbdir, subjectstr); validationfailed = pr_true; } if (!certreqfilename) { pr_fprintf(pr_stderr, "%s -g -d %s -s %s -r: certificate request file name not found\n", progname, dbdir, subjectstr); validationfailed = pr_true; } if (validationfailed) { fprintf(stderr, "\nusage: ...
... pr_fprintf(pr_stderr, "unknown key or hash type\n"); rv = secfailure; goto cleanup; } rv = sec_dersigndata(arena, &result, encoding->data, encoding->len, privk, signalgtag); if (rv) { pr_fprintf(pr_stderr, "signing of data failed\n"); rv = secfailure; goto cleanup; } /* encode request in specified
format */ if (ascii) { char *obuf; char *name, *email, *org, *state, *country; secitem *it; int total; it = &result; obuf = btoa_convertitemtoascii(it); total = pl_strlen(obuf); name = cert_getcommonname(subject); if (!name) { name = strdup("(not specified)"); } email = cert_getcertemaila...
NSS Sample Code Sample1
// be sent to server 1 rv = server2->exportpublickey(&pubkeydata); if (rv) { cout << "exportpublickey failed" << endl; goto trans_done; } // send the public key to server 1 and get back the // wrapped key values rv = server1->exportkeys(pubkeydata, &wrappedenckey, &wrappedmackey); if (rv) { cout << "exportkeys failed" << endl; goto trans_done; } // print - for in
formation cout << "wrapped encryption key" << endl; printbuffer(wrappedenckey->data, wrappedenckey->len); cout << "wrapped mac key" << endl; printbuffer(wrappedmackey->data, wrappedmackey->len); // import the keys into server 2 - this just puts the wrapped // values into the "files" rv = server2->importkeys(wrappedenckey, wrappedmackey); if (rv) { cout << "importkeys fai...
...reeitem(wrappedenckey, pr_true); if (wrappedmackey) secitem_freeitem(wrappedmackey, pr_true); if (pubkeydata) secitem_freeitem(pubkeydata, pr_true); } if (rv) goto done; // start server 2 - this unwraps the encryption and mac keys // so that they can be used rv = server2->start(); if (rv) { cout << "cannot start server 2" << endl; goto done; } // list keys in the token - in
formational { pk11slotinfo *slot = 0; seckeyprivatekeylist *list = 0; seckeyprivatekeylistnode *n; slot = pk11_getinternalkeyslot(); if (!slot) goto list_done; cout << "list private keys" << endl; list = pk11_listprivkeysinslot(slot, 0, 0); if (!list) goto list_done; for(n = privkey_list_head(list); !privkey_list_end(n, list); n = privkey_list_ne...
sample2
e certificate to header file as sig verification [optional]\n\n", "-v"); exit(-1); } /* * validate the options used for generate csr command */ static void validategeneratecsrcommand(const char *progname, const char *dbdir, certname *subject, const char *subjectstr, const char *certreqfilename) { prbool validationfailed = pr_false; if (!subject) { pr_fprintf(pr_stderr, "%s -g -d %s -s: improperly
formatted name: \"%s\"\n", progname, dbdir, subjectstr); validationfailed = pr_true; } if (!certreqfilename) { pr_fprintf(pr_stderr, "%s -g -d %s -s %s -r: certificate request file name not found\n", progname, dbdir, subjectstr); validationfailed = pr_true; } if (validationfailed) { fprintf(stderr, "\nusage: %s %s \n\n", progname, "-g -d <dbdirpath> -s <subject> -r <csr> \n"); exit(-1); } } /* * validat...
...nalgtag = sec_getsignaturealgorithmoidtag(keytype, hashalgtag); if (signalgtag == sec_oid_unknown) { pr_fprintf(pr_stderr, "unknown key or hash type\n"); rv = secfailure; goto cleanup; } rv = sec_dersigndata(arena, &result, encoding->data, encoding->len, privk, signalgtag); if (rv) { pr_fprintf(pr_stderr, "signing of data failed\n"); rv = secfailure; goto cleanup; } /* encode request in specified
format */ if (ascii) { char *obuf; char *name, *email, *org, *state, *country; secitem *it; int total; it = &result; obuf = btoa_convertitemtoascii(it); total = pl_strlen(obuf); name = cert_getcommonname(subject); if (!name) { name = strdup("(not specified)"); } email = cert_getcertemailaddress(subject); if (!email) email = strdup("(not specified)"); org = cert_getorgname(subject); if (!org) org = strdu...
NSS sources building testing
(historical in
formation: nspr and nss source code have recently been re-organized into a new directory structure.
...the complete build instructions include more in
formation.
nss tech note7
pkcs #1 v1.5 block
formatting question: in pkcs #1 v1.5 (section 8.1 encryption-block
formatting) and v2.1 (section 7.2.1 encryption operation), pkcs1 v1.5 padding is described like this: 00 || 02 || ps || 00 || m but in pkcs #1 v2.0 (section 9.1.2.1 encoding operation, step 3) and on the w3c web site (http://www.w3.org/tr/xmlenc-core/#rsa-1_5), pkcs1 v1.5 padding is described like this: 02 || ps || 00 || m ...
... "the same length as the rsa modulus with an initial octet of 0" and "one octet shorter without that initial octet" are exactly the same thing because the
formatted block is treated as a big-endian big integer by the rsa algorithm.
nss tech note8
background in
formation on libssl's cache functions and sids nss technical note: 8 27 february 2006 nelson b.
... bolyard here is some background in
formation on libssl's cache functions and sids.
NSS release notes template
distribution in
formation the hg tag is nss_3_xx_rtm.
... bugs fixed in nss 3.xx this bugzilla query returns all the bugs fixed in nss 3.xx: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_
format=advanced&product=nss&target_milestone=3.xx (make a link) acknowledgements the nss development team would like to thank ...
FC_GetMechanismInfo
name fc_getmechanisminfo - get in
formation on a particular mechanism.
... description fc_getmechanisminfo obtains in
formation about a particular mechanism possibly supported by a token.
NSS tools : vfychain
options -a the following certfile is base64 encoded -b yymmddhhmmz validate date (default: now) -d directory database directory -f enable cert fetching from aia url -o oid set policy oid for cert validation(
format oid.1.2.3) -p use pkix library to validate certificate by calling: * cert_verifycertificate if specified once, * cert_pkixverifycert if specified twice and more.
...additional resources for in
formation about nss and other tools related to nss (like jss), check out the nss project wiki at [1]http://www.mozilla.org/projects/security/pki/nss/.
NSS reference
initial notes we are migrating the ssl reference into the
format described in the mdn style guide.
... validating certificates cert_verifycertnow cert_verifycert cert_verifycertname cert_checkcertvalidtimes nss_cmpcertchainwcanames manipulating certificates cert_dupcertificate cert_destroycertificate sec_deletepermcertificate __cert_closepermcertdb getting certificate in
formation cert_findcertbyname cert_getcertnicknames cert_freenicknames cert_getdefaultcertdb nss_findcertkeatype comparing secitem objects secitem_compareitem key functions key functions seckey_getdefaultkeydb seckey_destroyprivatekey digital signatures this api consists of the routines used to perform signature generation and the routines used to perform sig...
OLD SSL Reference
old ssl reference we are migrating this ssl reference into the
format described in the mdn style guide.
... validating certificates cert_verifycertnow cert_verifycertname cert_checkcertvalidtimes nss_cmpcertchainwcanames manipulating certificates cert_dupcertificate cert_destroycertificate getting certificate in
formation cert_findcertbyname cert_getcertnicknames cert_freenicknames cert_getdefaultcertdb nss_findcertkeatype comparing secitem objects secitem_compareitem chapter 6 key functions this chapter describes two functions used to manipu...
NSS tools : vfychain
options -a the following certfile is base64 encoded -b yymmddhhmmz validate date (default: now) -d directory database directory -f enable cert fetching from aia url -o oid set policy oid for cert validation(
format oid.1.2.3) -p use pkix library to validate certificate by calling: * cert_verifycertificate if specified once, * cert_pkixverifycert if specified twice and more.
... additional resources for in
formation about nss and other tools related to nss (like jss), check out the nss project wiki at [1]http://www.mozilla.org/projects/security/pki/nss/.
Necko Architecture
for more in
formation see uris and urls.
... dependencies necko requires the following libraries for linking: nspr xpcom original document in
formation author(s): jud valeski last updated date: november 8, 1999 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Necko Interfaces Overview
scheme, host, path, ...) per protocol implementation necko provides uri impl's for common uri
formats (see nsstandardurl, nssimpleuri) nsichannel : nsirequest represents a logical connection to the resource identified by a nsiuri per protocol implementation single use (ie.
...nsirequest::cancel method nsitransport represents a physical connection, such as a file descriptor or a socket used directly by protocol handler implementations (as well as by mailnews and chatzilla) synchronous i/o methods: openinputstream, openoutputstream asynchronous i/o methods: asyncread, asyncwrite nsitransport::asyncread takes a nsistreamlistener parameter original document in
formation author(s): darin fisher last updated date: december 10, 2001 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Proxies in Necko
this means that callers can just create an nsichannel, not needing to worry about whether the channel will use a proxy or not the basic interfaces for proxies are: nsiproxyinfo, nsiprotocolproxyservice, and nsiproxiedprotocolhandler nsiproxyinfo is a simple helper which stores in
formation about the type of the proxy, its host and its port.
... original document in
formation author(s): christian biesinger last updated date: april 8, 2005 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Pork Tool Development
cppsourceloc wraps sourceloc, providing in
formation about macro expansion.
... cppsourceloc will change the previously provided location in
formation (in variable cpp_source_loc._loc) from post-location to pre-location.
Rhino documentation
in
formation on rhino for script writers and embedders.
... license rhino license in
formation.
Rhino JavaScript compiler
-debug -g specifies that debug in
formation should be generated.
...see javascript language versions for more in
formation on language versions.
Rhino overview
see the specification for more in
formation on the standard, and rhino version 1.6r1 release notes for details on the implementation in rhino.
...see the enum.js example for more in
formation.
Rhino shell
see javascript language versions for more in
formation on language versions.
... {input: "c\na\nb"}) a b c 0 js> // demo of output and err options js> var opt={input: "c\na\nb", output: 'sort output:\n'} js> runcommand("sort", opt) 0 js> print(opt.output) sort output: a b c js> var opt={input: "c\na\nb", output: 'sort output:\n', err: ''} js> runcommand("sort", "--bad-arg", opt) 2 js> print(opt.err) /bin/sort: unrecognized option `--bad-arg' try `/bin/sort --help' for more in
formation.
Rebranding SpiderMonkey (1.8.5)
the above command has actually changed some in
formation we need changed back so we will re-issue the recursive find and replace text in files command with some modifications.
...you may now perform the build and installation of your custom branded spidermonkey library: make note: depending on your system you may need administrative rights to perform the installation: make install the following in
formation isn't technically needed for using your library but it will help other applications use your library.
JS::Compile
onst js::readonlycompileoptions &options, file *file, js::mutablehandlescript script); bool js::compile(jscontext *cx, js::handleobject obj, const js::readonlycompileoptions &options, const char *filename, js::mutablehandlescript script); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
...this in
formation is included in error messages if an error occurs during compilation..
JSExnType
bound) jsexn_err error jsexn_internalerr internalerror jsexn_evalerr evalerror jsexn_rangeerr rangeerror jsexn_referenceerr referenceerror jsexn_syntaxerr syntaxerror jsexn_typeerr typeerror jsexn_urierr urierror jsexn_limit (upper bound) description these types are part of a jserror
formatstring structure.
... see also mxr id search for jsexntype jserror
formatstring bug 684526 ...
JSNewResolveOp
flags uint32_t obsolete since jsapi 31 flags giving contextual in
formation about the ongoing property access.
... description like jsresolveop, but flags provide contextual in
formation about the property access.
JS_EnumerateDiagnosticMemoryRegions
this article covers features introduced in spidermonkey 17 enumerate memory regions that contain diagnostic in
formation..
... description js_enumeratediagnosticmemoryregions enumerates memory regions that contain diagnostic in
formation intended to be included in crash report minidumps.
JS_PopArguments
syntax void js_poparguments(jscontext *cx, void *mark); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
...see also js_pusharguments js_convertvalue js_addargument
formatter js_convertarguments bug 542091 ...
JS_ReportErrorNumber
callback syntax typedef const jserror
formatstring * (* jserrorcallback)(void *userref, const unsigned errornumber); name type description userref void * the userref pointer that was passed to the reporterrornumber api.
...otherwise, if the jserror
formatstring returned by the jserrorcallback has .exntype == jsexn_none, then the error reporter, if any, is called, and no error object is created.
JS_SET_TRACING_DETAILS
this article covers features introduced in spidermonkey 1.8 set debugging in
formation about the next thing to be traced by a jstracer.
... description set debugging in
formation about a reference to a traceable thing to prepare for the following call to js_calltracer.
SpiderMonkey 1.8.7
see the 1.8.5 release notes for in
formation on migrating from earlier versions.
...for more in
formation, see spidermonkey compartments.
SpiderMonkey 1.8.8
these release notes are an incomplete draft and were initially seeded from the 1.8.5 release notes, so lots of the in
formation here isn't actually new to spidermonkey 1.8.8 (nor is it even the case that the version number will be 1.8.8!).
...for more in
formation on the fixed-size integer types changes, see this blog post.
SpiderMonkey 17
these release notes are an incomplete draft and were initially seeded from the (now-defunct) 1.8.8 release notes, which were themselves seeded from the 1.8.5 release notes, so lots of the in
formation here isn't actually new to spidermonkey 17.
...for more in
formation on the fixed-size integer types changes, see this blog post.
Shell global objects
stackdump(showargs, showlocals, showthisprops) tries to print a lot of in
formation about the current stack.
... wasmbinarytotext(bin) translates binary encoding to text
format wasmextractcode(module) extracts generated machine code from webassembly.module.
compare-locales
options to get a brief list of available options, use the --help flag: $ compare-locales --help the output the output of compare-locales shows the missing and obsolete strings in a pseudo-diff
format.
... pass --json to get just the summary in json
format.
Embedded Dialog API
the print dialogs should be available soon.) dialogs posed by the embedding app ("down calls") some components will not pose dialogs directly, but maintain a database of in
formation an embedding app may wish to display as a dialog.
... the dialog component's contract id should have the form "@mozilla.org/embedui/unique-component-name;1" original document in
formation author: danm@netscape.com last updated date: 15 dec 2001 ...
Feed content access API
"feedtest_window"); var doc = win.document.wrappedjsobject; doc.open(); // write the html header and page title doc.write("<html><head><title>feed: " + feed.title.text + "</title></head><body>"); doc.write("<h1>" + feed.title.text + "</h1><p>"); var itemarray = feed.items; var numitems = itemarray.length; // write the article in
formation if (!numitems) { doc.write("<i>no news is good news!</i>"); } else { var i; var theentry; var theurl; var info; for (i=0; i<numitems; i++) { theentry = itemarray.queryelementat(i, components.interfaces.nsifeedentry); if (theentry) { theurl = doc.write('<b><...
...the title is an nsifeedtextconstruct that can represent the text in various
formats; we get its text property to fetch the feed's title as html-encoded text.
Using the Places livemark service
the expiration time for a livemark is determined by using in
formation provided by the server when the feed was requested, specifically nsicacheentryinfo.expirationtime.
... if no in
formation was provided by the server, the default expiration time is 1 hour.
The Publicity Stream API
activity is an object,
formatted as per the fixme: deadlinkactivity streams open specification.
...it is suggested that the list be processed and condensed into an attractive, cohesive
format for users (eg., multiple tweets show as 'adam tweeted 4 times').
Aggregating the In-Memory Datasource
that is, you want to reflect the contents of something as an rdf graph (presumably so that it can be aggregated with other in
formation or displayed as styled content).
... for more in
formation on writing a datasource, see the rdf datasource how-to document.
Setting up the Gecko SDK
« previousnext » this chapter provides basic setup in
formation for the gecko software development kit (sdk) used to build the weblock component in this tutorial.
... application name description of functionality regxpcom.exe registers or unregisters components with xpcom xpidl.exe generates typelib and c++ headers from xpidl xpt_dump.exe prints out in
formation about a given typelib xpt_link.exe combines multiple typelibs into a single typelib library name description of functionality xpcomglue.lib xpcom glue library to be used by xpcom components.
Introduction to XPCOM for the DOM
for more in
formation about nscomptr's, please read the user's guide.
...for more in
formation about xpcom interfaces and nsisupports, please read the modularization techniques guide.
xpcshell
see the xpcshell reference for in
formation on command line arguments and extension functions.
... read xpcshell:profiling for in
formation on how to profile scripts.
Language bindings
the resources here provide in
formation about this language binding and how to use it.pyxpcompyxpcom 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.
...you can find additional in
formation using the resource links below.xpconnectxpconnect is a bridge between javascript and xpcom.
nsCStringEncoding
the conversion may result in loss and/or corruption of in
formation if the strings do not strictly contain ascii data.
...ns_cstring_encoding_native_filesystem conversion from utf-16 to the native filesystem charset may result in a loss of in
formation.
IAccessibleHypertext
other-licenses/ia2/accessiblehypertext.idlnot scriptable this interface exposes in
formation about hypertext in a document.
...the returned iaccessiblehyperlink object encapsulates the hyperlink and provides several kinds of in
formation describing it.
nsIBrowserHistory
this method adds a page to the history with specific time stamp in
formation.
...you can also pass in the localized "(local files)" title given to you by a history query to remove all history in
formation for local files.
nsIChromeRegistry
chrome/public/nsichromeregistry.idlscriptable provides access to the chrome registry; you can use this to get in
formation about chrome documents that have been registered.
...convertchromeurl() resolves a chrome url to an loadable uri using the in
formation in the registry.
nsIConsoleMessage
inherits from: nsisupports last changed in gecko 1.7 implementations may provide an object that can be query interfaced, nsisupports.queryinterface(), to provide more specific message in
formation.
...attributes attribute type description message wstring the message in a string
format.
nsIConsoleService
logging a message with additional in
formation to include other in
formation an nsiconsolemessage object must be used.
... in this example nsiscripterror, which implements nsiconsolemessage, is used to include in
formation about the source file and line number of the error.
nsIContentSniffer
in
formation from the given request may be used in order to make a better decision.
... let conv = cc["@mozilla.org/intl/scriptableunicodeconverter"] .createinstance(ci.nsiscriptableunicodeconverter); conv.charset = charset; try { let str = conv.convertfrombytearray(adata, alength); if (str.substring(0, 5) == "%pdf-") return "application/pdf"; // we detected a pdf file } catch (e) { // try to get in
formation from arequest } ...
nsICookieManager2
this should consist only of the host portion of the uri and should not contain a leading dot, port number, or other in
formation.
...this should consist only of the host portion of the uri and should not contain a leading dot, port number, or other in
formation.
nsIDOMGeoPositionAddress
dom/interfaces/geolocation/nsidomgeopositionaddress.idlscriptable this interface describes the geographical address of a location, including street, city, and country in
formation, for example.
... this in
formation may or may not be available, depending on the geolocation service being used.
nsIDOMGeoPositionCoords
accuracy double the accuracy of position in
formation, in meters.
... altitudeaccuracy double the accuracy of altitude in
formation, in meters.
nsIDownloadProgressListener
astatus the new state in
formation for the download.
... astatus the new state in
formation for the download.
nsIFeed
it includes attributes that provide in
formation about the feed, as well as access to the items or entries in the feed.
... textinput nsiwritablepropertybag2 in
formation about a text box that can be displayed along with the feed by aggregators that support it, to allow the reader to send a response back to the source of the feed.
nsIFeedContainer
see nsifeedresult.registerextensionprefix() for more in
formation about prefixes.
...not all feeds have these, but all major feed
formats have ids for each entry.
nsIFeedProgressListener
void handleentry( in nsifeedentry entry, in nsifeedresult result ); parameters entry pointer to an nsifeedentry containing in
formation about the entry that was just processed.
... result pointer to an nsifeedresult containing the current in
formation about the feed being processed.
nsIFile
that is a very fast operation because it just changes directory in
formation.
...that is a very fast operation because it just changes directory in
formation.
nsIGeolocationProvider
1.0 66 introduced gecko 1.9.1 inherits from: nsisupports last changed in gecko 1.9.2 (firefox 3.6 / thunderbird 3.1 / fennec 1.0) this must be called on the main thread interface provides location in
formation to the nsgeolocator via the nsidomgeolocationcallback interface.
...the nsigeolocationprovider interface provides in
formation about the current users location to interested parties via nsigeolocationupdate.
nsIGlobalHistory3
docshell/base/nsiglobalhistory3.idlscriptable this interface provides in
formation about global history to gecko.
...this function is preferred to nsiglobalhistory2.adduri() because it provides more in
formation (including the redirect destination, channels involved, and redirect flags) to the history implementation.
nsIINIParserWriter
nsiiniparserwriter xpcom/ds/nsiiniparser.idlscriptable allows writing to an ini-
format configuration file.
... 1.0 66 introduced gecko 1.9.2 inherits from: nsisupports last changed in gecko 13.0 (firefox 13.0 / thunderbird 13.0 / seamonkey 2.10) this interface provides methods that allow writing to ini-
format configuration files.
nsIJSID
js/src/xpconnect/idl/xpcjsid.idlscriptable this interface provides in
formation about a contract or interface.
...void initialize( in string idstring ); parameters idstring the number to initialize the jsid, in string
format, e.g.
nsILocalFile
getrelativedescriptor() returns a relative file path in an opaque, cross platform
format.
...see nsifile for more in
formation on the native character encoding.
nsILocaleService
return value the user's os setting for preferred locale in the
format described in nsilocale.
...nsilocale getlocalefromacceptlanguage( in string acceptlanguage ); parameters acceptlanguage locale preference in the same
format as the accept-language http header.
nsILoginManagerIEMigrationHelper
1.0 66 introduced gecko 1.9 inherits from: nsisupports last changed in gecko 1.9 (firefox 3) method overview void migrateandaddlogin(in nsilogininfo alogin); methods migrateandaddlogin() takes a login provided from nsieprofilemigrator, migrates it to the current login manager
format, and adds it to the list of stored logins.
... note: in some cases, multiple logins may be created from a single input when the
format is ambiguous.
nsIMemoryMultiReporterCallback
1.0 66 introduced gecko 7.0 inherits from: nsisupports last changed in gecko 7.0 (firefox 7.0 / thunderbird 7.0 / seamonkey 2.4) method overview void callback(in acstring process, in autf8string path, in print32 kind, in print32 units, in print64 amount, in autf8string description, in nsisupports closure); methods callback() called to provide in
formation from a multi-reporter.
... implement this method to handle the report in
formation.
nsIMessenger
getnavigatehistory() returns in
formation about the current navigation history.
... ahistory an array of strings containing in
formation about each entry in the history.
nsIMsgMessageService
objects that implements nsimsgmessageservice give the user top level routines related to messages like copying, displaying, attachment's manipulation, printing, streaming the message content to eml
format string, etc.
... displaymessageforprinting() when you want a message displayed in a
format that is suitable for printing.
nsINavBookmarkObserver
onfolderchanged() obsolete since gecko 1.9 (firefox 3) notify this observer that a bookmark folder's in
formation has changed.
... onitemchanged() this method notifies this observer that an item's in
formation has changed.
nsINavHistoryFullVisitResultNode
this includes more detailed in
formation than the result_type_visit query (which returns nsinavhistoryvisitresultnode, and as such takes more time to look up.
... 1.0 66 introduced gecko 1.9 inherits from: nsinavhistoryvisitresultnode last changed in gecko 1.9 (firefox 3) the in
formation returned in this interface is not commonly used, hence its separation into a separate query type for efficiency.
nsIPrincipal
note that this may be empty; prefer to get the certificate itself and get this in
formation from it, since that may provide more in
formation.
...it may have a number of different names all concatenated together with some in
formation on what they mean in between).
nsIResumableChannel
entityid in
formation about the file, to match before obtaining the file.
...entityid in
formation about the file, to match before obtaining the file.
nsIStandardURL
netwerk/base/public/nsistandardurl.idlscriptable this interface defines the interface to an url with the standard file path
format common to protocols like http, ftp, and file.
...if null, then provide abaseuri implements this interface, the origin charset of abaseuri will be assumed, otherwise defaulting to utf-8 (that is, no charset trans
formation from aspec).
nsIStreamConverter
first of all the stream converter implementation must register itself with the component manager using a contractid in the
format below.
...stream converter contractid
format (the stream converter root key is defined in this file): @mozilla.org/streamconv;1?from=from_mime_type&to=to_mime_type method overview void asyncconvertdata(in string afromtype, in string atotype, in nsistreamlistener alistener, in nsisupports actxt); nsiinputstream convert(in nsiinputstream afromstream, in string afromtype, in string atotype, in nsisupports actxt); methods asyncconvertdata() asynchronous version: converts data arriving via the converter's nsistreamlistener.ondataavailable() method from one type to another, pushing the converted data out to the caller via alistener::ondataavailable().
nsITreeBoxObject
the nsitreeboxobject interface contains in
formation about the size and layout of a tree.
... further in
formation about trees is given in the xul tutorial.
nsITreeView
layout/xul/base/src/tree/public/nsitreeview.idlscriptable this interface is used by the tree widget to get in
formation about what and how to display a tree widget.
... further in
formation about creating treeviews is given in the xul tutorial.
nsIURIFixup
getfixupuriinfo() same as createfixupuri, but returns in
formation about what it corrected (e.g.
... return value the in
formation as an nsiurifixupinfo see also nsiuri ...
nsIUpdate
this object also contains in
formation about the update that the front end and other application services can use to learn more about what is going on.
... errorcode long a numeric error code that conveys additional in
formation about the state of a failed update or failed certificate attribute check during an update check.
nsIWifiAccessPoint
netwerk/wifi/nsiwifiaccesspoint.idlscriptable this interface provides in
formation about a single access point.
...this string is in the
format "xx-xx-xx-xx-xx-xx".
nsIXULRuntime
xpcom/system/nsixulruntime.idlscriptable provides in
formation about the xul runtime to allow extensions and xul applications to determine in
formation about the xul runtime.
... example display the user's operating system in an alert box: var xulruntime = components.classes["@mozilla.org/xre/app-info;1"] .getservice(components.interfaces.nsixulruntime); alert(xulruntime.os); see also nsixulappinfo - a related interface providing in
formation about the host application, it's also implemented by xre/app-info.
nsIZipReader
the entry must be stored in the zip in either uncompressed or deflate-compressed
format for the extraction to be successful.
...if aentryname is an external file which has meta-in
formation stored in the jar, verifyexternalfile (not yet implemented) must be called before getprincipal.
nsIZipWriter
modules/libjar/zipwriter/public/nsizipwriter.idlscriptable this interface provides an easy way for scripts to archive data in the zip file
format.
... other errors may be thrown upon failing to open the file, such as if the file is corrupt or in an unsupported
format.
XPCOM Interface Reference
siblewin32objectnsialertsservicensiannotationobservernsiannotationservicensiappshellnsiappshellservicensiappstartupnsiappstartup_mozilla_2_0nsiapplicationcachensiapplicationcachechannelnsiapplicationcachecontainernsiapplicationcachenamespacensiapplicationcacheservicensiapplicationupdateservicensiarraynsiasyncinputstreamnsiasyncoutputstreamnsiasyncstreamcopiernsiasyncverifyredirectcallbacknsiauthin
formationnsiauthmodulensiauthpromptnsiauthprompt2nsiauthpromptadapterfactorynsiauthpromptcallbacknsiauthpromptprovidernsiauthpromptwrappernsiautocompletecontrollernsiautocompleteinputnsiautocompleteitemnsiautocompletelistenernsiautocompleteobservernsiautocompleteresultnsiautocompletesearchnsibadcertlistener2nsibidikeyboardnsibinaryinputstreamnsibinaryoutputstreamnsiblocklistpromptnsiblocklistservicensib...
...adpoolnsithreadpoollistenernsitimernsitimercallbacknsitoolkitnsitoolkitprofilensitoolkitprofileservicensitraceablechannelnsitransactionnsitransactionlistnsitransactionlistenernsitransactionmanagernsitransferablensitransportnsitransporteventsinknsitransportsecurityinfonsitreeboxobjectnsitreecolumnnsitreecolumnsnsitreecontentviewnsitreeselectionnsitreeviewnsiurinsiurifixupnsiurifixupinfonsiurlnsiurl
formatternsiurlparsernsiutf8converterservicensiutf8stringenumeratornsiuuidgeneratornsiupdatensiupdatechecklistenernsiupdatecheckernsiupdateitemnsiupdatemanagernsiupdatepatchnsiupdatepromptnsiupdatetimermanagernsiuploadchannelnsiuploadchannel2nsiurllistmanagercallbacknsiusercertpickernsiuserinfonsivariantnsiversioncomparatornsiweakreferencensiwebbrowsernsiwebbrowserchromensiwebbrowserchrome2nsiwebbrowser...
nsIAbCard/Thunderbird3
axnumbertype pagernumber, pagernumbertype cellularnumber, cellularnumbertype jobtitle, department, company _aimscreenname dates: anniversaryyear, anniversarymonth, anniversaryday birthyear, birthmonth, birthday webpage1 (work), webpage2 (home) custom1, custom2, custom3, custom4 notes integral properties: lastmodifieddate popularityindex prefermail
format (see nsiabprefermail
format) 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...
... translateto() translates a card into a specific
format.
Setting HTTP request headers
in addition to the actual content, some important in
formation is passed with http headers for both http requests and responses.
... for more in
formation about notifications framework and a list of common notification topics, see observer notifications.
Reference Manual
this often happens with getters that return the addrefed pointer as their result (rather than an nsresult); or in the efficiency trans
formations.
...a slight trans
formation makes the code uglier, but (possibly negligibly) more efficient.
Using nsIDirectoryService
content formerly at http://www.mozilla.org/projects/xpcom/nsdirectoryservice.html general nsdirectoryservice in
formation: nsdirectoryservice implements the nsiproperties interface.
...related pages code_snippets:file_i/o original document in
formation authors: conrad carlen, doug turner last updated date: september 26, 2000 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Using nsIPasswordManager
to do so securely, they can use nsipasswordmanager, which provides for secure storage of sensitive password in
formation.
...of this in
formation, the password is the only data that will be stored securely.
XPCOM ABI
abi naming each abi is named with a string [target_xpcom_abi] of the following
format: {cpu_arch}-{target_compiler_abi} {cpu_arch} [platforms] represents the cpu architecture and may be either: x86 - i386 and higher series (including x86-64 cpus in 32-bit mode) ppc - powerpc series alpha - alpha series x86_64 - amd64/emt64 series in 64-bit mode (32-bit mode is still considered x86) sparc - sparc series ia64 - itanium series {target_compiler_abi}[platforms] represents ...
...newest in
formation can always be found by exploring the build system.
XPCOM tasks
it could avoid implementing its own file
format and io; and in many cases, possibly avoid calling into components for registration.
... original document in
formation author(s): unknown last updated date: may 8, 2003 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Test-Info
each task generates one or more json-
formatted data files providing detailed in
formation on tests run in continuous integration, typically broken down by bugzilla component.
...test-info has several sub-commands; the "report" sub-command is used by the test-info tasks mozilla-central$ mach help test-info report to reproduce test-info(all): mozilla-central$ mach test-info report --show-tests --show-summary --show-activedata running test-info on try to run these tasks on try, use something like: mach try fuzzy -q test-info contact in
formation test-info is maintained by :gbrown.
Address Book examples
database specific in
formation, that is used on edits.
...each photo handler must implement the following interface: /* * onload: function(acard, adocument): * called when the editor wants to populate the contact editor * input fields with in
formation about acard's photo.
Filelink Providers
a provider implementation can choose what in
formation it gets from the user from the setup dialog by pointing the settingsurl attribute of their nsimsgcloudfileprovider implementation to a chrome url for an xhtml page that contains a form with the extra in
formation.
... the
format for the returned object is: { field_name: {type: field_type, value: field_value} } where field_type is "int", "bool", or "char".
Mail client architecture overview
messages - messages are always stored and streamed in rfc822
format.
... whenever multiple messages are stored in one file, the berkeley mailbox
format is used.
Mail event system
in its implementation of onintpropertychanged, it uses this in
formation to update the message count in the dialog.
... notifypropertychanged then broadcasts this event to the mail session: mailsession->onintpropertychanged(this, ktotalmessagesatom, 4, 5); the mail session rebroadcasts this in
formation to each of the global listeners that has been registered with it.
Building a Thunderbird extension 1: introduction
see developer.thunderbird.net for newer in
formation.
...the tutorial has the following pages: introduction (this page) the extension filesystem (setting up your local system) install manifest (the install.rdf file that contains meta-in
formation about the extension) chrome manifest (list of packages and overlays) xul (the xml user interface language that is used to modify the thunderbird user interface) adding javascript (explains how to add some simple javascript to your thunderbird extension) installing locally (enabling the extension on your local thunderbird instance) packaging (making a distribution package that contains the extension) distributing (from your own site or from http://addons.mozilla.org/) this tutor...
Demo Addon
see developer.thunderbird.net for newer in
formation.
... demo 2 - find the inbox this demo shows various in
formation: it lists all folders of an account (in this case the first one) and marks the inbox folder with a *.
Theme Packaging
see the install.rdf reference for more in
formation: em:id em:version em:type em:targetapplication em:name em:internalname optional install.rdf properties em:description em:creator em:contributor em:homepageurl em:updateurl note that if your theme will be made available on the https://addons.mozilla.org website, it may not include an updateurl.
... structure of an installable bundle: describes the common structure of installable bundles, including extensions, themes, and xulrunner applications extension packaging: specific in
formation about how to package extensions theme packaging: specific in
formation about how to package themes multiple-item extension packaging: specific in
formation about multiple-item extension xpis xul application packaging: specific in
formation about how to package xulrunner applications chrome registration ...
Thunderbird extensions
see developer.thunderbird.net for newer in
formation.
...learn more about gloda: an overview of gloda how to create your first message query and read the gloda examples gloda internals: gloda debugging, gloda indexing more thunderbird-specific links some links may be out of date, but they still provide valuable in
formation on the codebase.
Using Mozilla code in other projects
mozilla toolkit in
formation about the mozilla toolkit api.
... embedding mozilla for in
formation on embedding a web browser into your own application see embedding mozilla.
Using the Mozilla symbol server
the output of this command should be similar to: symchk: fullsoft.dll failed - image is split correctly, but fullsoft.dbg is missing symchk: qfaservices.dll failed - qfaservices.pdb mismatched or not found symchk: talkback.exe failed - built without debugging in
formation.
... symchk: helper.exe failed - built without debugging in
formation.
Zombie compartments
multiple compartments can share a zone, where a zone keeps track of things that can easily and securely be shared between related compartments such as string data and type in
formation.
... if you're confident you've found a zombie compartment, please file a bug that includes all the in
formation you've gathered, add “[memshrink]” to its whiteboard, and mark it as blocking bug 668871.
CType
these objects have assorted methods and properties that let you create objects of these types, find out in
formation about them, and so forth.
...the
format of this string is "type " + name.
Browser Console - Firefox Developer Tools
so it logs the same sorts of in
formation as the web console - network requests, javascript, css, and security errors and warnings, and messages explicitly logged by javascript code.
... however, rather than logging this in
formation for a single content tab, it logs in
formation for all content tabs, for add-ons, and for the browser's own code.
Set event listener breakpoints - Firefox Developer Tools
selecting this and then choosing some events to break on will mean that when you step through code, in
formation about events fired will be logged to the console instead of the devtools breaking on each one.
...see set a breakpoint > inline variable preview for more in
formation.
Debugger - Firefox Developer Tools
in some cases, the code coverage might expose in
formation which pre-date the modification of this flag.
... onerror(frame,report) spidermonkey is about to report an error inframe.report is an object describing the error, with the following properties: message the fully
formatted error message.
Inspecting web sockets - Firefox Developer Tools
each frame expands on click, so you can inspect the
formatted data.
... columns in the response pane in the response pane, you can choose to show the following in
formation about each frame: data size time opcode maskbit finbit the data and time columns are visible by default, but you can customize the interface to see more columns by choosing which ones to show from the context menu that is opened by right-clicking in the table header.
Edit fonts - Firefox Developer Tools
variable fonts, or opentype font variations, define a new font file
format that allows the font designer to include multiple variations of a typeface inside a single font file.
... variable fonts make it easy to vary font characteristics in a much more granular fashion because their allowable ranges are defined by axes of variation (see introducing the 'variation axis' for more in
formation).
Call Tree - Firefox Developer Tools
this can be useful in
formation too.
...the direct consequence is that this is a view that focuses more on the function's self time in
formation.
Validators - Firefox Developer Tools
html tidy html tidy is a tool that can be used to report errors in an html page and to
format web pages for better reading.
... accessibility services lynx viewer checks a web page using lynx visualization and allows validation of accessibility features original document in
formation last updated date: august 16th, 2002 copyright © 2001-2003 netscape.
Rich output - Firefox Developer Tools
when the web console prints objects, it includes a richer set of in
formation than just the object's name.
... in particular, it: provides extra in
formation for certain types enables detailed examination of the object's properties provides richer in
formation for dom elements, and enables you to select them in the inspector type-specific rich output the web console provides rich output for many object types, including the following: object array date promise regexp window document element event examining object properties when an object is logged to the console it has a right-pointing triangle next to it, indicating that it can be expanded.
Attr - Web APIs
schematypeinfo read only the type in
formation associated with this attribute.
... while the type in
formation contained in this attribute is guaranteed to be correct after loading the document or invoking document.normalizedocument, this property may not be reliable if the node was moved.
AuthenticatorAssertionResponse.authenticatorData - Web APIs
the authenticatordata property of the authenticatorassertionresponse interface returns an arraybuffer containing in
formation from the authenticator such as the relying party id hash (rpidhash), a signature counter, test of user presence, user verification flags, and any extensions processed by the authenticator.
...this is a sequence of bytes with the following
format: aaguid (16 bytes) - authenticator attestation globally unique identifier, a unique number that identifies the model of the authenticator (not the specific instance of the authenticator) so that a relying party can understand the characteristics of the authenticator by looking up its metadata statement.
CSSMediaRule - Web APIs
syntax the syntax is described using the webidl
format.
...it has the following specific property: cssmediarule.media read only specifies a medialist representing the intended destination medium for style in
formation.
CanvasRenderingContext2D.getImageData() - Web APIs
this method is not affected by the canvas's trans
formation matrix.
... you can find more in
formation about getimagedata() and general manipulation of canvas contents in pixel manipulation with canvas.
CanvasRenderingContext2D.getTransform() - Web APIs
the canvasrenderingcontext2d.gettransform() method of the canvas 2d api retrieves the current trans
formation matrix being applied to the context.
... the trans
formation matrix is described by: [acebdf001]\left[ \begin{array}{ccc} a & c & e \\ b & d & f \\ 0 & 0 & 1 \end{array} \right] note: the returned object is not live, so updating it will not affect the current trans
formation matrix, and updating the current trans
formation matrix will not affect an already returned dommatrix.
CanvasRenderingContext2D.isPointInPath() - Web APIs
syntax ctx.ispointinpath(x, y [, fillrule]); ctx.ispointinpath(path, x, y [, fillrule]); parameters x the x-axis coordinate of the point to check, unaffected by the current trans
formation of the context.
... y the y-axis coordinate of the point to check, unaffected by the current trans
formation of the context.
CanvasRenderingContext2D.putImageData() - Web APIs
this method is not affected by the canvas trans
formation matrix.
... you can find more in
formation about putimagedata() and general manipulation of canvas contents in the article pixel manipulation with canvas.
CanvasRenderingContext2D.transform() - Web APIs
the canvasrenderingcontext2d.transform() method of the canvas 2d api multiplies the current trans
formation with the matrix described by the arguments of this method.
... syntax void ctx.transform(a, b, c, d, e, f); the trans
formation matrix is described by: [acebdf001]\left[ \begin{array}{ccc} a & c & e \\ b & d & f \\ 0 & 0 & 1 \end{array} \right] parameters a (m11) horizontal scaling.
Basic animations - Web APIs
save the canvas state if you're changing any setting (such as styles, trans
formations, etc.) which affect the canvas state and you want to make sure the original state is used each time a frame is drawn, you need to save that original state.
...for more in
formation about the animation loop, especially for games, see the article anatomy of a video game in our game development zone.
Hit regions and accessibility - Web APIs
« previousnext » the <canvas> element on its own is just a bitmap and does not provide in
formation about any drawn objects.
...see aria and aria techniques for more in
formation.
ClipboardEvent.clipboardData - Web APIs
the clipboardevent.clipboarddata property holds a datatransfer object, which can be used: to specify what data should be put into the clipboard from the cut and copy event handlers, typically with a setdata(
format, data) call; to obtain the data to be pasted from the paste event handler, typically with a getdata(
format) call.
... see the cut, copy, and paste events documentation for more in
formation.
Clipboard API - Web APIs
the specification refers to this as the 'async clipboard api.' clipboardevent secure context represents events providing in
formation related to modification of the clipboard, that is cut, copy, and paste events.
... clipboarditem secure context represents a single item
format, used when reading or writing data.
console.assert() - Web APIs
syntax console.assert(assertion, obj1 [, obj2, ..., objn]); console.assert(assertion, msg [, subst1, ..., substn]); // c-like message
formatting parameters assertion any boolean expression.
...this parameter gives you additional control over the
format of the output.
Console.info() - Web APIs
the console.info() method outputs an in
formational message to the web console.
...this gives you additional control over the
format of the output.
console.log() - Web APIs
this gives you additional control over the
format of the output.
... there's more in
formation in the chrome console api reference about this and other functions.
Content Index API - Web APIs
for more in
formation see the service worker api.
... // reference registration const registration = await navigator.serviceworker.ready; // feature detection if ('index' in registration) { // content index api functionality const contentindex = registration.index; } adding to the content index here we're declaring an item in the correct
format and creating an asynchronous function which uses the add() method to register it with the content index.
DOMMatrixReadOnly - Web APIs
dommatrixreadonly.skewx() returns a new dommatrix created by applying the specified skew trans
formation to the source matrix along its x-axis.
... dommatrixreadonly.skewy() returns a new dommatrix created by applying the specified skew trans
formation to the source matrix along its y-axis.
Binary strings - Web APIs
the size of the data so represented is twice as big as it would be in normal binary
format, however this will not be visible to the final user, since the length of javascript strings is calculated using two bytes as the unit.
...however, this is slow and error-prone, due to the need for multiple conversions (especially if the binary data is not actually byte-
format data, but, for example, 32-bit integers or floats).
DataTransfer.mozSetDataAt() - Web APIs
data should be added in order of preference, with the most specific
format added first and the least specific
format added last.
... if data of the given
format already exists, it is replaced in the same position as the old data.
DataTransfer.mozTypesAt() - Web APIs
the datatransfer.moztypesat() method returns a list of the
format types that are stored for an item at the specified index.
... return value nsivariant a list of data
formats (which are strings).
DisplayMediaStreamConstraints.video - Web APIs
more precise control 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.
... if a boolean is specified, a value of true (the default) indicates that the stream returned by getdisplaymedia() should be in whatever
format the user agent feels is best.
Document.cookie - Web APIs
;max-age=max-age-in-seconds (e.g., 60*60*24*365 or 31536000 for a year) ;expires=date-in-gmtstring-
format if neither expires nor max-age specified it will expire at the end of session.
... see date.toutcstring() for help
formatting this value.
Document.querySelectorAll() - Web APIs
see locating dom elements using selectors for more in
formation about using selectors to identify elements.
...see escaping special characters for more in
formation.
Document.write() - Web APIs
more in
formation is available in the w3c xhtml faq.
...for more in
formation, refer to intervening against document.write().
Using the W3C DOM Level 1 Core - Web APIs
original document in
formation author(s): l.
... david baron <dbaron at dbaron dot org> copyright in
formation: © 1998-2005 by individual mozilla.org contributors; content available under a creative commons license ...
EXT_float_blend - Web APIs
for more in
formation, see also using extensions in the webgl tutorial.
... examples const gl = canvas.getcontext('webgl2'); // enable necessary extensions gl.getextension('ext_color_buffer_float'); gl.getextension('ext_float_blend'); const tex = gl.createtexture(); gl.bindtexture(gl.texture_2d, tex); // use floating point
format gl.teximage2d(gl.texture_2d, 0, gl.rgba32f, 1, 1, 0, gl.rgba, gl.float, null); const fb = gl.createframebuffer(); gl.bindframebuffer(gl.framebuffer, fb); gl.framebuffertexture2d(gl.framebuffer, gl.color_attachment0, gl.texture_2d, tex, 0); // enable blending gl.enable(gl.blend); gl.drawarrays(gl.points, 0, 1); // won't throw gl.invalid_operation with the extension enabled specifications ...
Element.innerHTML - Web APIs
note: the returned html or xml fragment is generated based on the current contents of the element, so the markup and
formatting of the returned fragment is likely not to match the original page markup.
... we add a second method that logs in
formation about mouseevent based events (such as mousedown, click, and mouseenter): function logevent(event) { var msg = "event <strong>" + event.type + "</strong> at <em>" + event.clientx + ", " + event.clienty + "</em>"; log(msg); } then we use this as the event handler for a number of mouse events on the box that contains our log: var boxelem = document.queryselector(".box"); boxe...
Element.querySelectorAll() - Web APIs
see locating dom elements using selectors for more in
formation about using selectors to identify elements.
...see escaping special characters for more in
formation.
File - Web APIs
the file interface provides in
formation about files and allows javascript in a web page to access their content.
... see using files from web applications for more in
formation and examples.
FileSystemEntry.getMetadata() - Web APIs
} the filesystementry interface's method getmetadata() obtains a metadata object with in
formation about the file system entry, such as its modification date and time and its size.
...receives a single input parameter: a metadata object with in
formation about the file.
FileSystemEntrySync - Web APIs
it includes methods for working with files—including copying, moving, removing, and reading files—as well as in
formation about the file it points to—including the file name and its path from the root to the entry.
...for more in
formation, see the article on basic concepts.
Guide to the Fullscreen API - Web APIs
note that the fullscreenchange event doesn't provide any in
formation 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.
... other in
formation the document provides some additional in
formation that can be useful when developing fullscreen web applications: documentorshadowroot.fullscreenelement the fullscreenelement property tells you the element that's currently being displayed fullscreen.
Gamepad API - Web APIs
it contains three interfaces, two events and one specialist function, to respond to gamepads being connected and disconnected, and to access other in
formation about the gamepads themselves, and what buttons and other controls are currently being pressed.
... see also the extensions to the gamepad interface, for features that allow you to access the above in
formation.
GeolocationCoordinates.longitude - Web APIs
javascript the javascript code below creates an event listener so that when the user clicks on a button, the location in
formation is retrieved and displayed.
...when the user clicks the button, we'll fetch and display the location in
formation.
GeolocationPositionError.code - Web APIs
the following values are possible: value associated constant description 1 permission_denied the acquisition of the geolocation in
formation failed because the page didn't have the permission to do it.
... 3 timeout the time allowed to acquire the geolocation, defined by positionoptions.timeout in
formation that was reached before the in
formation was obtained.
GeolocationPositionError - Web APIs
the following values are possible: value associated constant description 1 permission_denied the acquisition of the geolocation in
formation failed because the page didn't have the permission to do it.
... 3 timeout the time allowed to acquire the geolocation, defined by positionoptions.timeout in
formation was reached before the in
formation was obtained.
GlobalEventHandlers.onerror - Web APIs
}) event of type errorevent contains all the in
formation about the event and the error.
... notes when an error occurs in a script, loaded from a different origin, the details of the error are not reported to prevent leaking in
formation (see bug 363897).
HTMLFontElement.color - Web APIs
the obsolete htmlfontelement.color property is a domstring that reflects the color html attribute, containing either a named color or a color specified in the hexadecimal #rrggbb
format.
... the
format of the string must follow one of the following html microsyntaxes: microsyntax description examples valid name color string nameofcolor (case insensitive) green green green valid hex color string in rgb
format: #rrggbb #008000 rgb using decimal values rgb(x,x,x) (x in 0-255 range) rgb(0,128,0) syntax colorstring = fontobj.color; fontobj.color = colorstring; examples // assumes there is <font id="f"> element in the html var f = document.getelementbyid("f"); f.color = "green"; specifications the <font> tag is not supported in html5 and as a result neither is <font>.color.
HTMLFormElement - Web APIs
htmlformelement.action a domstring reflecting the value of the form's action html attribute, containing the uri of a program that processes the in
formation submitted by the form.
...ples creating a new form element, modifying its attributes, then submitting it: const f = document.createelement("form"); // create a form document.body.appendchild(f); // add it to the document body f.action = "/cgi-bin/some.cgi"; // add action and method attributes f.method = "post"; f.submit(); // call the form's submit() method extract in
formation from a <form> element and set some of its attributes: <form name="forma" action="/cgi-bin/test" method="post"> <p>press "info" for form details, or "set" to change those details.</p> <p> <button type="button" onclick="getforminfo();">info</button> <button type="button" onclick="setforminfo(this.form);">set</button> <button type="reset">reset</button> </p> <textarea id="form-info" r...
HTMLHtmlElement.version - Web APIs
this property has been declared as deprecated by the w3c technical recommendation for html 4.01 in favor of use of the dtd for obtaining version in
formation for a document.
... returns version in
formation about the document type definition (dtd) of a document.
HTMLIFrameElement.referrerPolicy - Web APIs
no referrer in
formation is sent along with requests.
... same-origin a referrer will be sent for same-site origins, but cross-origin requests will contain no referrer in
formation.
HTMLLinkElement - Web APIs
the htmllinkelement interface represents reference in
formation for external resources and the relationship of those resources to a document and vice-versa (corresponds to <link> element; not to be confused with <a>, which is represented by htmlanchorelement).
... htmllinkelement.media is a domstring representing a list of one or more media
formats to which the resource applies.
HTMLMediaElement - Web APIs
see the autoplay guide for media and web audio apis for more in
formation.
... htmlmediaelement.canplaytype() given a string specifying a mime media type (potentially with the codecs parameter included), canplaytype() returns the string probably if the media should be playable, maybe if there's not enough in
formation to determine whether the media will play or not, or an empty string if the media cannot be played.
HTMLScriptElement.referrerPolicy - Web APIs
no referrer in
formation is sent along with requests.
... same-origin a referrer will be sent for same-site origins, but cross-origin requests will contain no referrer in
formation.
HTMLStyleElement - Web APIs
to manipulate css, see using dynamic styling in
formation for an overview of the objects used to manipulate specified css properties using the dom.
... htmlstyleelement.media is a domstring representing the intended destination medium for style in
formation.
In depth: Microtasks and the JavaScript runtime environment - Web APIs
this in
formation is provided as a basis for why microtasks are useful and how they function; if you don't care, you can skip this and come back later if you find that you need to.
...each context additionally tracks the next line in the program that should be run and other in
formation critical to that context's operation.
History - Web APIs
for more in
formation, see working with the history api.
...for more in
formation, see working with the history api.
Basic concepts - Web APIs
for more in
formation on how the browser handles storing your data in the background, read browser storage limits and eviction criteria.
... database database a repository of in
formation, typically comprising one or more object stores.
InputEvent() - Web APIs
inputeventinitoptional is a inputeventinit dictionary, having the following fields: inputtype: (optional) a string specifying the type of change for editible content such as, for example, inserting, deleting, or
formatting text.
... datatransfer: (optional) a datatransfer object containing in
formation about richtext or plaintext data being added to or removed from editible content.
InputEvent.inputType - Web APIs
possible changes include for example inserting, deleting, and
formatting text.
...there are many possible values, such as inserttext, deletecontentbackward, insertfrompaste, and
formatbold.
InputEvent - Web APIs
inputevent.datatransferread only returns a datatransfer object containing in
formation about richtext or plaintext data being added to or removed from editable content.
... inputevent.inputtyperead only returns the type of change for editable content such as, for example, inserting, deleting, or
formatting text.
compareVersion - Web APIs
note that the registry pathname is not the location of the software on the computer; it is the location of in
formation about the software inside the client version registry.
... version an installversion object containing version in
formation or a string in the
format major.minor.release.build, where major, minor, release, and build are integer values representing version in
formation.
Long Tasks API - Web APIs
for tasks that don't occur within the top level page, the containerid, containername and containersrc fields may provide in
formation as to the source of the task.
... taskattributiontiming returns in
formation about the work involved in a long task and its associate frame context.
MSCandidateWindowShow - Web APIs
this event fires after the positioning in
formation of the ime candidate window has been determined.
... you can obtain the positioning in
formation using the getcandidatewindowclientrect method, and adjust your layout as needed to avoid any occlusions with the ime candidate window.
MediaCapabilitiesInfo - Web APIs
the mediacapabilitiesinfo interface of the media capabilities api is made available when the promise returned by the mediacapabilities.encodinginfo() or mediacapabilities.decodinginfo() methods of the mediacapabilities interface fulfills, providing in
formation as to whether the media type is supported, and whether encoding or decoding such media would be smooth and power efficient.
... example // mediaconfiguration to be tested const mediaconfig = { type : 'file', audio : { contenttype : "audio/ogg", channels : 2, bitrate : 132700, samplerate : 5200 }, }; // check support and performance navigator.mediacapabilities.decodinginfo(mediaconfig).then(result => { // result contains the media capabilities in
formation console.log('this configuration is ' + (result.supported ?
MediaDevices.getUserMedia() - Web APIs
see security for more in
formation on this and other security issues related to using getusermedia().
... while in
formation about a user's cameras and microphones are inaccessible for privacy reasons, an application can request the camera and microphone capabilities it needs and wants, using additional constraints.
MediaDevices.ondevicechange - Web APIs
there is no in
formation about the change included in the event object; to get the updated list of devices, you'll have to use enumeratedevices().
...this method is called any time we want to fetch the current list of media devices and then update the displayed lists of audo and video devices using that in
formation.
MediaError.message - Web APIs
the read-only property mediaerror.message returns a domstring which contains a human-readable string offering specific diagnostic details related to the error described by the mediaerror object, or an empty string ("") if no diagnostic in
formation can be determined or provided.
...borted: s += "the user canceled the audio."; break; case mediaerror.media_err_network: s+= "a network error occurred while fetching the audio."; break; case mediaerror.media_err_decode: s+= "an error occurred while decoding the audio."; break; case mediaerror.media_err_src_not_supported: s+= "the audio is missing or is in a
format not supported by your browser."; break; default: s += "an unknown error occurred."; break; } let message = err.message; if (message && message.length) { s += " " + message; } displayerrormessage("<strong>error " + err.code + ":</strong> " + s + "<br>"); }; this gets the mediaerror object describing the error from the error property on ...
MediaError - Web APIs
mediaerror.message a domstring object containing a human-readable string which provides specific diagnostic in
formation to help the reader understand the error condition which occurred; specifically, it isn't simply a summary of what the error code means, but actual diagnostic in
formation to help in understanding what exactly went wrong.
... this text and its
format is not defined by the specification and will vary from one user agent to another.
MediaKeySystemConfiguration - Web APIs
the mediakeysystemconfiguration dictionary holds configuration in
formation about the media key system in use.
...an initialization data type is a string indicating the
format of the initialization data.
MediaPositionState.playbackRate - Web APIs
this in
formation can then, in turn, be used by the user agent to provide a user interface which displays media playback in
formation to the viewer.
... for example, a browser might use this in
formation along with the position property and the navigator.mediasession.playbackstate, as well as the session's metadata to provide an integrated common user interface showing the currently playing media as well as standard pause, play, forward, reverse, and other controls.
MediaRecorder.onerror - Web APIs
notsupportederror an attempt was made to instantiate a mediarecorder using a mime type that isn't supported on the user's device; one or more of the requested container, codecs, or profiles as well as other in
formation may be invalid.
... example this example creates a new mediarecorder instance and starts recording using the user agent's default media
format.
MediaSession.metadata - Web APIs
the metadata property of the mediasession interface contains a mediametadata object providing descriptive in
formation about the currently playing media, or null if the metadata has not been set.
... syntax var mediametadata = navigator.mediasession.metadata; navigator.mediasession.metadata = mediametadata; value an instance of mediametadata containing in
formation about the media currently being played.
Recording a media element - Web APIs
there's a little more than this, but it's just in
formational rather than being part of the core operation of the app.
... function log(msg) { logelement.innerhtml += msg + "\n"; } the log() function is used to output text strings to a <div> so we can share in
formation with the user.
MediaStream Recording API - Web APIs
the data is delivered by a series of dataavailable events, already in the
format you specify when creating the mediarecorder.
... for more in
formation to learn more about using the mediastream recording api, see using the mediastream recording api, which shows how to use the api to record audio clips.
MediaTrackConstraints.deviceId - Web APIs
because rtp doesn't include this in
formation, tracks associated with a webrtc rtcpeerconnection will never include this property.
...however, the value of the deviceid is determined by the source of the track's content, and there's no particular
format mandated by the specification (although some kind of guid is recommended).
MerchantValidationEvent() - Web APIs
validationurl optional the url from which to retrieve payment handler specific verification in
formation used to validate the merchant.
... return value a newly-created merchantvalidationevent providing the in
formation that needs to be delivered to the client-side code to present to the user agent by calling complete().
MerchantValidationEvent.complete() - Web APIs
the merchantvalidationevent method complete() takes merchant-specific in
formation previously received from the validationurl and uses it to validate the merchant.
...another payment request is currently being processed, the current payment request is not currently being displayed to the user, or payment in
formation is currently being updated.
Microdata DOM API - Web APIs
you can't use them anymore and this document is kept as in
formation only.
... microdata becomes even more useful when scripts can use it to expose in
formation to the user, for example offering it in a form that can be used by other applications.
MimeType - Web APIs
the mimetype interface provides contains in
formation about a mime type associated with a particular plugin.
... mimetype.enabledplugin returns an instance of plugin containing in
formation about the plugin itself.
MouseEvent.pageX - Web APIs
see page in coordinate systems for some additional in
formation about coordinates specified in this fashion.
... example more examples you can also see an example that demonstrates how to access the mouse position in
formation in every available coordinate system.
NavigatorID.appVersion - Web APIs
returns either "4.0" or a string representing version in
formation about the browser.
... syntax window.navigator.appversion value either "4.0" or a string representing version in
formation about the browser.
NavigatorPlugins.plugins - Web APIs
in chrome) return flash.description.replace(/shockwave flash /,""); } } the following example displays in
formation about the installed plugin(s).
... let newrow = table.insertrow(); newrow.insertcell().textcontent = navigator.plugins[i].name; newrow.insertcell().textcontent = navigator.plugins[i].filename; newrow.insertcell().textcontent = navigator.plugins[i].description; newrow.insertcell().textcontent = navigator.plugins[i].version?navigator.plugins[i].version:""; } notes the plugin object exposes a small interface for getting in
formation about the various plugins installed in your browser.
Node.setUserData() - Web APIs
note that such data will not be preserved when imported via node.importnode, as with node.clonenode() and node.renamenode() operations (though node.adoptnode does preserve the in
formation), and equality tests in node.isequalnode() do not consider user data in making the assessment.
... this method offers the convenience of associating data with specific nodes without needing to alter the structure of a document and in a standard fashion, but it also means that extra steps may need to be taken if one wishes to serialize the in
formation or include the in
formation upon clone, import, or rename operations.
Using the Notifications API - Web APIs
the notifications api lets a web page or app send notifications that are displayed outside the page at the system level; this lets web apps send in
formation to a user even if the application is idle or in the background.
... <button id="enable">enable notifications</button> clicking this calls the asknotificationpermission() function: function asknotificationpermission() { // function to actually ask the permissions function handlepermission(permission) { // whatever the user answers, we make sure chrome stores the in
formation if(!('permission' in notification)) { notification.permission = permission; } // set the button to shown or hidden, depending on what the user answers if(notification.permission === 'denied' || notification.permission === 'default') { notificationbtn.style.display = 'block'; } else { notificationbtn.style.display = 'none'; } } // let's check if t...
OVR_multiview2 - Web APIs
for more in
formation, see also: multiview on webxr three.js multiview demo multiview in babylon.js optimizing virtual reality: understanding multiview multiview webgl rendering for oculus browser 6.0+ webgl extensions are available using the webglrenderingcontext.getextension() method.
... for more in
formation, see also using extensions in the webgl tutorial.
ParentNode.querySelector() - Web APIs
see locating dom elements using selectors for more in
formation about using selectors to identify elements.
...see escaping special characters for more in
formation.
ParentNode.querySelectorAll() - Web APIs
see locating dom elements using selectors for more in
formation about using selectors to identify elements.
...see escaping special characters for more in
formation.
Path2D.addPath() - Web APIs
transform optional a dommatrix to be used as the trans
formation matrix for the path that is added.
... const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); // create first path and add a rectangle let p1 = new path2d(); p1.rect(0, 0, 100, 150); // create second path and add a rectangle let p2 = new path2d(); p2.rect(0, 0, 100, 75); // create trans
formation matrix that moves 200 points to the right let m = document.createelementns('http://www.w3.org/2000/svg', 'svg').createsvgmatrix(); m.a = 1; m.b = 0; m.c = 0; m.d = 1; m.e = 200; m.f = 0; // add second path to the first path p1.addpath(p2, m); // draw the first path ctx.fill(p1); result specifications specification status comment html living standardthe definitio...
PaymentAddress.languageCode - Web APIs
this is used while localizing the displayy of the address, allowing the determination of the field separators and the order of fields when
formatting the address.
... syntax var paymentlanguagecode = paymentaddress.languagecode; value a domstring providing the bcp-47
format language code indicating the language the address was written in, such as "en-us", "pt-br", or "ja-jp".
PaymentAddress - Web APIs
the paymentaddress interface of the payment request api is used to store shipping or payment address in
formation.
... it may be useful to refer to the universal postal union web site's addressing s42 standard materials, which provide in
formation about international standards for postal addresses.
PaymentDetailsUpdate - Web APIs
the paymentdetailsupdate dictionary is used to provide updated in
formation to the payment user interface after it has been instantiated.
... this can be done either by calling the paymentrequestupdateevent.updatewith() method or by using the paymentrequest.show() method's detailspromise parameter to provide a promise that returns a paymentdetailsupdate that updates the payment in
formation before the user interface is even enabled for the first time.
PaymentMethodChangeEvent.methodName - Web APIs
see payment method identifiers in payment request api for more in
formation.
... // methoddetails contains the card in
formation const result = calculatediscount(ev.methoddetails); object.assign(newstuff, result); break; } } // finally...
PaymentRequestUpdateEvent - Web APIs
the paymentrequestupdateevent interface is used for events sent to a paymentrequest instance when changes are made to shipping-related in
formation for a pending paymentrequest.
... methods in addition to methods inherited from the parent interface, event, paymentrequestupdateevent offers the following methods: paymentrequestupdateevent.updatewith() secure context if the event handler determines that in
formation included in the payment request needs to be changed, or that new in
formation needs to be added, it calls updatewith() with the in
formation that needs to be replaced or added.
PaymentResponse.methodName - Web APIs
see merchant validation in payment processing concepts for more in
formation.
... payment.show().then(paymentresponse => { var paymentdata = { // payment method string method: paymentresponse.methodname, // payment details as you requested details: paymentresponse.details, // shipping address in
formation address: todict(paymentresponse.shippingaddress) }; // send in
formation to the server }); specifications specification status comment payment request api candidate recommendation initial definition.
PaymentResponse: payerdetailchange event - Web APIs
payerdetailchange events are delivered by the payment request api to a paymentresponse object when the user makes changes to their personal in
formation while filling out a payment request form.
... bubbles no cancelable no interface paymentrequestupdateevent event handler property onpayerdetailchange examples in the example below, onpayerdetailchange is used to set up a listener for the payerdetailchange event in order to validate the in
formation entered by the user, requesting that any mistakes be corrected // options for paymentrequest(), indicating that shipping address, // payer email address, name, and phone number all be collected.
PaymentResponse.retry() - Web APIs
syntax retrypromise = paymentrequest.retry(errorfields); parameters errorfields a paymentvalidationerrors object, with the following properties: error optional a general description of a payment error from which the user may attempt to recover by retrying the payment, possibly after correcting mistakes in the payment in
formation.
... async function handlepayment() { const payrequest = new paymentrequest(methoddata, details, options); try { let payresponse = await payrequest.show(); while (payresponse has errors) { /* let the user edit the payment in
formation, wait until they submit */ await response.retry(); } await payresponse.complete("success"); } catch(err) { /* handle the exception */ } } examples try { await paymentrequest.retry(errorfields); } catch (domexception err) { ...
PaymentValidationErrors - Web APIs
the paymentvalidationerrors dictionary represents objects providing in
formation about any and all errors that occurred while processing a payment request.
... properties error optional a general description of a payment error from which the user may attempt to recover by retrying the payment, possibly after correcting mistakes in the payment in
formation.
PerformancePaintTiming - Web APIs
the performancepainttiming interface of the paint timing provides timing in
formation about "paint" (also called "render") operations during web page construction.
...use this in
formation to help identify areas that take too long to provide a good user experience.
Performance API - Web APIs
the timing property returns a performancetiming object containing latency-related performance in
formation such as the start of navigation time, start and end times for redirects, start and end times for responses, etc.
... interfaces performance provides methods and properties containing timing-related performance in
formation for the given page.
PromiseRejectionEvent() - Web APIs
this can be anything from a numeric error code to an error domstring to an object which contains detailed in
formation describing the situation resulting in the promise being rejected.
...the reason could just as easily be a number, or even an object with detailed in
formation including the home address, how serious the fire is, and the phone number of an emergency contact who should be notified.
PromiseRejectionEvent.reason - Web APIs
this in theory provides in
formation about why the promise was rejected.
... syntax reason = promiserejectionevent.reason value a value or object which provides in
formation you can use to understand why the promise was rejected.
PublicKeyCredentialCreationOptions.attestation - Web APIs
the in
formation contained in the attestation may thus disclose some in
formation about the user (e.g.
...this avoids making a check with the attestation certificate authority and asking the user consent for sharing identifying in
formation.
PublicKeyCredentialCreationOptions - Web APIs
examples // some examples of cose algorithms const cose_alg_ecdsa_w_sha256 = -7; const cose_alg_ecdsa_w_sha512 = -36; var createcredentialoptions = { //
format of new credentials is publickey publickey: { // relying party rp: { name: "example corp", id: "login.example.com", icon: "https://login.example.com/login.ico" }, // cryptographic challenge from the server challenge: new uint8array(26), // user user: { id: new uint8array(16), nam...
...smith", }, // requested
format of new keypair pubkeycredparams: [{ type: "public-key", alg: cose_alg_ecdsa_w_sha256, }], // timeout after 1 minute timeout: 60000, // do not send the authenticator's origin attestation attestation: "none", extensions: { uvm: true, exts: true }, // filter out authenticators which are bound to the device authenticatorselection:{ authenticatorattachment: "cross-platform", requireresidentkey: true, userverification: "preferred" }, // exclude already existing credentials for the user excludecredentials: [ ...
PushManager.subscribe() - Web APIs
for more in
formation, see "using vapid with webpush".
...in a production environment it might make sense to // also report in
formation about errors back to the // application server.
RTCConfiguration.certificates - Web APIs
see using certificates below for more in
formation on why you might want to—or not to—explicitly provide certificates.
... <<<--- add link to in
formation about identity --->>> examples specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcconfiguration.certificates' in that specification.
RTCDataChannel - Web APIs
data
format the underlying data
format is defined by the ieee draft specification draft-ietf-mmusic-sctp-sdp.
... the current
format specifies its protocol as either "udp/dtls/sctp" (udp carrying dtls carrying sctp) or "tcp/dtls/sctp" (tcp carrying dtls carrying sctp).
RTCIceCandidate.protocol - Web APIs
the value is automatically extracted from the candidate a-line, if it's
formatted properly.
...the tcptype property provides additional in
formation about the kind of tcp candidate represented by the object.
RTCIceCandidate.type - Web APIs
you can't specify the value of type in the options object, but the address is automatically extracted from the candidate a-line, if it's
formatted properly, being taken from its cand-type field.
... if type is null, that in
formation was missing from the candidate's a-line, which will cause rtcpeerconnection.addicecandidate() to throw an operationerror exception.
RTCIceCandidate - Web APIs
note: for backward compatibility, the constructor also accepts as input a string containing the value of the candidate property instead of a rtcicecandidateinit object, since the candidate includes all of the in
formation that rtcicecandidateinit does and more.
...the
format of this address is a candidate-attribute as defined in rfc 5245.
RTCIceCandidateStats.transportId - Web APIs
the rtcicecandidatestats dictionary's transportid property is a string that uniquely identifies the transport that produced the rtctransportstats from which in
formation about this candidate was taken.
... syntax transportid = rtcicecandidatestats.transportid; value a domstring whose value uniquely identifies the transport from which any transport-related in
formation accumulated in the rtcicecandidatestats was taken.
RTCIceCandidateStats - Web APIs
this function is then called for rtcstats objects whose type is local-candidate, indicating that the object is in fact an rtcicecandidatestats with in
formation about a local ice candidate.
...case "ethernet": case "vpn": return true; case "bluetooth": case "cellular": case "wimax": case "unknown": default: return false; } } if (rtcstats && rtcstats.type === "local-candidate") { if (!isusablenetworktype(rtcstats)) { abortconnection(); return; } } this code calls a function called abortconnection() if the rtcstats object represents in
formation about a local candidate is which would be using a network connection other than ethernet or a vpn.
RTCIceTransport - Web APIs
the rtcicetransport interface provides access to in
formation about the ice transport layer over which the data is being sent and received.
... this is particularly useful if you need to access state in
formation about the connection.
RTCInboundRtpStreamStats.fecPacketsReceived - Web APIs
an fec packet provides parity in
formation which can be used to attempt to reconstruct rtp data packets which have been corrupted in transit.
... by using the fec parity in
formation to attempt to reconstruct damaged packets, it is possible to avoid the need to retransmit damaged packets, which in turn helps to reduce lag, or the need to skip damaged frames entirely.
RTCRtpCodecCapability - Web APIs
the webrtc api's rtcrtpcodeccapability dictionary provides in
formation describing the capabilities of a single media codec.
... sdpfmtpline optional a domstring giving the
format specific parameters field from the a=fmtp line in the sdp which corresponds to the codec, if such a line exists.
RTCRtpContributingSource - Web APIs
the rtcrtpcontributingsource dictionary of the the webrtc api is used by getcontributingsources() to provide in
formation about a given contributing source (csrc), including the most recent time a packet that the source contributed was played out.
... the in
formation provided is based on the last ten seconds of media received.
RTCSctpTransport - Web APIs
the rtcsctptransport interface provides in
formation which describes a stream control transmission protocol (sctp) transport.
... this provides in
formation about limitations of the transport, but also provides a way to access the underlying datagram transport layer security (dtls) transport over which sctp packets for all of an rtcpeerconnection's data channels are sent and received.
RTCStats - Web APIs
the statistics type hierarchy the various dictionaries that are used to define the contents of the objects that contain each of the various types of statistics for webrtc are structured in such a way that they build upon the core rtcstats dictionary, each layer adding more relevant in
formation.
... rtcstats is the foundation of all webrtc statistics objects rtcrtpstreamstats adds to rtcstats in
formation that applies to all rtp endpoints (that is, both local and remote endpoints, and regardless of whether the endpoint is a sender or a receiver) rtcreceivedrtpstreamstats further adds statistics measured at the receiving end of an rtp stream, regardless of whether it's local or remote.
Request.referrerPolicy - Web APIs
the referrerpolicy read-only property of the request interface returns the referrer policy, which governs what referrer in
formation, sent in the referer header, should be included with the request.
...for more in
formation and possible values, see the referrer-policy http header page.
getBBox() - Web APIs
it also does not account for any trans
formation applied to the element or its parents.
...this value is irrespective of any trans
formation attribute applied to it or the parent elements.
SVGSVGElement - Web APIs
when the browser actually knows the physical size of a "screen unit", this float attribute will express that in
formation; otherwise, user agents will provide a suitable default value (such as .28mm).
...if "magnification" is enabled (i.e., zoomandpan="magnify"), then the effect is as if an extra trans
formation were placed at the outermost level on the svg document fragment (i.e., outside the outermost <svg> element).
SpeechRecognitionError.error - Web APIs
bad-grammar there was an error in the speech recognition grammar or semantic tags, or the chosen grammar
format or semantic tag
format was unsupported.
... examples var recognition = new speechrecognition(); recognition.onerror = function(event) { console.log('speech recognition error detected: ' + event.error); console.log('additional in
formation: ' + event.message); } ...
SpeechRecognitionErrorEvent.error - Web APIs
bad-grammar there was an error in the speech recognition grammar or semantic tags, or the chosen grammar
format or semantic tag
format was unsupported.
... examples var recognition = new speechrecognition(); recognition.onerror = function(event) { console.log('speech recognition error detected: ' + event.error); console.log('additional in
formation: ' + event.message); } specifications specification status comment web speech apithe definition of 'error' in that specification.
StorageQuota - Web APIs
the storagequota property of the navigator interface of the quota management api provides means to query and request storage usage and quota in
formation.
... methods storagequota.queryinfo returns a storageinfo object containting the current data usage and available quota in
formation for the application.
Using readable streams - Web APIs
note: if you are looking for in
formation on writable streams try using writable streams instead.
...this involves two methods — readablestream.pipethrough(), which pipes a readable stream through a writer/reader pair to transform one data
format into another, and readablestream.pipeto(), which pipes a readable stream to a writer acting as an end point for the pipe chain.
Using writable streams - Web APIs
note: if you are looking for in
formation about readable streams, try using readable streams instead.
...hild(listitem); result += decoded; resolve(); }); }, close() { var listitem = document.createelement('li'); listitem.textcontent = "[message received] " + result; list.appendchild(listitem); }, abort(err) { console.log("sink error:", err); } }, queuingstrategy); the write() method contains a promise including code that decodes each written chunk into a
format that can be written to the ui.
TimeEvent - Web APIs
the timeevent interface, a part of svg smil animation, provides specific contextual in
formation associated with time events.
...0" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="161" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">timeevent</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties timeevent.detail read only is a long that specifies some detail in
formation about the event, depending on the type of the event.
UIEvent.initUIEvent() - Web APIs
the page on creating and triggering events gives more in
formation about the way to use these.
... detail is an unsigned long specifying some detail in
formation about the event, depending on the type of event.
USB.getDevices() - Web APIs
for in
formation on pairing devices, see usb.requestdevice().
...for in
formation on pairing devices, see usb.requestdevice().
USBAlternateInterface - Web APIs
the usbalternateinterface interface of the webusb api provides in
formation about a particular configuration of an interface provided by the usb device.
... constructor usbalternateinterface.usbalternateinterface creates a new usbalternateinterface object which will be populated with in
formation about the alternate interface of the provided usbinterface with the given alternate setting number.
USBConfiguration - Web APIs
the usbconfiguration interface of the webusb api provides in
formation about a particular configuration of a usb device and the interfaces that it supports.
... constructor usbconfiguration.usbconfiguration() creates a new usbconfiguration object which contains in
formation about the configuration on the provided usbdevice with the given configuration value.
USBDevice - Web APIs
usbdevice.isochronoustransferin() returns a promise that resolves with a usbisochronousintransferresult when time sensitive in
formation has been transmitted to the usb device.
... usbdevice.isochronoustransferout() returns a promise that resolves with a usbisochronousouttransferresult when time sensitive in
formation has been transmitted from the usb device.
USBEndpoint - Web APIs
the usbendpoint interface of the webusb api provides in
formation about an endpoint provided by the usb device.
... constructor usbendpoint.usbendpoint creates a new usbendpoint object which will be populated with in
formation about the endpoint on the provided usbaltenateinterface with the given endpoint number and transfer direction.
USBInterface - Web APIs
the usbinterface interface of the webusb api provides in
formation about an interface provided by the usb device.
... constructor usbinterface.usbinterface creates a new usbinterface object which will be populated with in
formation about the interface on the provided usbconfiguration with the given interface number.
WEBGL_debug_shaders - Web APIs
this extension is not directly available to web sites as the way of how the shader is translated may uncover personally-identifiable in
formation to the web page about the kind of graphics card in the user's computer.
...for more in
formation, see also using extensions in the webgl tutorial.
WEBGL_depth_texture - Web APIs
for more in
formation, see also using extensions in the webgl tutorial.
... extended methods this extension extends webglrenderingcontext.teximage2d(): the
format and internal
format parameters now accept gl.depth_component and gl.depth_stencil.
WebGL2RenderingContext.getTransformFeedbackVarying() - Web APIs
the webgl2renderingcontext.gettransformfeedbackvarying() method of the webgl 2 api returns in
formation about varying variables from webgltransformfeedback buffers.
... index a gluint specifying the index of the varying variable whose in
formation to retrieve.
WebGL2RenderingContext.texStorage3D() - Web APIs
syntax void gl.texstorage3d(target, levels, internal
format, width, height, depth); parameters target a glenum specifying the binding point (target) of the active texture.
... internal
format a glenum specifying the texture store
format.
WebGLRenderingContext.copyTexImage2D() - Web APIs
syntax void gl.copyteximage2d(target, level, internal
format, x, y, width, height, border); parameters target a glenum specifying the binding point (target) of the active texture.
... internal
format a glenum specifying the color components in the texture.
WebGLRenderingContext.getParameter() - Web APIs
equation glenum gl.blend_equation_alpha glenum gl.blend_equation_rgb glenum gl.blend_src_alpha glenum gl.blend_src_rgb glenum gl.blue_bits glint gl.color_clear_value float32array (with 4 values) gl.color_writemask sequence<glboolean> (with 4 values) gl.compressed_texture_
formats uint32array returns the compressed texture
formats.
... gl.green_bits glint gl.implementation_color_read_
format glenum gl.implementation_color_read_type glenum gl.line_width glfloat gl.max_combined_texture_image_units glint gl.max_cube_map_texture_size glint gl.max_fragment_uniform_vectors glint gl.max_renderbuffer_size glint gl.max_texture_image_units glint gl.max_texture_size ...
WebGLRenderingContext.vertexAttribPointer() - Web APIs
usually, your 3d geometry is already in a certain binary
format, so you need to read the specification of that specific
format to figure out the memory layout.
... however, if you are designing the
format yourself, or your geometry is in text files (like wavefront .obj files) and must be converted into an arraybuffer at runtime, you have free choice on how to structure the memory.
Animating textures in WebGL - Web APIs
const level = 0; const internal
format = gl.rgba; const width = 1; const height = 1; const border = 0; const src
format = gl.rgba; const srctype = gl.unsigned_byte; const pixel = new uint8array([0, 0, 255, 255]); // opaque blue gl.teximage2d(gl.texture_2d, level, internal
format, width, height, border, src
format, srctype, pixel); // turn off mips and set wrapping to clamp to edge so it ...
...xparameteri(gl.texture_2d, gl.texture_wrap_s, gl.clamp_to_edge); gl.texparameteri(gl.texture_2d, gl.texture_wrap_t, gl.clamp_to_edge); gl.texparameteri(gl.texture_2d, gl.texture_min_filter, gl.linear); return texture; } here's what the updatetexture() function looks like; this is where the real work is done: function updatetexture(gl, texture, video) { const level = 0; const internal
format = gl.rgba; const src
format = gl.rgba; const srctype = gl.unsigned_byte; gl.bindtexture(gl.texture_2d, texture); gl.teximage2d(gl.texture_2d, level, internal
format, src
format, srctype, video); } you've seen this code before.
Using textures in WebGL - Web APIs
const level = 0; const internal
format = gl.rgba; const width = 1; const height = 1; const border = 0; const src
format = gl.rgba; const srctype = gl.unsigned_byte; const pixel = new uint8array([0, 0, 255, 255]); // opaque blue gl.teximage2d(gl.texture_2d, level, internal
format, width, height, border, src
format, srctype, pixel); const image = new image(); image.onload = function() { ...
... gl.bindtexture(gl.texture_2d, texture); gl.teximage2d(gl.texture_2d, level, internal
format, src
format, srctype, image); // webgl1 has different requirements for power of 2 images // vs non power of 2 images so check if the image is a // power of 2 in both dimensions.
Writing WebSocket client applications - Web APIs
var msg = { type: "message", text: document.getelementbyid("text").value, id: clientid, date: date.now() }; // send the msg object as a json-
formatted string.
... text data
format text received over a websocket connection is in utf-8
format.
WebXR performance guide - Web APIs
this section will combine in
formation from https://github.com/immersive-web/webxr/blob/master/explainer.md#controlling-depth-precision and https://github.com/immersive-web/webxr/blob/master/explainer.md#preventing-the-compositor-from-using-the-depth-buffer optimizing memory use when using libraries that perform things such as matrix mathematics, you typically have a number of working variables through which various vectors, matr...
...it makes sense, then, to have a limited set of these objects, simply replacing their contents with the new in
formation each time you need to use them.
Web Animations API Concepts - Web APIs
keyframe effects are a bundle of in
formation including at the bare minimum a set of keys and the duration they need to be animated over.
... the animation object takes this in
formation and, using the timeline object, assembles a playable animation we can view and reference.
Example and tutorial: Simple synth keyboard - Web APIs
finally, the oscillator list is initialized to ensure that it's ready to receive in
formation identifiying which oscillators are associated with which keys.
...this will let us easily fetch that in
formation as needed when handling events.
Using IIR filters - Web APIs
there's more in
formation on how biquad filters work here.
... if you are looking to learn more there's some in
formation about the maths behind iir filters here.
Using the Web Audio API - Web APIs
there are a lot of features of the api, so for more exact in
formation, you'll have to check the browser compatibility tables at the bottom of each reference page.
... <audio src="mycooltrack.mp3"></audio> note: if the sound file you're loading is held on a different domain you will need to use the crossorigin attribute; see cross origin resource sharing (cors) for more in
formation.
Web Bluetooth API - Web APIs
bluetoothremotegattcharacteristic represents a gatt characteristic, which is a basic data element that provides further in
formation about a peripheral’s service.
... bluetoothremotegattdescriptor represents a gatt descriptor, which provides further in
formation about a characteristic’s value.
Web NFC API - Web APIs
the web nfc api allows exchanging data over nfc via light-weight nfc data exchange
format (ndef) messages.
... note: devices and tags have to be
formatted and recorded specifically to support ndef record
format to be used with web nfc.
Using the Web Storage API - Web APIs
we have also provided an event output page — if you load this page in another tab, then make changes to your choices in the landing page, you'll see the updated storage in
formation outputted as a storageevent is fired.
...as you can see above, the event object associated with this event has a number of properties containing useful in
formation — the key of the data that changed, the old value before the change, the new value after that change, the url of the document that changed the storage, and the storage object itself (which we've stringified so you can see its content).
Functions and classes available to Web Workers - Web APIs
10.0 (yes) 10.1 network in
formation api provides in
formation about the system's connection in terms of general connection type (e.g., 'wifi', 'cellular', etc.).
... performance the performance interface represents timing-related performance in
formation for the given page.
Window.console - Web APIs
the window.console property returns a reference to the console object, which provides methods for logging in
formation to the browser's console.
... these methods are intended for debugging purposes only and should not be relied on for presenting in
formation to end users.
Window.open() - Web APIs
see rel="noopener" for more in
formation and for browser compatibility details, including in
formation about ancillary effects.
...see rel="noreferrer" for additional details and compatibility in
formation.
Window.performance - Web APIs
the window interface's performance property returns a performance object, which can be used to gather performance in
formation about the current document.
... syntax performancedata = window.performance; value a performance object offering access to the performance and timing-related in
formation offered by the apis it exposes.
Window.pkcs11 - Web APIs
for more in
formation on installing pkcs11 modules, see installing pkcs11 modules.
... syntax objref = window.pkcs11 example window.pkcs11.addmodule(smod, secpath, 0, 0); notes see nsidompkcs11 for more in
formation about how to manipulate pkcs11 objects.
Window: unhandledrejection event - Web APIs
the event includes two useful pieces of in
formation: promise the actual promise which was rejected with no handler available to deal with the rejection.
... basic error logging this example simply logs in
formation about the unhandled promise rejection to the console.
Window - Web APIs
window.customelements read only returns a reference to the customelementregistry object, which can be used to register new custom elements and get in
formation about previously registered custom elements.
...see also using navigation timing for additional in
formation and examples.
WindowOrWorkerGlobalScope.setInterval() - Web APIs
one approach to solving this problem is to store in
formation about the state of a timer in an object.
... syntax var mydaemon = new minidaemon(thisobject, callback[, rate[, length]]); description returns a javascript object containing all in
formation needed by an animation (like the this object, the callback function, the length, the frame-rate).
WorkerNavigator.connection - Web APIs
the workernavigator.connection read-only property returns a networkin
formation object containing in
formation about the system's connection, such as the current bandwidth of the user's device or whether the connection is metered.
... syntax connectioninfo = self.navigator.connection specifications specification status comment network in
formation apithe definition of 'navigator.connection' in that specification.
How to check the security state of an XMLHTTPRequest over SSL - Web APIs
the function is passed the channel property of an xmlhttprequest to extract the following in
formation: was the connection secure?
...t(errname); return error; // xxx: errtype goes unused } function dumpsecurityinfo(xhr, error) { let channel = xhr.channel; try { dump("connection status:\n"); if (!error) { dump("\tsucceeded\n"); } else { dump("\tfailed: " + error.name + "\n"); } let secinfo = channel.securityinfo; // print general connection security state dump("security in
formation:\n"); if (secinfo instanceof ci.nsitransportsecurityinfo) { secinfo.queryinterface(ci.nsitransportsecurityinfo); dump("\tsecurity state of connection: "); // check security state flags if ((secinfo.securitystate & ci.nsiwebprogresslistener.state_is_secure) == ci.nsiwebprogresslistener.state_is_secure) { dump("secure connection\n"); } else ...
Sending and Receiving Binary Data - Web APIs
add in
formation about other browsers' support here.
...in that case, you don't have to set the content-length header yourself, as the in
formation is fetched from the stream automatically: // make a stream from a file.
XRFrame - Web APIs
a webxr device api xrframe object is passed into the requestanimationframe() callback function and provides access to the in
formation needed in order to render a single frame of animation for an xrsession describing a vr or ar sccene.
...the in
formation about a specific object can be obtained by calling one of the methods on the object.
XRInputSourceArray.forEach() - Web APIs
if you don't need this in
formation, you may omit this.
... specifications specification status comment webxr device apithe definition of 'xrinputsourcearray' in that specification.1 working draft xrinputsourcearray interface [1] see iterator-like methods in in
formation contained in a webidl file for in
formation on how an iterable declaration in an interface definition causes entries(), foreach(), keys(), and values() methods to be exposed from objects that implement the interface.
XRReferenceSpaceEvent.transform - Web APIs
usage notes upon receiving a reset event, you can apply the transform to cached position or orientation in
formation to shift them into the updated coordinate system.
... alternatively, you can just discard any cached positional in
formation and recompute from scratch.
XRRigidTransform.inverse - Web APIs
applying the inverse of a transform to any object previously transformed by the parent xrrigidtransform always undoes the trans
formation, resulting in the object returning to its previous pose.
...the inverse's matrix is multiplied by the object's matrix to get the model view matrix, which is then passed into the shader program by setting a uniform to contain that in
formation.
XRSession - Web APIs
with xrsession methods, you can poll the viewer's position and orientation (the xrviewerpose), gather in
formation about the user's environment, and present imagery to the user.
...this includes things such as the near and far clipping planes (distances defining how close and how far away objects can be and still get rendered), as well as field of view in
formation.
Generating HTML - Web APIs
the second example will transform the input document (example2.xml), which again contains in
formation about an article, into an html document.
...it is needed in order to preserve the html elements in the xml document, since it matches all of them and copies them out into the html document the trans
formation creates.
Introduction - Web APIs
xsl (extensible stylesheet language) trans
formations are composed of two parts: xsl elements, which allow the trans
formation of an xml tree into another markup tree and xpath, a selection language for trees.
... trans
formations in xslt are based on rules that consist of templates.
XSLTProcessor - Web APIs
an xsltprocessor applies an xslt stylesheet trans
formation to an xml document to produce a new xml document as output.
... it has methods to load the xslt stylesheet, to manipulate <xsl:param> parameter values, and to apply the trans
formation to documents.
ARIA Technique Template - Accessibility
the in
formation provided above is one of those opinions and therefore not normative.
... examples example 1: code working examples: notes aria attributes used related aria techniques compatibility tbd: add support in
formation for common ua and at product combinations additional resources ...
Using the aria-activedescendant attribute - Accessibility
the in
formation provided below is one of those opinions and therefore not normative.
... examples example 1: code working examples: notes aria attributes used related aria techniques compatibility tbd: add support in
formation for common ua and at product combinations additional resources ...
Using the aria-label attribute - Accessibility
the in
formation provided above is one of those opinions and therefore not normative.
... used by aria roles all elements of the base markup related aria techniques using the aria-labelledby attribute compatibility tbd: add support in
formation for common ua and at product combinations additional resources wai-aria specification for aria-label ...
Using the aria-orientation attribute - Accessibility
the in
formation provided above is one of those opinions and therefore not normative.
...id="handle_zoomslider" role="slider" aria-orientation="vertical" aria-valuemin="0" aria-valuemax="17" aria-valuenow="14" > <span>11</span> </a> working examples: slider example notes used with aria roles scrollbar listbox combobox menu tree separator slider tablist toolbar related aria techniques compatibility tbd: add support in
formation for common ua and at product combinations additional resources wai-aria specification for the aria-orientation attribute ...
Using the aria-required attribute - Accessibility
the in
formation provided above is one of those opinions and therefore not normative.
...<br/> <label for="streetaddress">street address:</label> <input id="streetaddress" type="text" /> </form> working examples: tooltip example (includes the use of the aria-required attribute) notes used in aria roles combobox gridcell listbox radiogroup spinbutton textbox tree related aria techniques using the aria-invalid attribute compatibility tbd: add support in
formation for common ua and at product combinations additional resources wai-aria specification for aria-required wai-aria authoring practices for forms constraint validation in html5 ...
Using the aria-valuemax attribute - Accessibility
the in
formation provided above is one of those opinions and therefore not normative.
... <div role="slider" aria-valuenow="4" aria-valuemin="1" aria-valuemax="10"> working examples: progressbar example slider example spinbutton example notes used with aria roles progressbar scrollbar slider spinbutton related aria techniques aria-valuemin aria-valuenow aria-valuetext compatibility tbd: add support in
formation for common ua and at product combinations additional resources wai-aria specification for the aria-valuemax attribute ...
Using the aria-valuemin attribute - Accessibility
the in
formation provided above is one of those opinions and therefore not normative.
... <div role="slider" aria-valuenow="4" aria-valuemin="1" aria-valuemax="10"> working examples: progressbar example slider example spinbutton example notes used with aria roles progressbar scrollbar slider spinbutton related aria techniques aria-valuemax aria-valuenow aria-valuetext compatibility tbd: add support in
formation for common ua and at product combinations additional resources wai-aria specification for the aria-valuemin attribute ...
Using the aria-valuenow attribute - Accessibility
the in
formation provided above is one of those opinions and therefore not normative.
... <div role="slider" aria-valuenow="4" aria-valuemin="1" aria-valuemax="10"> working examples: progressbar example slider example spinbutton example notes used with aria roles progressbar scrollbar slider spinbutton related aria techniques aria-valuemax aria-valuemin aria-valuetext compatibility tbd: add support in
formation for common ua and at product combinations additional resources wai-aria specification for the aria-valuenow attribute ...
Using the aria-valuetext attribute - Accessibility
the in
formation provided above is one of those opinions and therefore not normative.
... <div role="slider" aria-valuenow="1" aria-valuemin="1" aria-valuemax="7" aria-valuetext="sunday"> working examples: notes used with aria roles progressbar scrollbar slider spinbutton related aria techniques aria-valuenow compatibility tbd: add support in
formation for common ua and at product combinations additional resources wai-aria specification for the aria-valuetext attribute ...
Using the article role - Accessibility
the in
formation provided above is one of those opinions and therefore not normative.
...ontent"> <p>a very interesting post</p> </section> <section class="comments"> <div class="comment" role="article"> <p>meaningful comment</p> </div> <div class="comment" role="article"> <p>positive comment</p> </div> </section> </article> notes aria attributes used related aria techniques aria techniques - list of roles compatibility tbd: add support in
formation for common ua and at product combinations additional resources wai-aria specification for the article role ...
Using the group role - Accessibility
the in
formation provided above is one of those opinions and therefore not normative.
... aria attributes used group related aria techniques region role compatibility tbd: add support in
formation for common ua and at product combinations additional resources aria authoring practices – accessible name guidance by role – group ...
Using the presentation role - Accessibility
the in
formation provided above is one of those opinions and therefore not normative.
... examples example 1: <ul role="tablist"> <li role="presentation"> <a role="tab" href="#">tab 1</a> </li> <li role="presentation"> <a role="tab" href="#">tab 2</a> </li> <li role="presentation"> <a role="tab" href="#">tab 3</a> </li> </ul> working examples: notes aria attributes used related aria techniques compatibility tbd: add support in
formation for common ua and at product combinations additional resources using aria - 2.9 use of role=presentation or role=none: https://www.w3.org/tr/using-aria/#presentation ...
Using the progressbar role - Accessibility
the in
formation provided above is one of those opinions and therefore not normative.
...</div> working examples: notes aria attributes used progressbar aria-valuenow aria-valuemin aria-valuemax aria-valuetext related aria techniques compatibility tbd: add support in
formation for common ua and at product combinations additional resources ...
Using the radio role - Accessibility
the in
formation provided above is one of those opinions and therefore not normative.
... </li> <li id="r2" tabindex="-1" role="radio" aria-checked="false"> <img role="presentation" src="radio-unchecked.gif" /> subway </li> <li id="r3" tabindex="0" role="radio" aria-checked="true"> <img role="presentation" src="radio-checked.gif" /> radio maria </li> </ul> working examples: notes aria attributes used related aria techniques compatibility tbd: add support in
formation for common ua and at product combinations additional resources ...
Using the toolbar role - Accessibility
the in
formation provided above is one of those opinions and therefore not normative.
... examples example 1: code working examples: w3c toolbar example notes aria attributes used related aria techniques compatibility tbd: add support in
formation for common ua and at product combinations additional resources ...
ARIA annotations - Accessibility
for example: <p id="description-id">an extended text description of some kind...</p> <div aria-describedby="description-id"> <!-- some kind of ui feature that needs an accessible description --> </div> aria-details is appropriate when linking to descriptions or annotations that are a bit more complex — rather than a simple text string, it might contain multiple bits of semantic in
formation: <div id="detail-id"> <h2>a heading</h2> <p>an extended text description of some kind…</p> <p><time datetime="...">a timestamp</time></p> </div> <div aria-details="detail-id"> <!-- some kind of ui feature that needs an accessible description --> </div> this difference really becomes apparent when you get to how the content is actually interpreted in the accessibility layer, and r...
...</p> we could even provide an in
formation box saying who made the suggestion and when, and associate it with the suggestion via aria-details: <p>freida’s pet is a <span role="suggestion" aria-details="comment-source"><span role="deletion">black cat called luna</span><span role="insertion">purple tyrannosaurus rex called tiny</span></span>.
ARIA: document role - Accessibility
<div id="infotext" role="document" tabindex="0"> <p>some in
formational text goes here.</p> </div> ...
... <button>close</button> </div> this example shows a dialog widget with some controls and a section with some in
formational text that the assistive technology user can read when tabbing to it.
Basic form hints - Accessibility
assistive technologies (ats) cannot necessarily infer this in
formation from the presentation.
...the second part of the example, a snippet of javascript validates the email
format, and sets the aria-invalid attribute of the email field (line 12 of the html) according to the result (in addition to changing the presentation of the element).
Keyboard-navigable JavaScript widgets - Accessibility
dom focus events are considered in
formational only: generated by the system after something is focused, but not actually used to set focus.
...(for more in
formation about aria, see this overview of accessible web applications and widgets.) the aria-activedescendant property identifies the id of the descendent element that currently has the virtual focus.
Web accessibility for seizures and physical reactions - Accessibility
see the mdn document, mediaquerylist for more in
formation.
... see also mdn accessibility: what users can to to browse more safely accessibility: understanding color and luminance applying svg effects to html content basic animations (canvas tutorial) canvas api canvasrenderingcontext2d.drawimage() <color> document object model mediaquerylist using dynamic styling in
formation webgl: 2d and 3d graphics for the web color color tutorial: describing color tom jewett.
Understanding the Web Content Accessibility Guidelines - Accessibility
atim, word-for-word) 17 new success criteria at the a / aa / aaa levels primarily addressing user needs in these areas: mobile accessibility low vision cognitive read more about wcag 2.1: deque: wcag 2.1: what is next for accessibility guidelines tpg: web content accessibility guidelines (wcag) 2.1 legal standing this guide is intended to provide practical in
formation to help you build better, more accessible websites.
...and particularity the accessibility guidelines and the law section provide more related in
formation.
Coordinate systems - CSS: Cascading Style Sheets
whenever the mouse enters, moves around inside, or exits the inner box, the corresponding event is handled by updating a set of in
formational messages within the box, listing out the current mouse coordinates in each of the four available coordinate systems.
... let inner = document.queryselector(".inner"); let log = document.queryselector(".log"); function setcoords(e, type) { let idx = type + "x"; let idy = type + "y"; document.getelementbyid(idx).innertext = e[idx]; document.getelementbyid(idy).innertext = e[idy]; } a reference to the <div> inside the inner box which contains the paragraphs that will show the coordinate in
formation is fetched into log.
CSS Basic Box Model - CSS: Cascading Style Sheets
css basic box model is a module of css that defines the rectangular boxes—including their padding and margin—that are generated for elements and laid out according to the visual
formatting model.
... visual
formatting model explains the visual
formatting model.
CSS Display - CSS: Cascading Style Sheets
css display is a module of css that defines how the css
formatting box tree is generated from the document element tree and defines properties controlling it.
... reference css properties display css data types <display-outside> <display-inside> <display-listitem> <display-box> <display-internal> <display-legacy> guides css flow layout (display: block, display: inline) block and inline layout in normal flow flow layout and overflow flow layout and writing modes
formatting contexts explained in flow and out of flow display: flex basic concepts of flexbox aligning items in a flex container controlling ratios of flex items along the main axis cross-browser flexbox mixins mastering wrapping of flex items ordering flex items relationship of flexbox to other layout methods backwards compatibility of flexbox typical use cases of flexbox display: grid basic concepts of grid layout relationship to other layout metho...
Mastering Wrapping of Flex Items - CSS: Cascading Style Sheets
the difference between visibility: hidden and display: none when you set an item to display: none in order to hide it, the item is removed from the
formatting structure of the page.
...using visibility: hidden keeps the box in the
formatting structure which is useful in that it still behaves as if it were part of the layout even though the user can’t see it.
Relationship of flexbox to other layout methods - CSS: Cascading Style Sheets
the writing modes the writing modes specification defines the following values of the writing-mode property, which serve to change the direction that blocks are laid out on the page, to match the direction that blocks lay out when content is
formatted in that particular writing mode.
...you can see more in
formation on browser support in the mdn documentation for writing-mode.
Understanding CSS z-index - CSS: Cascading Style Sheets
in addition to their horizontal and vertical positions, boxes lie along a "z-axis" and are
formatted one on top of the other.
... stacking context example 1: 2-level html hierarchy, z-index on the last level stacking context example 2: 2-level html hierarchy, z-index on all levels stacking context example 3: 3-level html hierarchy, z-index on the second level original document in
formation author(s): paolo lombardi this article is the english translation of an article i wrote in italian for yappy.
Layout and the containing block - CSS: Cascading Style Sheets
ing the containing block the process for identifying the containing block depends entirely on the value of the element's position property: if the position property is static, relative, or sticky, the containing block is formed by the edge of the content box of the nearest ancestor element that is either a block container (such as an inline-block, block, or list-item element) or establishes a
formatting context (such as a table container, flex container, grid container, or the block container itself).
...ghtgray; } p { width: 50%; /* == 400px * .5 = 200px */ height: 25%; /* == 160px * .25 = 40px */ margin: 5%; /* == 400px * .05 = 20px */ padding: 5%; /* == 400px * .05 = 20px */ background: cyan; } example 2 in this example, the paragraph's containing block is the <body> element, because <section> is not a block container (because of display: inline) and doesn’t establish a
formatting context.
Privacy and the :visited selector - CSS: Cascading Style Sheets
this process was quick to execute, and made it possible not only to determine where the user had been on the web, but could also be used to guess a lot of in
formation about the user's identity.
... to mitigate this problem, browsers have limited the amount of in
formation that can be obtained from visited links.
CSS reference - CSS: Cascading Style Sheets
nguage-overridefont-optical-sizingfont-sizefont-size-adjustfont-stretchfont-stretch (@font-face)font-stylefont-style (@font-face)font-synthesisfont-variantfont-variant (@font-face)font-variant-alternatesfont-variant-capsfont-variant-east-asianfont-variant-ligaturesfont-variant-numericfont-variant-positionfont-variation-settingsfont-variation-settings (@font-face)font-weightfont-weight (@font-face)
format()fr<frequency><frequency-percentage>:fullscreenggapgrad<gradient>grayscale()gridgrid-areagrid-auto-columnsgrid-auto-flowgrid-auto-rowsgrid-columngrid-column-endgrid-column-startgrid-rowgrid-row-endgrid-row-startgrid-templategrid-template-areasgrid-template-columnsgrid-template-rowshhzhanging-punctuationheightheight (@viewport)@historical-forms:hoverhsl()hsla()hue-rotate()hyphensi<ident><image>ima...
... concepts syntax and semantics css syntax at-rules cascade comments descriptor inheritance shorthand properties specificity value definition syntax css unit and value types values actual value computed value initial value resolved value specified value used value layout block
formatting context box model containing block layout mode margin collapsing replaced elements stacking context visual
formatting model dom-css / cssom major object types documentorshadowroot.stylesheets stylesheets[i].cssrules cssrules[i].csstext (selector & style) cssrules[i].selectortext htmlelement.style htmlelement.style.csstext (just style) element.classname element.classlist ...
Replaced elements - CSS: Cascading Style Sheets
in css, a replaced element is an element whose representation is outside the scope of css; they're external objects whose representation is independent of the css
formatting model.
...see controlling object position within the content box for further in
formation.
Specificity - CSS: Cascading Style Sheets
(the selectors declared inside :not() do, however.) for more in
formation, visit: "specificity" in "cascade and inheritance", you can also visit: https://specifishity.com inline styles added to an element (e.g., style="font-weight: bold;") always overwrite any styles in external stylesheets, and thus can be thought of as having the highest specificity.
... for more in
formation, visit: https://stackoverflow.com/questions/3706819/what-are-the-implications-of-using-important-in-css https://stackoverflow.com/questions/9245353/what-does-important-in-css-mean https://stackoverflow.com/questions/5701149/when-to-use-important-property-in-css https://stackoverflow.com/questions/11178673/how-to-override-important https://stackoverflow.com/questions/2042497/when-to-use-...
Syntax - CSS: Cascading Style Sheets
but there is other in
formation that a web author wants to convey in the style sheet, like the character set, other external style sheets to import, font face or list counter descriptions and many more.
...they are used to convey meta-data in
formation (like @charset or @import), conditional in
formation (like @media or @document), or descriptive in
formation (like @font-face).
background-image - CSS: Cascading Style Sheets
accessibility concerns browsers do not provide any special in
formation on background images to assistive technology.
...if the image contains in
formation critical to understanding the page's overall purpose, it is better to describe it semantically in the document.
background - CSS: Cascading Style Sheets
accessibility concerns browsers do not provide any special in
formation on background images to assistive technology.
...if the image contains in
formation critical to understanding the page's overall purpose, it is better to describe it semantically in the document.
conic-gradient() - CSS: Cascading Style Sheets
accessibility concerns browsers do not provide any special in
formation on background images to assistive technology.
...if the image contains in
formation critical to understanding the page's overall purpose, it is better to describe it semantically in the document.
content - CSS: Cascading Style Sheets
it is
formatted in the specified style (decimal by default).
...if the content conveys in
formation that is critical to understanding the page's purpose, it is better to include it in the main document.
cross-fade() - CSS: Cascading Style Sheets
accessibility concerns browsers do not provide any special in
formation on background images to assistive technology.
...if the image contains in
formation critical to understanding the page's overall purpose, it is better to describe it semantically in the document.
image-orientation - CSS: Cascading Style Sheets
from-image the exif in
formation contained in the image will be used to rotate the image appropriately.
... if used in conjunction with other css properties, such as a <transform-function>, any image-orientation rotation is applied before any other trans
formations.
image-set() - CSS: Cascading Style Sheets
accessibility concerns browsers do not provide any special in
formation on background images to assistive technology.
...if the image contains in
formation critical to understanding the page's overall purpose, it is better to describe it semantically in the document.
image() - CSS: Cascading Style Sheets
accessibility concerns browsers do not provide any special in
formation on background images to assistive technology.
...if the image contains in
formation critical to understanding the page's overall purpose, it is better to describe it semantically in the document.
page-break-after - CSS: Cascading Style Sheets
left force page breaks after the element so that the next page is
formatted as a left page.
... right force page breaks after the element so that the next page is
formatted as a right page.
page-break-before - CSS: Cascading Style Sheets
left force page breaks before the element so that the next page is
formatted as a left page.
... right force page breaks before the element so that the next page is
formatted as a right page.
position - CSS: Cascading Style Sheets
(note that there are browser inconsistencies with perspective and filter contributing to containing block
formation.) its final position is determined by the values of top, right, bottom, and left.
...the element establishes a new block
formatting context (bfc) for its contents.
repeating-conic-gradient() - CSS: Cascading Style Sheets
accessibility concerns browsers do not provide any special in
formation on background images to assistive technology.
...if the image contains in
formation critical to understanding the page's overall purpose, it is better to describe it semantically in the document.
text-decoration-thickness - CSS: Cascading Style Sheets
from-font if the font file includes in
formation about a preferred thickness, use that value.
... if the font file doesn't include this in
formation, behave as if auto was set, with the browser choosing an appropriate thickness.
text-transform - CSS: Cascading Style Sheets
apitalize | uppercase | lowercase | full-width | full-size-kana examples none <p>initial string <strong>lorem ipsum dolor sit amet, consectetur adipisicing elit, ...</strong> </p> <p>text-transform: none <strong><span>lorem ipsum dolor sit amet, consectetur adipisicing elit, ...</span></strong> </p> span { text-transform: none; } strong { float: right; } this demonstrates no text trans
formation.
...ral) <p>initial string <strong>0123456789abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz!"#$%&()*+,-./:;<=>?@{|}~</strong> </p> <p>text-transform: full-width <strong><span>0123456789abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz!"#$%&()*+,-./:;<=>?@{|}~</span></strong> </p> span { text-transform: full-width; } strong { width: 100%; float: right; } some characters exists in two
formats, normal width and a full-width, with different unicode code points.
text-underline-position - CSS: Cascading Style Sheets
from-font if the font file includes in
formation about a preferred position, use that value.
... if the font file doesn't include this in
formation, behave as if auto was set, with the browser choosing an appropriate position.
matrix() - CSS: Cascading Style Sheets
the matrix() css function defines a homogeneous 2d trans
formation matrix.
... matrix(a, b, c, d, tx, ty) values a b c d are <number>s describing the linear trans
formation.
rotate() - CSS: Cascading Style Sheets
the rotate() css function defines a trans
formation that rotates an element around a fixed point on the 2d plane, without deforming it.
... cos(a)-sin(a)00sin(a)cos(a)0000100001 [cos(a) sin(a) -sin(a) cos(a) 0 0] examples basic example html <div>normal</div> <div class="rotated">rotated</div> css div { width: 80px; height: 80px; background-color: skyblue; } .rotated { transform: rotate(45deg); /* equal to rotatez(45deg) */ background-color: pink; } result combining rotation with another trans
formation if you want apply multiple trans
formations to an element, be careful about the order in which you specify your trans
formations.
rotate3d() - CSS: Cascading Style Sheets
the rotate3d() css function defines a trans
formation that rotates an element around a fixed axis in 3d space, without deforming it.
... cartesian coordinates on ℝ2 this trans
formation applies to the 3d space and can't be represented on the plane.
rotateX() - CSS: Cascading Style Sheets
the rotatex() css function defines a trans
formation that rotates an element around the abscissa (horizontal axis) without deforming it.
... cartesian coordinates on ℝ2 homogeneous coordinates on ℝℙ2 cartesian coordinates on ℝ3 homogeneous coordinates on ℝℙ3 this trans
formation applies to the 3d space and can't be represented on the plane.
rotateY() - CSS: Cascading Style Sheets
the rotatey() css function defines a trans
formation that rotates an element around the ordinate (vertical axis) without deforming it.
... cartesian coordinates on ℝ2 homogeneous coordinates on ℝℙ2 cartesian coordinates on ℝ3 homogeneous coordinates on ℝℙ3 this trans
formation applies to the 3d space and can't be represented on the plane.
rotateZ() - CSS: Cascading Style Sheets
the rotatez() css function defines a trans
formation that rotates an element around the z-axis without deforming it.
... cartesian coordinates on ℝ2 homogeneous coordinates on ℝℙ2 cartesian coordinates on ℝ3 homogeneous coordinates on ℝℙ3 this trans
formation applies to the 3d space and can't be represented on the plane.
skew() - CSS: Cascading Style Sheets
the skew() css function defines a trans
formation that skews an element on the 2d plane.
... this trans
formation is a shear mapping (transvection) that distorts each point within an element by a certain angle in the horizontal and vertical directions.
skewX() - CSS: Cascading Style Sheets
the skewx() css function defines a trans
formation that skews an element in the horizontal direction on the 2d plane.
... this trans
formation is a shear mapping (transvection) that distorts each point within an element by a certain angle in the horizontal direction.
skewY() - CSS: Cascading Style Sheets
the skewy() css function defines a trans
formation that skews an element in the vertical direction on the 2d plane.
... this trans
formation is a shear mapping (transvection) that distorts each point within an element by a certain angle in the vertical direction.
translate() - CSS: Cascading Style Sheets
this trans
formation is characterized by a two-dimensional vector.
... cartesian coordinates on ℝ2 homogeneous coordinates on ℝℙ2 cartesian coordinates on ℝ3 homogeneous coordinates on ℝℙ3 a translation is not a linear trans
formation in ℝ2 and can't be represented using a cartesian-coordinate matrix.
CSS: Cascading Style Sheets
we have put together a course that includes all the essential in
formation you need to work towards your goal.
... css key concepts: the syntax and forms of the language specificity, inheritance and the cascade css units and values box model and margin collapse the containing block stacking and block-
formatting contexts initial, computed, used, and actual values css shorthand properties css flexible box layout css grid layout media queries animation cookbook the css layout cookbook aims to bring together recipes for common layout patterns, things you might need to implement in your sites.
Demos of open web technologies
2d graphics canvas blob sallad: an interactive blob using javascript and canvas (code demos) 3d raycaster processing.js p5js 3d on 2d canvas minipaint: image editor (source code) zen photon garden (source code) multi touch in canvas demo (source code) svg bubblemenu (visual effects and interaction) html trans
formations using foreignobject (visual effects and transforms) phonetics guide (interactive) 3d objects demo (interactive) blobular (interactive) video embedded in svg (or use the local download) summer html image map creator (source code) video video 3d animation "mozilla constantly evolving" video 3d animation "floating dance" streaming anime, movie trailer and interview billy's browser f...
...(source code) virtual reality the polar sea (source code) sechelt fly-through (source code) css css zen garden css floating logo "mozilla" paperfold css blockout rubik's cube pure css slides planetarium (source code) loader with blend modes text reveal with clip-path ambient shadow with custom properties luminiscent vial css-based single page application (source code) trans
formations impress.js (source code) games ioquake3 (source code) kai 'opua (source code) web apis notifications api html5 notifications (source code) web audio api web audio fireworks oscope.js - javascript oscilloscope html5 web audio showcase (source code) html5 audio visualizer (source code) graphical filter editor and visualizer (source code) file api slide my text...
Event reference
each event is represented by an object which is based on the event interface, and may have additional custom fields and/or functions used to get additional in
formation about what happened.
...each event is listed along with the interface representing the object sent to recipients of the event (so you can find in
formation about what data is provided with each event) as well as a link to the specification or specifications that define the event.
Audio and video manipulation - Developer guides
note: see biquadfilternode for more in
formation.
... libraries currently exist for the following
formats : aac: aac.js alac: alac.js flac: flac.js mp3: mp3.js opus: opus.js vorbis: vorbis.js note: at audiocogs, you can try out a few demos; audiocogs also provides a framework, aurora.js, which is intended to help you author your own codecs in javascript.
Event developer guide - Developer guides
two common styles are: the generalized addeventlistener() and a set of specific on-event handlers.media eventsvarious events are sent when handling media that are embedded in html documents using the <audio> and <video> elements; this section lists them and provides some helpful in
formation about using them.mouse gesture eventsgecko 1.9.1 added support for several mozilla-specific dom events used to handle mouse gestures.
...you should instead use the standard touch events api, supported since gecko/firefox 6 with multi-touch support added in gecko/firefox 12.using device orientation with 3d transformsthis article provides tips on how to use device orientation in
formation in tandem with css 3d transforms.
A hybrid approach - Developer guides
so far there is not much to see for mobile, since things are still in the
formative stages of development, but you can always watch the new mozilla.org grow up on github.
... separate sites responsive design original document in
formation this article was originally published on 27 june 2011, on the mozilla webdev blog as "approaches to mobile web development part 4 – a hybrid approach", by jason grlicky.
HTML attribute: pattern - HTML: Hypertext Markup Language
examples given the following: <p> <label>enter your phone number in the
format (123)456-7890 (<input name="tel1" type="tel" pattern="[0-9]{3}" placeholder="###" aria-label="3-digit area code" size="2"/>)- <input name="tel2" type="tel" pattern="[0-9]{3}" placeholder="###" aria-label="3-digit prefix" size="2"/> - <input name="tel3" type="tel" pattern="[0-9]{4}" placeholder="####" aria-label="4-digit number" size="3"/> </label> </p> here we have 3 sections for a nort...
...this is one of the several reasons you must include in
formation informing users how to fill out the the control to match the requirements.
HTML attribute: step - HTML: Hypertext Markup Language
the number spinner, if present, will only show valid float values of 1.2 and greater note: when the data entered by the user doesn't adhere to the stepping configuration, the value is considered invalid in contraint validation and will match the :invalid and :out-of-range pseudoclasses see client-side validation and stepmismatch for more in
formation.
...indicate any required and optional input, data
formats, and other relevant in
formation.
HTML attribute reference - HTML: Hypertext Markup Language
action <form> the uri of a program that processes the in
formation submitted via the form.
... color <basefont>, <font>, <hr> this attribute sets the text color using either a named color or a color specified in the hexadecimal #rrggbb
format.
<basefont> - HTML: Hypertext Markup Language
color this attribute sets the text color using either a named color or a color specified in the hexadecimal #rrggbb
format.
...starting with html 4, html does not convey styling in
formation anymore (outside the <style> element or the style attribute of each element).
<font> - HTML: Hypertext Markup Language
starting with html 4, html does not convey styling in
formation anymore (outside the <style> element or the style attribute of each element).
... color this attribute sets the text color using either a named color or a color specified in the hexadecimal #rrggbb
format.
<footer> - HTML: Hypertext Markup Language
a footer typically contains in
formation about the author of the section, copyright data or links to related documents.
... usage notes enclose in
formation about the author in an <address> element that can be included into the <footer> element.
<iframe>: The Inline Frame element - HTML: Hypertext Markup Language
see the article privacy, permissions, and in
formation security for details on security issues and how <iframe> works with feature policy to keep systems safe.
... same-origin: a referrer will be sent for same origin, but cross-origin requests will contain no referrer in
formation.
<ins> - HTML: Hypertext Markup Language
for the
format of the string without a time, see
format of a valid date string.
... the
format of the string if it includes both date and time is covered in
format of a valid local date and time string.
<main> - HTML: Hypertext Markup Language
content that is repeated across a set of documents or document sections such as sidebars, navigation links, copyright in
formation, site logos, and search forms shouldn't be included unless the search form is the main function of the page.
...it's strictly in
formative.
Standard metadata names - HTML: Hypertext Markup Language
it is different from the <title> element, which usually contain the application name, but may also contain in
formation like the document name or a status.
... the browser will use this in
formation in tandem with the user's browser or device settings to determine what colors to use for everything from background and foregrounds to form controls and scrollbars.
<table>: The Table element - HTML: Hypertext Markup Language
the html <table> element represents tabular data — that is, in
formation presented in a two-dimensional table comprised of rows and columns of cells containing data.
...in complex tables, scope can be specified so as to provide necessary in
formation about the cells related to a header.
style - HTML: Hypertext Markup Language
usage note: this attribute must not be used to convey semantic in
formation.
...typically it shouldn't be used to hide irrelevant in
formation; this should be done using the hidden attribute.
Feature Policy - HTTP
inferring the policy scripts can programatically query in
formation about the feature policy via the featurepolicy object located at either document.featurepolicy or htmliframeelement.featurepolicy.
... the features include: layout-inducing animations legacy image
formats oversized images synchronous scripts synchronous xmlhttprequest unoptimized images unsized media granular control over certain features the web provides functionality and apis that may have privacy or security risks if abused.
Cache-Control - HTTP
see "keeping things fresh with stale-while-revalidate" for more in
formation.
...for more in
formation, see also this blog post.
Content-Location - HTTP
examples requesting data from a server in different
formats let's say a site's api can return data in json, xml, or csv
formats.
... accept: application/json, text/json content-location: /documents/foo.json accept: application/xml, text/xml content-location: /documents/foo.xml accept: text/plain, text/* content-location: /documents/foo.txt these urls are examples — the site could serve the different filetypes with any url patterns it wishes, such as a query string parameter: /documents/foo?
format=json, /documents/foo?
format=xml, and so on.
CSP: referrer - HTTP
the http content-security-policy (csp) referrer directive used to specify in
formation in the referer header (with a single r as this was a typo in the original spec) for links away from a page.
...no referrer in
formation is sent along with requests.
Content-Security-Policy - HTTP
for more in
formation, see the introductory article on content security policy (csp).
... referrer used to specify in
formation in the referer (sic) header for links away from a page.
Public-Key-Pins-Report-Only - HTTP
for more in
formation, see the public-key-pins header reference page and the http public key pinning article.
... header type response header forbidden header name no syntax public-key-pins-report-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 in
formation (spki) fingerprint.
Server - HTTP
avoid overly-detailed server values, as they can reveal in
formation that might make it (slightly) easier for attackers to exploit known security holes.
...usually in a
format similar to user-agent.
TE - HTTP
header type request header forbidden header name yes syntax te: compress te: deflate te: gzip te: trailers // multiple directives, weighted with the quality value syntax: te: trailers, deflate;q=0.5 directives compress a
format using the lempel-ziv-welch (lzw) algorithm is accepted as a transfer coding name.
... gzip a
format using the lempel-ziv coding (lz77), with a 32-bit crc is accepted as a transfer coding name.
User-Agent - HTTP
header type request header forbidden header name no syntax user-agent: <product> / <product-version> <comment> common
format for web browsers: user-agent: mozilla/5.0 (<system-in
formation>) <platform> (<platform-details>) <extensions> directives <product> a product identifier — its name or development codename.
... <comment> zero or more comments containing more details; sub-product in
formation, for example.
Warning - HTTP
the warning general http header contains in
formation about possible problems with the status of the message.
... 199 miscellaneous warning arbitrary, non-specific warning 214 trans
formation applied added by a proxy if it applies any trans
formation to the representation, such as changing the content-coding, media-type or the like.
415 Unsupported Media Type - HTTP
the http 415 unsupported media type client error response code indicates that the server refuses to accept the request because the payload
format is in an unsupported
format.
... the
format problem might be due to the request's indicated content-type or content-encoding, or as a result of inspecting the data directly.
About JavaScript - JavaScript
javascript resources spidermonkey in
formation specific to mozilla's implementation of javascript in c/c++ engine (aka spidermonkey), including how to embed it in applications.
... rhino in
formation specific to the javascript implementation written in java (aka rhino).
JavaScript data types and data structures - JavaScript
the number type is a double-precision 64-bit binary
format ieee 754 value (numbers between -(253 − 1) and 253 − 1).
... structured data: json json (javascript object notation) is a lightweight data-interchange
format, derived from javascript, but used by many programming languages.
JavaScript Guide - JavaScript
if you need exhaustive in
formation about a language feature, have a look at the javascript reference.
...ontinue for..in for..of functions defining functions calling functions function scope closures arguments & parameters arrow functions expressions and operators assignment & comparisons arithmetic operators bitwise & logical operators conditional (ternary) operator numbers and dates number literals number object math object date object text
formatting string literals string object template literals internationalization regular expressions indexed collections arrays typed arrays keyed collections map weakmap set weakset working with objects objects and properties creating objects defining methods getter and setter details of the object model prototype-based oop creating object hi...
JavaScript technologies overview - JavaScript
introduction whereas html defines a webpage's structure and content and css sets the
formatting and appearance, javascript adds interactivity to a webpage and creates rich web applications.
...the internationalization api provides collation (string comparison), number
formatting, and date-and-time
formatting for javascript applications, letting the applications choose the language and tailor the functionality to their needs.
Classes - JavaScript
see public class fields for more in
formation.
... for more in
formation, see private class fields.
ReferenceError: deprecated caller or arguments usage - JavaScript
examples deprecated function.caller or arguments.callee.caller function.caller and arguments.callee.caller are deprecated (see the reference articles for more in
formation).
... 'use strict'; function myfunc() { if (myfunc.caller == null) { return 'the function was called from the top!'; } else { return 'this function\'s caller was ' + myfunc.caller; } } myfunc(); // warning: referenceerror: deprecated caller usage // "the function was called from the top!" function.arguments function.arguments is deprecated (see the reference article for more in
formation).
RangeError: invalid date - JavaScript
examples invalid cases unrecognizable strings or dates containing illegal element values in iso
formatted strings usually return nan.
... however, depending on the implementation, non–conforming iso
format strings, may also throw rangeerror: invalid date, like the following cases in firefox: new date('foo-bar 2014'); new date('2014-25-23').toisostring(); new date('foo-bar 2014').tostring(); this, however, returns nan in firefox: date.parse('foo-bar 2014'); // nan for more details, see the date.parse() documentation.
JavaScript error reference - JavaScript
for more in
formation, follow the links below!
...alid argumentstypeerror: invalid assignment to const "x"typeerror: property "x" is non-configurable and can't be deletedtypeerror: setting getter-only property "x"typeerror: variable "x" redeclares argumenturierror: malformed uri sequencewarning: 08/09 is not a legal ecma-262 octal constantwarning: -file- is being assigned a //# sourcemappingurl, but already has onewarning: date.prototype.tolocale
format is deprecatedwarning: javascript 1.6's for-each-in loops are deprecatedwarning: string.x is deprecated; use string.prototype.x insteadwarning: expression closures are deprecatedwarning: unreachable code after return statement ...
Array.prototype.map() - JavaScript
let numbers = [1, 4, 9] let roots = numbers.map(function(num) { return math.sqrt(num) }) // roots is now [1, 2, 3] // numbers is still [1, 4, 9] using map to re
format objects in an array the following code takes an array of objects and creates a new array containing the newly re
formatted objects.
... let kvarray = [{key: 1, value: 10}, {key: 2, value: 20}, {key: 3, value: 30}] let re
formattedarray = kvarray.map(obj => { let robj = {} robj[obj.key] = obj.value return robj }) // re
formattedarray is now [{1: 10}, {2: 20}, {3: 30}], // kvarray is still: // [{key: 1, value: 10}, // {key: 2, value: 20}, // {key: 3, value: 30}] mapping an array of numbers using a function containing an argument the following code shows how map works when a function requiring one argument is used with it.
Date.prototype.getDay() - JavaScript
var xmas95 = new date('december 25, 1995 23:15:30'); var weekday = xmas95.getday(); console.log(weekday); // 1 note: if needed, the full name of a day ("monday" for example) can be obtained by using intl.datetime
format with an options parameter.
... using this method, the internationalization is made easier: var options = { weekday: 'long'}; console.log(new intl.datetime
format('en-us', options).
format(xmas95)); // monday console.log(new intl.datetime
format('de-de', options).
format(xmas95)); // montag specifications specification ecmascript (ecma-262)the definition of 'date.prototype.getday' in that specification.
Date.prototype.getMonth() - JavaScript
var xmas95 = new date('december 25, 1995 23:15:30'); var month = xmas95.getmonth(); console.log(month); // 11 note: if needed, the full name of a month ("january" for example) can be obtained by using intl.datetime
format() with an options parameter.
... using this method, internationalization is made easier: var options = { month: 'long'}; console.log(new intl.datetime
format('en-us', options).
format(xmas95)); // december console.log(new intl.datetime
format('de-de', options).
format(xmas95)); // dezember specifications specification ecmascript (ecma-262)the definition of 'date.prototype.getmonth' in that specification.
Date.prototype.toGMTString() - JavaScript
the exact
format of the value returned by togmtstring() varies according to the platform and browser, in general it should represent a human readable date string.
...the exact
format depends on the platform.
Date.prototype.toISOString() - JavaScript
the toisostring() method returns a string in simplified extended iso
format (iso 8601), which is always 24 or 27 characters long (yyyy-mm-ddthh:mm:ss.sssz or ±yyyyyy-mm-ddthh:mm:ss.sssz, respectively).
... syntax dateobj.toisostring() return value a string representing the given date in the iso 8601
format according to universal time.
Date.prototype.toTimeString() - JavaScript
calling tostring() will return the date
formatted in a human readable form in american english.
... the totimestring() method is especially useful because compliant engines implementing ecma-262 may differ in the string obtained from tostring() for date objects, as the
format is implementation-dependent; simple string slicing approaches may not produce consistent results across multiple engines.
Function.name - JavaScript
javascript compressors and minifiers warning: be careful when using function.name and source code trans
formations, such as those carried out by javascript compressors (minifiers) or obfuscators.
...such trans
formations often change a function's name at build-time.
Intl.DisplayNames.prototype.resolvedOptions() - JavaScript
the intl.displaynames.prototype.resolvedoptions() method returns a new object with properties reflecting the locale and style
formatting options computed during the construction of the current displaynames object.
... syntax displaynames.resolvedoptions() return value an object with properties reflecting the locale and
formatting options computed during the construction of the given displaynames object.
Intl.Locale.prototype.baseName - JavaScript
the intl.locale.prototype.basename property returns a substring of the locale's string representation, containing core in
formation about the locale.
...the basename property returns basic, core in
formation about the locale in the form of a substring of the complete data string.
Intl.PluralRules.prototype.resolvedOptions() - JavaScript
the intl.pluralrules.prototype.resolvedoptions() method returns a new object with properties reflecting the locale and plural
formatting options computed during initialization of this pluralrules object.
... syntax pluralrule.resolvedoptions() return value a new object with properties reflecting the locale and plural
formatting options computed during the initialization of the given pluralrules object.
Intl.PluralRules.select() - JavaScript
the intl.pluralrules.prototype.select method returns a string indicating which plural rule to use for locale-aware
formatting.
... description this function selects a pluralization category according to the locale and
formatting options of a pluralrules object.
JSON.parse() - JavaScript
an optional reviver function can be provided to perform a trans
formation on the resulting object before it is returned.
... j = eval("(" + text + ")"); // in the optional fourth stage, we recursively walk the new structure, passing // each name/value pair to a reviver function for possible trans
formation.
Number.MAX_SAFE_INTEGER - JavaScript
the reasoning behind that number is that javascript uses double-precision floating-point
format numbers as specified in ieee 754 and can only safely represent numbers between -(253 - 1) and 253 - 1.
...see number.issafeinteger() for more in
formation.
Number.MIN_SAFE_INTEGER - JavaScript
the reasoning behind that number is that javascript uses double-precision floating-point
format numbers as specified in ieee 754 and can only safely represent numbers between -(253 - 1) and 253 - 1.
... see number.issafeinteger() for more in
formation.
String.prototype.match() - JavaScript
see groups and ranges for more in
formation.
... const str = 'for more in
formation, see chapter 3.4.5.1'; const re = /see (chapter \d+(\.\d)*)/i; const found = str.match(re); console.log(found); // logs [ 'see chapter 3.4.5.1', // 'chapter 3.4.5.1', // '.1', // index: 22, // input: 'for more in
formation, see chapter 3.4.5.1' ] // 'see chapter 3.4.5.1' is the whole match.
String.prototype.replace() - JavaScript
function stylehyphen
format(propertyname) { function uppertohyphenlower(match, offset, string) { return (offset > 0 ?
... '-' : '') + match.tolowercase(); } return propertyname.replace(/[a-z]/g, uppertohyphenlower); } given stylehyphen
format('bordertop'), this returns 'border-top'.
TypedArray.prototype.toLocaleString() - JavaScript
syntax typedarray.tolocalestring([locales [, options]]); parameters the locales and options arguments customize the behavior of the function and let applications specify the language whose
formatting conventions should be used.
... see the intl.number
format() constructor for details on these parameters and how to use them.
WebAssembly.Module.customSections() - JavaScript
(read high level structure for in
formation on section structures, and how normal sections ("known sections") and custom sections are distinguished.) this provides developers with a way to include custom data inside wasm modules for other purposes, for example the name custom section, which allows developers to provide names for all the functions and locals in the module (like "symbols" in a native build).
... note that the webassembly text
format currently doesn't have a syntax specified for adding new custom sections; you can however add a name section to your wasm during conversion from text
format over to .wasm.
Standard built-in objects - JavaScript
for more in
formation about the distinction between the dom and core javascript, see javascript technologies overview.
... intl intl.collator intl.datetime
format intl.list
format intl.number
format intl.pluralrules intl.relativetime
format intl.locale webassembly webassembly webassembly.module webassembly.instance webassembly.memory webassembly.table webassembly.compileerror webassembly.linkerror webassembly.runtimeerror other arguments ...
Object initializer - JavaScript
(see property accessors for detailed in
formation.) object.foo // "bar" object['age'] // 42 object.foo = 'baz' property definitions we have already learned how to notate properties using the initializer syntax.
... } }; for more in
formation and examples about methods, see method definitions.
import.meta - JavaScript
it contains in
formation about the module, like the module's url.
... examples using import.meta given a module my-module.js <script type="module" src="my-module.js"></script> you can access meta in
formation about the module using the import.meta object.
try...catch - JavaScript
see the javascript guide for more in
formation on javascript exceptions.
...you can use this identifier to get in
formation about the exception that was thrown.
JavaScript
for in
formation about api specifics to web pages, please see web apis and dom.
... we have put together a course that includes all the essential in
formation you need to work towards your goal.
MathML
mathml reference mathml element reference details about each mathml element and compatibility in
formation for desktop and mobile browsers.
... mathml attribute reference in
formation about mathml attributes that modify the appearance or behavior of elements.
Using images in HTML - Web media technologies
it supports a wide range of attributes that control how the image behaves and allows you to add important in
formation like alt text for people who don't see the image.
... image file type and
format guide a guide to the various image file types commonly supported by web browsers including details about their individual use cases, capabilities, and compatibility factors.
Populating the page: how browsers work - Web Performance
to be fast to load, the developers’ goals include sending requested in
formation as fast as possible, or at least seem super fast.
... parsing once the browser receives the first chunk of data, it can begin parsing the in
formation received.
Web technology reference
html — structuring the web hypertext markup language is used to define and describe semantically the content (markup) of a web page in a well-structured
format.
...some introduce content into the page directly, others provide in
formation about document text and may include other tags as sub-elements.
data-* - SVG: Scalable Vector Graphics
they let svg markup and its resulting dom share in
formation that standard attributes can't, usually for scripting purposes.
...hyphen characters (-, u+002d) are removed and the next letter is capitalized, resulting in the camelcase
format.
glyphRef - SVG: Scalable Vector Graphics
the glyphref attribute represents the glyph identifier, the
format of which is dependent on the
format of the given font.
...its
format depends on the
format of the given font.
gradientUnits - SVG: Scalable Vector Graphics
this trans
formation is due to application of the non-uniform scaling trans
formation from bounding box space to user space.
...when the object's bounding box is not square, the rings that are conceptually circular within object bounding box space will render as elliptical due to application of the non-uniform scaling trans
formation from bounding box space to user space.
overflow - SVG: Scalable Vector Graphics
the overflow attribute sets what to do when an element's content is too big to fit in its block
formatting context.
...see the css opacity property for more in
formation.
requiredFeatures - SVG: Scalable Vector Graphics
note that the
format and naming for feature strings changed from svg 1.0 to svg 1.1.
...script the browser supports the <script> element http://www.w3.org/tr/svg11/feature#animation the browser supports the <animate>, <set>, <animatemotion>, <animatetransform>, <animatecolor> and <mpath> elements http://www.w3.org/tr/svg11/feature#font the browser supports the <font>, <font-face>, <glyph>, <missing-glyph>, <hkern>, <vkern>, <font-face-src>, <font-face-uri>, <font-face-
format> and <font-face-name> elements http://www.w3.org/tr/svg11/feature#basicfont the browser supports the <font>, <font-face>, <glyph>, <missing-glyph>, <hkern>, <font-face-src> and <font-face-name> elements http://www.w3.org/tr/svg11/feature#extensibility the browser supports the <foreignobject> element example svg <svg width="450" height="1170" xmlns="http://www.w3.org/2000/svg"> ...
zoomAndPan - SVG: Scalable Vector Graphics
magnification in this context means the effect of a supplemental scale and translate trans
formation on the outermost svg document fragment.
... panning represents a translation (i.e., a shift) trans
formation on an svg document fragment in response to a user interface action.
<altGlyph> - SVG: Scalable Vector Graphics
value type: <list-of-numbers> ; default value: none; animatable: yes (non-additive) glyphref the glyph identifier, the
format of which is dependent on the
format defined by the
format attribute of the given font.
... value type: <string> ; default value: none; animatable: no
format the
format of the given font.
Basic shapes - SVG: Scalable Vector Graphics
<path d="m20,230 q40,205 50,230 t90,230" fill="none" stroke="blue" stroke-width="5"/> d a list of points and other in
formation about how to draw the path.
... see the paths section for more in
formation.
Gradients in SVG - SVG: Scalable Vector Graphics
both linear and radial gradients also take a few other attributes to describe trans
formations they may undergo.
...the radialgradient above would be rewritten: <radialgradient id="gradient" cx="60" cy="60" r="50" fx="35" fy="35" gradientunits="userspaceonuse"> you can also then apply another trans
formation to the gradient by using the gradienttransform attribute, but since we haven't introduced transforms yet, i'll leave that for later.
Introduction - SVG: Scalable Vector Graphics
svg came about in 1999 after several competing
formats had been submitted to the w3c and failed to be fully ratified.
... before you start there are a number of drawing applications available such as inkscape which are free and use svg as their native file
format.
SVG: Scalable Vector Graphics
compared to classic bitmapped image
formats such as jpeg or png, svg-
format vector images can be rendered at any size without loss of quality and can be easily localized by updating the text within them, without the need of a graphical editor to do so.
... some real eye-candy svg at svg-wow.org firefox extension (grafox) to add a subset of smil animation support interactive photos manipulation html trans
formations using svg's foreignobject mapping, charting, games & 3d experiments while a little svg can go a long way to enhanced web content, here are some examples of heavy svg usage.
Securing your site - Web security
this article offers an assortment of suggestions, as well as links to other articles providing more useful in
formation.
... user in
formation security how to turn off form autocompletion form fields support autocompletion in gecko; that is, their values can be remembered and automatically brought back the next time the user visits your site.
Using custom elements - Web Components
high-level view the controller of custom elements on a web document is the customelementregistry object — this object allows you to register a custom element on the page, return in
formation on what custom elements are registered, etc.
...when the icon is focused, it displays the text in a pop up in
formation box to provide further in-context in
formation.
generate-id - XPath
notes the same id must be generated every time for the same node in the current document in the current trans
formation.
... the generated id may not be the same in subsequent trans
formations.
Functions - XPath
for further in
formation on using xpath/xslt functions, please see the for further reading page.
... boolean() ceiling() choose() concat() contains() count() current() xslt-specific document() xslt-specific element-available() false() floor()
format-number() xslt-specific function-available() generate-id() xslt-specific id() (partially supported) key() xslt-specific lang() last() local-name() name() namespace-uri() normalize-space() not() number() position() round() starts-with() string() string-length() substring() substring-after() substring-before() sum() system-property() xslt-specific translate() true() unparsed-entity-url() xslt-specific (not supported) ...
Index - XPath
2 axes transforming_xml_with_xslt, xpath, xpath_reference, xslt, xslt_reference for further in
formation on using xpath expressions, please see the for further reading section at the end of transforming xml with xslt document.
... 29
format-number xslt, xslt_reference the
format-number function evaluates a number and returns a string representing the number in a given
format.
Introduction to using XPath in JavaScript - XPath
this adapter works like the dom level 3 method lookupnamespaceuri on nodes in resolving the namespaceuri from a given prefix using the current in
formation available in the node's hierarchy at the time lookupnamespaceuri is called.
...ken holman original document in
formation based upon original document mozilla xpath tutorial original source author: james graham.
hotkeys - Archive of obsolete content
parameters options : object required options: name type combo string any function key: "f1, f2, ..., f24" or key combination in the
format of 'modifier-key': "accel-s" "meta-shift-i" "control-alt-d" all hotkeys require at least one modifier as well as the key.
simple-storage - Archive of obsolete content
for example: ss.storage.mylist = [ /* some long array */ ]; ss.on("overquota", function () { while (ss.quotausage > 1) ss.storage.mylist.pop(); }); private browsing if your storage is related to your users' web history, personal in
formation, or other sensitive data, your add-on should respect private browsing.
system - Archive of obsolete content
usage querying your environment using the system module you can access environment variables (such as path), find out which operating system your add-on is running on and get in
formation about the host application (for example, firefox or fennec), such as its version.
/loader - Archive of obsolete content
this feature may be used in a few different ways: to expose an api that doesn't have a js file with an implementation or is written in an incompatible
format such as jsm: let { loader } = require('toolkit/loader'); let loader = loader({ modules: { // require('net/utils') will get netutil.jsm 'net/utils': cu.import('resource:///modules/netutil.jsm', {}) } }); each loader instance comes with a set of built-in pseudo modules that are described in detail in the built-in modules section.
core/promise - Archive of obsolete content
this can be used to perform an action that requires values from several promises, like getting user in
formation and server status, for example: const { all } = require('sdk/core/promise'); all([getuser, getserverstatus]).then(function (result) { return result[0] + result[1] }); if one of the promises in the array is rejected, the rejection handler handles the first failed promise and remaining promises remain unfulfilled.
lang/functional - Archive of obsolete content
function hasher (input) { return input.split(" ")[1]; } getlineage("homer simpson"); // computes and returns in
formation for "simpson" getlineage("lisa simpson"); // returns cached for "simpson" parameters fn : function the function that becomes memoized.
places/history - Archive of obsolete content
usage this module exports a single function, search(), which synchronously returns a placesemitter object which then asynchronously emits data and end or error events that contain in
formation about the state of the operation.
remote/parent - Archive of obsolete content
ent: // remote.js const { frames } = require("sdk/remote/child"); // listeners receive the frame the event was for as the first argument frames.port.on("changelocation", (frame, ref) => { frame.content.location += "#" + ref; }); // main.js const { frames, remoterequire } = require("sdk/remote/parent"); remoterequire("./remote.js", module); frames.port.emit("changelocation", "foo"); tab in
formation this shows sending a message when a tab loads; this is similar to how the sdk/tabs module currently works.
test/httpd - Archive of obsolete content
you can also use nshttpserver to start the server manually: var { nshttpserver } = require("sdk/test/httpd"); var srv = new nshttpserver(); // further documentation on developer.mozilla.org see http server for unit tests for general in
formation.
cfx to jpm - Archive of obsolete content
the sdk expects the latter
format, and if the id in package.json doesn't contain "@", then cfx xpi will append "@jetpack" to the package.json field, and make that the add-on id.
Downloading Files - Archive of obsolete content
var privacy = privatebrowsingutils.privacycontextfromwindow(urlsourcewindow); persist.persistflags = persist.persist_flags_from_cache | persist.persist_flags_replace_existing_files; persist.saveuri(uritosave, null, null, null, "", targetfile, privacy); if you don't need detailed progress in
formation, you might be happier with nsidownloader.
Miscellaneous - Archive of obsolete content
.org/intl/stringbundle;1"] .getservice(components.interfaces.nsistringbundleservice) .createbundle("chrome://myext/locale/myext.properties"), getlocalizedmessage: function(msg) { return this._bundle.getstringfromname(msg); } }; alert(common.getlocalizedmessage("invalid.url")) another similar alternative (using both getstringfromname and
formatstringfromname), is: var fcbundle = components.classes["@mozilla.org/intl/stringbundle;1"] .getservice(components.interfaces.nsistringbundleservice) .createbundle("chrome://myext/locale/myext.properties"); function getstr(msg, args){ //get localised message if (args){ args = array.prototype.slice.call(arguments, 1); return fcbundle.
formatstringfromname(msg...
StringView - Archive of obsolete content
however, this is slow and error-prone, due to the need for multiple conversions (especially if the binary data is not actually byte-
format data, but, for example, 32-bit integers or floats).
Code snippets - Archive of obsolete content
downloading files code to download files, images, and to monitor download progress password manager code used to read and write passwords to/from the integrated password manager bookmarks code used to read and write bookmarks javascript debugger service code used to interact with the javascript debugger service svg general general in
formation and utilities svg animation animate svg using javascript and smil svg interacting with script using javascript and dom events to create interactive svg embedding svg in html and xul using svg to enhance html or xul based markup xul widgets html in xul for rich tooltips dynamically embed html into a xul element to attain markup in a tooltip label and description special uses and l...
Inline options - Archive of obsolete content
al types of <setting>s, each with a different type attribute: type attribute displayed as preference stored as bool checkbox boolean boolint checkbox integer (use the attributes on and off to specify what values to store) integer textbox integer string textbox string color colorpicker string (in the #123456
format) file browse button and label string directory browse button and label string menulist menulist dependent on the menu item values radio radio buttons dependent on the radio values control button no pref stored the pref attribute should have the full name of the preference to be stored.
Migrating from Internal Linkage to Frozen Linkage - Archive of obsolete content
const prunichar str[] = {'f','o','o','\0'}; - pruint32 len = nscrt::strlen(str); + pruint32 len = ns_strlen(str); - #include "nscrt.h" + #include "nsmemory.h" + #include "nscrtglue.h" prunichar* anotherstr = (prunichar*) ns_alloc(100 * sizeof(prunichar)); - prunichar *str = nscrt::strdup(anotherstr); - nscrt::free(str); + prunichar *str = ns_strdup(anotherstr); + ns_free(str); linking for in
formation about the correct libraries to link to when using frozen linkage, see xpcom glue.
Appendix: What you should know about open-source software licenses - Archive of obsolete content
pl-draft-2006-07-27.html gnu gplv3 third discussion draft http://gplv3.fsf.org/gpl-draft-2007-03-28.html gnu gplv3 "last call" discussion draft http://gplv3.fsf.org/gpl-draft-2007-05-31.html official support for oss japan’s ministry of economy, trade, and industry has issued “guidelines when considering deploying open-source software.” this report, which was prepared by the software in
formation center study group as part of the in
formation-technology promotion agency’s (ipa) “platform-technology development and businesses relating to electronic commerce” project.
Autodial for Windows NT - Archive of obsolete content
original document in
formation author(s): benjamin chuang last updated date: october 2, 2002 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
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 in
formation, a pointer to the directory where the profile is stored (located at common/profiles/profilename/directory.
Finding the file to modify - Archive of obsolete content
in particular, positioning in
formation can be specified in both the structure layer and the style layer, and some behavior can be partly defined in the style layer.) we're going to add code to all three ui layers, starting with the structure layer.
Making it into a dynamic overlay and packaging it up for distribution - Archive of obsolete content
me://tinderstatus/content/tb-success.png"); } statusbarpanel#tinderbox-status[status="testfailed"] { list-style-image: url("chrome://tinderstatus/content/tb-testfailed.png"); } statusbarpanel#tinderbox-status[status="busted"] { list-style-image: url("chrome://tinderstatus/content/tb-busted.png"); } then we need to create two files in the directory, one called contents.rdf which contains in
formation for the chrome registry about the component being installed and one called install.js that contains the code to install the component.
Creating a Mozilla Extension - Archive of obsolete content
dify finding the code to modify adding the structure specifying the appearance enabling the behavior - retrieving tinderbox status enabling the behavior - updating the status bar panel enabling the behavior - updating the status periodically making it into a static overlay making it into a dynamic overlay and packaging it up for distribution conclusion next » original document in
formation author(s): myk melez last updated date: september 19, 2006 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Creating a Release Tag - Archive of obsolete content
-name cvs | xargs -l -p10 cvs tag -l mozilla_0_9_4_1_release >& ../taglog original document in
formation author(s): dawn endico last updated date: november 1, 2005 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
contents.rdf - Archive of obsolete content
f:li resource="urn:mozilla:skin:myskin/1.0:communicator"/> <rdf:li resource="urn:mozilla:skin:myskin/1.0:editor"/> <rdf:li resource="urn:mozilla:skin:myskin/1.0:global"/> <rdf:li resource="urn:mozilla:skin:myskin/1.0:messenger"/> <rdf:li resource="urn:mozilla:skin:myskin/1.0:navigator"/> </rdf:seq> </chrome:packages> </rdf:description> <!-- version in
formation.
Creating a Skin for Mozilla - Archive of obsolete content
organizing images adding an image to the right of a toolbar jar file installer utility (provided by neil marshall) frequently asked questions links original document in
formation author: neil marshall other contributors (suggestions/corrections): brent marshall, cdn (http://themes.mozdev.org), jp martin, boris zbarsky, asa dotzler, wesayso, david james, dan mauch last updated date: jan 5th, 2003 copyright in
formation: copyright 2002-2003 neil marshall, permission given to devmo to migrate into the wiki april 2005 via email.
Developing New Mozilla Features - Archive of obsolete content
original document in
formation author(s): mitchell baker last updated date: october 30, 2004 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Drag and Drop Example - Archive of obsolete content
flavour, session) {}, ondrop: function (event, dropdata, session) { if (dropdata.data != "") { var elem = document.createelement(dropdata.data); event.target.appendchild(elem); elem.setattribute("left", "" + event.pagex); elem.setattribute("top", "" + event.pagey); elem.setattribute("label", dropdata.data); } } }; « previous original document in
formation author(s): neil deakin original document: http://xulplanet.com/tutorials/mozsdk/dragex.php copyright in
formation: copyright (c) neil deakin ...
Documentation for BiDi Mozilla - Archive of obsolete content
ils intl\unicharutil\public\nsiubidiutils.h intl\unicharutil\src\nsbidiutilsimp.cpp utilities for bidi processing, including: character classification symmetric swapping reordering shaping numeric translation conversion to/from presentation forms nsbidipresutils layout/base/nsbidipresutils.cpp utilities for the layout engine including: resolve frames by bidi level split framesreorder frames
format bidi text support for deletion and insertion of frames by editor nsbiditextframe layout/generic/nsbidiframes.cpp subclass of nsframe with additional method setoffsets, to adjust mcontentoffset and mcontentlength during bidi processing nsdirectionalframe layout/generic/nsbidiframes.cpp subclass of nsframethis is a special frame which represents a bidi control.
Gecko Coding Help Wanted - Archive of obsolete content
original document in
formation author(s): fantasai last updated date: may 4, 2004 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
HTTP Class Overview - Archive of obsolete content
header manipulations/calculations nshttpheaderarray stores http "<header>:<value>" pairs nshttpauthcache stores authentication credentials for http auth domains nshttpbasicauth implements nsihttpauthenticator generates basic auth credentials from user:pass nshttpdigestauth implements nsihttpauthenticator generates digest auth credentials from user:pass original document in
formation author(s): darin fisher last updated date: august 5, 2002 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Helper Apps (and a bit of Save As) - Archive of obsolete content
original document in
formation author(s): boris zbarsky last updated date: september 12, 2002 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
importUserCertificates - Archive of obsolete content
if it fails, one of the following error strings will be returned: error string description "error:usercancel" the user canceled the import operation "error:invalidcertificate" one of the certificate packages was incorrectly
formatted "error:internalerror" the software encountered some internal error, such as out of memory "error:invalidrequestid" the request id in the response message does not match any outstanding request ...
System - Archive of obsolete content
clipboard interactions with the os clipboard system in
formation get in
formation about the platform on which jetpack is running visual effects os-level visual effects abilities devices methods for accessing and controlling devices (ex.
Selection - Archive of obsolete content
this api currently lives in the future and must be imported for use: jetpack.future.import("selection"); getting and setting the selection the current version of jetpack.selection includes these
formats: .text and .html getting the selection the following is an example of getting the selection from the user.
Selection - Archive of obsolete content
this api currently lives in the future and must be imported for use: jetpack.future.import("selection"); getting and setting the selection the current version of jetpack.selection includes these
formats: .text and .html getting the selection the following is an example of getting the selection from the user.
Selection - Archive of obsolete content
this api currently lives in the future and must be imported for use: jetpack.future.import("selection"); getting and setting the selection the current version of jetpack.selection includes these
formats: .text and .html getting the selection the following is an example of getting the selection from the user.
Porting NSPR to Unix Platforms - Archive of obsolete content
d management and synchronization: <tt>cvar -d</tt> <tt>cvar2</tt> <tt>./join -d</tt> <tt>perf</tt> <tt>./switch -d</tt> <tt>intrupt -d</tt> for i/o: <tt>cltsrv -d</tt>, <tt>cltsrv -gd</tt> <tt>socket</tt> <tt>testfile -d</tt> <tt>tmocon -d</tt> '<tt>tmoacc -d</tt>' in conjunction with '<tt>writev -d</tt>' miscellaneous: <tt>dlltest -d</tt> <tt>forktest</tt> original document in
formation author: larryh@netscape.com last updated date: 16 july 1998 ...
Proxy UI - Archive of obsolete content
camino configured in os (networking preferences) (recently added - some support for reading os and account settings.)ui elements preferences panel overview the ui is based on selecting a proxy mode, then filling out any additional needed in
formation in "related" ui.
Standalone XPCOM - Archive of obsolete content
api freeze and documentation original document in
formation author: suresh duddi last updated date: 15 may 2000 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
String Quick Reference - Archive of obsolete content
right: use nsautostring/nscautostring and nsxpidlstring/nsxpidlcstring // call getstringvalue(nsastring& out); nsautostring value; // 64-character buffer on stack getstringvalue(value); // call getstringvalue(char** out); nsxpidlcstring result; getstringvalue(getter_copies(result)); // result will free automatically original document in
formation author: alec flett last updated date: april 30, 2003 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
String Rosetta Stone - Archive of obsolete content
arator = nsdefaultstringcomparator()) std::string size_type find(const basic_string& s, size_type pos = 0) const size_type find(const chart* s, size_type pos, size_type n) const size_type find(const chart* s, size_type pos = 0) const size_type find(chart c, size_type pos = 0) const qstring int qstring::indexof ( const qstring & str, int from = 0, qt::casesensitivity cs = qt::casesensitive ) const
format a printf style string nsstring appendprintf() std::string n/a qstring qstring & qstring::sprintf ( const char * c
format, ...
Running Tamarin acceptance tests - Archive of obsolete content
t already exist on the phone in /data/local/tamarin $ adb push tamarin-redux/platform/android/android_runner.sh /data/local/tamarin/android_runner.sh $ adb shell 'chmod 777 /data/loca/android_runner.sh' test it out with a simple .abc or no args for usage (should return exitcode=0) $ tamarin-redux/platform/android/android_shell.py hello.abc hello exitcode=0 test it out by retrieving the version in
formation of the shell on the android device $ $avm -dversion shell 1.4 debug build 6299:455bca954565 features avmsystem_32bit;avmsystem_unaligned_int_access;avmsystem_little_endian;avmsystem_arm;avmsystem_unix; avmfeature_jit;avmfeature_abc_interp;avmfeature_selftest;avmfeature_eval;avmfeature_protect_jitmem; avmfeature_shared_gcheap;avmfeature_cache_gqcn;avmfeature_safepoints;avmfeature_swf12;avmfeatu...
Running Tamarin performance tests - Archive of obsolete content
table (default=java) --javaargs arguments to pass to java --random run tests in random order --seed explicitly specify random seed for --random -s --avm2 second avmplus command to use --avmname nickname for avm to use as column header --avm2name nickname for avm2 to use as column header --detail display results in 'old-style'
format --raw output all raw test values -i --iterations number of times to repeat test -l --log logs results to a file -k --socketlog logs results to a socket server -r --runtime name of the runtime vm used, including switch info eg.
The life of an HTML HTTP request - Archive of obsolete content
original document in
formation author(s): alexander larsson last updated date: october 8, 1999 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Mozilla Web Developer Community - Archive of obsolete content
mozilla spread firefox standards communities get involved in grass-roots web standards evangelism efforts through these groups: the web standards project, a grassroots coalition fighting for standards maccaws, making a commercial case for web standards a list apart, for people who make websites mozilla technology evangelism, get involved with mozilla evangelism you may also find helpful in
formation on the w3c mailing lists newsletter there is no newsletter planned at this time.
toString - Archive of obsolete content
to get the version number out of an installversion object in order to compare it with other versions, you can call tostring() and get back the version as a string in the
format "maj.min.rev.bld." example var vi = new installversion(); vi.init("999.888.777.666"); //random string vistring = vi.tostring(); ...
Properties - Archive of obsolete content
buildid of netscape 6 is represented by a time stamp of teh
format:yyyymmddhh: 2001031808 means in the year 2001, in the month of march, on the 18th day of the month, at 8:00am.
addDirectory - Archive of obsolete content
a relative pathname is appended to the registry name of the package as specified by the package parameter to the initinstall method.this parameter can also be null, in which case the xpisourcepath parameter is used as a relative pathname.note that the registry pathname is not the location of the software on the computer; it is the location of in
formation about the software inside the client version registry.
Writing to Files - Archive of obsolete content
file and stream guide: [ nsiscriptableio | accessing files | getting file in
formation | reading from files | writing to files | moving, copying and deleting files | uploading and downloading files | working with directories ] important note: the pages from the file and stream guide use the io object (nsiscriptableio), which was not available in any released version of the platform (pending some fixes).
TOC - Archive of obsolete content
file and stream guide: [ nsiscriptableio | accessing files | getting file in
formation | reading from files | writing to files | moving, copying and deleting files | uploading and downloading files | working with directories ] important note: the pages from the file and stream guide use the io object (nsiscriptableio), which was not available in any released version of the platform (pending some fixes).
Menus - Archive of obsolete content
for more in
formation about how to use an overlay to modify a menu, see using menus and popups in extensions the following tables list the ids of menus in firefox that are commonly overlaid upon.
Methods - Archive of obsolete content
click close collapsetoolbar contains decrease decreasepage docommand ensureelementisvisible ensureindexisvisible ensureselectedelementisvisible expandtoolbar extra1 extra2 focus getbrowseratindex getbrowserfordocument getbrowserfortab getbrowserindexfordocument getbutton getdefaultsession geteditor getelementsbyattribute getelementsbyattributens get
formattedstring gethtmleditor getindexoffirstvisiblerow getindexofitem getitematindex getnextitem getnotificationbox getnotificationwithvalue getnumberofvisiblerows getpagebyid getpreviousitem getresultat getresultcount getresultvalueat getrowcount getsearchat getselecteditem getsession getsessionbyname getsessionresultat getsessionstatusat getsessionvalueat g...
Node - Archive of obsolete content
for more in
formation on this interface please see dom-level-2-core short element_node 1 short attribute_node 2 short text_node 3 short cdata_section_node 4 short entity_reference_node 5 short entity_node 6 short processing_instruction_node 7 short comment_node 8 short document_node 9 short document_type_node 10 short document_fragment_node 11 short notation_node 12 methods node appendchild ( node newchild ) node clonenode ( boolean deep ) boolean hasattributes ( ) boolean haschildnodes ( ) node insertbefore ( node newchild , no...
Extensions - Archive of obsolete content
determining what element was context clicked for general in
formation about how to determine which element was the target of the context menu, that is, the element that was context clicked, see determining what was context clicked firefox uses its own popupshowing event listener to adjust the items on the context menu.
Printing from a XUL App - Archive of obsolete content
structure of an installable bundle: describes the common structure of installable bundles, including extensions, themes, and xulrunner applications extension packaging: specific in
formation about how to package extensions theme packaging: specific in
formation about how to package themes multiple-item extension packaging: specific in
formation about multiple-item extension xpis xul application packaging: specific in
formation about how to package xulrunner applications chrome registration printing in xul apps ...
Creating Dialogs - Archive of obsolete content
the following values may be used, seperated by commas: accept - an ok button cancel - a cancel button help - a help button disclosure - a disclosure button, which is used for showing more in
formation you can set code to execute when the buttons are pressed using the ondialogaccept, ondialogcancel, ondialoghelp and ondialogdisclosure attributes.
Introduction - Archive of obsolete content
some elements that can be created are: input controls such as textboxes and checkboxes toolbars with buttons or other content menus on a menu bar or pop up menus tabbed dialogs trees for hierarchical or tabular in
formation keyboard shortcuts the displayed content can be created from the contents of a xul file or with data from a datasource.
Numeric Controls - Archive of obsolete content
the
format of the attribute is exactly as above, that is dates are of the form yyyy/mm/dd and times are of the form hh:mm:ss (although the seconds and the accompanying colon may be omitted).
Popup Menus - Archive of obsolete content
example 2 : source view <button label="save" tooltiptext="click here to save your stuff"/> <popupset> <tooltip id="moretip" orient="vertical" style="background-color: #33dd00;"> <description value="click here to see more in
formation"/> <description value="really!" style="color: red;"/> </tooltip> </popupset> <button label="more" tooltip="moretip"/> these two buttons each have a tooltip.
2006-11-24 - Archive of obsolete content
they would like to discuss the use of it in bug 361026 rich results for searches a proposal for a search tool that gives users a quicker path to specific in
formation they are looking for.
2006-10-06 - Archive of obsolete content
discussion highlights: ziga sancin suggests writing an introductory article for potential developers containing basic project in
formation (history, list of main developers, project goals, roadmap and available communication channels, etc), tools needed to start developing and building tb, documentation on source structure as well as links to help one get started on the project.
2006-10-20 - Archive of obsolete content
paul reed's post: robert kaiser shared the following in
formation about comet and btek machines: comet and btek are used as machines that upload nightly gtk1 builds.
2006-11-03 - Archive of obsolete content
summary: mozilla.dev.apps.calendar - october 27 - november 3, 2006 announcements test day results the calendar qa team had a successful test day on tuesday discussions storage
format for events storage
format of timestamps in lightning.
Newsgroup summaries - Archive of obsolete content
formatmozilla.dev.apps.firefox-2006-09-29mozilla.dev.apps.firefox-2006-10-06mozilla.dev.apps.calendarmozilla.dev.tech.js-enginemozilla-dev-accessibilitymozilla-dev-apps-calendarmozilla-dev-apps-firefoxmozilla-dev-apps-thunderbirdmozilla-dev-buildsmozilla-dev-embeddingmozilla-dev-extensionsmozilla-dev-i18nmozilla-dev-l10nmozilla-dev-planningmozilla-dev-platformmozilla-dev-qualitymozilla-dev-securitymozilla-dev-tech-js-enginemozilla-dev-tech-layoutmozilla-dev-tech-xpcommozilla-dev-tech-xul ...
NPN_UserAgent - Archive of obsolete content
you can use this in
formation to verify that the expected browser is in use, or you can use it in combination with npn_version() to supply different code for different versions of the same browser.
NPP_SetWindow - Archive of obsolete content
before setting the window parameter to point to a new window, it is a good idea to compare the in
formation about the new window to the previous window (if one existed) to account for any changes.
NPPrint - Archive of obsolete content
« gecko plugin api reference « plug-in side plug-in api summary contains in
formation the plug-in needs to print itself in full-page or embedded mode.
NP_GetMIMEDescription - Archive of obsolete content
#include <gio/gio.h> const char* desc = g_content_type_get_description("audio/ogg"); javascript inside a web page, you can retrieve these in
formations with this code: var mimetype = navigator.mimetypes['application/basic-example-plugin']; if (mimetype) { alert(mimetype.type + ':' + mimetype.suffixes + ':' + mimetype.description); } ...
NP_Port - Archive of obsolete content
« gecko plugin api reference « plug-in side plug-in api summary used on mac os only contains in
formation required by the window field of an npwindow structure.
Atomic RSS - Archive of obsolete content
documentation selected articles atomic rss tim bray talks about using atom 1.0 as a micro
format and extension module for rss 2.0; keeping rss 2.0 as your sydication
format but bringing in and using selected atom 1.0 elements.
Proposal - Archive of obsolete content
name description status easy news topics easy news topics (ent) is intended to be a very simple standard for describing how topic in
formation can be introduced into an rss2.0 news feed.
title - Archive of obsolete content
netscape rss 0.91 revision 3 example <?xml version="1.0"?> <!doctype rss system "http://my.netscape.com/publish/
formats/rss-0.91.dtd"> <rss version="0.91"> <channel> <title>advogato</title> <link>http://www.advogato.org/article/</link> <description>recent advogato articles</description> <language>en-us</language> <image> <link>http://www.advogato.org/</link> <title>advogato</title> <url>http://...
NSPR Release Engineering Guide - Archive of obsolete content
copy /share/builds/components/nspr20/vx.y.z/* to /share/systems/mozilla/pub/nspr/vx.y.z/ original document in
formation author: larryh@netscape.com last updated date: september 20, 2000 1 copying files to /share/builds/components requires that one be logged on to a machine named "smithers" as user "svbld".
Tamarin Tracing Build Documentation - Archive of obsolete content
use the following command to create a copy of the tamarin repository: $ hg clone http://hg.mozilla.org/tamarin-tracing tamarin-tracing building tamarin building tamarin will create all the libraries for the avmplus and garbage collector (mmgc), and create a standalone executable, avmshell, for executing files in the abc file
format.
contents.rdf - Archive of obsolete content
es"> <rdf:li resource="urn:mozilla:skin:my_theme:browser"/> <rdf:li resource="urn:mozilla:skin:my_theme:communicator"/> <rdf:li resource="urn:mozilla:skin:my_theme:global"/> <rdf:li resource="urn:mozilla:skin:my_theme:mozapps"/> <rdf:li resource="urn:mozilla:skin:my_theme:help"/> </rdf:seq> </chrome:packages> </rdf:description> <!-- version in
formation.
Creating a Skin for Firefox - Archive of obsolete content
contents getting started original document in
formation author(s): neil marshall and tucker lee other contributors: brent marshall, cdn (http://themes.mozdev.org), jp martin, boris zbarsky, asa dotzler, wesayso, david james, dan mauch, anders conbere, tim regula (http://www.igraphics.nn.cx) copyright in
formation: copyright 2002-2003 neil marshall, permission given to mdc to migrate into the wiki april 2005 via email.
Theme changes in Firefox 4 - Archive of obsolete content
classic/1.0 chrome/communicator/ skin global classic/1.0 chrome/global/ skin mozapps classic/1.0 chrome/mozapps/ this results in the following structure : /my_theme/chrome/browser/* /my_theme/chrome/communicator/* /my_theme/chrome/global/* /my_theme/chrome/mozapps/* /my_theme/chrome.manifest /my_theme/icon.png /my_theme/install.rdf /my_theme/preview.png note: for more in
formation (and how to package into a jar) consult creating a skin for firefox which still mostly applies.
Using Web Standards in your Web Pages - Archive of obsolete content
contents benefits of using web standards making your page using web standards - how to using the w3c dom developing cross browser and cross platform pages using xmlhttprequest summary of changes references original document in
formation author(s): mike cowperthwaite, marcio galli, jim ley, ian oeschger, simon paquet, gérard talbot last updated date: may 29, 2008 copyright in
formation: portions of this content are © 1998–2008 by individual mozilla.org contributors; content available under a creative commons license | details.
CSS - Archive of obsolete content
d multi-speaker setups allow for a fully three-dimensional stage.display-insidethe display-inside css property specifies the inner display type of the box generated by an element, dictating how its contents lay out inside the box.display-outsidethe display-outside css property specifies the outer display type of the box generated by an element, dictating how the element participates in its parent
formatting context.
Enumerator - Archive of obsolete content
" - "; if (drv.isready){ var freegb = drv.freespace / bytespergb; var totalgb = drv.totalsize / bytespergb; drivestring += freegb.tofixed(3) + " gb free of "; drivestring += totalgb.tofixed(3) + " gb"; } else{ drivestring += "not ready"; } drivestring += "<br />";; e.movenext(); } document.write(drivestring); // output: <drive in
formation properties the enumerator object has no properties.
Mozilla's DOCTYPE sniffing - Archive of obsolete content
(this is technically incorrect, since the strings are case sensitive.) see also web development mozilla's quirks mode mozilla quirks mode behavior original document in
formation author(s): david baron last updated date: august 2, 2005 copyright in
formation: copyright (c) david baron ...
Building up a basic demo with A-Frame - Game development
html structure the first step is to create an html document — inside your project directory, create a new index.html file, and save the follow html inside it: <!doctype html> <html> <head> <meta charset="utf-8"> <title>mdn games: a-frame demo</title> <script src="aframe.min.js"></script> </head> <body> <!-- html goes here --> </body> </html> this contains some basic in
formation like the document charset and <title>.
Building up a basic demo with Babylon.js - Game development
ames: babylon.js demo</title> <style> html,body,canvas { margin: 0; padding: 0; width: 100%; height: 100%; font-size: 0; } </style> </head> <body> <script src="babylon.js"></script> <canvas id="render-canvas"></canvas> <script> var canvas = document.getelementbyid("render-canvas"); /* all our javascript code goes here */ </script> </body> </html> it contains some basic in
formation like the document <title>, and some css to set the width and height of the <canvas> element (which babylon.js will use to render the content on) to fill the entire available viewport space.
Building up a basic demo with the PlayCanvas engine - Game development
vas demo</title> <style> body { margin: 0; padding: 0; } canvas { width: 100%; height: 100%; } </style> </head> <body> <script src="playcanvas-latest.js"></script> <canvas id="application-canvas"></canvas> <script> var canvas = document.getelementbyid("application-canvas"); /* all our javascript code goes here */ </script> </body> </html> it contains some basic in
formation like the document <title>, and some css to set the width and height of the <canvas> element that playcanvas will use to 100% so that it will fill the entire available viewport space.
Building up a basic demo with Three.js - Game development
html> <html> <head> <meta charset="utf-8"> <title>mdn games: three.js demo</title> <style> body { margin: 0; padding: 0; } canvas { width: 100%; height: 100%; } </style> </head> <body> <script src="three.min.js"></script> <script> var width = window.innerwidth; var height = window.innerheight; /* all our javascript code goes here */ </script> </body> </html> it contains some basic in
formation like the document <title>, and some css to set the width and height of the <canvas> element, that three.js will insert on the page to 100% to fill the entire available viewport space.
Desktop mouse and keyboard controls - Game development
to do that we'll hold the in
formation on whether the keys we are interested in are pressed or not: var rightpressed = false; var leftpressed = false; var uppressed = false; var downpressed = false; then we will listen for the keydown and keyup events and act accordingly in both handler functions.
Square tilemaps implementation: Static maps - Game development
note: when writing this article, we assumed previous reader knowledge of canvas basics such as how get a 2d canvas context, load images, etc., which is all explained in the canvas api tutorial, as well as the basic in
formation included in our tilemaps introduction article.
Build the brick field - Game development
to begin with we've included the brickinfo object, as this will come in handy very soon: function initbricks() { brickinfo = { width: 50, height: 20, count: { row: 3, col: 7 }, offset: { top: 50, left: 60 }, padding: 10 }; } this brickinfo object will hold all the in
formation we need: the width and height of a single brick, the number of rows and columns of bricks we will see on screen, the top and left offset (the location on the canvas where we shall start to draw the bricks) and the padding between each row and column of bricks.
Visual-js game engine - Game development
npm install typescript npm i clean-webpack-plugin --save-dev npm i html-webpack-plugin --save-dev possible fix : npm i webpack --save-dev npm i extract-text-webpack-plugin --save-dev fix code
format : tslint -c tslint.json 'src/**/*.ts' --fix download project link : download link from bitbucket.
Visual JS GE - Game development
rsion : "0.5", path_of_node_app : "d:/path_to_server_instance_folder/server/" , // edit here path_of_www : "d:/xamp/htdocs/project_instance/", // path_to_www edit here editor_port : "1013", reg_path : "users/", account_port : 3666 , destroy_session_after_x_mseconds : 20000, }; local node.js application tools (uses in developer mode only) the following section provides in
formation about the tools involved in visual-js game engine.
Visual typescript game engine - Game development
code
format : npm run fix npm run tslint or use : tslint -c tslint.json 'src/**/*.ts' --fix tslint -c tslint.json 'src/**/*.ts' the external licence in this project : - networking based on : muaz khan mit license www.webrtc-experiment.com/licence - base physics based on : original source: matter.js https://github.com/liabru/matter-js matter.ts used because typescript orientation.
Game development
we've also included a reference section so you can easily find in
formation about all the most common apis used in game development.
Canvas - MDN Web Docs Glossary: Definitions of Web-related terms
learn more general knowledge canvas on wikipedia learning resources the canvas tutorial on mdn technical in
formation the html <canvas> element on mdn the canvas general documentation on mdn canvasrenderingcontext2d: the canvas 2d drawing api the canvas 2d api specification ...
Card sorting - MDN Web Docs Glossary: Definitions of Web-related terms
card sorting is a simple technique used in in
formation architecture whereby people involved in the design of a website (or other type of product) are invited to write down the content / services / features they feel the product should contain, and then organize those features into categories or groupings.
Grid Lines - MDN Web Docs Glossary: Definitions of Web-related terms
="wrapper"> <div class="item">item</div> </div> .wrapper { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 100px 100px; } .item { grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; } naming lines the lines created in the explicit grid can be named, by adding the name in square brackets before or after the track sizing in
formation.
HTML - MDN Web Docs Glossary: Definitions of Web-related terms
you can extend html tags with attributes, which provide additional in
formation affecting how the browser interprets the element: an html file is normally saved with an .htm or .html extension, served by a web server, and can be rendered by any web browser.
I18N - MDN Web Docs Glossary: Definitions of Web-related terms
(the w3c definition) among other things, i18n requires support for multiple character sets (usually via unicode) units of measure (currency, °c/°f, km/miles, etc.) time and date
formats keyboard layouts text directions learn more general knowledge i18n on wikipedia technical reference i18n on w3c i18n on gala-global.org learn about it i18n material on i18nguy.com ...
Semantics - MDN Web Docs Glossary: Definitions of Web-related terms
or namespaced classes suggests to the developer the type of data that will be populated semantic naming mirrors proper custom element/component naming when approaching which markup to use, ask yourself, "what element(s) best describe/represent the data that i'm going to populate?" for example, is it a list of data?; ordered, unordered?; is it an article with sections and an aside of related in
formation?; does it list out definitions?; is it a figure or image that needs a caption?; should it have a header and a footer in addition to the global site-wide header and footer?; etc.
WebIDL - MDN Web Docs Glossary: Definitions of Web-related terms
webidl is used in nearly every api specification for the web, and due to its standard
format and syntax, the programmers who create web browsers can more easily ensure that their browsers are compatible with one another, regardless of how they choose to write the code to implement the api.
Responsive design - Learn web development
as mobile devices became more powerful and able to display full websites, this was frustrating to mobile users who found themselves trapped in the site's mobile version and unable to access in
formation they knew was on the full-featured desktop version of the site.
Getting started with CSS - Learn web development
prerequisites: basic computer literacy, basic software installed, basic knowledge of working with files, and html basics (study introduction to html.) objective: to understand the basics of linking a css document to an html file, and be able to do simple text
formatting with css.
What text editors are available? - Learn web development
these functionalities are often helpful: search-and-replace, in one or multiple documents, based on regular expressions or other patterns as needed quickly jump to a given line view two parts of a large document separately view html as it will look in the browser select text in multiple places at once view your project's files and directories
format your code automatically with code beautifier check spelling auto-indent code based on indentation settings do i want to add extra features to my text editor?
Silly story generator - Learn web development
troubleshooting javascript storing the in
formation you need — variables basic math in javascript — numbers and operators handling text — strings in javascript useful string methods arrays assessment: silly story generator ...
Object building practice - Learn web development
add the following to the bottom of your code now: function loop() { ctx.fillstyle = 'rgba(0, 0, 0, 0.25)'; ctx.fillrect(0, 0, width, height); for (let i = 0; i < balls.length; i++) { balls[i].draw(); balls[i].update(); } requestanimationframe(loop); } all programs that animate things generally involve an animation loop, which serves to update the in
formation in the program and then render the resulting view on each frame of the animation; this is the basis for most games and other such programs.
CSS performance optimization - Learn web development
@font-face { font-family: somefont; src: url(/path/to/fonts/somefont.woff)
format('woff'); font-weight: 400; font-style: normal; font-display: fallback; } the contain property 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.
Styling Vue components with CSS - Learn web development
een and (min-width: 550px) { #app { padding: 4rem; } } #app > * { max-width: 50rem; margin-left: auto; margin-right: auto; } #app > form { max-width: 100%; } #app h1 { display: block; min-width: 100%; width: 100%; text-align: center; margin: 0; margin-bottom: 1rem; } </style> if you check the app, you'll see that our todo list is now in a card, and we have some better
formatting of our to-do items.
Accessibility/LiveRegionDevGuide
for more in
formation about live regions, please read the aria properties spec or the live region report to learn about aria live region markup and the live region api support document for the latest firefox api with regards to live regions.
Add-ons
for more in
formation about transition support, please visit our wiki page.
A bird's-eye view of the Mozilla framework
let’s consider a resource description framework (rdf) example, where rdf is a framework for describing and interchangingmetadata, that is, in
formation about in
formation.
Bugzilla
testopia - test case management extension bugzilla.org - the project site wikipedia:bugzilla - general description of bugzilla (not specific to mozilla projects) bmo on wiki.mozilla.org - in
formation about mozilla's customized bugzilla installation, including how to contribute to it tools bugzilla todos lists review and flag requests, patches to check in, unfulfilled requests you made of other people, and assigned bugs.
Command line options
as administrator with launcher process enabled causes drag and drop errors - how to fix) references chrome: command line test documentation for command-line features (mozilla.org) toolkit/xre/nsapprunner.cpp browser/components/nsbrowsercontenthandler.js suite/browser/nsbrowsercontenthandler.js mail/components/nsmaildefaulthandler.js installer command line options original document in
formation author(s): ben goodger, steffen wilberg, seth spitzer, daniel wang copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Cookies Preferences in Mozilla
(the old prefs are network.cookie.lifetime.enabled, network.cookie.lifetime.behavior, and network.cookie.warnaboutcookies.) true = prefs have been migrated false = migrate prefs on next startup original document in
formation author(s): mike connor last updated date: may 22, 2004 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Cookies in Mozilla
original document in
formation author(s): mike connor last updated date: march 15, 2004 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Creating a Login Manager storage module
this can be useful if you want to integrate a gecko application's password management with an existing password management system, or use your own password storage
format or database.
Creating reftest-based unit tests
more in
formation on this file can be found in the readme.txt referenced below, which was written by the creator of the reftest tool.
Capturing a minidump
they are therefore much more likely to contain private in
formation, if there is any in the browser.
Debugging JavaScript
like this: function getstackdump() { var lines = []; for (var frame = components.stack; frame; frame = frame.caller) { lines.push(frame.filename + " (" + frame.linenumber + ")"); } return lines.join("\n"); } see also debugging mozilla with gdb setting up an extension development environment (particularly development preferences and development extensions) original document in
formation author(s): ben bucksch created date: september 12, 2005, last updated date: november 10, 2009 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Articles for new developers
when first getting started as a contributor to the mozilla project, there's a lot of in
formation to sort through and understand.
Makefile - variables
l10nbasedir moz_chrome_multilocale a list of locale names to process moz_chrome_file_
format both, file, jar, omni, symlink packager_no_libs hack to allow one makefile to include another without pulling in libs:: target definitions.
pymake
pymake for more in
formation.
Callgraph
the callgraph project uses gcc and treehydra to generate in
formation about function and method calls at compile time, and aggregates it into a sqlite database.
Reviewer Checklist
make sure the patch doesn't create any unused code (e.g., remove strings when removing a feature) all caught exceptions should be logged at the appropriate level, bearing in mind personally identifiable in
formation, but also considering the expense of computing and recording log output.
Multiple Firefox profiles
confirm that you wish to delete the profile: don't delete files removes the profile from the profile manager yet retains the profile data files on your computer in the storage folder so that your in
formation is not lost.
Performance
beam down in
formation in advance to avoid synchronous calls to the parent bad: // processscript.js function contentpolicy() { // ...
Errors
you can find further in
formation about them by clicking on the links below: a request to access cookies or storage was blocked because of a custom cookie permission blocked because it came from a tracker and content blocking is enabled blocked because we are blocking all storage access requests blocked because we are blocking all third-party storage access requests and content blocking is enabled granted partitioned access because it came from a third-party and dynamic first-party isolation is enabled ...
Site Identity Button
the site identity button is a feature in firefox that gives users more in
formation about the sites they visit.
mozbrowsercaretstatechanged
details the details property returns an anonymous javascript object with the following properties: rect an object that defines in
formation about the bounding rectangle of the current selection.
mozbrowsercontextmenu
for example, if the user clicked on an image nested in an <a> tag, two menus are available — one with in
formation related to the image, and one for the link.
Browser API
htmliframeelement.getstructureddata() retrieves any structured microdata (and hcard and hcalendar micro
format data) contained in the html loaded in the browser <iframe> and returns it as json.
Gecko Chrome
this page contains in
formation specific to chrome code running in gecko.
Embedding the editor
original document in
formation author(s): the editor team (mozilla-editor@mozilla.org) last updated date: october 30, 2000 original document: embedding the editor ...
Gecko SDK
contents of the sdk the sdk contains the following: 1.9.2 idl files for frozen interfaces (under idl/) header files for frozen interfaces, xpcom functions, and nspr functions (under include/) import libraries or shared libraries (under lib/) static utility libraries (under lib/) various tools (under bin/) for more in
formation about safely linking xpcom components using the xpcom "glue" library, see xpcom glue.
Gecko Keypress Event
(bug 359638 partially addressed this issue by trying both characters on the key, but bug 303192 would provide a complete solution.) solution the following rules apply: key handlers should be provided with in
formation about all the possible meanings of the event.
Gecko
documentation chrome this page contains in
formation specific to browser chrome (not google chrome) code running in gecko.
How to get a process dump with Windows Task Manager
(to get a process dump for thunderbird or some other product, substitute the product name where ever you see firefox in these instructions.) caution the memory dump that will be created through this process is a complete snapshot of the state of firefox when you create the file, so it contains urls of active tabs, history in
formation, and possibly even passwords depending on what you are doing when the snapshot is taken.
How to Report a Hung Firefox
what in
formation to include in a bug report as usual, following bug writing guidelines will make your report much more likely to lead to a fix in firefox.
PBackground
note: if you want more detailed in
formation on ipdl, start out by reading the ipdl tutorial.
IPDL Tutorial
when creating a plugin instance, the browser should block until instance creation is finished, and needs some in
formation returned from the plugin: sync protocol pplugininstance { child: sync init() returns (bool windowless, bool ok); }; we added two new keywords to the plugin protocol, sync and returns.
Implementing QueryInterface
original document in
formation author(s): scott collins last updated date: may 8, 2003 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Integrated Authentication
original document in
formation author(s): darin fisher last updated date: december 27, 2005 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
JavaScript-DOM Prototypes in Mozilla
original document in
formation author(s): fabian guisset last updated date: february 2, 2002 copyright in
formation: copyright (c) fabian guisset ...
AddonType
add-on types hold useful in
formation about each type of add-on that may be installed.
Code Samples
components.utils.import("resource://gre/modules/addonmanager.jsm"); addonmanager.getaddonbyid("yourextensionid", function(addon) { var addonlocation = addon.getresourceuri("").queryinterface(components.interfaces.nsifileurl).file.path; }); accessing file and version in
formation components.utils.import("resource://gre/modules/addonmanager.jsm"); addonmanager.getaddonbyid("my-addon@foo.com", function(addon) { alert("my extension's version is " + addon.version); alert("did i remember to include that file.txt file in my xpi?
DownloadLastDir.jsm
using the downloadlastdir object to determine or set the path into which the last download occurred: // file is an nsifile var file = downloadlastdir.file; downloadlastdir.file = file; you can also set and retrieve this in
formation on a site-by-site basis.
DownloadError
a downloaderror object provides detailed in
formation about a download failure.
Promise
to help with debugging, only when inspecting a promise object manually, you can see more in
formation as special properties that are inaccessible from code (this, at present, is implemented by randomizing the property name, for the lack of more sophisticated language or debugger support).
PromiseWorker.jsm
se]); promise_domyfuncfalse.then( function(aval) { console.log('fullfilled - promise_domyfuncfalse - ', aval); }, function(areason) { console.error('rejected - promise_domyfuncfalse - ', areason); } ).catch( function(acaught) { console.error('caught - promise_domyfuncfalse - ', acaught); } ); result running the code above will log the following in
formation to the console: "fullfilled - promise_domyfunctrue - " "you sent to promiseworker argument of: `true`" bootstrap.js line 8 "rejected - promise_domyfuncfalse - " "you passed in a non-true value for shouldresolve argument and therefore this will reject the main thread promise" bootstrap.js line 25 other examples github ...
Webapps.jsm
st, aapp, arunupdate) _createactivitiestounregister: function(amanifest, aapp, aentrypoint) _unregisteractivitiesforapps: function(aappstounregister) _unregisteractivities: function(amanifest, aapp) _processmanifestforids: function(aids, arunupdate) observe: function(asubject, atopic, adata) addmessagelistener: function(amsgnames, aapp, amm) removemessagelistener: function(amsgnames, amm)
formatmessage: function(adata) receivemessage: function(amessage) getappinfo: function getappinfo(aappid) broadcastmessage: function broadcastmessage(amsgname, acontent) registerupdatehandler: function(ahandler) unregisterupdatehandler: function(ahandler) notifyupdatehandlers: function(aapp, amanifest, azippath) _getappdir: function(aid) _writefile: function(apath, adata) dogetlist: function() ...
source-editor.jsm
this in
formation is simply recorded as part of the breakpoint annotation.
JavaScript code modules
the event listener receives detailed in
formation about the request, and can modify or cancel the request.
L10n Checks
you pass both paths to the files, e.g.: check-l10n-completeness -i file en-us.dtd my.dtd the output the output of l10n checks shows the missing and obsolete strings in a pseudo-diff
format.
Localizing with Pontoon
info menu gives important in
formation, like the anticipated project timeline and a list of keyboard shortcuts.
Initial setup
this will determine what in
formation is most applicable to you throughout the rest of this guide.
Setting up the infrastructure
first, make your project's file type decision (see localization
formats for details): html/php .lang gettext (.po) assuming you chose gettext, you'll need to follow the steps below to set up the infrastructure for localizing your web application.
Basics
<mstyle scriptlevel="0"> <mrow> <mn>2</mn> <mo>+</mo> <mfrac numalign="left"> <mstyle scriptlevel="0"> <msup><mn>7</mn><mn>2</mn></msup> </mstyle> <mstyle scriptlevel="0"> <mn>2</mn><mo>+</mo><mo mathvariant="bold">...</mo> </mstyle> </mfrac> </mrow> </mstyle> </mfrac> </mrow> </mstyle> </mfrac> </mrow> </mstyle> </mfrac> </mrow> </mstyle> </mfrac> </mrow> </math> </button> </div> for more in
formation about mathml in mozilla, see the mathml project page.
MathML3Testsuite
characters blocks symbols variants entitynames numericrefs utf8 general clipboard genattribs math presentation css dynamicexpressions generallayout scriptsandlimits tablesandmatrices tokenelements topics accents bidi elementarymathexamples embellishedop largeop linebreak nesting stretchychars whitespace torturetests errorhandling original document in
formation author(s): frédéric wang other contributors: last updated date: may 26, 2010 copyright in
formation: portions of this content are © 2010 by individual mozilla.org contributors; content available under a creative commons license | details.
Mozilla MathML Status
original document in
formation author(s): frédéric wang other contributors: copyright in
formation: portions of this content are © 2010 by individual mozilla.org contributors; content available under a creative commons license | details.
Mozilla Port Blocking
more in
formation nsioservice.cpp gbadportlist bug 83401 vulnerability note vu#476267 dougt@netscape.com original document in
formation author(s): doug turner last updated date: august 15, 2007 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Mozilla Development Strategies
cvs commit client.mak nmake -f client.mak original document in
formation author(s): seth spitzer and alec flett last updated date: september 3, 2006 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Mozilla Development Tools
original document in
formation author(s): myk melez last updated date: november 8, 2005 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Mozilla projects on GitHub
project name description pdf.js a portable document
format (pdf) reader written entirely in javascript.
Activity Monitor, Battery Status Menu and top
when you open this menu for the first time in a while it says “collecting power usage in
formation” for a few seconds, and if you have top open during that time you'll see that, once again, systemstats is running and using a lot of cpu.
BloatView
bloatview is a tool that shows in
formation about cumulative memory usage and leaks.
GC and CC logs
gc and cc logs garbage collector (gc) and cycle collector (cc) logs give in
formation about why various js and c++ objects are alive in the heap.
Memory reporting
they provide more in
formation to dmd, which is a tool that helps keep about:memory's "heap-unclassified" number low.
Reporting a Performance Problem
note that while it's possible to strip profiles of potentially privacy sensitive in
formation, the less in
formation a profile contains, the harder it is to analyze and turn into actionable data.
about:memory
if you do not wish to share this in
formation, you can select the "anonymize" checkbox before clicking on "measure and save..." or "measure...".
dtrace
sometimes the stack trace has less in
formation than one would like.
A brief guide to Mozilla preferences
it provides a general overview of mozilla preferences, including where preferences are stored, a file-by-file analysis of preference loading sequence, and in
formation on editing preferences.
browser.urlbar.trimURLs
subdomain nor contains @ (usually for ftp login in
formation), the http:// prefix will be hidden.
Preference reference
bout:newtab) which offers the most often visited pages for fast navigation.browser.search.context.loadinbackgroundbrowser.search.context.loadinbackground controls whether a search from the context menu with "search <search engine> for <selected text>" opening a new tab will give focus to it and load it in the foreground or keep focus on the current tab and open it in the background.browser.urlbar.
formatting.enabledthe preference browser.urlbar.
formatting.enabled controls whether the domain name including the top level domain is highlighted in the address bar by coloring it black and the other parts grey.browser.urlbar.trimurlsthe preference browser.urlbar.trimurls controls whether the protocol http and the trailing slash behind domain name (if the open page is exactly the domain name) are hidden...
Preferences system
reference in
formation about them is available below: preferences system documentation: introduction: getting started | examples | troubleshooting reference: prefwindow | prefpane | preferences | preference | xul attributes use code for a typical preferences window may look like this: <prefwindow id="apppreferences" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <prefpane id="pane1" label="&pane1.title;"> <preferences> <preference id="pref1" name="pref.name"...
PR_GMTParameters
returns the time zone offset in
formation that maps the specified prexplodedtime to gmt.
PR_GetOSError
however, this in
formation is preserved, along with a platform neutral error code, on a per thread basis.
PR_Listen
further in
formation can be obtained by calling pr_geterror.
PR_LocalTimeParameters
returns the time zone offset in
formation that maps the specified prexplodedtime to local time.
PR_NormalizeTime
syntax #include <prtime.h> void pr_normalizetime ( prexplodedtime *time, prtimeparamfn params); parameters the function has these parameters: time a pointer to a clock/calendar time in the prexplodedtime
format.
PR_PushIOLayer
use pr_geterror to get additional in
formation regarding the reason for the failure.
PR_SetError
sets error in
formation within a thread context.
PR_Shutdown
further in
formation can be obtained by calling pr_geterror.
PR_StringToNetAddr
if the nspr library and the host are configured to support ipv6, both
formats are supported.
PR_VERSION
syntax #include <prinit.h> #define pr_version "2.1 yyyymmdd" description the
format of the version string ismajorversion.minorversion builddate.
Threads
for api reference in
formation related to thread synchronization, see locks and condition variables.
NSPR
opensuse linux: install one or more of the following via yast or zypper : mozilla-nspr : binary libraries for your platform mozilla-nspr-32bit : binary libraries needed to run 32-bit programs on a 64-bit os mozilla-nspr-devel : files needed (in addition to the above libraries) to compile programs using nspr mozilla-nspr-debuginfo : debug in
formation (including build symbols) for package mozilla-nspr mozilla-nspr-debuginfo-32bit : debug in
formation (including build symbols) for package mozilla-nspr-32bit mozilla-nspr-debugsource : debug sources for all of the above community view mozilla forums...
Building NSS
introduction this page has detailed in
formation on how to build nss.
JSS FAQ
you can find more in
formation in bugzilla bug 102251 ssl session cache locking issue with nt fibers how can i tell which ssl/tls ciphers jss supports?
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 config...
Enc Dec MAC Output Public Key as CSR
own) { pr_fprintf(pr_stderr, "unknown key or hash type\n"); rv = secfailure; goto cleanup; } rv = sec_dersigndata(arena, &result, encoding->data, encoding->len, privk, signalgtag); if (rv) { pr_fprintf(pr_stderr, "signing of data failed\n"); rv = secfailure; goto cleanup; } /* encode request in specified
format */ if (ascii) { char *obuf; char *name, *email, *org, *state, *country; secitem *it; int total; it = &result; obuf = btoa_convertitemtoascii(it); total = pl_strlen(obuf); name = cert_getcommonname(subject); if (!name) { name = strdup("(not specified)"); } email = cert_getcertemailaddress(su...
NSS Sample Code sample5
nss sample code 5: pki encryption with a raw public & private key in der
format /* example code to illustrate pki crypto ops (encrypt with public key, * decrypt with private key) * * no nss db needed.
NSS Sample Code
sample code 1: key generation and transport between servers sample code 2: symmetric encryption sample code 3: hashing, mac sample code 4: pki encryption sample code 5: pki encryption with a raw public & private key in der
format sample code 6: persistent symmetric keys in nss database these are very old examples in need of replacement.
PKCS11
pkcs #11 in
formation for implementors of cryptographic modules: implementing pkcs11 for nss pkcs11 faq using the jar installation manager to install a pkcs #11 cryptographic module pkcs #11 conformance testing ...
FC_EncryptInit
return value ckr_ok slot in
formation was successfully copied.
FC_Initialize
the library parameters string has this
format: "configdir='dir' certprefix='prefix1' keyprefix='prefix2' secmod='file' flags= " here are some examples.
NSS tools : cmsutil
for in
formation specifically about nss, the nss project wiki is located at [2]http://www.mozilla.org/projects/security/pki/nss/.
NSS tools : vfyserv
name vfyserv — tbd synopsis vfyserv description the vfyserv tool verifies a certificate chain options additional resources for in
formation about nss and other tools related to nss (like jss), check out the nss project wiki at [1]http://www.mozilla.org/projects/security/pki/nss/.
troubleshoot.html
troubleshooting nss and jss builds newsgroup: mozilla.dev.tech.crypto this page summarizes in
formation on troubleshooting the nss and jss build and test systems, including known problems and configuration suggestions.
sslkey.html
this page is part of the ssl reference that we are migrating into the
format described in the mdn style guide.
ssltyp.html
this page is part of the ssl reference that we are migrating into the
format described in the mdn style guide.
SSL functions
other sources of in
formation: the nss_reference documents the functions most commonly used by applications to support ssl.
NSS troubleshooting
on this page, let's collect in
formation on how to troubleshoot nss at runtime.
Utility functions
rt_setucs4_utf8conversionfunction mxr 3.2 and later port_strdup mxr 3.5 and later port_ucs2_asciiconversion mxr 3.2 and later port_ucs2_utf8conversion mxr 3.2 and later port_zalloc mxr 3.2 and later port_zfree mxr 3.2 and later rsa_
formatblock mxr 3.2 and later sec_asn1decode mxr 3.4 and later sec_asn1decodeinteger mxr 3.2 and later sec_asn1decodeitem mxr 3.2 and later sec_asn1decoderabort mxr 3.9 and later sec_asn1decoderclearfilterproc mxr 3.2 and later sec_asn1de...
NSS Tools dbck-tasks
nss security tools: dbck tasks newsgroup: mozilla.dev.tech.crypto task list in analyze mode, there should be an option to create a file containing a graph of the certificate database without any in
formation about the user's certificates (no common names, email addresses, etc.).
NSS tools : cmsutil
for in
formation specifically about nss, the nss project wiki is located at [2]http://www.mozilla.org/projects/security/pki/nss/.
Necko FAQ
todo original document in
formation author(s): gagan saksena last updated date: december 21, 2001 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
The Necko HTTP module
original document in
formation last updated date: may 12, 2003 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details ...
Multithreading in Necko
original document in
formation author(s): darin fisher last updated date: december 10, 2001 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Installing Pork
build and install mcpp mcpp generates macro expansion comments that allow pork's elsa to undo macros, which is necessary in order to get exact position in
formation.
Renaming With Pork
note the -k,-w0 options are passed down to the mcpp preprocessor such that it can annotate files with more precise position in
formation.
Pork
this in
formation allows c++ to be automatically rewritten in a precise way.
Rhino and BSF
see xalan-java extensions for more in
formation on adding javascript to xsl and the description of the optional script task in the apache ant manual for using scripting in ant build files.
Rhino Examples
sharing the global scope allows both in
formation to be shared across threads, and amortizes the cost of context.initstandardobjects by only performing that expensive operation once.
Rhino serialization
original document in
formation author: norris boyd last updated date: november 15, 2006 copyright in
formation: portions of this content are © 1998–2006 by individual mozilla.org contributors; content available under a creative commons license | details.
Rhino
rhino documentation in
formation on rhino for script writers and embedders.
Shumway
for even more in
formation, please refer to the external links.
SpiderMonkey Build Documentation
for example, if you're using the gnu toolchain, the following will pass the -g3 flag to the compiler, causing it to emit debug in
formation about macros.
64-bit Compatibility
for more in
formation and platform specific details on virtual address widths, see this article on wikipedia.
Bytecodes
a frame on the stack has space for javascript values (the tagged value
format) in a few different categories.
Exact Stack Rooting
the method you should use to keep the gc up-to-date with this in
formation will vary depending on where the gcpointer is being stored.
Statistics API
json api addons can obtain the complete data in json
format via an observer.
Invariants
js_setwatchpoint violates this rule.) whether a property is locked, and which one, is static in
formation for almost every line of code.
Property cache
the jit reads the property cache too, as it needs the same in
formation when recording such an instruction.
Tracing JIT
the trace monitor maintains some book-keeping in
formation, as well as the collection of recorded fragments, held in a hashtable keyed by the interpreter's program counter and global object shape at the time of recording.
JS::AutoSaveExceptionState
syntax js::autosaveexceptionstate(jscontext *cx); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS::Call
xt *cx, js::handlevalue thisv, js::handlevalue fun, const js::handlevaluearray& args, js::mutablehandlevalue rval); bool js::call(jscontext *cx, js::handlevalue thisv, js::handleobject funobj, const js::handlevaluearray& args, js::mutablehandlevalue rval); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS::CloneFunctionObject
syntax jsobject * js::clonefunctionobject(jscontext *cx, js::handleobject funobj); jsobject * js::clonefunctionobject(jscontext *cx, js::handleobject funobj, js::autoobjectvector &scopechain); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS::CompileOffThread
ars, size_t length, js::offthreadcompilecallback callback, void *callbackdata); jsscript * js::finishoffthreadscript(jscontext *maybecx, jsruntime *rt, void *token); typedef void (*js::offthreadcompilecallback)(void *token, void *callbackdata); name type description cx / maybe jscontext * pointer to a js context from which to derive runtime in
formation.
JS::CompileOptions
constructor js::readonlycompileoptions(); // added in spidermonkey 31 js::owningcompileoptions(jscontext *cx); // added in spidermonkey 31 js::compileoptions(jscontext *cx, jsversion version = jsversion_unknown); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS::Construct
syntax bool js::construct(jscontext *cx, js::handlevalue fun, const js::handlevaluearray& args, js::mutablehandlevalue rval); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS::CreateError
al); // obsolete since jsapi 39 bool js::createerror(jscontext *cx, jsexntype type, handlestring stack, handlestring filename, uint32_t linenumber, uint32_t columnnumber, jserrorreport *report, handlestring message, mutablehandlevalue rval); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS::Evaluate
this in
formation is used in messages if an error occurs during compilation.
JS::PropertySpecNameToPermanentId
syntax bool js::propertyspecnametopermanentid(jscontext *cx, const char *name, jsid *idp); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS::ProtoKeyToId
syntax void js::protokeytoid(jscontext *cx, jsprotokey key, js::mutablehandleid idp); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JSErrorReport
describes the
format of a js error that is used either by the internal error reporting mechanism or by a user-defined error-reporting mechanism.
JSExtendedClass
}; name type description base jsclass the basic class in
formation and callbacks for this class.
JSID_IS_STRING
syntax bool jsid_is_string(jsid id); jsstring * jsid_to_string(jsid id); jsid interned_string_to_jsid(jscontext *cx, jsstring *str); // added in spidermonkey 38 jsflatstring * jsid_to_flat_string(jsid id); // added in spidermonkey 17 name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JSPrincipals
define security in
formation for an object or script.
JS_Add*Root
js_dumpnamedroots can be used to access this in
formation from a debugger.
JS_AliasProperty
syntax jsbool js_aliasproperty(jscontext *cx, jsobject *obj, const char *name, const char *alias); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_BindCallable
syntax jsobject* js_bindcallable(jscontext *cx, js::handle<jsobject*> callable, js::handle<jsobject*> newthis); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_BufferIsCompilableUnit
syntax bool js_bufferiscompilableunit(jscontext *cx, js::handle<jsobject*> obj, const char *utf8, size_t length); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_CallFunction
*rval); bool js_callfunctionname(jscontext *cx, jsobject *obj, const char *name, unsigned argc, jsval *argv, jsval *rval); bool js_callfunctionvalue(jscontext *cx, jsobject *obj, jsval fval, unsigned argc, jsval *argv, jsval *rval); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_ClearDateCaches
syntax void js_cleardatecaches(jscontext *cx); name type description cx jscontext * pointer to a javascript context from which to derive runtime in
formation.
JS_CloneFunctionObject
syntax jsobject * js_clonefunctionobject(jscontext *cx, jsobject *funobj, jsobject *parent); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_CompileFunction
this in
formation is used in error messages if an error occurs during compilation.
JS_CompileScript
js::mutablehandlescript script); bool js_compileucscript(jscontext *cx, js::handleobject obj, const char16_t *chars, size_t length, const js::compileoptions &options, js::mutablehandlescript script); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_DecompileFunction
syntax jsstring * js_decompilefunction(jscontext *cx, js::handle<jsfunction*> fun); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_DeleteElement
syntax bool js_deleteelement(jscontext *cx, js::handleobject obj, uint32_t index); // added in spidermonkey 45 bool js_deleteelement(jscontext *cx, js::handleobject obj, uint32_t index, js::objectopresult &result); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_DeleteElement2
renamed to js_deleteelement in jsapi 39 syntax bool js_deleteelement2(jscontext *cx, js::handleobject obj, uint32_t index, bool *succeeded); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_DeleteProperty
_deletepropertybyid(jscontext *cx, js::handleobject obj, js::handleid id, js::objectopresult &result); bool js_deleteucproperty(jscontext *cx, js::handleobject obj, const char16_t *name, size_t namelen, js::objectopresult &result); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_DeleteProperty2
perty2(jscontext *cx, js::handleobject obj, const char16_t *name, size_t namelen, bool *succeeded); bool js_deletepropertybyid2(jscontext *cx, js::handleobject obj, js::handleid id, bool *succeeded); // added in spidermonkey 1.8.1 name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_DropExceptionState
syntax void js_dropexceptionstate(jscontext *cx, jsexceptionstate *state); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_EvaluateScript
this in
formation is used in messages if an error occurs during compilation.
JS_GetArrayPrototype
syntax jsobject * js_getarrayprototype(jscontext *cx, js::handleobject forobj); name type description cx jscontext * pointer to a javascript context from which to derive runtime in
formation.
JS_GetFunctionCallback
syntax jsfunctioncallback js_getfunctioncallback(jscontext *cx); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_GetFunctionPrototype
syntax jsobject * js_getfunctionprototype(jscontext *cx, js::handleobject forobj); name type description cx jscontext * pointer to a javascript context from which to derive runtime in
formation.
JS_GetFunctionScript
syntax jsscript * js_getfunctionscript(jscontext *cx, js::handlefunction fun); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_GetLocaleCallbacks
syntax jslocalecallbacks * js_getlocalecallbacks(jsruntime *rt); void js_setlocalecallbacks(jsruntime *rt, jslocalecallbacks *callbacks); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_GetObjectPrototype
syntax jsobject * js_getobjectprototype(jscontext *cx, js::handleobject forobj); name type description cx jscontext * pointer to a javascript context from which to derive runtime in
formation.
JS_GetPrototype
syntax bool js_getprototype(jscontext *cx, js::handleobject obj, js::mutablehandleobject protop); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_GetTypeName
syntax const char * js_gettypename(jscontext *cx, jstype type); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_HasArrayLength
syntax jsbool js_hasarraylength(jscontext *cx, jsobject *obj, jsuint *lengthp); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_HasInstance
syntax bool js_hasinstance(jscontext *cx, js::handle<jsobject*> obj, js::handle<js::value> v, bool *bp); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_IdToProtoKey
syntax jsprotokey js_idtoprotokey(jscontext *cx, js::handleid id); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_IdToValue
syntax bool js_idtovalue(jscontext *cx, jsid id, js::mutablehandle<js::value> vp); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_InitClass
*cx, js::handleobject obj, js::handleobject parent_proto, const jsclass *clasp, jsnative constructor, unsigned nargs, const jspropertyspec *ps, const jsfunctionspec *fs, const jspropertyspec *static_ps, const jsfunctionspec *static_fs); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_InstanceOf
nstanceof(jscontext *cx, js::handle<jsobject*> obj, const jsclass *clasp, js::callargs *args); // added in spidermonkey 38 bool js_instanceof(jscontext *cx, js::handle<jsobject*> obj, const jsclass *clasp, jsval *argv); // obsolete since jsapi 32 name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_IsIdentifier
syntax bool js_isidentifier(jscontext *cx, js::handlestring str, bool *isidentifier); bool js_isidentifier(const char16_t *chars, size_t length); // added in spidermonkey 38 name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_LinkConstructorAndPrototype
syntax bool js_linkconstructorandprototype(jscontext *cx, js::handle<jsobject*> ctor, js::handle<jsobject*> proto); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_LookupProperty
unsigned flags, js::mutablehandlevalue vp); bool js_lookuppropertywithflagsbyid(jscontext *cx, js::handleobject obj, js::handleid id, unsigned flags, js::mutablehandleobject objp, js::mutablehandlevalue vp); // added in spidermonkey 1.8.1 name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_NewGlobalObject
principals jsprincipals * the security in
formation to associate with this compartment.
JS_NewStringCopyN
syntax jsstring * js_newstringcopyn(jscontext *cx, const char *s, size_t n); jsstring * js_newucstringcopyn(jscontext *cx, const char16_t *s, size_t n); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_NewStringCopyZ
syntax jsstring * js_newstringcopyz(jscontext *cx, const char *s); jsstring * js_newucstringcopyz(jscontext *cx, const char16_t *s); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_ObjectIsDate
syntax bool js_objectisdate(jscontext *cx, js::handleobject obj); name type description cx jscontext * pointer to a javascript context from which to derive runtime in
formation.
JS_ReportOutOfMemory
see js_reporterror and js_seterrorreporter for more in
formation about error handling in the jsapi.
JS_RestoreExceptionState
syntax void js_restoreexceptionstate(jscontext *cx, jsexceptionstate *state); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_SameValue
rn true; return v1 === v2; } syntax // added in spidermonkey 45 bool js_samevalue(jscontext *cx, js::handle<js::value> v1, js::handle<js::value> v2, bool *same); // obsolete since jsapi 39 bool js_samevalue(jscontext *cx, jsval v1, jsval v2, bool *same); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_SaveExceptionState
syntax jsexceptionstate * js_saveexceptionstate(jscontext *cx); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_SetDefaultLocale
description js_setdefaultlocale sets the default locale for the ecmascript internationalization api (intl.collator, intl.number
format, intl.datetime
format).
JS_SetErrorReporter
the error you log and display can make use of the in
formation passed about the error condition in the jserrorreport structure.
JS_SetFunctionCallback
syntax void js_setfunctioncallback(jscontext *cx, jsfunctioncallback fcb); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_SetParent
syntax bool js_setparent(jscontext *cx, js::handleobject obj, js::handleobject parent); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_SetPendingException
syntax void js_setpendingexception(jscontext *cx, js::handlevalue v); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_SetProperty
context *cx, js::handleobject obj, const char16_t *name, size_t namelen, js::handlevalue v); bool js_setpropertybyid(jscontext *cx, js::handleobject obj, js::handleid id, js::handlevalue v); // added in spidermonkey 1.8.1 name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_SetVersion
syntax jsversion js_setversion(jscontext *cx, jsversion version); name type description cx jscontext * pointer to a js context from which to derive runtime in
formation.
JS_SuspendRequest
for more in
formation about thread safety and requests, see js_threadsafe.
JS_YieldRequest
description for more in
formation about thread safety and requests, see js_threadsafe.
SpiderMonkey 24
for more in
formation on the fixed-size integer types changes, see this blog post.
Running Automated JavaScript Tests
for a smoke test or if you are not changing language-level functionality, you may wish to use jstests.py path_to_js_shell --exclude=test262 other options allow you to show the test command lines being run, command output and return codes, run tests named in a given file, exclude tests named in a given file, hide the progress bar, change the timeout, run skipped tests, print output in tinderbox
format, run a test in the debugger, or run tests in valgrind.
SavedFrame
function properties of the savedframe.prototype object tostring return this frame and its parents
formatted as a human readable stack trace string.
Split object
circa firefox 1.5, the decision was made to cache layout in
formation and javascript state across navigation.
Zest
the language is written in json, but we do not expect people to write zest in this
format - it is designed to be a visual language.
Mozinfo
because in
formation is not consolidated, checks are not done consistently, nor is it defined what we are checking for.
Exploitable crashes
there is little public in
formation about it, and it is hard to find even on the apple developer site.
AT APIs Support
there you will find in
formation how at api interfaces, roles, states and etc are mapped into gecko accessibility api and visa versa.
XUL Accessibility
get tooltiptext attribute value if the aria role is used and it allows to have accessible value then aria-valuetext or aria-valuenow are used if the element is xlink then value is generated from link location actions if the element is xlink then jump action is exposed if the element has registered click event handler then click action is exposed xul elements notification used to display an in
formative message.
Toolkit API
these services include: profile management chrome registration browsing history extension and theme management application update service safe mode printing official references structure of an installable bundle: describes the common structure of installable bundles, including extensions, themes, and xulrunner applications extension packaging: specific in
formation about how to package extensions theme packaging: specific in
formation about how to package themes multiple-item extension packaging: specific in
formation about multiple-item extension xpis xul application packaging: specific in
formation about how to package xulrunner applications chrome registration printing in xul apps see also the following developer pages contain exa...
Accessing the Windows Registry Using XPCOM
introduction when implementing windows-specific functionality, it is often useful to access the windows registry for in
formation about the environment or other installed programs.
Binary compatibility
for more in
formation on issues of componentization and binary compatibility, see http://mozilla.org/projects/xpcom/gl...ent_reuse.html .
Fun With XBL and XPConnect
<handlers> <handler type="keypress" keycode="vk_return" value="autocomplete(anonymouscontent[0].value, this.autocompletelistener);"/> </handlers> </implementation> </binding> original document in
formation author(s): scott macgregor last updated date: april 13, 2000 copyright in
formation: copyright (c) scott macgregor ...
Generic factory
original document in
formation author: patrick beard last updated date: february 26, 1999 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
XPCOM array guide
for more in
formation about the different types of strings, see the string guide.
Resources
weblock resources weblock installer and in
formation the sdk download linux: http://ftp.mozilla.org/pub/mozilla/releases/mozilla1.4a/gecko-sdk-i686-pc-linux-gnu-1.4a.tar.gz windows: http://ftp.mozilla.org/pub/mozilla/releases/mozilla1.4a/gecko-sdk-win32-1.4a.zip other mozilla downloads gecko resources internal string guide external string guide the gecko networking library ("necko") the netscape portable runtime environment embedding mozilla current module owners xpinstall xul xpcom resources the xpcom project page xulplanet's online xpcom reference in
formation on xpconnect and scriptable...
Using XPCOM Utilities to Make Things Easier
the four required parts[other-parts] of the structure contain the following in
formation: a human readable class name the class id (cid) the contract id (an optional but recommended argument) a constructor for the given object static const nsmodulecomponentinfo components[] = { { "pretty class name", cid, contract_id, constructor }, // ...
Components.ID
syntax var interfaceid = [ new ] components.id(iid); parameters iid a string of the
format '{00000000-0000-0000-0000-000000000000}' giving the interface id of the interface description components.id creates interface ids for use in implementing methods like queryinterface, getinterfaces, and other methods that take interface ids as parameters.
PlXPCOM
the resources here provide in
formation about this language binding and how to use it.
nsIAppStartup_MOZILLA_2_0
toolkit/components/startup/public/nsiappstartup.idlscriptable this lets you get in
formation about the times at which key application startup events occurred.
nsIAsyncStreamCopier
aobservercontext the object to receive notifications with in
formation about the progress of the copy operation.
nsIBadCertListener2
boolean notifycertproblem( in nsiinterfacerequestor socketinfo, in nsisslstatus status, in autf8string targetsite ); parameters socketinfo a network communication context that can be used to obtain more in
formation about the active connection.
nsIBidiKeyboard
note: this throws ns_error_not_implemented if the widget layer doesn't provide this in
formation.
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.
nsICache
usually, you will request read_write access in order to first test the meta data and in
formational fields to determine if a write, that is going to the net, may actually be necessary.
nsICacheDeviceInfo
netwerk/cache/nsicachevisitor.idlscriptable this interface provides in
formation about a cache device.
nsICacheEntryInfo
netwerk/cache/nsicachevisitor.idlscriptable this interface provides in
formation about a cache entry.
nsIChannel
securityinfo nsisupports transport-level security in
formation (if any, else null) corresponding to the channel, normally presented through the interfaces nsitransportsecurityinfo and nsisslstatusprovider read only.
nsIChannelPolicy
netwerk/base/public/nsichannelpolicy.idlscriptable a container for policy in
formation to be used during channel creation.
nsIClassInfo
xpcom/components/nsiclassinfo.idlscriptable provides in
formation about a specific implementation class.
nsIClipboard
forcedatatoclipboard() obsolete since gecko 1.8 (firefox 1.5 / thunderbird 1.5 / seamonkey 1.0) some platforms support deferred notification for putting data on the clipboard this method forces the data onto the clipboard in its various
formats this may be used if the application going away.
nsICookie2
the nsicookie2 interface provides in
formation about a cookie, and extends the nsicookie interface.
nsICookieService
aservertime the expiry in
formation of the cookie (the date header from the http response).
nsICrashReporter
native code only!writeminidumpforexception write a minidump immediately, with the user-supplied exception in
formation.
nsICycleCollectorListener
xpcom/base/nsicyclecollectorlistener.idlscriptable interface to pass to the cycle collector to get in
formation about the cycle collector graph while it is being built.
nsIDOMEvent
due to the fact that some systems may not provide this in
formation the value of timestamp may be not available for all events.
nsIDOMFontFace
attribute type description
format domstring the font
format.
nsIDOMGeoPosition
coords nsidomgeopositioncoords the user's current position in
formation.
nsIDOMGeoPositionOptions
timeout unsigned long maximum time in milliseconds before giving up on an attempt to retrieve location in
formation.
nsIDOMOrientationEvent
the nsidomorientationevent interface describes the event that can be delivered to dom windows, providing in
formation from the device's accelerometer, allowing code to determine the orientation of the device.
nsIDOMProgressEvent
dom/interfaces/events/nsidomprogressevent.idlscriptable this interface represents the events sent with progress in
formation while uploading data using the xmlhttprequest object.
nsIDOMWindowInternal
location nsidomlocation readonly: returns a nsidomlocation object, which contains in
formation about the url of the document.
nsIDebug2
xpcom/base/nsidebug2.idlscriptable adds access to additional in
formation in debug builds of mozilla code by expanding upon the features in nsidebug 1.0 66 introduced gecko 1.9.2 inherits from: nsidebug last changed in gecko 1.9.2 (firefox 3.6 / thunderbird 3.1 / fennec 1.0) attributes attribute type description assertioncount long the number of assertions since process start.
nsIDeviceMotionData
xpcom/system/nsidevicemotion.idlscriptable this interface provides in
formation about device motion.
nsIDeviceMotionListener
void onmotionchange( in nsidevicemotiondata amotiondata ); parameters aacceleration the nsidevicemotiondata object describing updated motion in
formation.
nsIDirIndex
netwerk/streamconv/public/nsidirindex.idlscriptable a class holding in
formation about a directory index.
nsIDirIndexParser
netwerk/streamconv/public/nsidirindexlistener.idlscriptable a parser for 'application/http-index-
format' directories.
nsIDocShell
when reading a document, a converter is used to translate the text from its original
format into unicode.
nsIDownload
mimeinfo nsimimeinfo provides the targets relevant mime in
formation, including its mime type, helper application, and whether or not the helper should be executed automatically once the download is complete.
nsIDownloadManagerUI
with this in
formation, it's possible to put the download manager in a tab in the same window as the parent.
nsIException
methods tostring() a generic
formatter - make it suitable to print, etc.
nsIFTPChannel
the nsiftpchannel is an extension of nsisupports used to determine if a channel is an ftp channel, and offering additional in
formation about the ftp channel.
nsIFeedEntry
published astring a string indicating the date on which the entry was published, in rfc822
format.
nsIFeedResult
some feeds include this in
formation in a processing instruction.
nsIGeolocationUpdate
void update( in nsidomgeoposition position ); parameters position a nsidomgeoposition object describing the updated position in
formation.
nsIGlobalHistory2
docshell/base/nsiglobalhistory2.idlscriptable this interface provides in
formation about global history to gecko.
nsIHttpServer
* removed * @throws ns_error_invalid_arg * if dir is non-null and does not exist or is not a directory, or if path * does not begin with and end with a forward slash */ void registerdirectory(in string path, in nsifile dir); /** * associates files with the given extension with the given content-type when * served by this server, in the absence of any file-specific in
formation * about the desired content-type.
nsIHttpUpgradeListener
method overview void ontransportavailable(in nsisockettransport atransport, in nsiasyncinputstream asocketin, in nsiasyncoutputstream asocketout); methods ontransportavailable() called when an http protocol upgrade attempt is completed, passing in the in
formation needed by the protocol handler to take over the channel that is no longer being used by http.
nsIJSON
encodetostream() encodes a javascript object into json
format, writing it to a stream.
nsIJetpack
individual lines of the form //@line 1 "foo.js" can be used to specify filename and line number in
formation for debugging purposes.
nsIObserverService
components.classes["@mozilla.org/observer-service;1"] .getservice(components.interfaces.nsiobserverservice) .notifyobservers(null, "mytopicid", "someadditionalin
formationpassedas'data'parameter"); see also nsobserverservice observer notifications provides an overview of observers and a list of built-in notifications fired by mozilla.
nsIPromptService
for more in
formation on out parameters and javascript refer to working with out parameters.
nsIPropertyBag
examples get user agent in
formation (operating system specifics.
nsIPropertyBag2
xpcom/ds/nsipropertybag2.idlscriptable this interface extends nsipropertybag with some methods for getting properties in specific
formats.
nsIProtocolHandler
if this is null, then utf-8 encoding is assumed and no character trans
formation is not performed.
nsIProtocolProxyService
netwerk/base/public/nsiprotocolproxyservice.idlscriptable this interface provides methods to access in
formation about various network proxies.
nsIPushSubscription
dom/interfaces/push/nsipushservice.idlscriptable includes in
formation needed to send a push message to privileged code.
nsISHEntry
docshell/shistory/public/nsishentry.idlscriptable each document or subframe in session history will have a nsishentry associated with it which will hold all in
formation required to recreate the document from history.
nsISOCKSSocketInfo
netwerk/socket/nsisockssocketinfo.idlscriptable this interface provides in
formation about a socks socket.
nsISSLErrorListener
boolean notifysslerror( in nsiinterfacerequestor socketinfo, in print32 error, in autf8string targetsite ); parameters socketinfo a network communication context that can be used to obtain more in
formation about the active connection.
nsIScreen
widget/nsiscreen.idlscriptable this interface provides in
formation about a display screen.
nsIScreenManager
widget/public/nsiscreenmanager.idlscriptable this interface lets you get in
formation about the display screen (or screens) attached to the user's computer.
nsIScriptableIO
file and stream guide: [ nsiscriptableio | accessing files | getting file in
formation | reading from files | writing to files | moving, copying and deleting files | uploading and downloading files | working with directories ] important note: the pages from the file and stream guide use the io object (nsiscriptableio), which was not available in any released version of the platform (pending some fixes).
nsISearchEngine
getsubmission() gets a nsisearchsubmission object that contains in
formation about what to send to the search engine, including the uri and postdata, if applicable.
nsISecurityCheckedComponent
code that has the "universalbrowserread" capability is allowed to perform certain actions that allow it to read in
formation from the local system.
nsISessionStore
note on windows the nsisessionstore api stores state in
formation for certain windows inside the web brower.
nsISocketTransportService
for more details on communicating in
formation about proxies like socks (which are transparent to upper protocols), see nsiproxiedprotocolhandler , nsiprotocolproxyservice or proxies in necko.
nsISpeculativeConnect
the code implementing this method may use this in
formation to start a tcp and/or ssl level handshake for that resource immediately so that it is ready (or at least in the process of becoming ready) when the transaction is actually submitted.
nsIStackFrame
example to output the stack at a particular location: var s = components.stack; while(s) { console.log(s.name); s = s.caller; } methods tostring() a generic
formatter - make it suitable to print, and so forth.
type
in
formation is now located at: nsisupportsprimitive.constants ...
nsISyncMessageSender
see nsimessagelistener::receivemessage() for the
format of the data delivered to listeners.
nsITelemetry
example you can find detailed in
formation on adding a new telemetry probe and recording telemetry data at adding a new telemetry probe [en-us].
nsIThreadEventFilter
the nsithreadeventfilter interface may be implemented to determine whether or not an event may be accepted by a nested event queue; see nsithreadinternal.pusheventqueue() for more in
formation.
nsITransportSecurityInfo
netwerk/socket/nsitransportsecurityinfo.idlscriptable this interface provides in
formation about transport security, including the security state and any error message for the connection.
nsITreeSelection
layout/xul/base/src/tree/public/nsitreeselection.idlscriptable this interface is used by the tree widget to get in
formation about what is selected.
nsIURI
if the uri stores in
formation from the nsiioservice interface's nsiioservice.newuri() call that created it, other than just the parsed string, the behavior of this in
formation when setting the spec attribute is undefined.
nsIUpdatePrompt
the nsiupdate object will not be the actual update when the error occurred during an update check and will instead be an nsiupdate object with the error in
formation for the update check.
nsIUploadChannel
history here is that we need to support both streams that already have headers (for example, content-type and content-length) in
formation prepended to the stream (by plugins) as well as clients (composer, uploading application) that want to upload data streams without any knowledge of protocol specifications.
nsIVersionComparator
result == -1) { //currentbrowserversion is less than '25.*' (comparetothisversion) } else if (compareresult == 0) { //currentbrowserversion is '25.*' (comparetothisversion) } else if (compareresult == 1) { //currentbrowserversion is greater than '25.*' (comparetothisversion) } else { //will never get here as services.vc.compare only returns -1, 0, or 1 } see also toolkit version
format ...
nsIWebNavigation
the http header stream is
formatted as: ( header \r\n )* this parameter may be null.
nsIWebNavigationInfo
docshell/base/nsiwebnavigationinfo.idlscriptable exposes a way to get in
formation on the capabilities of gecko web navigation objects.
nsIWebProgressListener
in such cases, the request itself should be queried for extended error in
formation (for example for http requests see nsihttpchannel.
nsIWinTaskbar
for xulrunner applications, the defaultgroupid attribute is configured using application.ini settings, and is of the
format "vendor.application.version".
nsIWindowMediator
more in
formation can be found by searching mxr for broken_wm_z_order) getzorderxulwindowenumerator() identical to getzorderdomwindowenumerator() except returns an enumerator of nsixulwindow.
nsIWorkerGlobalScope
this interface allows a worker to look up in
formation about itself, as well as to control itself.
nsIXmlRpcClient
via nsixpconnect::getpendingexception()->data a nsixmlrpcfault object can be retreieved with more in
formation on the fault.
NS_CStringGetData
it may be null if the caller is not interested in this in
formation.
Getting Started Guide
nscomptrs for non-interface classes appropriately
formatted answer to come, in the meanwhile, the full details are available in this news posting (via google groups).
Using nsCOMPtr
general bibliography original document in
formation author(s): scott collins last updated date: december 11, 2001 copyright in
formation: copyright © 1999, 2000 by the mozilla organization; use is subject to the mpl.
Using nsIClassInfo
original document in
formation authors: mike shaver, justin lebar last updated date: july 25, 2011 copyright in
formation: portions of this content are © 1998–2011 by individual mozilla.org contributors; content available under a creative commons license | details.
Weak reference
see also the source xpcom/base/nsiweakreference.idl xpcom/glue/nsweakreference.h xpcom/glue/nsweakreference.cpp xpcom ownership guidelines using nscomptr original document in
formation author: scott collins last updated date: september 23, 2000 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
XPCOM ownership guidelines
original document in
formation author: scott collins last updated date: may 8, 2003 copyright in
formation: copyright© 1999 by netscape; use is subject to the npl.
pyxpidl
pyxpidl requires a directory to cache certain in
formation in.
XPIDL
note: starting in gecko 9.0, the older xpidl utility, which was previously used to generate c++ header files, typelib in
formation, and so forth has been replaced with pyxpidl in the gecko sdk.
XUL Overlays
the chrome registry, which is a special rdf datasource into which user-specific in
formation is persisted, or stored, contains in
formation about the components or additional packages that have been installed with the browser.
Address book sync client design
the static in
formation that is held on the client for address book sync operations is stored in a file called absync.dat which is located in the root directory of the users profile in
formation.
DB Views (message lists)
see the tutorial for in
formation about styling trees using css, and the thunderbird source for some example css.
nsIMsgCloudFileProvider
providerurlforerror() for an error code, for example uploadwouldexceedquota, a provider might have a url with in
formation on how to deal with that error.
Main Windows
see developer.thunderbird.net for newer in
formation.
Message Interfaces
it can be used to retrieve address, subject and related header in
formation for a mail message.
Spam filtering
training data is stored in a binary
format, in a file named "training.dat".
Create Custom Column
the customdbheaders preference article provides in
formation on a preference setting that exposes custom header data for use in a custom column within thunderbird's main view.
Use SQLite
to double check the in
formation you've inserted you can query the tbird.sqlite file using regular sqlite programs.
Tips and Tricks from the newsgroups
nt and send it repeat image display using css sprites messages use reminderfox to open a message in the default thunderbird message window (when messageuri, folderuri and gdbview are unknown) determine whether a message has been flagged as junk imap: getting message key of copied message by nsimsgcopyservice::copyfilemessage access the plain text content of the email body get in
formation about attachment without selecting message repeat image display using css sprites scan for new messages at startup and manually scan a folder initiated by user force listeners to run consecutively to prevent pop messages from getting garbled during message retrieval ...
libmime content type handlers
the primary * purpose of these handlers will be to represent the attached data in a * viewable html
format that is useful for the user * * note: these will all register by their content type prefixed by the * following: mimecth:text/vcard * * libmime will then use nscomponentmanager::contractidtoclsid() to * locate the appropriate content type handler */ #ifndef nsimimecontenttypehandler_h_ #define nsimimecontenttypehandler_h_ typedef struct { prbool force_i...
Using popup notifications
for example, this popup notification is displayed when a web site requests geolocation in
formation: this lets the user decide whether or not to share their location when it's convenient to do so, instead of being compelled to do it at once.
Virtualenv
for more in
formation on virtualenv in general, see the virtualenv web site.
Declaring types
the
format, then, looks like this: [ { field1: type1 }, { field2: type2 }, ...
Working with data
for example: var jsstring = timestr.readstring(); converting javascript strings to c happily, converting javascript strings to c
formatted strings is easy; just create a character array containing the javascript string: var myutf8string = ctypes.char.array()("original string."); this creates a utf-8
format null-terminated string in the character array named myutf8string.
ABI
ctypes.thiscall_abi more in
formation is available at bugzilla :: 552533.
Int64
either it's not a number, string, or 64-bit integer object, or it's a string that is incorrectly
formatted or contains a value outside the range that can be represented in 64 bits.
StructType
see working with strings for more in
formation on how to convert strings.
UInt64
either it's not a number, string, or 64-bit integer object, or it's a string that is incorrectly
formatted or contains a value outside the range that can be represented in 64 bits.
Flash Activation: Browser Comparison - Plugins
a user can click the in
formation icon on the left side of the location bar on any site to open the site in
formation and allow flash on that site: microsoft edge in-page ui is displayed when the site attempts to use flash.
Constants - Plugins
version feature constants npvers constant: version feature in
formation value description npvers_has_streamoutput 8 streaming data.
Memory - Plugins
since npn_memalloc automatically frees cached in
formation if necessary to fulfill a request for memory, calls to npn_memalloc may succeed where direct calls to newptr fail.
Scripting plugins - Plugins
this extension will also let plugins access the script objects in the browser, and is thus a much stronger and more flexible api.) the in
formation in this section applies to firefox 1.0 and mozilla 1.7.5 and newer versions.
Streams - Plugins
each stream has an associated mime type identifying the
format of the data in the stream.
Preferences System
reference in
formation about them is available below: preferences system documentation: introduction: getting started | examples | troubleshooting reference: prefwindow | prefpane | preferences | preference | xul attributes use code for a typical preferences window may look like this: <prefwindow id="apppreferences" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <prefpane id="pane1" label="&pane1.title;"> <preferences> <preference id="pref1" name="pref.name"...
DOM Inspector FAQ - Firefox Developer Tools
original document in
formation author(s): christopher aillon last updated date: november 11, 2003 copyright in
formation: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Application - Firefox Developer Tools
finding an example if you want to test this functionality and you don't have a handy pwa available, you can grab one of our simple examples to use: add to homescreen demo: shows pictures of foxes (source code | live version) js13kpwa demo: show in
formation on entries to the js13k annual competition (source code | live version) how to debug service workers inspect web app manifests ...
UI Tour - Firefox Developer Tools
in the screenshot below there are three breakpoints: line 82 has a normal breakpoint and execution is paused here line 85 has a logpoint which logs the contents of tablerow to the console line 100 has a conditional breakpoint the third column shows more in
formation about the breakpoints.
All keyboard shortcuts - Firefox Developer Tools
show/hide more in
formation about current property (computed view only, when a property is selected) enter or space return or space enter or space open mdn reference page about current property (computed view only, when a property is selected) f1 f1 f1 open current css file in style editor (computed view only, when more in
formation is shown for a property and a css file reference is fo...
Measure a portion of the page - Firefox Developer Tools
when you stop holding the mouse down, the rectangle that was displayed on screen when you released the button will stay there until you click again, allowing you time to take screenshots, note the in
formation down, etc.
Basic operations - Firefox Developer Tools
however, recording this in
formation has a run-time cost, so you must ask the tool to record memory calls before the memory is allocated, if you want to see memory call sites in the snapshot.
Examine and edit HTML - Firefox Developer Tools
now children are indicated in the tree with this icon: at the right side of some nodes there are markers shown indicating different pieces of in
formation related to it: event the element has one or several event listeners attached to it.
Inspect and select colors - Firefox Developer Tools
the color picker includes an eyedropper icon: clicking this icon enables you to use the eyedropper to select a new color for the element from the page: clicking the color sample while holding down the shift key changes the color
format: ...
Animation inspector (Firefox 41 and 42) - Firefox Developer Tools
the animation inspector enables you to: see in
formation about all animations running in the page play/pause all animations play/pause/rewind/fast-forward each animation jump to a specific point in an animation highlight and inspect the animated node adjust the playback rate of each animation see whether an animation is running in the compositor thread (a lightning bolt icon is displayed next to such animations) ...
Page inspector keyboard shortcuts - Firefox Developer Tools
show/hide more in
formation about current property (computed view only, when a property is selected) enter or space return or space enter or space open mdn reference page about current property (computed view only, when a property is selected) f1 f1 f1 open current css file in style editor (computed view only, when more in
formation is shown for a property and a css file reference is fo...
Cookies - Firefox Developer Tools
same-site cookies allow servers to mitigate the risk of csrf and in
formation leakage attacks by asserting that a particular cookie should only be sent with requests initiated from the same registrable domain.
Tips - Firefox Developer Tools
if no filename is included, the file name will be in this
format: screen shot date at time.png the --fullpage parameter is optional.
Web Audio Editor - Firefox Developer Tools
within that context they then construct a number of audio nodes, including: nodes providing the audio source, such as an oscillator or a data buffer source nodes performing trans
formations such as delay and gain nodes representing the destination of the audio stream, such as the speakers each node has zero or more audioparam properties that configure its operation.
Web Console - Firefox Developer Tools
the web console: logs in
formation associated with a web page: network requests, javascript, css, security errors and warnings as well as error, warning and in
formational messages explicitly logged by javascript code running in the page context enables you to interact with a web page by executing javascript expressions in the context of the page user interface of the web console parts of the web console ui.
Firefox Developer Tools
this section contains detailed guides to all of the tools as well as in
formation on how to debug firefox for android, how to extend devtools, and how to debug the browser as a whole.
Ambient Light Events - Web APIs
when the browser gets such a notification, it fires a devicelightevent event that provides in
formation about the exact light intensity (in lux units).
AnalyserNode.fftSize - Web APIs
for more complete applied examples/in
formation, check out our voice-change-o-matic demo (see app.js lines 128–205 for relevant code).
AudioBuffer - Web APIs
the buffer contains data in the following
format: non-interleaved ieee754 32-bit linear pcm with a nominal range between -1 and +1, that is, 32bits floating point buffer, with each samples between -1.0 and 1.0.
AudioConfiguration - Web APIs
properties the audioconfiguration dictionary is made up of four audio properties, including: contenttype: a valid audio mime type, for in
formation on possible values and what they mean, see the web audio codec guide.
AudioContext.createMediaStreamDestination() - Web APIs
examples in the following simple example, we create a mediastreamaudiodestinationnode, an oscillatornode and a mediarecorder (the example will therefore only work in firefox and chrome at this time.) the mediarecorder is set up to record in
formation from the mediastreamdestinationnode.
AudioListener.dopplerFactor - Web APIs
// set up listener and panner position in
formation var width = window.innerwidth; var height = window.innerheight; var xpos = math.floor(width/2); var ypos = math.floor(height/2); var zpos = 295; // define other variables var audiocontext = window.audiocontext || window.webkitaudiocontext; var audioctx = new audiocontext(); var panner = audioctx.createpanner(); panner.panningmodel = 'hrtf'; panner.distancemodel = 'inverse'; panner.refdista...
AudioListener.forwardX - Web APIs
// set up listener and panner position in
formation var width = window.innerwidth; var height = window.innerheight; var xpos = math.floor(width/2); var ypos = math.floor(height/2); var zpos = 295; // define other variables var audiocontext = window.audiocontext || window.webkitaudiocontext; var audioctx = new audiocontext(); var panner = audioctx.createpanner(); panner.panningmodel = 'hrtf'; panner.distancemodel = 'inverse'; panner.refdista...
AudioListener.forwardY - Web APIs
// set up listener and panner position in
formation var width = window.innerwidth; var height = window.innerheight; var xpos = math.floor(width/2); var ypos = math.floor(height/2); var zpos = 295; // define other variables var audiocontext = window.audiocontext || window.webkitaudiocontext; var audioctx = new audiocontext(); var panner = audioctx.createpanner(); panner.panningmodel = 'hrtf'; panner.distancemodel = 'inverse'; panner.refdista...
AudioListener.forwardZ - Web APIs
// set up listener and panner position in
formation var width = window.innerwidth; var height = window.innerheight; var xpos = math.floor(width/2); var ypos = math.floor(height/2); var zpos = 295; // define other variables var audiocontext = window.audiocontext || window.webkitaudiocontext; var audioctx = new audiocontext(); var panner = audioctx.createpanner(); panner.panningmodel = 'hrtf'; panner.distancemodel = 'inverse'; panner.refdista...
AudioListener.positionX - Web APIs
// set up listener and panner position in
formation var width = window.innerwidth; var height = window.innerheight; var xpos = math.floor(width/2); var ypos = math.floor(height/2); var zpos = 295; // define other variables var audiocontext = window.audiocontext || window.webkitaudiocontext; var audioctx = new audiocontext(); var panner = audioctx.createpanner(); panner.panningmodel = 'hrtf'; panner.distancemodel = 'inverse'; panner.refdista...
AudioListener.positionY - Web APIs
// set up listener and panner position in
formation var width = window.innerwidth; var height = window.innerheight; var xpos = math.floor(width/2); var ypos = math.floor(height/2); var zpos = 295; // define other variables var audiocontext = window.audiocontext || window.webkitaudiocontext; var audioctx = new audiocontext(); var panner = audioctx.createpanner(); panner.panningmodel = 'hrtf'; panner.distancemodel = 'inverse'; panner.refdista...
AudioListener.positionZ - Web APIs
// set up listener and panner position in
formation var width = window.innerwidth; var height = window.innerheight; var xpos = math.floor(width/2); var ypos = math.floor(height/2); var zpos = 295; // define other variables var audiocontext = window.audiocontext || window.webkitaudiocontext; var audioctx = new audiocontext(); var panner = audioctx.createpanner(); panner.panningmodel = 'hrtf'; panner.distancemodel = 'inverse'; panner.refdista...
AudioListener.setOrientation() - Web APIs
// set up listener and panner position in
formation var width = window.innerwidth; var height = window.innerheight; var xpos = math.floor(width/2); var ypos = math.floor(height/2); var zpos = 295; // define other variables var audiocontext = window.audiocontext || window.webkitaudiocontext; var audioctx = new audiocontext(); var panner = audioctx.createpanner(); panner.panningmodel = 'hrtf'; panner.distancemodel = 'inverse'; panner.refdista...
AudioListener.setPosition() - Web APIs
// set up listener and panner position in
formation var width = window.innerwidth; var height = window.innerheight; var xpos = math.floor(width/2); var ypos = math.floor(height/2); var zpos = 295; // define other variables var audiocontext = window.audiocontext || window.webkitaudiocontext; var audioctx = new audiocontext(); var panner = audioctx.createpanner(); panner.panningmodel = 'hrtf'; panner.distancemodel = 'inverse'; panner.refdista...
AudioListener.speedOfSound - Web APIs
// set up listener and panner position in
formation var width = window.innerwidth; var height = window.innerheight; var xpos = math.floor(width/2); var ypos = math.floor(height/2); var zpos = 295; // define other variables var audiocontext = window.audiocontext || window.webkitaudiocontext; var audioctx = new audiocontext(); var panner = audioctx.createpanner(); panner.panningmodel = 'hrtf'; panner.distancemodel = 'inverse'; panner.refdista...
AudioListener.upX - Web APIs
// set up listener and panner position in
formation var width = window.innerwidth; var height = window.innerheight; var xpos = math.floor(width/2); var ypos = math.floor(height/2); var zpos = 295; // define other variables var audiocontext = window.audiocontext || window.webkitaudiocontext; var audioctx = new audiocontext(); var panner = audioctx.createpanner(); panner.panningmodel = 'hrtf'; panner.distancemodel = 'inverse'; panner.refdista...
AudioListener.upY - Web APIs
// set up listener and panner position in
formation var width = window.innerwidth; var height = window.innerheight; var xpos = math.floor(width/2); var ypos = math.floor(height/2); var zpos = 295; // define other variables var audiocontext = window.audiocontext || window.webkitaudiocontext; var audioctx = new audiocontext(); var panner = audioctx.createpanner(); panner.panningmodel = 'hrtf'; panner.distancemodel = 'inverse'; panner.refdista...
AudioListener.upZ - Web APIs
// set up listener and panner position in
formation var width = window.innerwidth; var height = window.innerheight; var xpos = math.floor(width/2); var ypos = math.floor(height/2); var zpos = 295; // define other variables var audiocontext = window.audiocontext || window.webkitaudiocontext; var audioctx = new audiocontext(); var panner = audioctx.createpanner(); panner.panningmodel = 'hrtf'; panner.distancemodel = 'inverse'; panner.refdista...
AudioListener - Web APIs
// set up listener and panner position in
formation var width = window.innerwidth; var height = window.innerheight; var xpos = math.floor(width/2); var ypos = math.floor(height/2); var zpos = 295; // define other variables var audiocontext = window.audiocontext || window.webkitaudiocontext; var audioctx = new audiocontext(); var panner = audioctx.createpanner(); panner.panningmodel = 'hrtf'; panner.distancemodel = 'inverse'; panner.refdista...
AudioTrack.language - Web APIs
syntax var audiotracklanguage = audiotrack.language; value a domstring specifying the bcp 47 (rfc 5646)
format language tag of the primary language used in the audio track, or an empty string ("") if the language is not specified or known, or if the track doesn't contain speech.
AudioTrack - Web APIs
tracks.foreach(function(track) { if (track.language === userlanguage) { track.enabled = true; } else { track.enabled = false; } }); the language is in standard (rfc 5646)
format.
AudioTrackList - Web APIs
var audiotracks = document.queryselector("video").audiotracks; monitoring track count changes in this example, we have an app that displays in
formation about the number of channels available.
AuthenticatorAssertionResponse - Web APIs
authenticatorassertionresponse.authenticatordata secure contextread only an arraybuffer containing in
formation from the authenticator such as the relying party id hash (rpidhash), a signature counter, test of user presence and user verification flags, and any extensions processed by the authenticator.
AuthenticatorResponse - Web APIs
the child interfaces include in
formation from the browser such as the challenge origin and either may be returned from publickeycredential.response.
BaseAudioContext.createPanner() - Web APIs
// set up listener and panner position in
formation var width = window.innerwidth; var height = window.innerheight; var xpos = math.floor(width/2); var ypos = math.floor(height/2); var zpos = 295; // define other variables var audiocontext = window.audiocontext || window.webkitaudiocontext; var audioctx = new audiocontext(); var panner = audioctx.createpanner(); panner.panningmodel = 'hrtf'; panner.distancemodel = 'inverse'; panner.refdista...
BasicCardRequest - Web APIs
instead of using this property, it is up to the server to check support for the card given the in
formation coded into the account number.
BatteryManager - Web APIs
the batterymanager interface provides ways to get in
formation about the system's battery charge level.
Battery Status API - Web APIs
the battery status api, more often referred to as the battery api, provides in
formation about the system's battery charge level and lets you be notified by events that are sent when the battery level or charging status change.
Blob - Web APIs
blobs can represent data that isn't necessarily in a javascript-native
format.
productID - Web APIs
the bluetoothdevice.productid read-only property returns the 16-bit product id field in the pnp_id characteristic in the device_in
formation service.
productVersion - Web APIs
the bluetoothdevice.productversion read-only property returns the 16-bit product version field in the pnp_id characteristic in the device_in
formation service.
vendorID - Web APIs
the bluetoothdevice.vendorid read-only property returns the 16-bit vendor id field in the pnp_id characteristic in the device_in
formation service.
vendorIDSource - Web APIs
the bluetoothdevice.vendoridsource read-only property returns the vendor id source field in the pnp_id characteristic in the device_in
formation service.
BluetoothRemoteGATTCharacteristic - Web APIs
the bluetoothremotegattcharacteristic interface of the web bluetooth api represents a gatt characteristic, which is a basic data element that provides further in
formation about a peripheral’s service.
BluetoothRemoteGATTDescriptor - Web APIs
the bluetoothremotegattdescriptor interface of the web bluetooth api provides a gatt descriptor, which provides further in
formation about a characteristic’s value.
device - Web APIs
the bluetoothgattservice.device read-only property returns in
formation about a bluetooth device through an instance of bluetoothdevice.
BluetoothRemoteGATTService - Web APIs
uid characteristic); promise<sequence<bluetoothgattcharacteristic>> getcharacteristics(optional bluetoothcharacteristicuuid characteristic); promise<bluetoothgattservice> getincludedservice(bluetoothserviceuuid service); promise<sequence<bluetoothgattservice>> getincludedservices(optional bluetoothserviceuuid service); }; properties bluetoothremotegattservice.deviceread only returns in
formation about a bluetooth device through an instance of bluetoothdevice.
Body.arrayBuffer() - Web APIs
udiodata(buffer, function(decodeddata) { source.buffer = decodeddata; source.connect(audioctx.destination); }); }); }; // wire up buttons to stop and play audio play.onclick = function() { getdata(); source.start(0); play.setattribute('disabled', 'disabled'); } reading files the response() constructor accepts files and blobs, so it may be used to read a file into other
formats.
Console.timeEnd() - Web APIs
in addition, the call to timeend() has the additional in
formation, "timer ended" to make it obvious that the timer is no longer tracking time.
Console.timeLog() - Web APIs
in addition, the call to timeend() has the additional in
formation, "timer ended" to make it obvious that the timer is no longer tracking time.
Constraint validation API - Web APIs
concepts and usage certain html form controls, such as <input>, <select> and <textarea>, can restrict the
format of allowable values, using attributes like required and pattern to set basic constraints.
ContentIndex.add() - Web APIs
examples here we're declaring an item in the correct
format and creating an asynchronous function which uses the add method to register it with the content index.
ContentIndex - Web APIs
// reference registration const registration = await navigator.serviceworker.ready; // feature detection if ('index' in registration) { // content index api functionality const contentindex = registration.index; } adding to the content index here we're declaring an item in the correct
format and creating an asynchronous function which uses the add() method to register it with the content index.
ConvolverNode - Web APIs
note: for more in
formation on the theory behind linear convolution, see the convolution article on wikipedia.
Credential - Web APIs
the credential interface of the the credential management api provides in
formation about an entity as a prerequisite to a trust decision.
DOMPointInit - Web APIs
dompointinit.z an unrestricted floating-point value which gives the point's z-coordinate, which is (assuming no trans
formations that alter the situation) the depth coordinate; positive values are closer to the user and negative values retreat back into the screen.
DOMQuad - Web APIs
returning domquads lets getboxquads() return accurate in
formation even when arbitrary 2d or 3d transforms are present.
DataTransfer.items - Web APIs
o 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.length; i++) { console.log("...
DataTransfer.setDragImage() - Web APIs
mo <!doctype html> <html lang=en> <title>example of datatransfer.setdragimage()</title> <meta name="viewport" content="width=device-width"> <style> div { margin: 0em; padding: 2em; } #source { color: blue; border: 1px solid black; } #target { border: 1px solid black; } </style> <script> function dragstart_handler(ev) { console.log("dragstart"); // set the drag's
format and data.
DataTransferItem.type - Web APIs
the read-only datatransferitem.type property returns the type (
format) of the datatransferitem object representing the drag data item.
DeprecationReportBody - Web APIs
message a string containing a human-readable description of the deprecation, including in
formation such as what newer feature has superceded it, if any.
DeviceLightEvent - Web APIs
the devicelightevent provides web developers with in
formation from photo sensors or similiar detectors about ambient light levels near the device.
DeviceMotionEvent - Web APIs
the devicemotionevent provides web developers with in
formation about the speed of changes for the device's position and orientation.
DeviceOrientationEvent - Web APIs
the deviceorientationevent provides web developers with in
formation from the physical orientation of the device running the web page.
DeviceProximityEvent - Web APIs
the deviceproximityevent interface provides in
formation about the distance of a nearby physical object using the proximity sensor of a device.
DisplayMediaStreamConstraints - Web APIs
processing in
formation is specified using mediatrackconstraints objects providing options which are applied to the track after the media data is received but before it is made available on the mediastream.
Document.contentType - Web APIs
this may come from http headers or other sources of mime in
formation, and might be affected by automatic type conversions performed by either the browser or extensions.
Document.createNSResolver() - Web APIs
this adapter works like the dom level 3 method lookupnamespaceuri on nodes in resolving the namespaceuri from a given prefix using the current in
formation available in the node's hierarchy at the time lookupnamespaceuri is called.
Document.createProcessingInstruction() - Web APIs
target is a string containing the first part of the processing instruction (i.e., <?target … ?>) data is a string containing any in
formation the processing instruction should carry, after the target.
Document.evaluate() - Web APIs
if the "." was left out (leaving //h2) the query would start from the root node (html) which would be more wasteful.) see introduction to using xpath in javascript for more in
formation.
Document.forms - Web APIs
examples getting form in
formation <!doctype html> <html lang="en"> <head> <title>document.forms example</title> </head> <body> <form id="robby"> <input type="button" onclick="alert(document.forms[0].id);" value="robby's form" /> </form> <form id="dave"> <input type="button" onclick="alert(document.forms[1].id);" value="dave's form" /> </form> <form id="paul"> <input type="button" onclick="alert(document.forms[2].id...
Document.location - Web APIs
the document.location read-only property returns a location object, which contains in
formation about the url of the document and provides methods for changing that url and loading another url.
Document.queryCommandState() - Web APIs
example html <div contenteditable="true">select a part of this text!</div> <button onclick="makebold();">test the state of the 'bold' command</button> javascript function makebold() { var state = document.querycommandstate("bold"); switch (state) { case true: alert("the bold
formatting will be removed from the selected text."); break; case false: alert("the selected text will be displayed in bold."); break; case null: alert("the state of the 'bold' command is indeterminable."); break; } document.execcommand('bold'); } result specifications specification status comment execcommand ...
Document: visibilitychange event - Web APIs
bubbles yes cancelable no interface event event handler property onvisibilitychange usage notes the event doesn't include the document's updated visibility status, but you can get that in
formation from the document's visibilitystate property.
Document.xmlEncoding - Web APIs
however, firefox 3.0 includes in
formation on endianness (e.g., utf-16be for big endian encoding), and while this extra in
formation is removed as of firefox 3.1b3, firefox 3.1b3 is still consulting the file's encoding, rather than the xml declaration as the spec defines it ("an attribute specifying, as part of the xml declaration, the encoding of this document.").
Introduction to the DOM - Web APIs
though we focus exclusively on javascript in this reference documentation, implementations of the dom can be built for any language, as this python example demonstrates: # python dom example import xml.dom.minidom as m doc = m.parse(r"c:\projects\py\chap1.xml") doc.nodename # dom property of document object p_list = doc.getelementsbytagname("para") for more in
formation on what technologies are involved in writing javascript on the web, see javascript technologies overview.
Traversing an HTML table with JavaScript and DOM Interfaces - Web APIs
cell if (col === 0) { mycurrent_cell.style.background = "rgb(255,0,0)"; } else { mycurrent_cell.style.display = "none"; } } mytablebody.appendchild(mycurrent_row); } mytable.appendchild(mytablebody); mybody.appendchild(mytable); } </script> </html> original document in
formation author(s) marcio galli migrated from http://web.archive.org/web/20000815054125/http://mozilla.org/docs/dom/technote/tn-dom-table/ ...
Document Object Model (DOM) - Web APIs
ent svgfefuncgelement svgfefuncrelement svgfegaussianblurelement svgfeimageelement svgfemergeelement svgfemergenodeelement svgfemorphologyelement svgfeoffsetelement svgfepointlightelement svgfespecularlightingelement svgfespotlightelement svgfetileelement svgfeturbulenceelement svgfilterelement svgfilterprimitivestandardattributes svgfontelement svgfontfaceelement svgfontface
formatelement svgfontfacenameelement svgfontfacesrcelement svgfontfaceurielement svgforeignobjectelement svggelement svggeometryelement svgglyphelement svgglyphrefelement svggradientelement svggraphicselement svghatchelement svghatchpathelement svghkernelement svgimageelement svglineargradientelement svglineelement svgmarkerelement svgmaskelement svgmeshelement ...
EffectTiming.fill - Web APIs
that css looks like this: #box { width: 200px; height: 200px; left: 50px; top: 50px; border: 1px solid #7788ff; margin: 0; position: relative; background-color: #2233ff; display: flex; justify-content: center; } all this does is specify the size, border, and color in
formation, as well as indicate that the box should be centered both vertically and horizontally inside its container.
Element.attributes - Web APIs
to be more specific, attributes is a key/value pair of strings that represents any in
formation regarding that attribute.
Element: copy event - Web APIs
a handler for this event can modify the clipboard contents by calling setdata(
format, data) on the event's clipboardevent.clipboarddata property, and cancelling the event's default action using event.preventdefault().
Element: cut event - Web APIs
a handler for this event can modify the clipboard contents by calling setdata(
format, data) on the event's clipboardevent.clipboarddata property, and cancelling the default action using event.preventdefault().
Element: paste event - Web APIs
to override the default behavior (for example to insert some different data or a trans
formation of the clipboard contents) an event handler must cancel the default action using event.preventdefault(), and then insert its desired data manually.
Element.slot - Web APIs
a slot is a placeholder inside a web component that users can fill with their own markup (see using templates and slots for more in
formation).
Element.tagName - Web APIs
example html <span id="born">when i was born...</span> javascript var span = document.getelementbyid("born"); console.log(span.tagname); in xhtml (or any other xml
format), the original case will be maintained, so "span" would be output in case the original tag name was created lowercase.
ElementCSSInlineStyle.style - Web APIs
examples // set multiple styles in a single statement elt.style.csstext = "color: blue; border: 1px solid black"; // or elt.setattribute("style", "color:red; border: 1px solid blue;"); // set specific style while leaving other inline style values untouched elt.style.color = "blue"; getting style in
formation the style property is not useful for completely learning about the styles applied on the element, since it represents only the css declarations set in the element's inline style attribute, not those that come from style rules elsewhere, such as style rules in the <head> section, or external style sheets.
ErrorEvent - Web APIs
the errorevent interface represents events providing in
formation related to errors in scripts or in files.
EventSource - Web APIs
an eventsource instance opens a persistent connection to an http server, which sends events in text/event-stream
format.
EventTarget.addEventListener() - Web APIs
getting data into an event listener using the outer scope property when an outer scope contains a variable declaration (with const, let), all the inner functions declared in that scope have access to that variable (look here for in
formation on outer/inner functions, and here for in
formation on variable scope).
FederatedCredential - Web APIs
the federatedcredential interface of the the credential management api provides in
formation about credentials from a federated identity provider.
FetchEvent - Web APIs
it contains in
formation about the fetch, including the request and how the receiver will treat the response.
Using Fetch - Web APIs
tent-type'); if (!contenttype || !contenttype.includes('application/json')) { throw new typeerror("oops, we haven't got json!"); } return response.json(); }) .then(data => { /* process your data further */ }) .catch(error => console.error(error)); guard since headers can be sent in requests and received in responses, and have various limitations about what in
formation can and should be mutable, headers objects have a guard property.
FileReader.result - Web APIs
this property is only valid after the read operation is complete, and the
format of the data depends on which of the methods was used to initiate the read operation.
FileReader - Web APIs
this property is only valid after the read operation is complete, and the
format of the data depends on which of the methods was used to initiate the read operation.
FileSystemEntry - Web APIs
it includes methods for working with files—including copying, moving, removing, and reading files—as well as in
formation about a file it points to—including the file name and its path from the root to the entry.
FileHandle API - Web APIs
this in
formation (as well as the date of its last modification) can be retrieved through the lockedfile.getmetadata() method.
FormData - Web APIs
it uses the same
format a form would use if the encoding type were set to "multipart/form-data".
Geolocation - Web APIs
note: for security reasons, when a web page tries to access location in
formation, the user is notified and asked to grant permission.
GeometryUtils - Web APIs
the geometryutils interface provides different utility function to retrieve geometry in
formation about dom nodes.
GestureEvent - Web APIs
the gestureevent is a proprietary interface specific to webkit which gives in
formation regarding multi-touch gestures.
GlobalEventHandlers.onpointerdown - Web APIs
the handledown() function, in turn, looks at the value of pointertype to determine what kind of pointing device was used, then uses that in
formation to customize a string to replace the contents of the target box.
HTMLBaseFontElement - Web APIs
htmlbasefontelement.color is a domstring representing the text color using either a named color or a color specified in the hexadecimal #rrggbb
format.
HTMLButtonElement - Web APIs
htmlbuttonelement.formaction is a domstring reflecting the uri of a resource that processes in
formation submitted by the button.
HTMLCanvasElement - Web APIs
htmlcanvaselement.todataurl() returns a data-url containing a representation of the image in the
format specified by the type parameter (defaults to png).
HTMLElement.dir - Web APIs
an image can have its dir property set to "rtl" in which case the html attributes title and alt will be
formatted and defined as "rtl".
HTMLElement.onpaste - Web APIs
note that there is currently no dom-only way to obtain the text being pasted; you'll have to use an nsiclipboard to get that in
formation.
HTMLElement: pointermove event - Web APIs
bubbles yes cancelable yes interface pointerevent event handler property onpointermove usage notes the event, which is of type pointerevent, provides all the in
formation you need to know about the user's interaction with the pointing device, including the position, movement distance, button states, and much more.
HTMLFontElement.face - Web APIs
the
format of the string must follow one of the following html microsyntax: microsyntax description examples list of one or more valid font family names a list of font names, that have to be present on the local system courier,verdana syntax facestring = fontobj.face; fontobj.face = facestring; examples // assumes there is <font id="f"> element in the html var ...
HTMLFontElement.size - Web APIs
the
format of the string must follow one of the following html microsyntaxes: microsyntax description examples valid size number string integer number in the range of 1-7 6 relative size string +x or -x, where x is the number relative to the value of the size attribute of the <basefont> element (the result should be in the same range of 1-7) +2 -1 syntax sizestring = fontobj.size; fontobj.size = sizestring; examples // assumes there is <font id="f"> element in the html...
HTMLFontElement - Web APIs
htmlfontelement.color is a domstring that reflects the color html attribute, containing either a named color or a color specified in the hexadecimal #rrggbb
format.
HTMLImageElement.border - Web APIs
for example, if you have the following html: <img src="image.png" border="2"> the following will provide the same appearance using css instead of this obsolete property: <img src="image.png" style="border: 2px;"> you can further provide additional in
formation to change the color and other features of the border: <img src="image.png" style="border: dashed 2px #333388;"> specifications specification status comment html living standardthe definition of 'htmlimageelement.border' in that specification.
HTMLImageElement.naturalHeight - Web APIs
if the intrinsic height is not available—either because the image does not specify an intrinsic height or because the image data is not available in order to obtain this in
formation, naturalheight returns 0.
HTMLImageElement.naturalWidth - Web APIs
if the intrinsic width is not available—either because the image does not specify an intrinsic width or because the image data is not available in order to obtain this in
formation, naturalwidth returns 0.
HTMLImageElement.x - Web APIs
html in this example, we see a table showing in
formation about users of a web site, including their user id, their full name, and their avatar image.
HTMLImageElement.y - Web APIs
html in this example, we see a table showing in
formation about users of a web site, including their user id, their full name, and their avatar image.
HTMLInputElement - Web APIs
formaction string: returns / sets the element's formaction attribute, containing the uri of a program that processes in
formation submitted by the element.
HTMLLinkElement.rel - Web APIs
the most common use of this attribute is to specify a link to an external style sheet: the property is set to stylesheet, and the href attribute is set to the url of an external style sheet to
format the page.
HTMLPreElement - Web APIs
the htmlpreelement interface exposes specific properties and methods (beyond those of the htmlelement interface it also has available to it by inheritance) for manipulating a block of pre
formatted text (<pre>).
HTMLSelectElement - Web APIs
example get in
formation about the selected option /* assuming we have the following html <select id='s'> <option>first</option> <option selected>second</option> <option>third</option> </select> */ var select = document.getelementbyid('s'); // return the index of the selected option console.log(select.selectedindex); // 1 // return the value of the selected option console.log(select.options[select.sele...
HTMLTimeElement.dateTime - Web APIs
the
format of the string must follow one of the following html microsyntaxes: microsyntax description examples valid month string yyyy-mm 2011-11, 2013-05 valid date string yyyy-mm-dd 1887-12-01 valid yearless date string mm-dd 11-12 valid time string hh:mm hh:mm:ss hh:mm:ss.mmm 23:59 12:15:47 12:15:52.998 valid local date and time string yyyy-mm-dd hh:mm yyyy-mm-dd hh:mm:ss yyyy-mm-dd hh:mm:ss.mmm yyyy-mm-ddthh:mm yyyy-mm-ddthh:mm:ss yyyy-mm-ddthh:mm:ss.mmm 2013-12-25 11:12 1972-07-25 13:43:07 ...
HTMLTrackElement - Web APIs
this element can be used as a child of either <audio> or <video> to specify a text track containing in
formation such as closed captions or subtitles.
HTMLVideoElement.msIsStereo3D - Web APIs
this uses metadata set in mp4 or mpeg-2 file containers and h.264 supplemental enhancement in
formation (sei) messages to determine the stereo capability of the source.
HTMLVideoElement.msZoom - Web APIs
if the native aspect ratio of a video frame, which is defined by the videowidth and videoheight attributes, does not match the aspect ratio of the video tag, which is defined by the width and height attributes, the video is rendered with letterbox or pillarbox
format.
IDBFactory.open() - Web APIs
note: you can find out more in
formation on the different available storage types, and how firefox handles client-side data storage, at browser storage limits and eviction criteria.
IDBRequest - Web APIs
the request object does not initially contain any in
formation about the result of the operation, but once in
formation becomes available, an event is fired on the request, and the in
formation becomes available through the properties of the idbrequest instance.
InputDeviceCapabilities - Web APIs
the inputdevicecapabilities() constructor creates a new inputdevicecapabilities object provides in
formation about the physical device responsible for generating a touch event.
InputDeviceCapabilities - Web APIs
the inputdevicecapabilities interface of the input device capabilities api provides in
formation about the physical device or a group of related devices responsible for generating input events.
InputDeviceCapabilities API - Web APIs
if (!e.sourcecapabilities.firestouchevents) mybutton.classlist.add("pressed"); }); interfaces inputdevicecapabilities provides logical in
formation about an input device.
InputEvent.dataTransfer - Web APIs
the datatransfer read-only property of the inputevent interface returns a datatransfer object containing in
formation about richtext or plaintext data being added to or removed from editible content.
InstallTrigger - Web APIs
the principal method on the installtrigger object is install, which downloads and installs one or more software packages archived in the xpi file
format.
IntersectionObserver.rootMargin - Web APIs
syntax var marginstring = intersectionobserver.rootmargin; value a string,
formatted similarly to the css margin property's value, which contains offsets for one or more sides of the root's bounding box.
InterventionReportBody - Web APIs
message a string containing a human-readable description of the intervention, including in
formation such how the intervention could be avoided.
KeyframeEffect.getKeyframes() - Web APIs
return value returns a sequence of objects with the following
format: property value pairs as many property value pairs as are contained in each keyframe of the animation.
LayoutShift - Web APIs
layoutshift.sources returns an array of layoutshiftattribution objects with in
formation on the elements that were shifted.
LayoutShiftAttribution - Web APIs
the layoutshiftattribution interface of the layout instability api provides debugging in
formation about elements which have shifted.
LockManager.query() - Web APIs
the query() method of the lockmanager interface returns a promise which resolves with an object containing in
formation about held and pending locks.
LockManager - Web APIs
lockmanager.query() returns a promise that resolves with a lockmanagersnapshot which contains in
formation about held and pending locks.
LockedFile.getMetadata() - Web APIs
they have the following
format: size : a number lastmodified : a date object specifications specification status comment filesystem api editor's draft draft proposal ...
MIDIAccess - Web APIs
examples navigator.requestmidiaccess() .then(function(access) { // get lists of available midi controllers const inputs = access.inputs.values(); const outputs = access.outputs.values(); access.onstatechange = function(e) { // print in
formation about the (dis)connected midi controller console.log(e.port.name, e.port.manufacturer, e.port.state); }; }); specifications specification status comment web midi api working draft initial definition.
MSSiteModeEvent - Web APIs
dom in
formation inheritance hierarchy event mssitemodeevent methods method description initevent initializes a new generic event that the createevent method created.
Magnetometer.Magnetometer() - Web APIs
the magnetometer constructor creates a new magnetometer object which returns in
formation about the magnetic field as detected by a device’s primary magnetometer sensor.
Magnetometer - Web APIs
the magnetometer interface of the sensor apis provides in
formation about the magnetic field as detected by the device’s primary magnetometer sensor.
MediaDeviceInfo - Web APIs
the mediadeviceinfo interface contains in
formation that describes a single media input or output device.
MediaDevices - Web APIs
enumeratedevices() obtains an array of in
formation about the media input and output devices available on the system.
msExtendedCode - Web APIs
the element's error property will then contain an msextendedcode read-only property with platform-specific error code in
formation.
MediaPositionState - Web APIs
its contents can be used by the user agent to provide a user interface displaying in
formation about the playback position and duration of the media currently being performed.
MediaQueryList - Web APIs
a mediaquerylist object stores in
formation on a media query applied to a document, with support for both immediate and event-driven matching against the state of the document.
MediaQueryListEvent - Web APIs
the mediaquerylistevent object stores in
formation on the changes that have happened to a mediaquerylist object — instances are available as the event object on a function referenced by a mediaquerylist.onchange property or mediaquerylist.addlistener() call.
MediaRecorder() - Web APIs
options optional a dictionary object that can contain the following properties: mimetype: a mime type specifying the
format for the resulting media; you may simply specify the container
format (the browser will select its preferred codecs for audio and/or video), or you may use the codecs parameter and/or the profiles parameter to provide detailed in
formation about which codecs to use and how to configure them.
MediaRecorder.start() - Web APIs
notsupportederror the media stream you're attempting to record is inactive, or one or more of the stream's tracks is in a
format that can't be recorded using the current configuration.
MediaRecorderErrorEvent() - Web APIs
some user agents add to the error object other properties that provide in
formation such as stack dumps, the name of the javascript file and the line number where the error occurred, and other debugging aids, but you should not rely on this in
formation in a production environment.
MediaStream - Web APIs
some user agents subclass this interface to provide more precise in
formation or functionality, like in canvascapturemediastream.
MediaStream Image Capture API - Web APIs
in addition to capturing data, it also allows you to retrieve in
formation about device capabilities such as image size, red-eye reduction and whether or not there is a flash and what they are currently set to.
MediaTrackConstraints.groupId - Web APIs
however, the value of the groupid is determined by the source of the track's content, and there's no particular
format mandated by the specification (although some kind of guid is recommended).
MediaTrackSupportedConstraints - Web APIs
instead, the specified constraints will be applied, with any unrecognized constraints stripped from the request.that can lead to confusing and hard to debug errors, so be sure to use getsupportedconstraints() to retrieve this in
formation before attempting to establish constraints if you need to know the difference between silently ignoring a constraint and a constraint being accepted.
MerchantValidationEvent - Web APIs
merchantvalidationevent.validationurl secure context a usvstring specifying a url from which the site or app can fetch payment handler specific validation in
formation.
Metadata - Web APIs
the metadata interface is used by the file and directory entries api to contain in
formation about a file system entry.
Microsoft API extensions - Web APIs
saudiocategory htmlaudioelement.msaudiodevicetype htmlmediaelement.mscleareffects() htmlmediaelement.msinsertaudioeffect() mediaerror.msextendedcode msgraphicstrust msgraphicstruststatus msisboxed msplaytodisabled msplaytopreferredsourceuri msplaytoprimary msplaytosource msrealtime mssetmediaprotectionmanager mssetvideorectangle msstereo3dpackingmode msstereo3drendermode onmsvideo
formatchanged onmsvideoframestepcompleted onmsvideooptimallayoutchanged msfirstpaint pinned sites apis mssitemodeevent mssitemodejumplistitemremoved msthumbnailclick other apis x-ms-aria-flowfrom x-ms-acceleratorkey x-ms-
format-detection mscaching mscachingenabled mscapslockwarningoff event.msconverturl() mselementresize document.mselementsfromrect() msisstatichtml navigator...
MimeTypeArray - Web APIs
the mimetypearray interface returns an array of mimetype instances, each of which contains in
formation about a supported browser plugins.
MutationObserverInit.characterDataOldValue - Web APIs
if you set the mutationobserverinit.characterdata property to true but don't set characterdataoldvalue to true as well, the mutationrecord will not include in
formation describing the prior state of the text node's contents.
NDEFRecord.lang - Web APIs
the record might be missing a language tag, for example, if the recorded in
formation is not locale-specific.
Navigator.battery - Web APIs
the battery read-only property returns a batterymanager which provides in
formation about the system's battery charge level and whether the device is charging and exposes events that fire when these parameters change.
Navigator.geolocation - Web APIs
note: for security reasons, when a web page tries to access location in
formation, the user is notified and asked to grant permission.
Navigator.mediaCapabilities - Web APIs
the navigator.mediacapabilities read-only property returns a mediacapabilities object that can expose in
formation about the decoding and encoding capabilities for a given
format and output capabilities as defined by the media capabilities api.
Navigator.oscpu - Web APIs
operating system oscpuinfo string
format os/2 os/2 warp x (either 3, 4 or 4.5) windows ce windowsce x.y1 windows 64-bit (64-bit build) windows nt x.y; win64; x64 windows 64-bit (32-bit build) windows nt x.y; wow64 windows 32-bit windows nt x.y mac os x (ppc build) powerpc mac os x version x.y mac os x (i386/x64 build) intel mac os x or macos version x.y linux 64-bit (32-bit build) output of uname -s plus "i686 on x86_64" linux output of una...
NavigatorID - Web APIs
navigatorid.appversion read only returns either "4.0" or a string representing version in
formation about the browser.
NavigatorStorage - Web APIs
the navigatorstorage mixin adds to the navigator and workernavigator interfaces the navigator.storage property, which provides access to the storagemanager singleton used for controlling the persistence of data stores as well as obtaining in
formation note: this feature is available in web workers.
Node.nodeName - Web APIs
notation name processinginstruction the value of processinginstruction.target text "#text" example given the following markup: <div id="d1">hello world</div> <input type="text" id="t"> and the following script: var div1 = document.getelementbyid("d1"); var text_field = document.getelementbyid("t"); text_field.value = div1.nodename; in xhtml (or any other xml
format), text_field's value would read "div".
Notation - Web APIs
may declare
format of an unparsed entity or formally declare the document's processing instruction targets.
Notification - Web APIs
these notifications' appearance and specific functionality vary across platforms but generally they provide a way to asynchronously provide in
formation to the user.
NotificationEvent.notification - Web APIs
the notification provides read-only access to many properties that were set at the instantiation time of the notification such as tag and data attributes that allow you to store in
formation for defered use in the notificationclick event.
OffscreenCanvas.convertToBlob() - Web APIs
syntax promise<blob> offscreencanvas.converttoblob(options); parameters optionsoptional you can specify several options when converting your offscreencanvas object into a blob object, for example: const blob = offscreencanvas.converttoblob({ type: "image/jpeg", quality: 0.95 }); options: type: a domstring indicating the image
format.
OffscreenCanvas.convertToBlob() - Web APIs
syntax promise<blob> offscreencanvas.converttoblob(options); parameters optionsoptional you can specify several options when converting your offscreencanvas object into a blob object, for example: const blob = offscreencanvas.converttoblob({ type: "image/jpeg", quality: 0.95 }); options: type: a domstring indicating the image
format.
OffscreenCanvas.convertToBlob() - Web APIs
syntax promise<blob> offscreencanvas.converttoblob(options); parameters options optional you can specify several options when converting your offscreencanvas object into a blob object, for example: const blob = offscreencanvas.converttoblob({ type: "image/jpeg", quality: 0.95 }); options: type: a domstring indicating the image
format.
Page Visibility API - Web APIs
a site has an image carousel that shouldn't advance to the next slide unless the user is viewing the page an application showing a dashboard of in
formation doesn't want to poll the server for updates when the page isn't visible a page wants to detect when it is being prerendered so it can keep accurate count of page views a site wants to switch off sounds when a device is in standby mode (user pushes power button to turn screen off) developers have historically used imperfect proxies to detect this.
PannerNode.distanceModel - Web APIs
// set up listener and panner position in
formation var width = window.innerwidth; var height = window.innerheight; var xpos = math.floor(width/2); var ypos = math.floor(height/2); var zpos = 295; // define other variables var audiocontext = window.audiocontext || window.webkitaudiocontext; var audioctx = new audiocontext(); var panner = audioctx.createpanner(); panner.panningmodel = 'hrtf'; panner.distancemodel = 'inverse'; panner.refdista...
PannerNode.maxDistance - Web APIs
// set up listener and panner position in
formation var width = window.innerwidth; var height = window.innerheight; var xpos = math.floor(width/2); var ypos = math.floor(height/2); var zpos = 295; // define other variables var audiocontext = window.audiocontext || window.webkitaudiocontext; var audioctx = new audiocontext(); var panner = audioctx.createpanner(); panner.panningmodel = 'hrtf'; panner.distancemodel = 'inverse'; panner.refdista...
PannerNode.panningModel - Web APIs
// set up listener and panner position in
formation var width = window.innerwidth; var height = window.innerheight; var xpos = math.floor(width/2); var ypos = math.floor(height/2); var zpos = 295; // define other variables var audiocontext = window.audiocontext || window.webkitaudiocontext; var audioctx = new audiocontext(); var panner = audioctx.createpanner(); panner.panningmodel = 'hrtf'; panner.distancemodel = 'inverse'; panner.refdista...
PannerNode.setOrientation() - Web APIs
// set up listener and panner position in
formation var width = window.innerwidth; var height = window.innerheight; var xpos = math.floor(width/2); var ypos = math.floor(height/2); var zpos = 295; // define other variables var audiocontext = window.audiocontext || window.webkitaudiocontext; var audioctx = new audiocontext(); var panner = audioctx.createpanner(); panner.panningmodel = 'hrtf'; panner.distancemodel = 'inverse'; panner.refdista...
PannerNode.setPosition() - Web APIs
// set up listener and panner position in
formation var width = window.innerwidth; var height = window.innerheight; var xpos = math.floor(width/2); var ypos = math.floor(height/2); var zpos = 295; // define other variables var audiocontext = window.audiocontext || window.webkitaudiocontext; var audioctx = new audiocontext(); var panner = audioctx.createpanner(); panner.panningmodel = 'hrtf'; panner.distancemodel = 'inverse'; panner.refdista...
PannerNode.setVelocity() - Web APIs
// set up listener and panner position in
formation var width = window.innerwidth; var height = window.innerheight; var xpos = math.floor(width/2); var ypos = math.floor(height/2); var zpos = 295; // define other variables var audiocontext = window.audiocontext || window.webkitaudiocontext; var audioctx = new audiocontext(); var panner = audioctx.createpanner(); panner.panningmodel = 'hrtf'; panner.distancemodel = 'inverse'; panner.refdista...
PannerNode - Web APIs
// set up listener and panner position in
formation var width = window.innerwidth; var height = window.innerheight; var xpos = math.floor(width/2); var ypos = math.floor(height/2); var zpos = 295; // define other variables var audiocontext = window.audiocontext || window.webkitaudiocontext; var audioctx = new audiocontext(); var panner = audioctx.createpanner(); panner.panningmodel = 'hrtf'; panner.distancemodel = 'inverse'; panner.refdista...
PayerErrors - Web APIs
for each field in the payment in
formation that fails validation, the payererrors object contains a string explaining the error.
PaymentMethodChangeEvent - Web APIs
methoddetails optional an object providing payment method-specific in
formation describing the changes made to the payment, or null if there is no additional in
formation available or required.
PaymentRequest: merchantvalidation event - Web APIs
this event: request.onmerchantvalidation = event => { event.complete(async () => { const merchantserverurl = window.location.origin + '/validate?url=' + encodeuricomponent(event.validationurl); // get validation data, and complete validation; return await fetch(merchantserverurl).then(response => response.text()); }); }; const response = await request.show(); for more in
formation, see merchant validation in payment processing concepts.
PaymentRequest.onmerchantvalidation - Web APIs
t object request looks like this: request.onmerchantvalidation = ev => { ev.complete(async () => { const merchantserverurl = window.location.origin + '/validation?url=' + encodeuricomponent(ev.validationurl); // get validation data, and complete validation; return await fetch(merchantserverurl).then(r => r.text()); }) }; const response = await request.show(); for more in
formation, see merchant validation in payment processing concepts.
PaymentRequest.onshippingaddresschange - Web APIs
to make sure an updated address is included when sending payment in
formation to the server, you should add event listeners for a paymentrequest object after instantiation, but before the call to show().
PaymentRequest.onshippingoptionchange - Web APIs
to make sure an updated option is included when sending payment in
formation to the server, you should add event listeners for a paymentrequest object after instantiation, but before the call to show().
PaymentRequest: paymentmethodchange event - Web APIs
const servicefeeinfo = calculateservicefee(event.methoddetails); object.assign(detailsupdate, servicefeeinfo); } event.updatewith(detailsupdate); }, false); this begins by looking at the event's methodname property; if that indicates that the user is trying to use apple pay, we pass the methoddetails into a function called calculateservicefee(), which we might create to take the in
formation about the transaction, such as the underlying credit card being used to service the apple pay request, and compute and return an paymentdetailsupdate object that specifies changes to be applied to the paymentrequest in order to add any service fees that the payment method might require.
PaymentRequest: shippingaddresschange event - Web APIs
bubbles no cancelable no interface paymentrequestupdateevent event handler property onshippingaddresschange usage notes depending on the browser, the shipping address in
formation may be redacted for privacy reasons.
PaymentRequest: shippingoptionchange event - Web APIs
for payment requests that request shipping in
formation, and for which shipping options are offered, the shippingoptionchange event is sent to the paymentrequest whenever the user chooses a shipping option from the list of available options.
PaymentResponse.details - Web APIs
payment.show().then(paymentresponse => { var paymentdata = { // payment method string method: paymentresponse.methodname, // payment details as you requested details: paymentresponse.details, // shipping address in
formation address: todict(paymentresponse.shippingaddress) }; // send in
formation to the server }); specifications specification status comment payment request api candidate recommendation initial definition.
PaymentResponse - Web APIs
payerdetailchange secure context fired during a retry when the user makes changes to their personal in
formation while filling out a payment request form.
Performance.timing - Web APIs
the legacy performance.timing read-only property returns a performancetiming object containing latency-related performance in
formation.
PerformanceNavigationTiming - Web APIs
if there was no redirect, or if the redirect was from another origin, and that origin does not permit it's timing in
formation to be exposed to the current origin then the value will be 0.
Performance Timeline - Web APIs
implementation status a summary of the interfaces' implementation status is provided below, including a link to more detailed in
formation.
Permissions.query() - Web APIs
exceptions exception explanation typeerror retrieving the permissiondescriptor in
formation failed in some way, or the permission doesn't exist or is currently unsupported (e.g.
Permissions.revoke() - Web APIs
exceptions typeerror retrieving the permissiondescriptor in
formation failed in some way, or the permission doesn't exist or is currently unsupported (e.g.
PluginArray - Web APIs
= 0; i < pluginslength; i++) { let newrow = table.insertrow(); newrow.insertcell().textcontent = navigator.plugins[i].name; newrow.insertcell().textcontent = navigator.plugins[i].filename; newrow.insertcell().textcontent = navigator.plugins[i].description; newrow.insertcell().textcontent = navigator.plugins[i].version?navigator.plugins[i].version:""; } the following example displays in
formation about the installed plugin(s).
PointerEvent.isPrimary - Web APIs
if there are multiple primary pointers, these pointers will all produce compatibility mouse events (see pointer_events for more in
formation about pointer, mouse and touch interaction).
Pointer events - Web APIs
this section contains in
formation about pointer event and mouse event interaction and the ramifications for application developers.
Proximity Events - Web APIs
once captured, the event object gives access to different kinds of in
formation: the deviceproximityevent event provides an exact match for the distance between the device and the object through its value property.
PublicKeyCredential.getClientExtensionResults() - Web APIs
examples var publickey = { // here are the extensions (as "inputs") extensions: { "loc": true, // this extension has been defined to include location in
formation in attestation "uvi": true // user verification index: how the user was verified }, challenge: new uint8array(16) /* from the server */, rp: { name: "example corp", id : "login.example.com" }, user: { id: new uint8array(16) /* from the server */, name: "jdoe@example.com", displayname: "john doe" }, pubkeycredparams: [ { type: "public-key", ...
PublicKeyCredential - Web APIs
the publickeycredential interface provides in
formation about a public key / private key pair, which is a credential for logging in to a service using an un-phishable and data-breach resistant asymmetric key pair instead of a password.
PushEvent - Web APIs
it contains the in
formation sent from an application server to a pushsubscription.
PushManager - Web APIs
in a production environment it might make sense to // also report in
formation about errors back to the // application server.
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.
RTCDTMFSender.toneBuffer - Web APIs
tone buffer
format the tone buffer is a string which can contain any combination of the characters that are permitted by the dtmf standard.
RTCDataChannel.protocol - Web APIs
the ability for each channel to have a defined subprotocol lets your app, for example, use json objects as messages on one channel while another channel is plaintext and another is raw binary or even some other
format.
RTCDtlsTransport.state - Web APIs
the state read-only property of the rtcdtlstransport interface provides in
formation which describes a datagram transport layer security (dtls) transport state.
RTCIceCandidate.RTCIceCandidate() - Web APIs
syntax candidate = new rtcicecandidate([candidateinfo]); parameters candidateinfo optional an optional rtcicecandidateinit object providing in
formation about the candidate; if this is provided, the candidate is initialized configured to represent the described candidate.
RTCIceCandidate.relatedAddress - Web APIs
you can't specify the value of relatedaddress in the options object, but the address is automatically extracted from the candidate a-line, if it's
formatted properly, being taken from its rel-address field.
RTCIceCandidate.relatedPort - Web APIs
you can't specify the value of relatedport in the options object, but the address is automatically extracted from the candidate a-line, if it's
formatted properly, being taken from its rel-port field.
RTCIceCandidateInit - Web APIs
the webrtc api's rtcicecandidateinit dictionary, which contains the in
formation needed to fundamentally describe an rtcicecandidate.
RTCIceCandidatePairStats.priority - Web APIs
you can calculcate its value using the algorithm described in rfc 5245, section 5.7.2 if you need this in
formation and can accept the risk that the result may not be entirely accurate.
RTCIceProtocol - Web APIs
the tcptype property provides additional in
formation about the kind of tcp candidate represented by the object.
RTCIceTransport: selectedcandidatepairchange event - Web APIs
bubbles no cancelable no interface event event handler property onselectedcandidatepairchange examples this example creates an event handler for selectedcandidatepairchange that updates a display providing the user in
formation about the progress of the ice negotiation for an rtcpeerconnection called pc.
RTCIceTransportState - Web APIs
instead, you can think of "disconnected" as being similar to "checking" but with the added in
formation that the connection had been working but at the moment is not.
RTCInboundRtpStreamStats.receiverId - Web APIs
syntax var receiverstatsid = rtcinboundrtpstreamstats.receiverid; value a domstring which contains the id of the rtcaudioreceiverstats or rtcvideoreceiverstats object which provides in
formation about the rtcrtpreceiver which is receiving the streamed media.
RTCPeerConnection.addIceCandidate() - Web APIs
if no candidate object is specified, or its value is null, an end-of-candidates signal is sent to the remote peer using the end-of-candidates a-line,
formatted simply like this: a=end-of-candidates deprecated parameters in older code and documentation, you may see a callback-based version of this function.
RTCPeerConnection.createOffer() - Web APIs
the sdp offer includes in
formation about any mediastreamtracks already attached to the webrtc session, codec, and options supported by the browser, and any candidates already gathered by the ice agent, for the purpose of being sent over the signaling channel to a potential peer to request a connection or to update the configuration of an existing connection.
RTCPeerConnection: datachannel event - Web APIs
bubbles no cancelable no interface rtcdatachannelevent event handler property ondatachannel examples this example sets up a function that handles datachannel events by gathering the in
formation needed to communicate with the newly added rtcdatachannel and by adding event handlers for the events that occur on that channel.
RTCPeerConnection.getStats() - Web APIs
example this example creates a periodic function using setinterval() that collects statistics for an rtcpeerconnection every second, generating an html-
formatted report and inserting it into a specific element in the dom.
RTCPeerConnection.onicegatheringstatechange - Web APIs
example this example updates status in
formation presented to the user to let them know what's happening by examining the current value of the icegatheringstate property each time it changes and changing the contents of a status display based on the new in
formation.
RTCPeerConnection.ontrack - Web APIs
this in
formation includes the mediastreamtrack object representing the new track, the rtcrtpreceiver and rtcrtptransceiver, and a list of mediastream objects which indicates which stream or streams the track is part of..
RTCPeerConnection.remoteDescription - Web APIs
the read-only property rtcpeerconnection.remotedescription returns a rtcsessiondescription describing the session (which includes configuration and media in
formation) for the remote end of the connection.
RTCPeerConnection: signalingstatechange event - Web APIs
bubbles no cancelable no interface event event handler property rtcpeerconnection.onsignalingstatechange examples given an rtcpeerconnection, pc, and an updatestatus() function that presents status in
formation to the user, this code sets up an event handler to let the user know when the ice negotiation process finishes up.
RTCRtpReceiver - Web APIs
rtcrtpreceiver.getparameters() returns an rtcrtpparameters object which contains in
formation about how the rtc data is to be decoded.
RTCRtpSender - Web APIs
with it, you can configure the encoding used for the corresponding track, get in
formation about the device's media capabilities, and so forth.
RTCRtpStreamStats - Web APIs
their primary purpose is to examine the error resiliency of the connection, as they provide in
formation about lost packets, lost frames, and how heavily compressed the data is.
RTCSctpTransport.state - Web APIs
the state read-only property of the rtcsctptransport interface provides in
formation which describes a stream control transmission protocol (sctp) transport state.
RTCStats.id - Web APIs
the
format of the id string is not defined by the specification, so you cannot reliably make any assumptions about the contents of the string, or assume that the
format of the string will remain unchanged for a given object type.
RTCTrackEvent() - Web APIs
syntax trackevent = new rtctrackevent(eventinfo); parameters eventinfo an object based on the rtctrackeventinit dictionary, providing in
formation about the track which has been added to the rtcpeerconnection.
RTCTrackEventInit - Web APIs
the webrtc api's rtctrackeventinit dictionary is used to provide in
formation describing an rtctrackevent when instantiating a new track event using new rtctrackevent().
Report - Web APIs
properties report.body read only the body of the report, which is a reportbody object containing the detailed report in
formation.
Using the Resource Timing API - Web APIs
resource timing properties an application developer can use the property values to calculate the length of time a phase takes and that in
formation can help diagnose performance issues.
SVGAltGlyphElement.glyphRef - Web APIs
syntax string = myglyph.glyphref; myglyph.glyphref = string; value the return value is a glyph identifier, the value of which depends on the
format of the given font.
SVGGraphicsElement: copy event - Web APIs
a handler for this event can modify the clipboard contents by calling setdata(
format, data) on the event's clipboardevent.clipboarddata property, and cancelling the event's default action using event.preventdefault().
SVGGraphicsElement: cut event - Web APIs
a handler for this event can modify the clipboard contents by calling setdata(
format, data) on the event's clipboardevent.clipboarddata property, and cancelling the default action using event.preventdefault().
SVGGraphicsElement: paste event - Web APIs
to override the default behavior (for example to insert some different data or a trans
formation of the clipboard contents) an event handler must cancel the default action using event.preventdefault(), and then insert its desired data manually.
SVGTextContentElement - Web APIs
svgtextcontentelement.getsubstringlength() returns a float representing the computed length of the
formatted text advance distance for a substring of text within the element.
ScreenOrientation - Web APIs
the screenorientation interface of the the screen orientation api provides in
formation about the current orientation of the document.
Screen Capture API - Web APIs
similar to getusermedia(), this method creates a promise that resolves with a mediastream containing the display area selected by the user, in a
format that matches the specified options.
Screen Wake Lock API - Web APIs
for example, a ticketing app which uses qr codes to transmit ticket in
formation, might acquire screen wake lock when the qr code is displayed (so that code is successfully scanned) but release afterwards.
SensorErrorEvent - Web APIs
the sensorerrorevent interface of the sensor apis provides in
formation about errors thrown by a sensor or related interface.
ServiceWorkerContainer - Web APIs
see /docs/web/api/serviceworkerregistration }).catch(function(error) { console.log('service worker registration failed:', error); }); // independent of the registration, let's also display // in
formation about whether the current page is controlled // by an existing service worker, and when that // controller changes.
ServiceWorkerGlobalScope: push event - Web APIs
bubbles no cancelable no interface pushevent event handler property onpush example this example sets up a handler for push events that takes json data, parses it, and dispatches the message for handling based on in
formation contained within the message.
Service Worker API - Web APIs
it contains in
formation about the request and resulting response, and provides the fetchevent.respondwith() method, which allows us to provide an arbitrary response back to the controlled page.
SourceBuffer.trackDefaults - Web APIs
the trackdefaults property of the sourcebuffer interface specifies the default values to use if kind, label, and/or language in
formation is not available in the initialization segment of the media to be appended to the sourcebuffer.
SourceBuffer - Web APIs
sourcebuffer.trackdefaults specifies the default values to use if kind, label, and/or language in
formation is not available in the initialization segment of the media to be appended to the sourcebuffer.
SpeechGrammar - Web APIs
grammar is defined using jspeech grammar
format (jsgf.) other
formats may also be supported in the future.
SpeechRecognitionError.message - Web APIs
examples var recognition = new speechrecognition(); recognition.onerror = function(event) { console.log('speech recognition error detected: ' + event.error); console.log('additional in
formation: ' + event.message); } ...
SpeechRecognitionError - Web APIs
examples var recognition = new speechrecognition(); recognition.onerror = function(event) { console.log('speech recognition error detected: ' + event.error); console.log('additional in
formation: ' + event.message); } ...
SpeechRecognitionErrorEvent.message - Web APIs
examples var recognition = new speechrecognition(); recognition.onerror = function(event) { console.log('speech recognition error detected: ' + event.error); console.log('additional in
formation: ' + event.message); } specifications specification status comment web speech apithe definition of 'message' in that specification.
SpeechRecognitionErrorEvent - Web APIs
examples var recognition = new speechrecognition(); recognition.onerror = function(event) { console.log('speech recognition error detected: ' + event.error); console.log('additional in
formation: ' + event.message); } specifications specification status comment web speech apithe definition of 'speechrecognitionerrorevent' in that specification.
SpeechSynthesis - Web APIs
the speechsynthesis interface of the web speech api is the controller interface for the speech service; this can be used to retrieve in
formation about the synthesis voices available on the device, start and pause speech, and other commands besides.
SpeechSynthesisErrorEvent - Web APIs
the speechsynthesiserrorevent interface of the web speech api contains in
formation about any errors that occur while processing speechsynthesisutterance objects in the speech service.
SpeechSynthesisEvent - Web APIs
the speechsynthesisevent interface of the web speech api contains in
formation about the current state of speechsynthesisutterance objects that have been processed in the speech service.
StorageQuota.queryInfo - Web APIs
the queryinfo() property of the storagequota interface returns a storageinfo object containting the current data usage and available quota in
formation for the application.
Storage API - Web APIs
site storage—the data stored for a web site which is managed by the storage standard—includes: indexeddb databases cache api data service worker registrations web storage api data managed using window.localstorage history state in
formation saved using history.pushstate() application caches notification data other kinds of site-accessible, site-specific data that may be maintained site storage units the site storage system described by the storage standard and interacted with using the storage api consists of a single site storage unit for each origin.
Streams API - Web APIs
previously, if we wanted to process a resource of some kind (be it a video, or a text file, etc.), we'd have to download the entire file, wait for it to be deserialized into a suitable
format, then process the whole lot after it is fully received.
StyleSheet.media - Web APIs
the media property of the stylesheet interface specifies the intended destination media for style in
formation.
StyleSheet - Web APIs
stylesheet.media read only returns a medialist representing the intended destination medium for style in
formation.
SubtleCrypto.encrypt() - Web APIs
authentication helps protect against chosen-ciphertext attacks, in which an attacker can ask the system to decrypt arbitrary messages, and use the result to deduce in
formation about the secret key.
TaskAttributionTiming - Web APIs
the taskattributiontiming interface of the long tasks api returns in
formation about the work involved in a long task and its associate frame context.
Text.wholeText - Web APIs
syntax str = textnode.wholetext; notes and example suppose you have the following simple paragraph within your webpage (with some whitespace added to aid
formatting throughout the code samples here), whose dom node is stored in the variable para: <p>thru-hiking is great!
Text - Web APIs
however, if the element contains markup, it is parsed into in
formation items and text nodes that form its children.
TextTrack - Web APIs
the value must adhere to the
format specified in the tags for identifying languages (bcp 47) document from the ietf, just like the html lang attribute.
TextTrackCue - Web APIs
the cue includes the start time (the time at which the text will be displayed) and the end time (the time at which it will be removed from the display), as well as other in
formation.
TextTrackList - Web APIs
var texttracks = document.queryselector("video").texttracks; monitoring track count changes in this example, we have an app that displays in
formation about the number of channels available.
Using Touch Events - Web APIs
for more in
formation about the interaction between mouse and touch events, see supporting both touchevent and mouseevent.
TrackDefault.kinds - Web APIs
the kinds read-only property of the trackdefault interface returns default kinds for an associated sourcebuffer to use when an initialization segment does not contain label in
formation for a new track.
TrackDefault.label - Web APIs
the label read-only property of the trackdefault interface returns the default label for an associated sourcebuffer to use when an initialization segment does not contain label in
formation for a new track.
TrackDefault.language - Web APIs
the language read-only property of the trackdefault interface returns a default language for an associated sourcebuffer to use when an initialization segment does not contain language in
formation for a new track.
TrackEvent() - Web APIs
eventinfo optional an optional dictionary providing additional in
formation configuring the new event; it can contain the following fields in any combination: track optional the track to which the event refers; this is null by default, but should be set to a videotrack, audiotrack, or texttrack as appropriate given the type of track.
UIEvent() - Web APIs
sourcecapabilities: an instance of the inputdevicecapabilities interface which provides in
formation about the physical device responsible for generating a touch event.
sourceCapabilities - Web APIs
the uievent.sourcecapabilities read-only property returns an instance of the inputdevicecapabilities interface which provides in
formation about the physical device responsible for generating a touch event.
UIEvent - Web APIs
uievent.sourcecapabilities read only returns an instance of the inputdevicecapabilities interface, which provides in
formation about the physical device responsible for generating a touch event.
URLSearchParams() - Web APIs
syntax var urlsearchparams = new urlsearchparams(init); parameters init optional one of: a usvstring, which will be parsed from application/x-www-form-urlencoded
format.
USBConfiguration.USBConfiguration() - Web APIs
the usbconfiguration() constructor creates a new usbconfiguration object which contains in
formation about the configuration on the provided usbdevice with the given configuration value.
USBDevice.isochronousTransferIn() - Web APIs
the isochronoustransferin() method of the usbdevice interface returns a promise that resolves with a usbisochronousintransferresult when time sensitive in
formation has been transmitted received from the usb device.
USBDevice.isochronousTransferOut() - Web APIs
the isochronoustransferout() method of the usbdevice interface returns a promise that resolves with a usbisochronousouttransferresult when time sensitive in
formation has been transmitted to the usb device.
VTTCue() - Web APIs
var cue = new vttcue(2, 3, 'cool text to be displayed'); specifications specification status comment webvtt: the web video text tracks
formatthe definition of 'vttcue()' in that specification.
VTTCue - Web APIs
specifications specification status comment webvtt: the web video text tracks
format candidate recommendation ...
VTTRegion - Web APIs
specifications specification status comment webvtt: the web video text tracks
format candidate recommendation ...
ValidityState.patternMismatch - Web APIs
examples given the following: <p> <label>enter your phone number in the
format (123)456-7890 (<input name="tel1" type="tel" pattern="[0-9]{3}" placeholder="###" aria-label="3-digit area code" size="2"/>)- <input name="tel2" type="tel" pattern="[0-9]{3}" placeholder="###" aria-label="3-digit prefix" size="2"/> - <input name="tel3" type="tel" pattern="[0-9]{4}" placeholder="####" aria-label="4-digit number" size="3"/> </label> </p> here we have 3 sections for a nort...
Videotrack.language - Web APIs
syntax var videotracklanguage = videotrack.language; value a domstring specifying the bcp 47 (rfc 5646)
format language tag of the primary language used in the video track, or an empty string ("") if the language is not specified or known, or if the track doesn't contain speech.
VideoTrack - Web APIs
for (var i = 0; i < tracks.length; i++) { if (tracks[i].language === userlanguage) { tracks[i].selected = true; break; } }); the language is in standard (rfc 5646)
format.
VideoTrackList - Web APIs
var videotracks = document.queryselector("video").videotracks; monitoring track count changes in this example, we have an app that displays in
formation about the number of channels available.
Visual Viewport API - Web APIs
a window's visualviewport object provides in
formation about the viewport's position and size, and receives the resize and event:visualviewport:scroll events you can onitor to know when chances occur to the window's viewport.
WaveShaperNode - Web APIs
for applied examples/in
formation, check out our voice-change-o-matic demo (see app.js for relevant code).
WebGLActiveInfo - Web APIs
the webglactiveinfo interface is part of the webgl api and represents the in
formation returned by calling the webglrenderingcontext.getactiveattrib() and webglrenderingcontext.getactiveuniform() methods.
WebGLProgram - Web APIs
\n\n' + info; } see webglshader for in
formation on creating the vertexshader and fragmentshader in the above example.
WebGLQuery - Web APIs
the webglquery interface is part of the webgl 2 api and provides ways to asynchronously query for in
formation.
WebGLRenderingContext.bufferData() - Web APIs
examples using bufferdata var canvas = document.getelementbyid('canvas'); var gl = canvas.getcontext('webgl'); var buffer = gl.createbuffer(); gl.bindbuffer(gl.array_buffer, buffer); gl.bufferdata(gl.array_buffer, 1024, gl.static_draw); getting buffer in
formation to check the current buffer usage and buffer size, use the webglrenderingcontext.getbufferparameter() method.
WebGLRenderingContext.getActiveUniform() - Web APIs
syntax webglactiveinfo webglrenderingcontext.getactiveuniform(program, index); parameters program a webglprogram specifying the webgl shader program from which to obtain the uniform variable's in
formation.
WebGLRenderingContext.getContextAttributes() - Web APIs
performancecaveat: false, powerpreference: "default", premultipliedalpha: true, preservedrawingbuffer: false, stencil: false, desynchronized: false } the context attributes can be set when creating the context using the htmlcanvaselement.getcontext() method: canvas.getcontext('webgl', { antialias: false, depth: false }); see getcontext() for more in
formation about the individual attributes.
WebGLRenderingContext.stencilFunc() - Web APIs
gl.enable(gl.stencil_test); gl.stencilfunc(gl.less, 0, 0b1110011); to get the current stencil function, reference value, or other stencil in
formation, query the following constants with getparameter().
WebGLRenderingContext.stencilFuncSeparate() - Web APIs
gl.enable(gl.stencil_test); gl.stencilfuncseparate(gl.front, gl.less, 0.2, 1110011); to get the current stencil function, reference value, or other stencil in
formation, query the following constants with getparameter().
WebGLRenderingContext.stencilOp() - Web APIs
gl.enable(gl.stencil_test); gl.stencilop(gl.incr, gl.decr, gl.invert); to get the current in
formation about stencil and depth pass or fail, query the following constants with getparameter().
WebGLRenderingContext.stencilOpSeparate() - Web APIs
gl.enable(gl.stencil_test); gl.stencilopseparate(gl.front, gl.incr, gl.decr, gl.invert); to get the current in
formation about stencil and depth pass or fail, query the following constants with getparameter().
WebGLRenderingContext.viewport() - Web APIs
the webglrenderingcontext.viewport() method of the webgl api sets the viewport, which specifies the affine trans
formation of x and y from normalized device coordinates to window coordinates.
WebGLShader - Web APIs
\n\n' + info; } return shader; } see webglprogram for in
formation on attaching the shaders.
Clearing with colors - Web APIs
finally, we note that color in webgl is usually in rgba
format, that is four numerical components for red, green, blue and alpha (opacity).
Lighting in WebGL - Web APIs
once you drop out the concept of point sources and specular lighting, there are two pieces of in
formation we'll need in order to implement our directional lighting: we need to associate a surface normal with each vertex.
WebGL: 2D and 3D graphics for the web - Web APIs
reference standard interfaces webglrenderingcontext webgl2renderingcontext webglactiveinfo webglbuffer webglcontextevent webglframebuffer webglprogram webglquery webglrenderbuffer webglsampler webglshader webglshaderprecision
format webglsync webgltexture webgltransformfeedback webgluniformlocation webglvertexarrayobject extensions angle_instanced_arrays ext_blend_minmax ext_color_buffer_float ext_color_buffer_half_float ext_disjoint_timer_query ext_float_blend ext_frag_depth ext_srgb ext_shader_texture_lod ext_texture_compression_bptc ext_texture_compression_rgtc ext_texture_filter_anisotropic khr_...
High-level guides - Web APIs
in addition, you'll find suggestions as to tools, libraries, and frameworks that might be helpful and compatibility in
formation so you know which parts of the overall suite of webrtc features can be safely used given your target audience.
WebRTC Statistics API - Web APIs
== "video") { object.keys(report).foreach(statname => { statsoutput += `<strong>${statname}:</strong> ${report[statname]}<br>\n`; }); } }); document.queryselector(".stats-box").innerhtml = statsoutput; }); } when the promise returned by getstats() is fulfilled, the resolution handler receives as input an rtcstatsreport object containing the statistics in
formation.
WebSocket.send() - Web APIs
the string is added to the buffer in utf-8
format, and the value of bufferedamount is increased by the number of bytes required to represent the utf-8 string.
Using bounded reference spaces - Web APIs
note that if the underlying platform defines a fixed room-scale origin and boundary, it may initialize any uninitialized values to match that predefined in
formation; this is not unexpected behavior for users of these platforms.
Using the Web Animations API - Web APIs
getting in
formation out of animations imagine other ways we could use playbackrate, such as improving accessibility for users with vestibular disorders by letting them slow down animations across an entire site.
Web Audio API - Web APIs
analysernode the analysernode interface represents a node able to provide real-time frequency and time-domain analysis in
formation, for the purposes of data analysis and visualization.
Web Storage API - Web APIs
in addition, we have provided an event output page — if you load this page in another tab, then make changes to your choices in the landing page, you'll see the updated storage in
formation outputted as the storageevent is fired.
Using Web Workers - Web APIs
var uint8array = new uint8array(1024 * 1024 * 32); // 32mb for (var i = 0; i < uint8array.length; ++i) { uint8array[i] = i; } worker.postmessage(uint8array.buffer, [uint8array.buffer]); note: for more in
formation on transferable objects, performance, and feature-detection for this method, read transferable objects: lightning fast!
Window.customElements - Web APIs
the customelements read-only property of the window interface returns a reference to the customelementregistry object, which can be used to register new custom elements and get in
formation about previously registered custom elements.
Window.devicePixelRatio - Web APIs
html the html creates the boxes containing the instructions and the pixel-ratio box that will display the current pixel ratio in
formation.
window.location - Web APIs
the window.location read-only property returns a location object with in
formation about the current location of the document.
Window.resizeBy() - Web APIs
if the window you open is not in the same orgin as the current window, you will not be able to resize, or access any in
formation on, that window/tab.
Window.updateCommands() - Web APIs
notes this enables or disables items (setting or clearing the "disabled" attribute on the command node as appropriate), or ensures that the command state reflects the state of the selection by setting current state in
formation in the "state" attribute of the xul command nodes.
WorkerGlobalScope.location - Web APIs
owing: workerlocation {hash: "", search: "", pathname: "/worker.js", port: "8000", hostname: "localhost"…} hash: "" host: "localhost:8000" hostname: "localhost" href: "http://localhost:8000/worker.js" origin: "http://localhost:8000" pathname: "/worker.js" port: "8000" protocol: "http:" search: "" __proto__: workerlocation you could use this location object to return more in
formation about the document's location, as you might do with a normal location object.
WorkerGlobalScope.navigator - Web APIs
tel mac os x 10_10_1) applewebkit/537.36 (khtml, like gecko) chrome/40.0.2214.93 safari/537.36" hardwareconcurrency: 4 online: true platform: "macintel" product: "gecko" useragent: "mozilla/5.0 (macintosh; intel mac os x 10_10_1) applewebkit/537.36 (khtml, like gecko) chrome/40.0.2214.93 safari/537.36" __proto__: object you could use this navigator object to return more in
formation about the runtime envinronment, as you might do with a normal navigator object.
WorkerGlobalScope - Web APIs
workers have no browsing context; this scope contains the in
formation usually conveyed by window objects — in this case event handlers, the console or the associated workernavigator object.
WorkerNavigator - Web APIs
workernavigator.connectionread only provides a networkin
formation object containing in
formation about the network connection of a device.
XMLHttpRequest.response - Web APIs
you may attempt to request the data be provided in a specific
format by setting the value of responsetype after calling open() to initialize the request but before calling send() to send the request to the server.
XMLHttpRequest.responseType - Web APIs
when setting responsetype to a particular value, the author should make sure that the server is actually sending a response compatible with that
format.
XMLHttpRequest.send() - Web APIs
}; xhr.send(null); // xhr.send('string'); // xhr.send(new blob()); // xhr.send(new int8array()); // xhr.send(document); example: post var xhr = new xmlhttprequest(); xhr.open("post", '/server', true); //send the proper header in
formation along with the request xhr.setrequestheader("content-type", "application/x-www-form-urlencoded"); xhr.onreadystatechange = function() { // call a function when the state changes.
XMLHttpRequestEventTarget - Web APIs
xmlhttprequesteventtarget.onprogress contains the function that is called periodically with in
formation about the progress of the request and the progress event is received by this object.
XPathEvaluator.createNSResolver() - Web APIs
this adapter works like the dom level 3 method node.lookupnamespaceuri() in resolving the namespace uri from a given prefix using the current in
formation available in the node's hierarchy at the time the method is called, also correctly resolving the implicit xml prefix.
XPathExpression - Web APIs
this interface is a compiled xpath expression that can be evaluated on a document or specific node to return in
formation from its dom tree.
XRInputSource.profiles - Web APIs
each string: has no spaces; instead, words are separated by hyphen ("-") characters if the platform makes it available, the usb vendor and product id may be provided but cannot be relied upon does not uniquely identify a specific device; rather, it identifies a configuration that the product is capable of using does not provide in
formation about handedness of the device, if applicable the webxr input profiles registry is used by device developers and browser developers to attempt to ensure that a given device will report the same profile strings regardless of which browser or other user agent you use.
XRInputSource.targetRaySpace - Web APIs
to determine the position and orientation of the target ray while rendering a frame, pass it into the xrframe method getpose() method, then use the returned xrpose object's transform to gather the spatial in
formation you need.
XRInputSourceArray.entries() - Web APIs
specifications specification status comment webxr device apithe definition of 'xrinputsourcearray' in that specification.1 working draft xrinputsourcearray interface [1] see iterator-like methods in in
formation contained in a webidl file for in
formation on how an iterable declaration in an interface definition causes entries(), foreach(), keys(), and values() methods to be exposed from objects that implement the interface.
XRInputSourceArray.keys() - Web APIs
specifications specification status comment webxr device apithe definition of 'xrinputsourcearray' in that specification.1 working draft xrinputsourcearray interface [1] see iterator-like methods in in
formation contained in a webidl file for in
formation on how an iterable declaration in an interface definition causes entries(), foreach(), keys(), and values() methods to be exposed from objects that implement the interface.
XRInputSourceArray.values() - Web APIs
specifications specification status comment webxr device apithe definition of 'xrinputsourcearray' in that specification.1 working draft xrinputsourcearray interface [1] see iterator-like methods in in
formation contained in a webidl file for in
formation on how an iterable declaration in an interface definition causes entries(), foreach(), keys(), and values() methods to be exposed from objects that implement the interface.
XRInputSourceEvent - Web APIs
properties frame read only an xrframe object providing the needed in
formation about the event frame during which the event occurred.
XRInputSourceEventInit.frame - Web APIs
the xrinputsourceeventinit dictionary's property frame specifies an xrframe providing in
formation about the timestamp at which the new input source event took place, as well as access to the xrframe method getpose() which can be used to map the coordinates of any xrreferencespace to the space in which the event took place.
XRPermissionDescriptor.mode - Web APIs
no specific features are specified during this query; see requiredfeatures and optionalfeatures for more in
formation on specifying features during a webxr permission check.
XRPermissionStatus.granted - Web APIs
the types of reference space are listed in the table below, with brief in
formation about their use cases and which interface is used to implement them.
XRReferenceSpace - Web APIs
reference space descriptors the types of reference space are listed in the table below, with brief in
formation about their use cases and which interface is used to implement them.
XRReferenceSpaceEvent - Web APIs
this is an opportunity for your app to update any stored transforms, position/orientation in
formation, or the like—or to dump any cached values based on the reference's space's origin so you can recompute them as needed.
XRReferenceSpaceType - Web APIs
reference space descriptors the types of reference space are listed in the table below, with brief in
formation about their use cases and which interface is used to implement them.
XRSession.renderState - Web APIs
the in
formation provided covers the minimum and maximum distance at which to render objects, the vertical field of view to use when rendering the in the inline session mode, and the xrwebgllayer to render into for inline composition.
XRSession.requestReferenceSpace() - Web APIs
reference space descriptors the types of reference space are listed in the table below, with brief in
formation about their use cases and which interface is used to implement them.
XRView - Web APIs
the webxr device api's xrview interface provides in
formation describing a single view into the xr scene for a specific frame, providing orientation and position in
formation for the viewpoint.
XRViewerPose - Web APIs
for example, every player in a mmorpg might have an instance of xrviewerpose to provide a way to calculate what they can see; if the game provides a mechanism that tells the player if another player sees them, or that they see another player, this in
formation becomes crucial.
XRWebGLLayer - Web APIs
this in
formation includes the pose (an xrviewerpose object) that describes the position and facing direction of the viewer within the scene as well as a list of xrview objects, each representing one perspective on the scene.
XRWebGLLayerInit.depth - Web APIs
this means that the only source for depth in
formation is the vertex coordinates, and reduces the accuracy and quality of rendering, but may potentially affect the performance of rendering as well.
XRWebGLLayerInit - Web APIs
examples given an xrsession, xrsession, and a webgl rendering context, gl, this snippet sets the rendering layer for the session, specifying the ignoredepthvalues option, indicating that the depth buffer should not be used (or should not exist at all), and that the only source for distance in
formation of any given point is its position relative to the viewer.
Resources - Web APIs
at ibm developerworks xslt tutorial at zvon.org xpath tutorial at zvon.org using the mozilla javascript interface to do xsl trans
formations at mozilla.org mozilla.org's xslt project page, which includes a frequently encountered issues section.
ARIA: alert role - Accessibility
description one of the five live region roles, the alert role is used to provide the user with important, and usually time-sensitive, in
formation, and often to tell the user an element has been dynamically updated.
ARIA: application role - Accessibility
examples some prominent web applications that use the application role properly are: google docs, sheets and slides ckeditor and tinymce wysiwyg web editors, like the one used on the mozilla developer network some parts of gmail accessibility concerns improperly using the application role can unintentionally take away access from in
formation on a web page, so be very mindful of using it.
ARIA: contentinfo role - Accessibility
the contentinfo landmark role is used to identify in
formation repeated at the end of every page of a website, including copyright in
formation, navigation links, and privacy statements.
ARIA: figure role - Accessibility
a figure is generally considered to be one or more images, code snippets, or other content that puts across in
formation in a different way to a regular flow of text.
ARIA: form role - Accessibility
<div role="form" id="contact-info" aria-label="contact in
formation"> <!-- form content --> </div> this is a form that collects and saves a user's contact in
formation.
ARIA: Main role - Accessibility
by classifying and labeling sections of a page, structural in
formation conveyed visually through layout can be represented programmatically.
ARIA: Region role - Accessibility
by classifying and labeling sections of a page, structural in
formation conveyed visually through layout is represented programmatically.
ARIA: img role - Accessibility
these elements could be images, code snippets, text, emojis, or other content that can be combined to deliver in
formation in a visual manner.
ARIA: Suggestion role - Accessibility
</p> we could even provide an in
formation box saying who made the suggestion and when, and associate it with the suggestion via aria-details: <p>freida’s pet is a <span role="suggestion" aria-details="comment-source"> <span role="deletion">black cat called luna</span> <span role="insertion">purple tyrannosaurus rex called tiny</span> </span>.
ARIA: button role - Accessibility
a button is a widget used to perform actions such as submitting a form, opening a dialog, cancelling an action, or performing a command such as inserting a new record or displaying in
formation.
Mobile accessibility checklist - Accessibility
colour colour contrast must comply with wcag 2.1 aa level requirements: contrast ratio of 4.5:1 for normal text (less than 18 point or 14 point bold.) contrast ratio of 3:1 for large text (at least 18 point or 14 point bold.) in
formation conveyed via colour must be also available by other means too (underlined text for links, etc.) visibility content hiding techniques such as zero opacity, z-index order and off-screen placement must not be used exclusively to handle visibility.
Text labels and names - Accessibility
select an area for more in
formation on that area." /> <map id="map1" name="map1"> <area shape="rect" coords="0,0,30,30" href="reference.html" alt="reference" /> <area shape="rect" coords="34,34,100,100" href="media.html" alt="audio visual lab" /> </map> see the <area> element reference page for a live interactive example.
::after (:after) - CSS: Cascading Style Sheets
/* add an arrow after links */ a::after { content: "→"; } note: the pseudo-elements generated by ::before and ::after are contained by the element's
formatting box, and thus don't apply to replaced elements such as <img>, or to <br> elements.
::before (:before) - CSS: Cascading Style Sheets
/* add a heart before links */ a::before { content: "♥"; } note: the pseudo-elements generated by ::before and ::after are contained by the element's
formatting box, and thus don't apply to replaced elements such as <img>, or to <br> elements.
::cue-region - CSS: Cascading Style Sheets
yle font-variant font-weight line-height opacity outline outline-color outline-style outline-width ruby-position text-combine-upright text-decoration text-decoration-color text-decoration-line text-decoration-style text-decoration-thickness text-shadow visibility white-space specifications specification status comment webvtt: the web video text tracks
formatthe definition of 'the ::cue-region pseudo-element' in that specification.
::cue - CSS: Cascading Style Sheets
::cue { color: #fff; background-color: rgba(0, 0, 0, 0.6); } specifications specification status comment webvtt: the web video text tracks
formatthe definition of '::cue' in that specification.
::slotted() - CSS: Cascading Style Sheets
the ::slotted() css pseudo-element represents any element that has been placed into a slot inside an html template (see using templates and slots for more in
formation).
:empty - CSS: Cascading Style Sheets
accessible names expose the interactive control to the accessibility tree, an api that communicates in
formation useful for assistive technologies.
:lang() - CSS: Cascading Style Sheets
/* selects any <p> in english (en) */ p:lang(en) { quotes: '\201c' '\201d' '\2018' '\2019'; } note: in html, the language is determined by a combination of the lang attribute, the <meta> element, and possibly by in
formation from the protocol (such as http headers).
:read-only - CSS: Cascading Style Sheets
input:read-only, textarea:read-only { background-color: #ccc; } p:read-only { background-color: #ccc; } syntax :read-only examples confirming form in
formation in read-only/read-write controls one use of readonly form controls is to allow the user to check and verify in
formation that they may have entered in an earlier form (for example, shipping details), while still being able to submit the in
formation along with the rest of the form.
:read-write - CSS: Cascading Style Sheets
input:read-write, textarea:read-write { background-color: #bbf; } p:read-write { background-color: #bbf; } syntax :read-write examples confirming form in
formation in read-only/read-write controls one use of readonly form controls is to allow the user to check and verify in
formation that they may have entered in an earlier form (for example, shipping details), while still being able to submit the in
formation along with the rest of the form.
font-display - CSS: Cascading Style Sheets
formal definition related at-rule@font-faceinitial valueautocomputed valueas specified formal syntax [ auto | block | swap | fallback | optional ] examples specifying fallback font-display @font-face { font-family: examplefont; src: url(/path/to/fonts/examplefont.woff)
format('woff'), url(/path/to/fonts/examplefont.eot)
format('eot'); font-weight: 400; font-style: normal; font-display: fallback; } specifications specification status comment css fonts module level 4the definition of 'font-display' in that specification.
font-stretch - CSS: Cascading Style Sheets
@font-face { font-family: "open sans"; src: local("open sans")
format("woff2"), url("/fonts/opensans-regular-webfont.woff")
format("woff"); font-stretch: 87.5% 112.5%; } specifications specification status comment css fonts module level 4the definition of 'font-stretch' in that specification.
font-variation-settings - CSS: Cascading Style Sheets
formal definition related at-rule@font-faceinitial valuenormalcomputed valueas specified formal syntax normal | [ <string> <number> ]# examples setting font weight and stretch in a @font-face rule @font-face { font-family: 'opentypefont'; src: url('open_type_font.woff2')
format('woff2'); font-weight: normal; font-style: normal; font-variation-settings: 'wght' 400, 'wdth' 300; } specifications specification status comment css fonts module level 4the definition of 'font-variation-settings' in that specification.
font-weight - CSS: Cascading Style Sheets
@font-face { font-family: "open sans"; src: local("open sans")
format("woff2"), url("/fonts/opensans-regular-webfont.woff")
format("woff"); font-weight: 400; } specifications specification status comment css fonts module level 4the definition of 'font-weight' in that specification.
prefers-reduced-data - CSS: Cascading Style Sheets
ata: no-preference)" crossorigin> <link rel="stylesheet" href="style.css"> </head> css @media (prefers-reduced-data: no-preference) { @font-face { font-family: montserrat; font-style: normal; font-weight: 400; font-display: swap; /* latin */ src: local('montserrat regular'), local('montserrat-regular'), url('fonts/montserrat-regular.woff2')
format('woff2'); unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd; } } body { font-family: montserrat, -apple-system, blinkmacsystemfont, "segoe ui", roboto, helvetica, arial, "microsoft yahei", sans-serif, "apple color emoji", "segoe ui emoji", "segoe ui symbol"; } r...
Mastering margin collapsing - CSS: Cascading Style Sheets
no content separating parent and descendants if there is no border, padding, inline part, block
formatting context created, or clearance to separate the margin-top of a block from the margin-top of one or more of its descendant blocks; or no border, padding, inline content, height, min-height, or max-height to separate the margin-bottom of a block from the margin-bottom of one or more of its descendant blocks, then those margins collapse.
CSS Flow Layout - CSS: Cascading Style Sheets
guides block and inline layout in normal flow in flow and out of flow
formatting contexts explained flow layout and writing modes flow layout and overflow reference glossary entries block (css) ...
CSS Fonts - CSS: Cascading Style Sheets
ures: normal; font-size: 2rem; letter-spacing: 1px; } <p>three hundred years ago<br> i thought i might get some sleep<br> i stretched myself out onna antique bed<br> an' my spirit did a midnite creep</p> the result is as follows: variable fonts examples you can find a number of variable fonts examples at v-fonts.com and axis-praxis.org; see also our variable fonts guide for more in
formation and usage in
formation.
<custom-ident> - CSS: Cascading Style Sheets
it consists of one or more characters, where characters can be any of the following: any alphabetical character (a to z, or a to z), any decimal digit (0 to 9), a hyphen (-), an underscore (_), an escaped character (preceded by a backslash, \), a unicode character (in the
format of a backslash, \, followed by one to six hexadecimal digits, representing its unicode code point) note that id1, id1, id1 and id1 are all different identifiers as they are case-sensitive.
font-variant-numeric - CSS: Cascading Style Sheets
th, 5th</p> css /* this example uses the source sans pro opentype font, developed by adobe and used here under the terms of the sil open font license, version 1.1: http://scripts.sil.org/cms/scripts/page.php?item_id=ofl_web */ @font-face { font-family: "source sans pro"; font-style: normal; font-weight: 400; src: url("https://mdn.mozillademos.org/files/15757/sourcesanspro-regular.otf")
format("opentype"); } .ordinal { font-variant-numeric: ordinal; font-family: "source sans pro"; } result specifications specification status comment css fonts module level 3the definition of 'font-variant-numeric' in that specification.
ident - CSS: Cascading Style Sheets
it consists of one or more characters, where characters can be any of the following: any alphabetical character (a to z, or a to z), any decimal digit (0 to 9), a hyphen (-), an underscore (_), an escaped character (preceded by a backslash, \), a unicode character (in the
format of a backslash, \, followed by one to six hexadecimal digits, representing its unicode code point) note that id1, id1, id1 and id1 are all different identifiers as they are case-sensitive.
Inheritance - CSS: Cascading Style Sheets
see also css values for controlling inheritance: inherit, initial, unset, and revert introducing the css cascade cascade and inheritance css key concepts: css syntax, at-rule, comments, specificity and inheritance, the box, layout modes and visual
formatting models, and margin collapsing, or the initial, computed, resolved, specified, used, and actual values.
text-emphasis-position - CSS: Cascading Style Sheets
the in
formative table below summarizes the preferred emphasis mark positions for chinese, mongolian and japanese: preferred emphasis mark and ruby position language preferred position illustration horizontal vertical japanese over right korean mongolian chinese under right note: the text-emphasis-position cann...
translateX() - CSS: Cascading Style Sheets
cartesian coordinates on ℝ2 homogeneous coordinates on ℝℙ2 cartesian coordinates on ℝ3 homogeneous coordinates on ℝℙ3 a translation is not a linear trans
formation in ℝ2 and can't be represented using a cartesian-coordinate matrix.
translateY() - CSS: Cascading Style Sheets
cartesian coordinates on ℝ2 homogeneous coordinates on ℝℙ2 cartesian coordinates on ℝ3 homogeneous coordinates on ℝℙ3 a translation is not a linear trans
formation in ℝ2 and can't be represented using a cartesian-coordinate matrix.
Index - Event reference
each event is represented by an object which is based on the event interface, and may have additional custom fields and/or functions used to get additional in
formation about what happened.
Guide to Web APIs - Developer guides
ent apiddomeencoding apiencrypted media extensionsffetch apifile system api frame timing apifullscreen apiggamepad api geolocation apihhtml drag and drop apihigh resolution timehistory apiiimage capture apiindexeddbintersection observer apillong tasks api mmedia capabilities api media capture and streamsmedia session apimedia source extensions mediastream recordingnnavigation timingnetwork in
formation api ppage visibility apipayment request apiperformance apiperformance timeline apipermissions apipointer eventspointer lock apiproximity events push api rresize observer apiresource timing apisserver sent eventsservice workers apistoragestorage access apistreams ttouch eventsuurl apivvibration apivisual viewport wweb animationsweb audio apiweb authentication apiweb crypto apiweb notificat...
Media buffering, seeking, and time ranges - Developer guides
in practice a good way to do this is use the seekable attribute, although as we have seen above seekable parts of the media are not neccessarily contiguous — they often are however and we can safely approximate this in
formation to give the user an indication of which parts of the media can be played directly.
Content categories - Developer guides
main content categories metadata content elements belonging to the metadata content category modify the presentation or the behavior of the rest of the document, set up links to other documents, or convey other out of band in
formation.
HTML5 Parser - Developer guides
<script>document.write("<div>");</script> <p>some content goes here.</p> <script>document.write("</div>");</script> for more in
formation, see optimizing your pages for speculative parsing.
Mobile-friendliness - Developer guides
separate sites responsive design a hybrid approach original document in
formation originally published on 4 may, 2011 on the mozilla webdev blog as "approaches to mobile web development part 1 - what is mobile friendliness?", by jason grlicky.
Printing - Developer guides
you want to adjust the user experience of printing, such as presenting a specially-
formatted version of your content before printing begins.
The Unicode Bidirectional Text Algorithm - Developer guides
in memory order, from left to right right-to-left override (rlo) u+202e ‮ <bdo dir="rtl"> overrides the bidi algorithm and displays the embedded characters in reverse memory order, from right to left closing unicode bidi algorithm control characters character code point html entity markup equivalent description pop directional
formatting (pdf) u+202c ‬ closing whatever opening tag used the dir attribute used for rle or lre </bdo> used for rlo or lro pop directional isolate (pdi) u+2069 ⁩ closing whatever opening tag used the dir attribute used for rli, lri, or fsi ...
HTML attribute: max - HTML: Hypertext Markup Language
mber> <input type="number" min="0" step="5" max="100"> range <number> <input type="range" min="60" step="5" max="100"> note: when the data entered by the user doesn't adhere to the maximum value set, the value is considered invalid in contraint validation and will match the :invalid and :out-of-range pseudoclasses see client-side validation and rangeoverflow for more in
formation.
HTML attribute: min - HTML: Hypertext Markup Language
number <number> <input type="number" min="0" step="5" max="100"> range <number> <input type="range" min="60" step="5" max="100"> note: when the data entered by the user doesn't adhere to the min value set, the value is considered invalid in contraint validation and will match the :invalid pseudoclass see client-side validation and rangeunderflow for more in
formation.
<abbr>: The Abbreviation element - HTML: Hypertext Markup Language
example <p>javascript object notation (<abbr>json</abbr>) is a lightweight data-interchange
format.</p> this is especially helpful for people who are unfamiliar with the terminology or concepts discussed in the content, people who are new to the language, and people with cognitive concerns.
<canvas>: The Graphics Canvas element - HTML: Hypertext Markup Language
t then in the javascript code, call htmlcanvaselement.getcontext() to get a drawing context and start drawing onto the canvas: const canvas = document.queryselector('canvas'); const ctx = canvas.getcontext('2d'); ctx.fillstyle = 'green'; ctx.fillrect(10, 10, 100, 100); result accessibility concerns alternative content the <canvas> element on its own is just a bitmap and does not provide in
formation about any drawn objects.
<input type="button"> - HTML: Hypertext Markup Language
in a real site, you'd have to provide this in
formation in a way that doesn't intefere with the site design (for example by providing an easily accessible link that points to in
formation on what the site accesskeys are).
<input type="hidden"> - HTML: Hypertext Markup Language
om: 10px; } label { flex: 2; line-height: 2; text-align: right; padding-right: 20px; } input, textarea { flex: 7; font-family: sans-serif; font-size: 1.1rem; padding: 5px; } textarea { height: 60px; } the server would set the value of the hidden input with the id "postid" to the id of the post in its database before sending the form to the user's browser and would use that in
formation when the form is returned to know which database record to update with modified in
formation.
<input type="range"> - HTML: Hypertext Markup Language
.slider-wrapper { display: inline-block; width: 20px; height: 150px; padding: 0; } then comes the style in
formation for the <input> element within the reserved space: .slider-wrapper input { width: 150px; height: 20px; margin: 0; transform-origin: 75px 75px; transform: rotate(-90deg); } the size of the control is set to be 150 pixels long by 20 pixels tall.
<input type="reset"> - HTML: Hypertext Markup Language
when building a site, be sure to provide this in
formation in a way that doesn't interfere with the site design (for example by providing an easily accessible link that points to in
formation on what the site access keys are).
<input type="submit"> - HTML: Hypertext Markup Language
when building a site, be sure to provide this in
formation in a way that doesn't interfere with the site design (for example by providing an easily accessible link that points to in
formation on what the site access keys are).
<keygen> - HTML: Hypertext Markup Language
it is expected that the <keygen> element will be used in an html form along with other in
formation needed to construct a certificate request, and that the result of the process will be a signed certificate.
<ol>: The Ordered List element - HTML: Hypertext Markup Language
for example: steps in a recipe turn-by-turn directions the list of ingredients in decreasing proportion on nutrition in
formation labels to determine which list to use, try changing the order of the list items; if the meaning changes, use the <ol> element — otherwise you can use <ul>.
data-* - HTML: Hypertext Markup Language
the data-* global attributes form a class of attributes called custom data attributes, that allow proprietary in
formation to be exchanged between the html and its dom representation by scripts.
id - HTML: Hypertext Markup Language
this attribute's value is an opaque string: this means that web authors should not rely on it to convey human-readable in
formation (although having your ids somewhat human-readable can be useful for code comprehension, e.g.
itemref - HTML: Hypertext Markup Language
example html <div itemscope id="amanda" itemref="a b"></div> <p id="a">name: <span itemprop="name">amanda</span> </p> <div id="b" itemprop="band" itemscope itemref="c"></div> <div id="c"> <p>band: <span itemprop="name">jazz band</span> </p> <p>size: <span itemprop="size">12</span> players</p> </div> structured data (in json-ld
format) { "@id": "amanda", "name": "amanda", "band": { "@id": "b", "name": "jazz band", "size": 12 } } result specifications specification status comment html microdatathe definition of 'itemref' in that specification.
Link types: noreferrer - HTML: Hypertext Markup Language
the noreferrer keyword for the rel attribute of the <a>, <area>, and <form> elements instructs the browser, when navigating to the target resource, to omit the referer header and otherwise leak no referrer in
formation — and additionally to behave as if the noopener keyword were also specified.
Quirks Mode and Standards Mode - HTML: Hypertext Markup Language
note however that serving your pages as application/xhtml+xml will cause internet explorer 8 to show a download dialog box for an unknown
format instead of displaying your page, as the first version of internet explorer with support for xhtml is internet explorer 9.
Basics of HTTP - HTTP
content negotiation http introduces a set of headers, starting with accept as a way for a browser to announce the
format, language, or encoding it prefers.
HTTP conditional requests - HTTP
integrity of a partial download partial downloading of files is a functionality of http that allows to resume previous operations, saving bandwidth and time, by keeping the already obtained in
formation: a server supporting partial downloads broadcasts this by sending the accept-ranges header.
Accept-Language - HTTP
the most common extra in
formation is the country or region variant (like 'en-us' or 'fr-ca') or the type of alphabet to use (like 'sr-latn').
Access-Control-Allow-Headers - HTTP
* (wildcard) the value "*" only counts as a special wildcard value for requests without credentials (requests without http cookies or http authentication in
formation).
Access-Control-Allow-Methods - HTTP
* (wildcard) the value "*" only counts as a special wildcard value for requests without credentials (requests without http cookies or http authentication in
formation).
Access-Control-Expose-Headers - HTTP
* (wildcard) the value "*" only counts as a special wildcard value for requests without credentials (requests without http cookies or http authentication in
formation).
Access-Control-Max-Age - HTTP
the access-control-max-age response header indicates how long the results of a preflight request (that is the in
formation contained in the access-control-allow-methods and access-control-allow-headers headers) can be cached.
CSP: report-to - HTTP
syntax content-security-policy: report-to <json-field-value>; examples see content-security-policy-report-only for more in
formation and examples.
Expect - HTTP
the only expectation defined in the specification is expect: 100-continue, to which the server shall respond with: 100 if the in
formation contained in the header is sufficient to cause an immediate success, 417 (expectation failed) if it cannot meet the expectation; or any other 4xx status otherwise.
Feature-Policy: accelerometer - HTTP
the http feature-policy header accelerometer directive controls whether the current document is allowed to gather in
formation about the acceleration of the device through the accelerometer interface.
Feature-Policy: ambient-light-sensor - HTTP
the http feature-policy header ambient-light-sensor directive controls whether the current document is allowed to gather in
formation about the amount of light in the environment around the device through the ambientlightsensor interface.
Feature-Policy: battery - HTTP
the http feature-policy header battery directive controls whether the current document is allowed to gather in
formation about the acceleration of the device through the batterymanager interface obtained via navigator.getbattery().
Feature-Policy: gyroscope - HTTP
the http feature-policy header gyroscope directive controls whether the current document is allowed to gather in
formation about the orientation of the device through the gyroscope interface.
Feature-Policy: magnetometer - HTTP
the http feature-policy header magnetometer directive controls whether the current document is allowed to gather in
formation about the orientation of the device through the magnetometer interface.
Origin - HTTP
it doesn't include any path in
formation, but only the server name.
Referer - HTTP
see referer header: privacy and security concerns for more in
formation and mitigations.
Server-Timing - HTTP
-timing: cpu;dur=2.4 // single metric with description and value server-timing: cache;desc="cache read";dur=23.2 // two metrics with value server-timing: db;dur=53, app;dur=47.2 // server-timing as trailer trailer: server-timing --- response body --- server-timing: total;dur=123.4 privacy and security the server-timing header may expose potentially sensitive application and infrastructure in
formation.
Tk - HTTP
the origin server needs more in
formation to determine tracking status.
Upgrade - HTTP
examples connection: upgrade upgrade: http/2.0, shttp/1.3, irc/6.9, rta/x11 connection: upgrade upgrade: websocket specifications specification hypertext transfer protocol (http/1.1): message syntax and routing (http/1.1)# header.upgrade hypertext transfer protocol (http/1.1): semantics and content (http/1.1)# status.426 hypertext transfer protocol version 2 (http/2) (http/2)# in
formational-responses ...
X-DNS-Prefetch-Control - HTTP
this is useful if you don't control the link on the pages, or know that you don't want to leak in
formation to these domains.
X-Forwarded-For - HTTP
this header is used for debugging, statistics, and generating location-dependent content and by design it exposes privacy sensitive in
formation, such as the ip address of the client.
X-Forwarded-Host - HTTP
this header is used for debugging, statistics, and generating location-dependent content and by design it exposes privacy sensitive in
formation, such as the ip address of the client.
DELETE - HTTP
a 204 (no content) status code if the action has been enacted and no further in
formation is to be supplied.
PATCH - HTTP
another (implicit) indication that patch is allowed, is the presence of the accept-patch header, which specifies the patch document
formats accepted by the server.
POST - HTTP
request has body yes successful response has body yes safe no idempotent no cacheable only if freshness in
formation is included allowed in html forms yes syntax post /test example a simple form using the default application/x-www-form-urlencoded content type: post /test http/1.1 host: foo.example content-type: application/x-www-form-urlencoded content-length: 27 field1=value1&field2=value2 a form using the multipart/form-data content type: post /test http/1.1 host: foo.example con...
Network Error Logging - HTTP
servfail) dns.address_changed for security reasons, if the server ip address that delivered the original report is different to the current server ip address at time of error generation, the report data will be downgraded to only include in
formation about this problem and the type set to dns.address_changed.
Protocol upgrade mechanism - HTTP
for example: sec-websocket-extensions: superspeed, colormode; depth=16 sec-websocket-key provides in
formation to the server which is needed in order to confirm that the client is entitled to request an upgrade to websocket.
Redirections in HTTP - HTTP
in this case, the server can send back a 303 (see other) response for a url that will contain the right in
formation.
100 Continue - HTTP
the http 100 continue in
formational status response code indicates that everything so far is ok and that the client should continue with the request or ignore it if it is already finished.
103 Early Hints - HTTP
the http 103 early hints in
formation 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.
401 Unauthorized - HTTP
this status is sent with a www-authenticate header that contains in
formation on how to authorize correctly.
411 Length Required - HTTP
note: by specification, when sending data in a series of chunks, the content-length header is omitted and at the beginning of each chunk you need to add the length of the current chunk in hexadecimal
format.
414 URI Too Long - HTTP
there are a few rare conditions when this might occur: when a client has improperly converted a post request to a get request with long query in
formation, when the client has descended into a loop of redirection (for example, a redirected uri prefix that points to a suffix of itself), or when the server is under attack by a client attempting to exploit potential security holes.
HTTP
responses are grouped in five classes: in
formational responses, successful responses, redirections, client errors, and servers errors.
JavaScript modules - JavaScript
these examples demonstrate a simple set of modules that create a <canvas> element on a webpage, and then draw (and report in
formation about) different shapes on the canvas.
About the JavaScript reference - JavaScript
where to find javascript in
formation javascript documentation of core language features (pure ecmascript, for the most part) includes the following: the javascript guide the javascript reference if you are new to javascript, start with the guide.
extends - JavaScript
class mydate extends date { get
formatteddate() { var months = ['jan', 'feb', 'mar', 'apr', 'may', 'jun', 'jul', 'aug', 'sep', 'oct', 'nov', 'dec']; return this.getdate() + '-' + months[this.getmonth()] + '-' + this.getfullyear(); } } specifications specification ecmascript (ecma-262)the definition of 'extends' in that specification.
RangeError: radix must be an integer - JavaScript
examples invalid cases (42).tostring(0); (42).tostring(1); (42).tostring(37); (42).tostring(150); // you cannot use a string like this for
formatting: (12071989).tostring('mm-dd-yyyy'); valid cases (42).tostring(2); // "101010" (binary) (13).tostring(8); // "15" (octal) (0x42).tostring(10); // "66" (decimal) (100000).tostring(16) // "186a0" (hexadecimal) ...
getter - JavaScript
note the following when working with the get syntax: it can have an identifier which is either a number or a string; it must have exactly zero parameters (see incompatible es5 change: literal getter and setter functions must now have exactly zero or one arguments for more in
formation); it must not appear in an object literal with another get or with a data entry for the same property ({ get x() { }, get x() { } } and { x: ..., get x() { } } are forbidden).
setter - JavaScript
note the following when working with the set syntax: it can have an identifier which is either a number or a string; it must have exactly one parameter (see incompatible es5 change: literal getter and setter functions must now have exactly zero or one arguments for more in
formation); it must not appear in an object literal with another set or with a data entry for the same property.
Array.prototype.forEach() - JavaScript
converting a for loop to foreach const items = ['item1', 'item2', 'item3'] const copyitems = [] // before for (let i = 0; i < items.length; i++) { copyitems.push(items[i]) } // after items.foreach(function(item){ copyitems.push(item) }) printing the contents of an array note: in order to display the content of an array in the console, you can use console.table(), which prints a
formatted version of the array.
Array.of() - JavaScript
for more in
formation, see: array.of() array.from() proposal array.of() polyfill polyfill running the following code before any other code will create array.of() if it's not natively available.
Array.prototype.toLocaleString() - JavaScript
object: object.prototype.tolocalestring() number: number.prototype.tolocalestring() date: date.prototype.tolocalestring() always display the currency for the strings and numbers in the prices array: var prices = ['¥7', 500, 8123, 12]; prices.tolocalestring('ja-jp', { style: 'currency', currency: 'jpy' }); // "¥7,¥500,¥8,123,¥12" for more examples, see also the intl, number
format, and datetime
format pages.
Array - JavaScript
this array has properties and elements which provide in
formation about the match.
ArrayBuffer - JavaScript
it is an array of bytes, often referred to in other languages as a "byte array".you cannot directly manipulate the contents of an arraybuffer; instead, you create one of the typed array objects or a dataview object which represents the buffer in a specific
format, and use that to read and write the contents of the buffer.
BigInt - JavaScript
type in
formation when tested against typeof, a bigint will give "bigint": typeof 1n === 'bigint' // true typeof bigint('1') === 'bigint' // true when wrapped in an object, a bigint will be considered as a normal "object" type: typeof object(1n) === 'object' // true operators the following operators may be used with bigints (or object-wrapped bigints): +, *, -, **, %.
Error - JavaScript
tends error { constructor(foo = 'bar', ...params) { // pass remaining arguments (including vendor specific ones) to parent constructor super(...params) // maintains proper stack trace for where our error was thrown (only available on v8) if (error.capturestacktrace) { error.capturestacktrace(this, customerror) } this.name = 'customerror' // custom debugging in
formation this.foo = foo this.date = new date() } } try { throw new customerror('baz', 'bazmessage') } catch(e) { console.error(e.name) //customerror console.error(e.foo) //baz console.error(e.message) //bazmessage console.error(e.stack) //stacktrace } es5 custom error object all browsers include the customerror constructor in the stack trace when using a prototypal decl...
InternalError - JavaScript
function loop(x) { if (x >= 10) // "x >= 10" is the exit condition return; // do stuff loop(x + 1); // the recursive call } loop(0); setting this condition to an extremely high value, won't work: function loop(x) { if (x >= 1000000000000) return; // do stuff loop(x + 1); } loop(0); // internalerror: too much recursion for more in
formation, see internalerror: too much recursion.
Intl.DisplayNames - JavaScript
intl.displaynames.prototype.resolvedoptions() returns a new object with properties reflecting the locale and
formatting options computed during initialization of the object.
JSON.stringify() - JavaScript
// '{"obj":"now i am a nested object under key 'obj'"}' json.stringify([ obj ]); // '["now i am a nested object under key '0'"]' issue with json.stringify() when serializing circular references note that since the json
format doesn't support object references (although an ietf draft exists), a typeerror will be thrown if one attempts to encode an object with circular references.
JSON - JavaScript
for those who wish to use a more human-friendly configuration
format based on json, there is json5, used by the babel compiler, and the more commonly used yaml.
Number - JavaScript
the javascript number type is a double-precision 64-bit binary
format ieee 754 value, like double in java or c#.
Object.create() - JavaScript
this is especially true when debugging, since common object-property converting/detecting utility functions may generate errors, or simply lose in
formation (especially if using silent error-traps that ignore errors).
Object.fromEntries() - JavaScript
to object: const map = new map([ ['foo', 'bar'], ['baz', 42] ]); const obj = object.fromentries(map); console.log(obj); // { foo: "bar", baz: 42 } converting an array to an object with object.fromentries, you can convert from array to object: const arr = [ ['0', 'a'], ['1', 'b'], ['2', 'c'] ]; const obj = object.fromentries(arr); console.log(obj); // { 0: "a", 1: "b", 2: "c" } object trans
formations with object.fromentries, its reverse method object.entries(), and array manipulation methods, you are able to transform objects like this: const object1 = { a: 1, b: 2, c: 3 }; const object2 = object.fromentries( object.entries(object1) .map(([ key, val ]) => [ key, val * 2 ]) ); console.log(object2); // { a: 2, b: 4, c: 6 } please do not add polyfills on mdn pages.
Promise.prototype.catch() - JavaScript
this is considered good practice in contrast to throwing strings; otherwise, the part doing the catching would have to perform checks to see if the argument was a string or an error, and you might lose valuable in
formation like stack traces.
RegExp.$1-$9 - JavaScript
examples using $n with string.replace the following script uses the replace() method of the string instance to match a name in the
format first last and output it in the
format last, first.
RegExp - JavaScript
examples using a regular expression to change data
format the following script uses the replace() method of the string instance to match a name in the
format first last and output it in the
format last, first.
String.prototype.blink() - JavaScript
examples using blink() the following example uses string methods to change the
formatting of a string: var worldstring = 'hello, world'; console.log(worldstring.blink()); // <blink>hello, world</blink> console.log(worldstring.bold()); // <b>hello, world</b> console.log(worldstring.italics()); // <i>hello, world</i> console.log(worldstring.strike()); // <strike>hello, world</strike> specifications specification ecmascript (ecma-262)the definition of 'str...
String.prototype.bold() - JavaScript
examples using bold() the following example uses string methods to change the
formatting of a string: var worldstring = 'hello, world'; console.log(worldstring.blink()); // <blink>hello, world</blink> console.log(worldstring.bold()); // <b>hello, world</b> console.log(worldstring.italics()); // <i>hello, world</i> console.log(worldstring.strike()); // <strike>hello, world</strike> specifications specification ecmascript (ecma-262)the definition of 'string.prototype.bold' in that specification.
String.prototype.fixed() - JavaScript
examples using fixed() the following example uses the fixed method to change the
formatting of a string: var worldstring = 'hello, world'; console.log(worldstring.fixed()); // "<tt>hello, world</tt>" specifications specification ecmascript (ecma-262)the definition of 'string.prototype.fixed' in that specification.
String.prototype.italics() - JavaScript
examples using italics() the following example uses string methods to change the
formatting of a string: var worldstring = 'hello, world'; console.log(worldstring.blink()); // <blink>hello, world</blink> console.log(worldstring.bold()); // <b>hello, world</b> console.log(worldstring.italics()); // <i>hello, world</i> console.log(worldstring.strike()); // <strike>hello, world</strike> specifications specification ecmascript (ecma-262)the definition of 'string.prototype.italics' in that specification.
String length - JavaScript
utf-16, the string
format used by javascript, uses a single 16-bit code unit to represent the most common characters, but needs to use two code units for less commonly-used characters, so it's possible for the value returned by length to not match the actual number of characters in the string.
String.prototype.search() - JavaScript
(if you only want to know if it exists, use the similar test() method on the regexp prototype, which returns a boolean.) for more in
formation (but slower execution) use match() (similar to the regular expression exec() method).
String.prototype.strike() - JavaScript
examples using strike() the following example uses string methods to change the
formatting of a string: var worldstring = 'hello, world'; console.log(worldstring.blink()); // <blink>hello, world</blink> console.log(worldstring.bold()); // <b>hello, world</b> console.log(worldstring.italics()); // <i>hello, world</i> console.log(worldstring.strike()); // <strike>hello, world</strike> specifications specification ecmascript (ecma-262)the definition of 'string.prototype.strike' in that speci...
String.prototype.sub() - JavaScript
examples using sub() and sup() methods the following example uses the sub() and sup() methods to
format a string: var supertext = 'superscript'; var subtext = 'subscript'; console.log('this is what a ' + supertext.sup() + ' looks like.'); // this is what a <sup>superscript</sup> looks like console.log('this is what a ' + subtext.sub() + ' looks like.'); // this is what a <sub>subscript</sub> looks like.
String.prototype.sup() - JavaScript
examples using sub() and sup() methods the following example uses the sub() and sup() methods to
format a string: var supertext = 'superscript'; var subtext = 'subscript'; console.log('this is what a ' + supertext.sup() + ' looks like.'); // "this is what a <sup>superscript</sup> looks like." console.log('this is what a ' + subtext.sub() + ' looks like.'); // "this is what a <sub>subscript</sub> looks like." specifications specification ecmascript (ecma-262)the definition of 'string.prototype.sup' in that specifica...
String - JavaScript
(see object.defineproperty() for more in
formation.) comparing strings in c, the strcmp() function is used for comparing strings.
Symbol.iterator - JavaScript
the built-in types with a @@iterator method are: array.prototype[@@iterator]() typedarray.prototype[@@iterator]() string.prototype[@@iterator]() map.prototype[@@iterator]() set.prototype[@@iterator]() see also iteration protocols for more in
formation.
WeakMap - JavaScript
native weakmaps can be particularly useful constructs when mapping keys to in
formation about the key that is valuable only if the key has not been garbage collected.
WebAssembly.Module.exports() - JavaScript
when the module is received, we create an instance from it using the webassembly.instantiate() method, invoke an exported function from inside it, then show how we can return in
formation on the available exports on a module using webassembly.module.exports.
typeof - JavaScript
for more in
formation about types and primitives, see also the javascript data structure page.
var - JavaScript
note that the implication of the above, is that, contrary to popular misin
formation, javascript does not have implicit or undeclared variables, it merely has a syntax that looks like it does.
Strict mode - JavaScript
javascript in browsers can access the user's private in
formation, so such javascript must be partially transformed before it is run, to censor access to forbidden functionality.
JavaScript reference - JavaScript
uint32array float32array float64array bigint64array biguint64array keyed collections map set weakmap weakset structured data arraybuffer sharedarraybuffer atomics dataview json control abstraction promise generator generatorfunction asyncfunction reflection reflect proxy internationalization intl intl.collator intl.datetime
format intl.displaynames intl.list
format intl.locale intl.number
format intl.pluralrules intl.relativetime
format webassembly webassembly webassembly.module webassembly.instance webassembly.memory webassembly.table webassembly.compileerror webassembly.linkerror webassembly.runtimeerror statements javascript statements and declarations control flowblo...
<mglyph> - MathML
users will see this displayed if the image url is wrong, the image is not in one of the supported
formats, or until the image is downloaded.
MathML documentation index - MathML
the mathml elements <semantics>, <annotation> and <annotation-xml> are used to combine presentation and content markup and to provide both, layout in
formation and semantic meaning of mathematical expressions.
Progressive loading - Progressive web apps (PWAs)
it is faster to load all that in
formation as one file rather than many small ones, but if the user doesn't need everything at the very beginning, we could load only what's crucial and then manage other resources when needed.
Progressive web apps (PWAs)
it describes the name of the app, the start url, icons, and all of the other details necessary to transform the website into an app-like
format.
glyph-name - SVG: Scalable Vector Graphics
the glyph names can be used in situations where unicode character numbers do not provide sufficient in
formation to access the correct glyph, such as when there are multiple glyphs per unicode character.
pointer-events - SVG: Scalable Vector Graphics
will change color whether you are clicking on the circle or the rect itself --> <rect x="10" y="0" height="10" width="10" fill="black" /> <circle cx="15" cy="5" r="4" fill="white" pointer-events="none" /> </svg> window.addeventlistener('mouseup', (e) => { // let's pick a random color between #000000 and #ffffff const color = math.round(math.random() * 0xffffff) // let's
format the color to fit css requirements const fill = '#' + color.tostring(16).padstart(6,'0') // let's apply our color in the // element we actually clicked on e.target.style.fill = fill }) as a presentation attribute, it can be applied to any element but it is mostly relevant only on the following twenty-three elements: <a>, <circle>, <clippath>, <defs>, <ellipse>, <foreignobject>, <g>, <...
refX - SVG: Scalable Vector Graphics
symbol for <symbol>, refx defines the x coordinate of the symbol, which is defined by the cumulative effect of the x attribute and any trans
formations on the <symbol> and its host <use> element.
refY - SVG: Scalable Vector Graphics
symbol for <symbol>, refy defines the y coordinate of the symbol, which is defined by the cumulative effect of the y attribute and any trans
formations on the <symbol> and its host <use> element.
requiredExtensions - SVG: Scalable Vector Graphics
the iri names for the extension should include versioning in
formation, such as "http://example.org/svgextensionxyz/1.0", so that script writers can distinguish between different versions of a given extension.
stroke - SVG: Scalable Vector Graphics
legend compatibility unknown compatibility unknown note: for in
formation on using the context-stroke (and context-fill) values from html documents, see the documentation for the non-standard -moz-context-properties property.
text-anchor - SVG: Scalable Vector Graphics
the text-anchor attribute is used to align (start-, middle- or end-alignment) a string of pre-
formatted text or auto-wrapped text where the wrapping area is determined from the inline-size property relative to a given point.
SVG Attribute reference - SVG: Scalable Vector Graphics
or cx cy d d decelerate descent diffuseconstant direction display divisor dominant-baseline dur dx dy e edgemode elevation enable-background end exponent externalresourcesrequired f fill fill-opacity fill-rule filter filterres filterunits flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight
format from fr fx fy g g1 g2 glyph-name glyph-orientation-horizontal glyph-orientation-vertical glyphref gradienttransform gradientunits h hanging height href hreflang horiz-adv-x horiz-origin-x i id ideographic image-rendering in in2 intercept k k k1 k2 k3 k4 kernelmatrix kernelunitlength kerning keypoints keysplines keytimes l lang lengthadjust ...
<font-face-uri> - SVG: Scalable Vector Graphics
usage context categoriesfont elementpermitted contentany number of the following elements, in any order:<font-face-
format> attributes global attributes core attributes xlink attributes specific attributes xlink:href dom interface this element implements the svgfontfaceurielement interface.
<glyphRef> - SVG: Scalable Vector Graphics
usage context categoriestext content elementpermitted contentempty attributes global attributes core attributes » presentation attributes » xlink attributes » class style specific attributes x y dx dy glyphref
format xlink:href dom interface this element implements the svgglyphrefelement interface.
<linearGradient> - SVG: Scalable Vector Graphics
</lineargradient> </defs> <!-- using my linear gradient --> <circle cx="5" cy="5" r="4" fill="url('#mygradient')" /> </svg> attributes gradientunits this attribute defines the coordinate system for attributes x1, x2, y1, y2 value type: userspaceonuse|objectboundingbox ; default value: objectboundingbox; animatable: yes gradienttransform this attribute provides additional trans
formation to the gradient coordinate system.
<pattern> - SVG: Scalable Vector Graphics
patterntransform this attribute contains the definition of an optional additional trans
formation from the pattern coordinate system onto the target coordinate system.
<radialGradient> - SVG: Scalable Vector Graphics
value type: <length> ; default value: same as cy; animatable: yes gradientunits this attribute defines the coordinate system for attributes x1, x2, y1, y2 value type: userspaceonuse|objectboundingbox ; default value: objectboundingbox; animatable: yes gradienttransform this attribute provides additional trans
formation to the gradient coordinate system.
SVG Tutorial - SVG: Scalable Vector Graphics
introducing svg from scratch introduction getting started positions basic shapes paths fills and strokes gradients patterns texts basic trans
formations clipping and masking other content in svg filter effects svg fonts svg image tag tools for svg svg and css the following topics are more advanced and hence should get their own tutorials.
Mixed content - Web security
the attacker could also infer in
formation about the user's activities by watching which images are served to the user; often images are only served on a specific page within a website.
Subdomain takeovers - Web security
if an attacker can do this, they can potentially read cookies set from the main domain, perform cross-site scripting, or circumvent content security policies, thereby enabling them to capture protected in
formation (including logins) or send malicious content to unsuspecting users.
Tutorials
exploring es6 reliable and in-depth in
formation on ecmascript 2015.
Using templates and slots - Web Components
and because we are appending its contents to a shadow dom, we can include some styling in
formation inside the template in a <style> element, which is then encapsulated inside the custom element.
Web Components
the basic approach for implementing a web component generally looks something like this: create a class in which you specify your web component functionality, using the ecmascript 2015 class syntax (see classes for more in
formation).
xml:base - XML: Extensible Markup Language
p://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <style type="text/css"><![cdata[ .s9_999{ font-size: 9.17px; font-family: zapfdingbats_ghr; fill: #161615; } ]]></style> <text x="647" y="412" dx="0" class="s9_999" >r</text> <style type="text/css"><![cdata[ @font-face { font-family: zapfdingbats_ghr; src: url("fonts/zapfdingbats_ghr.woff")
format("woff"); } ]]></style> </svg> setting the xml:base on the svg element means you can inline the svg and thereby bypass cors issue while not changing the base uri for your entire document.
Axes - XPath
for further in
formation on using xpath expressions, please see the for further reading section at the end of transforming xml with xslt document.
Web technology for developers
accessibilitycss houdinicss: cascading style sheetsdemos of open web technologiesdeveloper guidesexsltevent referencehtml: hypertext markup languagehttpjavascriptmathmlopensearch description
formatprivacy, permissions, and in
formation securityprogressive web apps (pwas)svg: scalable vector graphicstutorialsweb apisweb componentsweb performanceweb app manifestsweb media technologiesweb securityweb technology referencexml: extensible markup languagexpathxslt: extensible stylesheet language trans
formations ...
Loading and running WebAssembly code - WebAssembly
ming(fetch('mymodule.wasm'), importobject) .then(obj => { // call an exported function: obj.instance.exports.exported_func(); // or access the buffer contents of an exported memory: var i32 = new uint32array(obj.instance.exports.memory.buffer); // or access the elements of an exported table: var table = obj.instance.exports.table; console.log(table.get(0)()); }) note: for more in
formation on how exporting from a webassembly module works, have a read of using the webassembly javascript api, and understanding webassembly text
format.