Search completed in 1.01 seconds.
1362 results for "path":
Your results are loading. Please wait...
Introduction to using XPath in JavaScript - XPath
this document describes the interface for using xpath in javascript internally, in extensions, and from websites.
... this document describes the interface for using xpath in javascript internally, in extensions, and from websites.
... this document describes the interface for using xpath in javascript internally, in extensions, and from websites.
...And 73 more matches
XPath snippets - XPath
this article provides some xpath code snippets—simple examples of how to a few simple utility functions based on standard interfaces from the dom level 3 xpath specification that expose xpath functionality to javascript code.
...his article provides some xpath code snippets—simple examples of how to a few simple utility functions based on standard interfaces from the dom level 3 xpath specification that expose xpath functionality to javascript code.
...s from the dom level 3 xpath specification that expose xpath functionality to javascript code.
...And 28 more matches
Path2D.addPath() - Web APIs
Web › API › Path2D › addPath
the path2d.addpath() method of the canvas 2d api adds one path2d object to another path2d object.
... the path2d.addpath() method of the canvas 2d api adds one path2d object to another path2d object.
... the path2d.addpath() method of the canvas 2d api adds one path2d object to another path2d object.
...And 18 more matches
SVGPathElement.pathLength - Web APIs
the svgpathelement.pathlength property reflects the pathlength attribute and returns the total length of the path, in user units.
... the svgpathelement.pathlength property reflects the pathlength attribute and returns the total length of the path, in user units.
... the svgpathelement.pathlength property reflects the pathlength attribute and returns the total length of the path, in user units.
...And 3 more matches
Comparison of CSS Selectors and XPath - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes this article seeks to document the difference between css selectors and xpath for web developers to be able to better choose the right tool for the right job.
... xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes this article seeks to document the difference between css selectors and xpath for web developers to be able to better choose the right tool for the right job.
SVGPathElement - Web APIs
the svgpathelement interface corresponds to the <path> element.
..." fill="#fff" stroke="#d4dde4" stroke-width="2px" /><text x="171" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svggeometryelement</text></a><polyline points="81,89 71,84 71,94 81,89" stroke="#d4dde4" fill="none"/><line x1="71" y1="89" x2="41" y2="89" stroke="#d4dde4"/><a xlink:href="/docs/web/api/svgpathelement" target="_top"><rect x="-99" y="65" width="140" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="-29" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgpathelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} note: in svg 2 the getp...
...="-99" y="65" width="140" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="-29" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgpathelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} note: in svg 2 the getpathsegatlength() and createsvgpathseg* methods were removed and the pathlength property and the gettotallength() and getpointatlength() methods were moved to svggeometryelement.
...And 77 more matches
SVGPathSeg - Web APIs
svg path segment interface this is a base interface that corresponds to a single command within a path data specification.
... svg path segment interface this is a base interface that corresponds to a single command within a path data specification.
...path segment interface this is a base interface that corresponds to a single command within a path data specification.
...And 50 more matches
Paths - SVG: Scalable Vector Graphics
Web › SVG › Tutorial › Paths
« previousnext » the <path> element is the most powerful element in the svg library of basic shapes.
... « previousnext » the <path> element is the most powerful element in the svg library of basic shapes.
... « previousnext » the <path> element is the most powerful element in the svg library of basic shapes.
...And 47 more matches
clip-path - CSS: Cascading Style Sheets
Web › CSS › clip-path
the clip-path css property creates a clipping region that sets what part of an element should be shown.
...ing region that sets what part of an element should be shown.
...should be shown.
...And 42 more matches
offset-path - CSS: Cascading Style Sheets
the offset-path css property specifies a motion path for an element to follow and defines the element's positioning within the parent container or svg coordinate system.
... the offset-path css property specifies a motion path for an element to follow and defines the element's positioning within the parent container or svg coordinate system.
... the offset-path css property specifies a motion path for an element to follow and defines the element's positioning within the parent container or svg coordinate system.
...And 38 more matches
SVGAnimatedPathData - Web APIs
svg animated path data interface the svganimatedpathdata interface supports elements which have a 'd' attribute which holds svg path data, and supports the ability to animate that attribute.
...erface the svganimatedpathdata interface supports elements which have a 'd' attribute which holds svg path data, and supports the ability to animate that attribute.
...pathdata interface supports elements which have a 'd' attribute which holds svg path data, and supports the ability to animate that attribute.
...And 31 more matches
pathLength - SVG: Scalable Vector Graphics
the pathlength attribute lets authors specify a total length for the path, in user units.
... the pathlength attribute lets authors specify a total length for the path, in user units.
... the pathlength attribute lets authors specify a total length for the path, in user units.
...And 31 more matches
Index - XPath
Web › XPath › Index
found 57 pages: # page tags and summary 1 xpath css selectors, dom, jxon, landing, path, xml, xpath, xslt xpath stands for xml path language.
... 1 xpath css selectors, dom, jxon, landing, path, xml, xpath, xslt xpath stands for xml path language.
... xpath css selectors, dom, jxon, landing, path, xml, xpath, xslt xpath stands for xml path language.
...And 31 more matches
nsIDOMXPathEvaluator
dom/interfaces/xpath/nsidomxpathevaluator.idlscriptable this interface is used to evaluate xpath expressions against a dom node.
... dom/interfaces/xpath/nsidomxpathevaluator.idlscriptable this interface is used to evaluate xpath expressions against a dom node.
... dom/interfaces/xpath/nsidomxpathevaluator.idlscriptable this interface is used to evaluate xpath expressions against a dom node.
...And 29 more matches
Path2D - Web APIs
Web › API › Path2D
the path2d interface of the canvas 2d api is used to declare a path that can then be used on a canvasrenderingcontext2d object.
... the path2d interface of the canvas 2d api is used to declare a path that can then be used on a canvasrenderingcontext2d object.
... the path2d interface of the canvas 2d api is used to declare a path that can then be used on a canvasrenderingcontext2d object.
...And 28 more matches
path - SVG: Scalable Vector Graphics
Web › SVG › Attribute › path
the path attribute has two different meanings, either it defines a text path along which the characters of a text are rendered, or a motion path along which a referenced element is animated.
... the path attribute has two different meanings, either it defines a text path along which the characters of a text are rendered, or a motion path along which a referenced element is animated.
... the path attribute has two different meanings, either it defines a text path along which the characters of a text are rendered, or a motion path along which a referenced element is animated.
...And 27 more matches
Path2D() - Web APIs
Web › API › Path2D › Path2D
the path2d() constructor returns a newly instantiated path2d object, optionally with another path as an argument (creates a copy), or optionally with a string consisting of svg path data.
... the path2d() constructor returns a newly instantiated path2d object, optionally with another path as an argument (creates a copy), or optionally with a string consisting of svg path data.
... the path2d() constructor returns a newly instantiated path2d object, optionally with another path as an argument (creates a copy), or optionally with a string consisting of svg path data.
...And 26 more matches
XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes xpath stands for xml path language.
... xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes xpath stands for xml path language.
...or xml path language.
...And 25 more matches
CanvasRenderingContext2D.isPointInPath() - Web APIs
the canvasrenderingcontext2d.ispointinpath() method of the canvas 2d api reports whether or not the specified point is contained in the current path.
... the canvasrenderingcontext2d.ispointinpath() method of the canvas 2d api reports whether or not the specified point is contained in the current path.
... the canvasrenderingcontext2d.ispointinpath() method of the canvas 2d api reports whether or not the specified point is contained in the current path.
...And 16 more matches
SVGPathSegList - Web APIs
svg path segment list interface this interface defines a list of svgpathseg objects.
... svg path segment list interface this interface defines a list of svgpathseg objects.
... svg path segment list interface this interface defines a list of svgpathseg objects.
...And 16 more matches
XPathEvaluator.evaluate() - Web APIs
the evaluate() method of the xpathevaluator interface executes an xpath expression on the given node or document and returns an xpathresult.
... the evaluate() method of the xpathevaluator interface executes an xpath expression on the given node or document and returns an xpathresult.
... the evaluate() method of the xpathevaluator interface executes an xpath expression on the given node or document and returns an xpathresult.
...And 16 more matches
clip-path - SVG: Scalable Vector Graphics
the clip-path presentation attribute defines or associates a clipping path with the element it is related to.
... the clip-path presentation attribute defines or associates a clipping path with the element it is related to.
... the clip-path presentation attribute defines or associates a clipping path with the element it is related to.
...And 15 more matches
<textPath> - SVG: Scalable Vector Graphics
Web › SVG › Element › textPath
to render text along the shape of a <path>, enclose the text in a <textpath> element that has an href attribute with a reference to the <path> element.
... to render text along the shape of a <path>, enclose the text in a <textpath> element that has an href attribute with a reference to the <path> element.
... to render text along the shape of a <path>, enclose the text in a <textpath> element that has an href attribute with a reference to the <path> element.
...And 15 more matches
XPathExpression.evaluate() - Web APIs
the evaluate() method of the xpathexpression interface executes an xpath expression on the given node or document and returns an xpathresult.
... the evaluate() method of the xpathexpression interface executes an xpath expression on the given node or document and returns an xpathresult.
...od of the xpathexpression interface executes an xpath expression on the given node or document and returns an xpathresult.
...And 14 more matches
clipPathUnits - SVG: Scalable Vector Graphics
the clippathunits attribute indicates which coordinate system to use for the contents of the <clippath> element.
... the clippathunits attribute indicates which coordinate system to use for the contents of the <clippath> element.
... the clippathunits attribute indicates which coordinate system to use for the contents of the <clippath> element.
...And 13 more matches
SVGTextPathElement - Web APIs
the svgtextpathelement interface corresponds to the <textpath> element.
..."#fff" stroke="#d4dde4" stroke-width="2px" /><text x="156" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgtextcontentelement</text></a><polyline points="51,89 41,84 41,94 51,89" stroke="#d4dde4" fill="none"/><line x1="41" y1="89" x2="11" y2="89" stroke="#d4dde4"/><a xlink:href="/docs/web/api/svgtextpathelement" target="_top"><rect x="-169" y="65" width="180" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="-79" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgtextpathelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants method t...
...height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="-79" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgtextpathelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants method types name value description textpath_methodtype_unknown 0 the type is not one of predefined types.
...And 12 more matches
XPathEvaluator.createExpression() - Web APIs
this method compiles an xpathexpression which can then be used for (repeated) evaluations of the xpath expression.
... this method compiles an xpathexpression which can then be used for (repeated) evaluations of the xpath expression.
... this method compiles an xpathexpression which can then be used for (repeated) evaluations of the xpath expression.
...And 12 more matches
XPathResult - Web APIs
the xpathresult interface represents the results generated by evaluating an xpath expression within the context of a given node.
... the xpathresult interface represents the results generated by evaluating an xpath expression within the context of a given node.
... the xpathresult interface represents the results generated by evaluating an xpath expression within the context of a given node.
...And 12 more matches
<clipPath> - SVG: Scalable Vector Graphics
Web › SVG › Element › clipPath
the <clippath> svg element defines a clipping path, to be used by the clip-path property.
... the <clippath> svg element defines a clipping path, to be used by the clip-path property.
... the <clippath> svg element defines a clipping path, to be used by the clip-path property.
...And 12 more matches
Edit Shape Paths in CSS - Firefox Developer Tools
the shape path editor is a tool that helps you see and edit shapes created using clip-path and also the css shape-outside property and <basic-shape> values.
... the shape path editor is a tool that helps you see and edit shapes created using clip-path and also the css shape-outside property and <basic-shape> values.
... the shape path editor is a tool that helps you see and edit shapes created using clip-path and also the css shape-outside property and <basic-shape> values.
...And 11 more matches
CanvasRenderingContext2D.closePath() - Web APIs
the canvasrenderingcontext2d.closepath() method of the canvas 2d api attempts to add a straight line from the current point to the start of the current sub-path.
... the canvasrenderingcontext2d.closepath() method of the canvas 2d api attempts to add a straight line from the current point to the start of the current sub-path.
... the canvasrenderingcontext2d.closepath() method of the canvas 2d api attempts to add a straight line from the current point to the start of the current sub-path.
...And 10 more matches
CanvasRenderingContext2D.scrollPathIntoView() - Web APIs
the canvasrenderingcontext2d.scrollpathintoview() method of the canvas 2d api scrolls the current or given path into view.
... the canvasrenderingcontext2d.scrollpathintoview() method of the canvas 2d api scrolls the current or given path into view.
... the canvasrenderingcontext2d.scrollpathintoview() method of the canvas 2d api scrolls the current or given path into view.
...And 10 more matches
FileSystemEntry.fullPath - Web APIs
the read-only fullpath property of the filesystementry interface returns a usvstring specifying the full, absolute path from the file system's root to the file represented by the entry.
... the read-only fullpath property of the filesystementry interface returns a usvstring specifying the full, absolute path from the file system's root to the file represented by the entry.
... the read-only fullpath property of the filesystementry interface returns a usvstring specifying the full, absolute path from the file system's root to the file represented by the entry.
...And 10 more matches
XPathEvaluator - Web APIs
the xpathevaluator interface allows to compile and evaluate xpath expressions.
... the xpathevaluator interface allows to compile and evaluate xpath expressions.
... the xpathevaluator interface allows to compile and evaluate xpath expressions.
...And 10 more matches
<mpath> - SVG: Scalable Vector Graphics
Web › SVG › Element › mpath
the <mpath> sub-element for the <animatemotion> element provides the ability to reference an external <path> element as the definition of a motion path.
...ility to reference an external <path> element as the definition of a motion path.
...fic attributes xlink:href dom interface this element implements the svgmpathelement interface.
...And 10 more matches
CanvasRenderingContext2D.beginPath() - Web APIs
the canvasrenderingcontext2d.beginpath() method of the canvas 2d api starts a new path by emptying the list of sub-paths.
... the canvasrenderingcontext2d.beginpath() method of the canvas 2d api starts a new path by emptying the list of sub-paths.
... the canvasrenderingcontext2d.beginpath() method of the canvas 2d api starts a new path by emptying the list of sub-paths.
...And 9 more matches
XPathExpression - Web APIs
this interface is a compiled xpath expression that can be evaluated on a document or specific node to return information from its dom tree.
... this interface is a compiled xpath expression that can be evaluated on a document or specific node to return information from its dom tree.
...ce is a compiled xpath expression that can be evaluated on a document or specific node to return information from its dom tree.
...And 8 more matches
XPathResult.booleanValue - Web APIs
the read-only booleanvalue property of the xpathresult interface returns the boolean value of a result with xpathresult.resulttype being boolean_type.
... the read-only booleanvalue property of the xpathresult interface returns the boolean value of a result with xpathresult.resulttype being boolean_type.
... the read-only booleanvalue property of the xpathresult interface returns the boolean value of a result with xpathresult.resulttype being boolean_type.
...And 8 more matches
XPathResult.resultType - Web APIs
the read-only resulttype property of the xpathresult interface represents the type of the result, as defined by the type constants.
....
...t is a node-set then unordered_node_iterator_type is always the resulting type.
...And 8 more matches
XPathResult.singleNodeValue - Web APIs
the read-only singlenodevalue property of the xpathresult interface returns a node value or null in case no node was matched of a result with xpathresult.resulttype being any_unordered_node_type or first_ordered_node_type.
... the read-only singlenodevalue property of the xpathresult interface returns a node value or null in case no node was matched of a result with xpathresult.resulttype being any_unordered_node_type or first_ordered_node_type.
...esult interface returns a node value or null in case no node was matched of a result with xpathresult.resulttype being any_unordered_node_type or first_ordered_node_type.
...And 8 more matches
nsIDOMXPathExpression
dom/interfaces/xpath/nsidomxpathexpression.idlscriptable represents a compiled xpath query returned from nsidomxpathevaluator.createexpression or document.createexpression inherits from: nsisupports last changed in gecko 1.7 method overview nsisupports evaluate(in nsidomnode contextnode, in unsigned short type, in nsisupports result) methods evaluate() evaluate the xpath expression.
... inherits from: nsisupports last changed in gecko 1.7 method overview nsisupports evaluate(in nsidomnode contextnode, in unsigned short type, in nsisupports result) methods evaluate() evaluate the xpath expression.
...path expression.
...And 7 more matches
Event.composedPath() - Web APIs
the composedpath() method of the event interface returns the event’s path which is an array of the objects on which listeners will be invoked.
... the composedpath() method of the event interface returns the event’s path which is an array of the objects on which listeners will be invoked.
... path which is an array of the objects on which listeners will be invoked.
...And 7 more matches
XPathResult.iterateNext() - Web APIs
the iteratenext() method of the xpathresult interface iterates over a node set result and returns the next node from it or null if there are no more nodes.
... the iteratenext() method of the xpathresult interface iterates over a node set result and returns the next node from it or null if there are no more nodes.
... the iteratenext() method of the xpathresult interface iterates over a node set result and returns the next node from it or null if there are no more nodes.
...And 7 more matches
XPathResult.numberValue - Web APIs
the read-only numbervalue property of the xpathresult interface returns the numeric value of a result with xpathresult.resulttype being number_type.
... the read-only numbervalue property of the xpathresult interface returns the numeric value of a result with xpathresult.resulttype being number_type.
... the read-only numbervalue property of the xpathresult interface returns the numeric value of a result with xpathresult.resulttype being number_type.
...And 7 more matches
<path> - SVG: Scalable Vector Graphics
Web › SVG › Element › path
the <path> svg element is the generic element to define a shape.
... the <path> svg element is the generic element to define a shape.
... the <path> svg element is the generic element to define a shape.
...And 7 more matches
PR_SetLibraryPath
registers a default library pathname with a runtime.
... registers a default library pathname with a runtime.
... registers a default library pathname with a runtime.
...And 6 more matches
IDBIndex.keyPath - Web APIs
Web › API › IDBIndex › keyPath
the keypath property of the idbindex interface returns the key path of the current index.
... the keypath property of the idbindex interface returns the key path of the current index.
... the keypath property of the idbindex interface returns the key path of the current index.
...And 6 more matches
URL.pathname - Web APIs
Web › API › URL › pathname
the pathname property of the url interface is a usvstring containing an initial '/' followed by the path of the url (or the empty string if there is no path).
... the pathname property of the url interface is a usvstring containing an initial '/' followed by the path of the url (or the empty string if there is no path).
... the pathname property of the url interface is a usvstring containing an initial '/' followed by the path of the url (or the empty string if there is no path).
...And 6 more matches
URL.pathname - Web APIs
the pathname property of the url interface is a usvstring containing an initial '/' followed by the path of the url (or the empty string if there is no path).
... the pathname property of the url interface is a usvstring containing an initial '/' followed by the path of the url (or the empty string if there is no path).
... the pathname property of the url interface is a usvstring containing an initial '/' followed by the path of the url (or the empty string if there is no path).
...And 6 more matches
XPathResult.snapshotItem() - Web APIs
the snapshotitem() method of the xpathresult interface returns an item of the snapshot collection or null in case the index is not within the range of nodes.
...napshotitem() method of the xpathresult interface returns an item of the snapshot collection or null in case the index is not within the range of nodes.
...rface returns an item of the snapshot collection or null in case the index is not within the range of nodes.
...And 6 more matches
XPathResult.stringValue - Web APIs
the read-only stringvalue property of the xpathresult interface returns the string value of a result with xpathresult.resulttype being string_type.
... the read-only stringvalue property of the xpathresult interface returns the string value of a result with xpathresult.resulttype being string_type.
... the read-only stringvalue property of the xpathresult interface returns the string value of a result with xpathresult.resulttype being string_type.
...And 6 more matches
CSS Motion Path - CSS: Cascading Style Sheets
motion path is a css module that allows authors to animate any graphical object along a custom path.
... motion path is a css module that allows authors to animate any graphical object along a custom path.
... motion path is a css module that allows authors to animate any graphical object along a custom path.
...And 6 more matches
IDBObjectStore.keyPath - Web APIs
the keypath read-only property of the idbobjectstore interface returns the key path of this object store.
... the keypath read-only property of the idbobjectstore interface returns the key path of this object store.
... the keypath read-only property of the idbobjectstore interface returns the key path of this object store.
...And 5 more matches
SVGClipPathElement - Web APIs
the svgclippathelement interface provides access to the properties of <clippath> elements, as well as methods to manipulate them.
...o,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgelement</text></a><polyline points="481,25 491,20 491,30 481,25" stroke="#d4dde4" fill="none"/><line x1="491" y1="25" x2="499" y2="25" stroke="#d4dde4"/><line x1="499" y1="25" x2="499" y2="90" stroke="#d4dde4"/><line x1="499" y1="90" x2="482" y2="90" stroke="#d4dde4"/><a xlink:href="/docs/web/api/svgclippathelement" target="_top"><rect x="301" y="65" width="180" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="391" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgclippathelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this int...
...l="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="391" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgclippathelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interface also inherits properties from its parent, svgelement.
...And 5 more matches
XPathResult.invalidIteratorState - Web APIs
the read-only invaliditeratorstate property of the xpathresult interface signifies that the iterator has become invalid.
... the read-only invaliditeratorstate property of the xpathresult interface signifies that the iterator has become invalid.
..._iterator_type or ordered_node_iterator_type and the document has been modified since this result was returned.
...And 5 more matches
XPathResult.snapshotLength - Web APIs
the read-only snapshotlength property of the xpathresult interface represents the number of nodes in the result snapshot.
... the read-only snapshotlength property of the xpathresult interface represents the number of nodes in the result snapshot.
...f the xpathresult interface represents the number of nodes in the result snapshot.
...And 5 more matches
nsIDOMXPathResult
dom/interfaces/xpath/nsidomxpathresult.idlscriptable this interface describes an xpath result returned by nsidomxpathevaluator or document.evaluate inherits from: nsisupports last changed in gecko 1.7 method overview nsidomnode iteratenext(); nsidomnode snapshotitem(in unsigned long index); attributes attribute type description booleanvalue boolean if resulttype is boolean_type, the boolean value.
... attributes attribute type description booleanvalue boolean if resulttype is boolean_type, the boolean value.
... read only.
...And 4 more matches
HTMLHyperlinkElementUtils.pathname - Web APIs
the htmlhyperlinkelementutils.pathname property is a usvstring containing an initial '/' followed by the path of the url (or the empty string if there is no path).
... the htmlhyperlinkelementutils.pathname property is a usvstring containing an initial '/' followed by the path of the url (or the empty string if there is no path).
... the htmlhyperlinkelementutils.pathname property is a usvstring containing an initial '/' followed by the path of the url (or the empty string if there is no path).
...And 4 more matches
Location: pathname - Web APIs
Web › API › Location › pathname
the pathname property of the location interface is a usvstring containing an initial '/' followed by the path of the url (or the empty string if there is no path).
... the pathname property of the location interface is a usvstring containing an initial '/' followed by the path of the url (or the empty string if there is no path).
... the pathname property of the location interface is a usvstring containing an initial '/' followed by the path of the url (or the empty string if there is no path).
...And 4 more matches
URLUtilsReadOnly.pathname - Web APIs
the urlutilsreadonly.pathname read-only property returns a domstring containing an initial '/' followed by the path of the url.
... the urlutilsreadonly.pathname read-only property returns a domstring containing an initial '/' followed by the path of the url.
... the urlutilsreadonly.pathname read-only property returns a domstring containing an initial '/' followed by the path of the url.
...And 4 more matches
Critical rendering path - Web Performance
the critical rendering path is the sequence of steps the browser goes through to convert the html, css, and javascript into pixels on the screen.
... the critical rendering path is the sequence of steps the browser goes through to convert the html, css, and javascript into pixels on the screen.
... the critical rendering path is the sequence of steps the browser goes through to convert the html, css, and javascript into pixels on the screen.
...And 4 more matches
nsIDOMXPathException
dom/interfaces/xpath/nsidomxpathexception.idlscriptable describes an exception resulting from xpath operations.
... dom/interfaces/xpath/nsidomxpathexception.idlscriptable describes an exception resulting from xpath operations.
...rations.
...And 3 more matches
File.webkitRelativePath - Web APIs
the file.webkitrelativepath is a read-only property that contains a usvstring which specifies the file's path relative to the directory selected by the user in an <input> element with its webkitdirectory attribute set.
... the file.webkitrelativepath is a read-only property that contains a usvstring which specifies the file's path relative to the directory selected by the user in an <input> element with its webkitdirectory attribute set.
... the file.webkitrelativepath is a read-only property that contains a usvstring which specifies the file's path relative to the directory selected by the user in an <input> element with its webkitdirectory attribute set.
...And 3 more matches
XPathEvaluator.createNSResolver() - Web APIs
this method adapts any dom node to resolve namespaces so that an xpath expression can be easily evaluated relative to the context of the node where it appeared within the document.
... xpath expression can be easily evaluated relative to the context of the node where it appeared within the document.
...n can be easily evaluated relative to the context of the node where it appeared within the document.
...And 3 more matches
XPathNSResolver - Web APIs
the xpathnsresolver interface permits prefix strings in an xpath expression to be properly bound to namespace uri strings.
... the xpathnsresolver interface permits prefix strings in an xpath expression to be properly bound to namespace uri strings.
... the xpathnsresolver interface permits prefix strings in an xpath expression to be properly bound to namespace uri strings.
...And 3 more matches
SVGGeometryElement.pathLength - Web APIs
the svggeometryelement.pathlength property reflects the pathlength attribute and returns the total length of the path, in user units.
... the svggeometryelement.pathlength property reflects the pathlength attribute and returns the total length of the path, in user units.
... the svggeometryelement.pathlength property reflects the pathlength attribute and returns the total length of the path, in user units.
...And 2 more matches
SVGPathElement.getPointAtLength() - Web APIs
the svgpathelement.getpointatlength() method returns the point at a given distance along the path.
... the svgpathelement.getpointatlength() method returns the point at a given distance along the path.
... the svgpathelement.getpointatlength() method returns the point at a given distance along the path.
...And 2 more matches
XPathException - Web APIs
in the dom xpath api the xpathexception interface represents exception conditions that can be encountered while performing xpath operations.
... in the dom xpath api the xpathexception interface represents exception conditions that can be encountered while performing xpath operations.
...ion conditions that can be encountered while performing xpath operations.
...And 2 more matches
child - XPath
Web › XPath › Axes › child
the child axis indicates the children of the context node.
... the child axis indicates the children of the context node.
...ild axis indicates the children of the context node.
...And 2 more matches
XPath - MDN Web Docs Glossary: Definitions of Web-related terms
xpath is a query language that can access sections and content in an xml document.
... xpath is a query language that can access sections and content in an xml document.
... xpath is a query language that can access sections and content in an xml document.
... xpath is a query language that can access sections and content in an xml document.
PR_GetLibraryPath
retrieves the current default library path.
... retrieves the current default library path.
... retrieves the current default library path.
... retrieves the current default library path.
SVGMPathElement - Web APIs
the svgmpathelement interface corresponds to the <mpath> element.
...naco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgelement</text></a><polyline points="481,25 491,20 491,30 481,25" stroke="#d4dde4" fill="none"/><line x1="491" y1="25" x2="499" y2="25" stroke="#d4dde4"/><line x1="499" y1="25" x2="499" y2="90" stroke="#d4dde4"/><line x1="499" y1="90" x2="482" y2="90" stroke="#d4dde4"/><a xlink:href="/docs/web/api/svgmpathelement" target="_top"><rect x="331" y="65" width="150" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="406" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgmpathelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interf...
...ointer-events: all;} properties this interface doesn't implement any specific properties, but inherits properties from its parent interface, svgelement.
...ny specific methods, but inherits methods from its parent interface, svgelement.
SVGPathElement.getTotalLength() - Web APIs
the svgpathelement.gettotallength() method returns the user agent's computed value for the total length of the path in user units.
... the svgpathelement.gettotallength() method returns the user agent's computed value for the total length of the path in user units.
... the svgpathelement.gettotallength() method returns the user agent's computed value for the total length of the path in user units.
... user units.
XPathNSResolver.lookupNamespaceURI() - Web APIs
the lookupnamespaceuri method looks up the namespace uri associated to the given namespace prefix within an xpath expression evaluated by the xpathevaluator interface.
... the lookupnamespaceuri method looks up the namespace uri associated to the given namespace prefix within an xpath expression evaluated by the xpathevaluator interface.
... xpath expression evaluated by the xpathevaluator interface.
...thevaluator interface.
self - XPath
Web › XPath › Axes › self
the self axis indicates the context node itself.
... the self axis indicates the context node itself.
... the self axis indicates the context node itself.
...ode itself.
Axes - XPath
Web › XPath › Axes
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes there are thirteen different axes in the xpath specification.
...slt elements, exslt functions, xpath functions, xpath axes there are thirteen different axes in the xpath specification.
...ionship to the context node, and is used to locate nodes relative to that node on the tree.
...he ancestors of the context node beginning with the parent node and traveling through to the root node.
translate - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the translate function evaluates a string and a set of characters to translate and returns the translated string.
... to translate and returns the translated string.
...uate.
...nopqrstuvwxyz')" /> output the quick brown fox.
fs/path - Archive of obsolete content
experimental provides access to the local filesystem with the nodejs path module api.
... experimental provides access to the local filesystem with the nodejs path module api.
... experimental provides access to the local filesystem with the nodejs path module api.
XPathException.code - Web APIs
the code read-only property of the xpathexception interface returns a short that contains one of the error code constants.
... the code read-only property of the xpathexception interface returns a short that contains one of the error code constants.
... the code read-only property of the xpathexception interface returns a short that contains one of the error code constants.
<hatchpath> - SVG: Scalable Vector Graphics
Web › SVG › Element › hatchpath
the <hatchpath> svg element defines a hatch path used by the <hatch> element.
...hatch path used by the <hatch> element.
...global attributes core attributes global event attributes presentation attributes style attributes specific attributes d offset dom interface this element implements the svghatchpathelement interface.
current - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the current function can be used to get the context node in an xslt instruction.
... xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the current function can be used to get the context node in an xslt instruction.
... xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the current function can be used to get the context node in an xslt instruction.
document - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the document finds a node-set in an external document, or multiple external documents, and returns the resulting node-set.
...me second argument just as given in the function call) and the resulting node-sets had been concatenated into a single node-set.
...the function call) and the resulting node-sets had been concatenated into a single node-set.
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.
...imalformat class.
... for jdk 1.1 is not available online.
generate-id - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the generate-id function generates a unique id for the first node in a given node-set and returns a string containing that id.
...will be generated for the first node in this node-set.
... in this node-set.
id - XPath
Web › XPath › Functions › id
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the id function finds nodes matching the given ids and returns a node-set containing the identified nodes.
...set is the nodes corresponding to those ids.
...ing to those ids.
key - XPath
Web › XPath › Functions › key
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the key function returns a node-set of nodes that have the given value for the given key.
...key.
... arguments keyname a string containing the name of the xsl:key element to be used.
position - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the position function returns a number equal to the context position from the expression evaluation context.
...nctions, xpath axes the position function returns a number equal to the context position from the expression evaluation context.
...ed by the rest of the path.
substring-after - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the substring-after function returns a string that is the rest of a given string after a given substring.
...the substring-after function returns a string that is the rest of a given string after a given substring.
...e returned.
substring-before - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the substring-before function returns a string that is the part of a given string before a given substring.
...substring-before function returns a string that is the part of a given string before a given substring.
...eedle the substring to search for.
substring - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the substring function returns a part of a given string.
...ubstring function returns a part of a given string.
...he string to evaluate.
XPath - Archive of obsolete content
notes and sample code for xpath and ajax (the following was moved from document.evaluate) obj.evaluate(xpathexpression,contextnode,namespaceresolver,resulttype,result); //obj and contextnode should be the same object, if context is a ajax xml object (example: returnedxml) this should be used as : returnedxml.evaluate(xpathexpression,returnedxml,namespaceresolver,returntype,result); //contextnode should be used in the one in which it was created //add by mooring 2008-11-15 16:00 china var xhr = new ajax('post','demo.xml',parsexml,'xml'); //ajax is a class written by javascript which return responsexml object to parsexml function function parsexml(obj)//obj is the returnxml object now { if(!obj.documentelement) { alert("your browser does't support this script!"); return;...
...l object now { if(!obj.documentelement) { alert("your browser does't support this script!"); return; } var fields = [];//store the results if(window.activexobject) { var tobj = obj.documentelement.selectnodes("/root/field/item"); for(var i=0;i<tobj.length; i++) { fields.push(tobj[i].text); } } else { var tobj = obj.evaluate("/root/field/item",obj.documentelement,null, xpathresult.any_type, null); var tmp = tobj.iteratenext(); while(tmp) { fields.push(tmp.textcontent); tmp = tobj.iteratenext(); } } alert(fields); } //here is the demo xml file for xpath <?xml version="1.0"?> <root> <field> <item>art_id</item> <item>psection</item> <item>qkind</item> <item>qtitle</item> <item>question</item> <item>pic</item> <item>answer1</item> <...
boolean - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the boolean function evaluates an expression and returns true or false.
...uating expression.
ceiling - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the ceiling function evaluates a decimal number and returns the smallest integer greater than or equal to the decimal number.
... elements, exslt functions, xpath functions, xpath axes the ceiling function evaluates a decimal number and returns the smallest integer greater than or equal to the decimal number.
concat - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the concat function concatenates two or more strings and returns the resulting string.
...ctions, xpath functions, xpath axes the concat function concatenates two or more strings and returns the resulting string.
contains - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the contains function determines whether the first argument string contains the second argument string and returns boolean true or false.
...tions, xpath functions, xpath axes the contains function determines whether the first argument string contains the second argument string and returns boolean true or false.
count - XPath
Web › XPath › Functions › count
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the count function counts the number of nodes in a node-set and returns an integer.
... xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the count function counts the number of nodes in a node-set and returns an integer.
false - XPath
Web › XPath › Functions › false
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the false function returns boolean false.
... xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the false function returns boolean false.
floor - XPath
Web › XPath › Functions › floor
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the floor function evaluates a decimal number and returns the largest integer less than or equal to the decimal number.
... xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the floor function evaluates a decimal number and returns the largest integer less than or equal to the decimal number.
function-available - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the function-available function determines if a given function is available and returns boolean true or false.
... xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the function-available function determines if a given function is available and returns boolean true or false.
lang - XPath
Web › XPath › Functions › lang
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the lang function determines whether the context node matches the given language and returns boolean true or false.
...ang="en">i went up a floor.</p> <p xml:lang="en-gb">i took the lift.</p> <p xml:lang="en-us">i rode the elevator.</p> and this part of an xsl template: <xsl:value-of select="count(//p[lang('en')])" /> <xsl:value-of select="count(//p[lang('en-gb')])" /> <xsl:value-of select="count(//p[lang('en-us')])" /> <xsl:value-of select="count(//p[lang('de')])" /> the output might be: 3 1 1 0 defined xpath 1.0 4.3 gecko support supported.
last - XPath
Web › XPath › Functions › last
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the last function returns a number equal to the context size from the expression evaluation context.
...slt elements, exslt functions, xpath functions, xpath axes the last function returns a number equal to the context size from the expression evaluation context.
local-name - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the local-name function returns a string representing the local name of the first node in a given node-set.
...ame function returns a string representing the local name of the first node in a given node-set.
name - XPath
Web › XPath › Functions › name
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the name function returns a string representing the qname of the first node in a given node-set.
...f the first node in a given node-set.
namespace-uri - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the namespace-uri function returns a string representing the namespace uri of the first node in a given node-set.
...ill be returned.
normalize-space - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the normalize-space function strips leading and trailing white-space from a string, replaces sequences of whitespace characters by a single space, and returns the resulting string.
...ize-space function strips leading and trailing white-space from a string, replaces sequences of whitespace characters by a single space, and returns the resulting string.
not - XPath
Web › XPath › Functions › not
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the not function evaluates a boolean expression and returns the opposite value.
...d behave similarly to the boolean() function except that it returns the opposite value.
number - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the number function converts an object to a number and returns the number.
...ing does not match this pattern, then the string is converted to nan.
round - XPath
Web › XPath › Functions › round
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the round function returns a number that is the nearest integer to the given number.
... reference: xslt elements, exslt functions, xpath functions, xpath axes the round function returns a number that is the nearest integer to the given number.
starts-with - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the starts-with checks whether the first string starts with the second string and returns true or false.
... xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the starts-with checks whether the first string starts with the second string and returns true or false.
string-length - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the string-length function returns a number equal to the number of characters in a given string.
...t functions, xpath functions, xpath axes the string-length function returns a number equal to the number of characters in a given string.
string - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the string function converts the given argument to a string.
...ing 0.
sum - XPath
Web › XPath › Functions › sum
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the sum function returns a number that is the sum of the numeric values of each node in a given node-set.
... xpath functions, xpath axes the sum function returns a number that is the sum of the numeric values of each node in a given node-set.
true - XPath
Web › XPath › Functions › true
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the true function returns a boolean value of true.
... xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the true function returns a boolean value of true.
Functions - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the following is an annotated list of core xpath functions and xslt-specific additions to xpath, including a description, syntax, a list of arguments, result-type, source in the appropriate w3c recommendation, and degree of present gecko support.
... xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the following is an annotated list of core xpath functions and xslt-specific additions to xpath, including a description, syntax, a list of arguments, result-type, source in the appropriate w3c recommendation, and degree of present gecko support.
Tutorial: Show Allocations Per Call Path - Firefox Developer Tools
tutorial: show allocations per call path this page shows how to use the debugger api to show how many objects a web page allocates, sorted by the function call path that allocated them.
File.mozFullPath - Web APIs
Web › API › File › mozFullPath
a privileged exension to the file interface, the mozfullpath property contains the full pathname of the represented file.
choose - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the choose function returns one of the specified objects based on a boolean parameter.
element-available - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the element-available function determines if an element is available and returns true or false.
system-property - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the system-property function returns an object representing the given system-property.
unparsed-entity-url - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the unparsed-entity-url() function returns the uri of the unparsed entity with the given name.
The Netscape XSLT/XPath Reference - XSLT: Extensible Stylesheet Language Transformations
the following is an alphabetized and annotated list of the elements, axes, and functions from the w3c's 1.0 recommendation for xslt, as well as from the appropriate sections of the xpath recommendation.
Index - Web APIs
Web › API › Index
vertisingdata interface returns a map that relates company identifier codes to arraybuffers.
... bluetoothadvertisingdata interface returns a map that relates uuids to arraybuffers.
...xt2d.addhitregion() api, canvas, canvasrenderingcontext2d, experimental, method, reference the canvasrenderingcontext2d method addhitregion() adds a hit region to the bitmap.
...And 245 more matches
OS.File for the main thread
ry runs out, or the application is stopped.) let encoder = new textencoder(); // this encoder can be reused for several writes let array = encoder.encode("this is some text"); // convert the text to an array let promise = os.file.writeatomic("file.txt", array, // write the array atomically to "file.txt", using as temporary {tmppath: "file.txt.tmp"}); // buffer "file.txt.tmp".
... but will fail if "file.txt" already exists: let encoder = new textencoder(); // this encoder can be reused for several writes let array = encoder.encode("this is some text"); // convert the text to an array let promise = os.file.writeatomic("file.txt", array, // write the array atomically to "file.txt", using as temporary {tmppath: "file.txt.tmp", nooverwrite: true}); // buffer "file.txt.tmp".
... // buffer "file.txt.tmp".
...And 106 more matches
Drawing shapes with canvas - Web APIs
« previousnext » now that we have set up our canvas environment, we can get into the details of how to draw on the canvas.
...gin.
...xels from the top, at coordinate (x,y).
...And 100 more matches
Install script template - Archive of obsolete content
ewer"; // plids (http://mozilla.org/projects/plugins/plugin-identifier.html) are coined by vendors.
...; var mimetype = "application/x-my-plugin"; var suffix = "my"; var suffix_description = "my plugin files"; var company_name = "mypluginco"; var plugin_description = "my exemplary plugin mine all mine"; // registry constant paths // these will be used when the win32 registry keys are written var hkey_local_machine = "hkey_local_machine"; var hkey_current_user = "hkey_current_user"; var reg_moz_path = "software\\mozillaplugins"; // my own error code in case secondary installation fails var nosecondaryinstall = 1; // error return codes need some memory var err; // error return codes when we try and install to the current browser var errblock1; // error return codes when we try and do a secondary installation var errblock2 = 0; // global variable containing our secondary install loca...
... if this is a scriptable plugin errblock2 = addfile (plid, version, component_file, secondaryfolder, null); if (errblock2!=0) { logcomment("could not add " + component_file + " to " + secondaryfolder + ":" + errblock2); return errblock2; } } return 0; // 0 means everything went well with the secondary install } function writeplidsolution() { //concatenate the secondary install path with the filename to make a fully qualified pathname var qualifiedsecondaryfolderdll = secondaryfolder + plugin_file; var qualifiedsecondaryfolderxpt = secondaryfolder + component_file; // write plid keys (mozilla.org/projects/plugins/first-install-problem.html) // write plid keys to hklm var hklm_status = registerplid(hkey_local_machine, reg_moz_path, plid, qualifiedse...
...And 70 more matches
io/file - Archive of obsolete content
experimental provides access to the local filesystem.
... experimental provides access to the local filesystem.
... experimental provides access to the local filesystem.
...And 61 more matches
SVG documentation index - SVG: Scalable Vector Graphics
Web › SVG › Index
reference, svg, svg attribute assigns a class name or set of class names to an element.
...igns a class name or set of class names to an element.
...y assign the same class name or names to any number of elements, however, multiple class names must be separated by whitespace characters.
...And 55 more matches
nsILocalFile
ble via the local file system.
....
... 14 inherits from: nsifile last changed in gecko 1.0 implemented by: @mozilla.org/file/local;1.
...And 50 more matches
cfx - Archive of obsolete content
docs main.md lib main.js package.json readme.md tests test-main.js cfx run this command is used to run the add-on.
...ctory, loads the corresponding add-on, and runs it under the version of firefox it finds in the platform's default install path.
...runs it under the version of firefox it finds in the platform's default install path.
...And 49 more matches
nsIFile
representation of a location in the filesystem.
...ensure compatibility.
...ve methods" are not.
...And 49 more matches
d - SVG: Scalable Vector Graphics
Web › SVG › Attribute › d
the d attribute defines a path to be drawn.
... the d attribute defines a path to be drawn.
... the d attribute defines a path to be drawn.
...And 36 more matches
CanvasRenderingContext2D - Web APIs
ontext, call getcontext() on the <canvas> element, supplying '2d' as the argument: const canvas = document.getelementbyid('my-house'); const ctx = canvas.getcontext('2d'); with the context in hand, you can draw anything you like.
...: const canvas = document.getelementbyid('my-house'); const ctx = canvas.getcontext('2d'); with the context in hand, you can draw anything you like.
...anvaspattern.
...And 33 more matches
stroke-linejoin - SVG: Scalable Vector Graphics
the stroke-linejoin attribute is a presentation attribute defining the shape to be used at the corners of paths when they are stroked.
... the stroke-linejoin attribute is a presentation attribute defining the shape to be used at the corners of paths when they are stroked.
... the stroke-linejoin attribute is a presentation attribute defining the shape to be used at the corners of paths when they are stroked.
...And 32 more matches
DirectoryEntrySync - Web APIs
.
... on april 19, 2011.
...reate: true}); the getdirectory() method returns a directoryentrysync, which represents a file in the file system.
...And 31 more matches
jpm - Archive of obsolete content
minal window, enter sudo apt-get install nodejs nodejs-legacy npm.
...r, it must be present in your path under the name node.
...tall jpm --global depending on your setup, you might need to run this as an administrator: sudo npm install jpm --global installing jpm locally if you do not wish to, or are unable to, install jpm globally, you may instead install it locally: cd $home && npm install jpm to run jpm from a terminal when installed locally, you must add the directory "$home/node_modules/.bin/" to your terminal's path first.
...And 29 more matches
nsIZipWriter
ods addentrychannel() adds data from a channel to the zip file.
... file.
... otherwise the channel must support being opened synchronously.
...And 28 more matches
nsIHttpServer
} let host = "localhost"; if (typeof port === "string" && port.indexof(':') != -1){ [host, port] = port.split(':'); port = parseint(port); server.identity.add('http', host, port); } server.wrappedjsobject._start(port, host); return true; }, registerfile: function(path, filepath) { var file = components.classes['@mozilla.org/file/local;1'] .createinstance(components.interfaces.nsilocalfile); file.initwithpath(filepath); return server.registerfile(path, file); }, registerdirectory : function(path, directorypath) { var file = components.classes['@mozilla.org/file/local;1'...
... .createinstance(components.interfaces.nsilocalfile); file.initwithpath(filepath); return server.registerfile(path, file); }, registerdirectory : function(path, directorypath) { var file = components.classes['@mozilla.org/file/local;1'] .createinstance(components.interfaces.nsilocalfile); file.initwithpath(directorypath); return server.registerdirectory(path, file); }, registerpathhandler: function(path, handlercallback) { server.registerpathhandler(path, function (request, response) { var req = createhttprequest(request); var resp = new httpresponse(response); handlercallback(req, resp); ...
...his server is * stopped and all pending requests have been fully served * @throws ns_error_null_pointer * if callback is null * @throws ns_error_unexpected * if this server is not running */ void stop(in nsihttpserverstoppedcallback callback); /** * associates the local file represented by the string file with all requests * which match request.
...And 26 more matches
Applying styles and colors - Web APIs
colors of the shapes' outlines.
...background ctx.fillstyle = '#fd0'; ctx.fillrect(0, 0, 75, 75); ctx.fillstyle = '#6c0'; ctx.fillrect(75, 0, 75, 75); ctx.fillstyle = '#09f'; ctx.fillrect(0, 75, 75, 75); ctx.fillstyle = '#f30'; ctx.fillrect(75, 75, 75, 75); ctx.fillstyle = '#fff'; // set transparency value ctx.globalalpha = 0.2; // draw semi transparent circles for (var i = 0; i < 7; i++) { ctx.beginpath(); ctx.arc(75, 75, 10 + 10 * i, 0, math.pi * 2, true); ctx.fill(); } } <canvas id="canvas" width="150" height="150"></canvas> draw(); screenshotlive sample an example using rgba() in this second example, we do something similar to the one above, but instead of drawing circles on top of each other, i've drawn small rectangles with increasing opacity.
...rrent line dash pattern.
...And 26 more matches
Index
iod; however, it works only in a limited amount of more advanced scenarios.
... key databases is not recommended.
... installation file format”.
...And 25 more matches
File I/O - Archive of obsolete content
le objects are nsifile.
...legacy reasons, there is also an nsilocalfile interface.
...zilla.org/file/directory_service;1"].
...And 24 more matches
nsIURLParser
ring authority, in long authoritylen, out unsigned long usernamepos, out long usernamelen, out unsigned long passwordpos, out long passwordlen, out unsigned long hostnamepos, out long hostnamelen, out long port); void parsefilename(in string filename, in long filenamelen, out unsigned long basenamepos, out long basenamelen, out unsigned long extensionpos, out long extensionlen); void parsefilepath(in string filepath, in long filepathlen, out unsigned long directorypos, out long directorylen, out unsigned long basenamepos, out long basenamelen, out unsigned long extensionpos, out long extensionlen); void parsepath(in string path, in long pathlen, out unsigned long filepathpos, out long filepathlen, out unsigned long parampos, out long paramlen, out unsigned long querypos, out long queryle...
... out unsigned long querypos, out long querylen, out unsigned long refpos, out long reflen); void parseserverinfo(in string serverinfo, in long serverinfolen, out unsigned long hostnamepos, out long hostnamelen, out long port); void parseurl(in string spec, in long speclen, out unsigned long schemepos, out long schemelen, out unsigned long authoritypos, out long authoritylen, out unsigned long pathpos, out long pathlen); void parseuserinfo(in string userinfo, in long userinfolen, out unsigned long usernamepos, out long usernamelen, out unsigned long passwordpos, out long passwordlen); methods the string to parse in the methods may be given as a null terminated string, in which case the length argument should be -1.
...amelen passwordpos passwordlen hostnamepos hostnamelen port parsefilename() filename = <basename>.<extension> void parsefilename( in string filename, in long filenamelen, out unsigned long basenamepos, out long basenamelen, out unsigned long extensionpos, out long extensionlen ); parameters filename filenamelen basenamepos basenamelen extensionpos extensionlen parsefilepath() breaks the file path string up into: the directory portion, file base name, and file extension.
...And 24 more matches
Compositing and clipping - Web APIs
off certain areas, clear sections from the canvas (not limited to rectangles like the clearrect() method does) and more.
... clear sections from the canvas (not limited to rectangles like the clearrect() method does) and more.
... operation to apply when drawing new shapes, where type is a string identifying which of the twelve compositing operations to use.
...And 23 more matches
Drawing graphics - Learn web development
a canvasrenderingcontext2d object (in our case, ctx).
...to change this (it takes a number representing the number of pixels wide the stroke is).
...).
...And 22 more matches
Chapter 4: Using XPCOM—Implementing advanced processes - Archive of obsolete content
d", "file url"); frequently used xpcom functions let’s take a look at those xpcom functions that are used especially frequently.
...efox, including dialogs, etc.
...es using xpcom xpcom provides a number of interfaces allowing you to perform file manipulations without concern for whether you are running on windows, mac os x, or linux.
...And 21 more matches
Promises - Archive of obsolete content
and their related javascript helper modules.
...ort("resource://gre/modules/osfile.jsm"); task.spawn(function* () { // retrieve file metadata to check modification time.
... yield os.file.read(configpath, { encoding: "utf-8" })); let files = []; // get the directory contents from a list of directories.
...And 21 more matches
Eclipse CDT
mainly for managed projects but we use an unmanaged project for mozilla (since it has its own build system).
...a, so that it includes headers from the objdir etc.
...j1 -wb" (or just "make" if you don't care about keeping code assistance working) instead of using just-print-mozilla-build.py.
...And 21 more matches
Examples
how to throw reject if you have a function that is a promise, and want to end it and throw a reject, you can throw an error.
... how to throw reject if you have a function that is a promise, and want to end it and throw a reject, you can throw an error.
... how to throw reject if you have a function that is a promise, and want to end it and throw a reject, you can throw an error.
...And 21 more matches
Document.evaluate() - Web APIs
Web › API › Document › evaluate
returns an xpathresult based on an xpath expression and other given parameters.
... returns an xpathresult based on an xpath expression and other given parameters.
... returns an xpathresult based on an xpath expression and other given parameters.
...And 21 more matches
Creating Reusable Modules - Archive of obsolete content
ilepicker;1"] .createinstance(nsifilepicker); var window = require("sdk/window/utils").getmostrecentbrowserwindow(); fp.init(window, "select a file", nsifilepicker.modeopen); fp.appendfilters(nsifilepicker.filterall | nsifilepicker.filtertext); var rv = fp.show(); if (rv == nsifilepicker.returnok || rv == nsifilepicker.returnreplace) { var file = fp.file; // get the path as string.
...("sdk/window/utils").getmostrecentbrowserwindow(); fp.init(window, "select a file", nsifilepicker.modeopen); fp.appendfilters(nsifilepicker.filterall | nsifilepicker.filtertext); var rv = fp.show(); if (rv == nsifilepicker.returnok || rv == nsifilepicker.returnreplace) { var file = fp.file; // get the path as string.
...ils").getmostrecentbrowserwindow(); fp.init(window, "select a file", nsifilepicker.modeopen); fp.appendfilters(nsifilepicker.filterall | nsifilepicker.filtertext); var rv = fp.show(); if (rv == nsifilepicker.returnok || rv == nsifilepicker.returnreplace) { var file = fp.file; // get the path as string.
...And 19 more matches
NSS Tools modutil
efaults to the user's netscape directory.
... this: + pkcs11_install_script: pk11install the sample script file could contain the following: forwardcompatible { irix:6.2:mips sunos:5.5.1:sparc }platforms { winnt::x86 { modulename { "fortezza module" } modulefile { win32/fort32.dll } defaultmechanismflags{0x0001} defaultcipherflags{0x0001} files { win32/setup.exe { executable relativepath { %temp%/setup.exe } } win32/setup.hlp { relativepath { %temp%/setup.hlp } } win32/setup.cab { relativepath { %temp%/setup.cab } } } } win95::x86 { equivalentplatform {winnt::x86} } sunos:5.5.1:sparc { modulename { "fortezza unix module" } modulefile { unix/fort.so } defaultmechanismflags{0x0001} c...
...h { %temp%/setup.hlp } } win32/setup.cab { relativepath { %temp%/setup.cab } } } } win95::x86 { equivalentplatform {winnt::x86} } sunos:5.5.1:sparc { modulename { "fortezza unix module" } modulefile { unix/fort.so } defaultmechanismflags{0x0001} cipherenableflags{0x0001} files { unix/fort.so { relativepath{%root%/lib/fort.so} absolutepath{/usr/local/netscape/lib/fort.so} filepermissions{555} } xplat/instr.html { relativepath{%root%/docs/inst.html} absolutepath{/usr/local/netscape/docs/inst.html} filepermissions{555} } } } irix:6.2:mips { equivalentplatform { sunos:5.5.1:sparc } }} script grammar the...
...And 19 more matches
stroke-linecap - SVG: Scalable Vector Graphics
the stroke-linecap attribute is a presentation attribute defining the shape to be used at the end of open subpaths when they are stroked.
... the stroke-linecap attribute is a presentation attribute defining the shape to be used at the end of open subpaths when they are stroked.
... the stroke-linecap attribute is a presentation attribute defining the shape to be used at the end of open subpaths when they are stroked.
...And 19 more matches
SVG and CSS - SVG: Scalable Vector Graphics
top-2" offset="95%"/> </radialgradient> </defs> <text id="heading" x="-280" y="-270">svg demonstration</text> <text id="caption" x="-280" y="-250">move your mouse pointer over the flower.</text> <g id="flower"> <circle id="overlay" cx="0" cy="0" r="200" stroke="none" fill="url(#fade)"/> <g id="outer-petals"> <g class="quadrant"> <g class="segment"> <path class="segment-fill" d="m0,0 v-200 a40,40 0 0,0 -62,10 z"/> <path class="segment-edge" d="m0,-200 a40,40 0 0,0 -62,10"/> </g> <g class="segment" transform="rotate(18)"> <path class="segment-fill" d="m0,0 v-200 a40,40 0 0,0 -62,10 z"/> <path class="segment-edge" d="m0,-200 a40,40 0 0,0 -62,10"/> </g> <g class="segment" transform="rotate...
...ll" d="m0,0 v-200 a40,40 0 0,0 -62,10 z"/> <path class="segment-edge" d="m0,-200 a40,40 0 0,0 -62,10"/> </g> <g class="segment" transform="rotate(18)"> <path class="segment-fill" d="m0,0 v-200 a40,40 0 0,0 -62,10 z"/> <path class="segment-edge" d="m0,-200 a40,40 0 0,0 -62,10"/> </g> <g class="segment" transform="rotate(36)"> <path class="segment-fill" d="m0,0 v-200 a40,40 0 0,0 -62,10 z"/> <path class="segment-edge" d="m0,-200 a40,40 0 0,0 -62,10"/> </g> <g class="segment" transform="rotate(54)"> <path class="segment-fill" d="m0,0 v-200 a40,40 0 0,0 -62,10 z"/> <path class="segment-edge" d="m0,-200 a40,40 0 0,0 -62,10"/> </g> <g class="segment" transform="rotate...
...ll" d="m0,0 v-200 a40,40 0 0,0 -62,10 z"/> <path class="segment-edge" d="m0,-200 a40,40 0 0,0 -62,10"/> </g> <g class="segment" transform="rotate(54)"> <path class="segment-fill" d="m0,0 v-200 a40,40 0 0,0 -62,10 z"/> <path class="segment-edge" d="m0,-200 a40,40 0 0,0 -62,10"/> </g> <g class="segment" transform="rotate(72)"> <path class="segment-fill" d="m0,0 v-200 a40,40 0 0,0 -62,10 z"/> <path class="segment-edge" d="m0,-200 a40,40 0 0,0 -62,10"/> </g> </g> <g class="quadrant"> <g class="segment" transform="rotate(90)"> <path class="segment-fill" d="m0,0 v-200 a40,40 0 0,0 -62,10 z"/> <path class="segment-edge" d="m0,-200 a40,40 0 0,0 -62,10"/> </g> ...
...And 19 more matches
NSS tools : modutil
a special case.
...is described in more detail in [1]the section called “jar installation file format”.
...ed “jar installation file format”.
...And 17 more matches
CanvasRenderingContext2D.stroke() - Web APIs
the canvasrenderingcontext2d.stroke() method of the canvas 2d api strokes (outlines) the current or given path with the current stroke style.
... the canvasrenderingcontext2d.stroke() method of the canvas 2d api strokes (outlines) the current or given path with the current stroke style.
... the canvasrenderingcontext2d.stroke() method of the canvas 2d api strokes (outlines) the current or given path with the current stroke style.
...And 17 more matches
Setting up your own test automation environment - Learn web development
ction.) obviously, some of the browsers are os-specific, but we're going to stick with firefox and chrome, as they are available across all the main oses.
...e os-specific, but we're going to stick with firefox and chrome, as they are available across all the main oses.
...here fairly easy to navigate to, like the root of your home user directory.
...And 16 more matches
Eclipse CDT Manual Setup
eally good code assistance for a project's source code, ides like eclipse need to carry out a thorough static analysis of the project's source files, to build up a picture of the code (what eclipse is trying to do when it "indexes" the source.) static analysis involves parsing the source files, so naturally it can only produce good results if it has a sensible set of preprocessor defines, include paths and pre-include files for each source file.
...s if it has a sensible set of preprocessor defines, include paths and pre-include files for each source file.
...le that's compiled during an actual build.
...And 16 more matches
Error codes returned by Mozilla APIs
) ns_error_illegal_during_shutdown (0x8046001e) many operations cannot be performed once the application is being shutdown.
...annot be performed once the application is being shutdown.
...occur in this situation.
...And 16 more matches
NSS tools : modutil
Mozilla › Projects › NSS › tools › modutil
key databases is not recommended.
... installation file format”.
...or each platform that the module can be installed on.
...And 16 more matches
startOffset - SVG: Scalable Vector Graphics
the startoffset attribute defines an offset from the start of the path for the initial current text position along the path after converting the path to the <textpath> element's coordinate system.
... the startoffset attribute defines an offset from the start of the path for the initial current text position along the path after converting the path to the <textpath> element's coordinate system.
... the startoffset attribute defines an offset from the start of the path for the initial current text position along the path after converting the path to the <textpath> element's coordinate system.
...And 16 more matches
addFile - Archive of obsolete content
addfile unpacks a single subcomponent into a temporary location.
... addfile unpacks a single subcomponent into a temporary location.
...eues the subcomponent for addition to the client version registry and installation to its final destination.
...And 15 more matches
clip-rule - SVG: Scalable Vector Graphics
« svg attribute reference home the clip-rule attribute only applies to graphics elements that are contained within a <clippath> element.
... « svg attribute reference home the clip-rule attribute only applies to graphics elements that are contained within a <clippath> element.
... « svg attribute reference home the clip-rule attribute only applies to graphics elements that are contained within a <clippath> element.
...And 15 more matches
system - Archive of obsolete content
query the add-on's environment and access arguments passed to it.
... query the add-on's environment and access arguments passed to it.
...ent and access arguments passed to it.
...And 14 more matches
patch - Archive of obsolete content
summary updates an existing component.
... summary updates an existing component.
... summary updates an existing component.
...And 14 more matches
Manifest Files - Archive of obsolete content
one line in it: create a new directory somewhere.
...t use c:\testfiles create a new ascii1 file called test.manifest in the chrome directory.
...th is, open that directory in a browser and copy the url from the address field.
...And 14 more matches
Command line options
mmand actions are case insensitive.
...d remote commands.
...me.
...And 14 more matches
Index
Mozilla › Tech › XPCOM › Index
functions:frozen, xpcom, xpcom api reference the ns_initxpcom3 function initiates use of xpcom in the calling process with support for statically defined xpcom modules.
...com, xpcom api reference the ns_newlocalfile function creates an instance of nsilocalfile that provides a platform independent representation of a file path.
...e as follows.
...And 14 more matches
url - Archive of obsolete content
ve source urls into absolute ones.
...ng to be parsed as data url.
...t the given url to a native file path.
...And 13 more matches
Tamarin build documentation - Archive of obsolete content
this folder to 'android-ndk'.
...y/mac/#qa/qa2001/qa1118.html - create a /frameworks/base/opengl/include/egl folder under your sdk/ndk top folder.
...ild tamarin release shell - get tamarin-redux - export the following variables into the environment $ export android_toolchain=<full path to your android sdk/ndk top folder> $ export android_ndk=$android_toolchain/android-ndk $ export android_ndk_bin=$android_ndk/toolchains/arm-linux-androideabi-4.4.3/prebuilt/darwin-x86/bin $ export android_sdk=$android_toolchain/android-sdk-mac_86 $ export path=$path:$android_sdk/platform-tools:$android_ndk_bin - example commands to build tamarin: $ hg clone http://hg.mozilla.org/tamarin-redux $ cd tamarin-redux $ mkdir objdir-release $ cd objdir-release $ ../configure.py --arm-arch=armv7-a --target=arm-android $ make to make a debug shell use this command: ../configure.py --enable-debug --arm-arch=armv7-a --target=arm-android using cross-platfo...
...And 13 more matches
nsIWindowsRegKey
e scriptable access to the windows registry system.
...duced gecko 1.8 inherits from: nsisupports last changed in gecko 1.8 (firefox 1.5 / thunderbird 1.5 / seamonkey 1.0) the interface represents a single key in the registry.
...h, in unsigned long mode); astring getchildname(in unsigned long index); astring getvaluename(in unsigned long index); unsigned long getvaluetype(in astring name); boolean haschanged(); boolean haschild(in astring name); boolean hasvalue(in astring name); boolean iswatching(); void open(in unsigned long rootkey, in astring relpath, in unsigned long mode); nsiwindowsregkey openchild(in astring relpath, in unsigned long mode); acstring readbinaryvalue(in astring name); unsigned long long readint64value(in astring name); unsigned long readintvalue(in astring name); astring readstringvalue(in astring name); void removechild(in astring relpath); void removevalue(in ...
...And 13 more matches
ctypes.open
shared library, a native file which can be loaded and used from js-ctypes, compile it with these commands: gcc -fpic -c mycfuntionsforunix.c gcc -shared -o mycfuntionsforunix.so mycfuntionsforunix.o a file named mycfuntionsforunix.so is successfully created.
... from js-ctypes.
... also be loaded from the system library path.
...And 13 more matches
addDirectory - Archive of obsolete content
adddirectory unpacks an entire directory into a temporary location.
... adddirectory unpacks an entire directory into a temporary location.
... adddirectory unpacks an entire directory into a temporary location.
...And 12 more matches
Profiling with Xperf
soft windows performance toolkit already exists.
...d to do a registry tweak and then restart to enable stack walking: reg add "hklm\system\currentcontrolset\control\session manager\memory management" -v disablepagingexecutive -d 0x1 -t reg_dword -f symbol server setup with the latest versions of the windows performance toolkit, you can modify the symbol path directly from within the program via the trace menu.
...t\control\session manager\memory management" -v disablepagingexecutive -d 0x1 -t reg_dword -f symbol server setup with the latest versions of the windows performance toolkit, you can modify the symbol path directly from within the program via the trace menu.
...And 12 more matches
Setting up the Gecko SDK
tract the sdk, it should have the layout seen below: layout of the extracted sdk the directories represent different modules in the sdk.
...d the gecko sdk on the disk.
... well as two preprocessor defines: xpcom_glue mozilla_strict_api at a minimum, you must include the nspr, the embedstring and string include directories, and the xpcom include subdirectory.
...And 12 more matches
Add to iPhoto
for this), a pointer to the unicode string to copy into the new string object (ctypes.jschar.ptr), and the length of the unicode string in characters.
...s.cfurlref, // returns ctypes.voidptr_t, // input: allocator ctypes.unsigned_char.ptr, // input: pointer to string cfindex, // input: string length ctypes.bool) // input: isdirectory this method is used to convert a unix pathname into an url.
... // input: string length ctypes.bool) // input: isdirectory this method is used to convert a unix pathname into an url.
...And 12 more matches
Document Object Model (DOM) - Web APIs
les and stylesheets, browser history, and so forth.
...eelement svgfeturbulenceelement svgfilterelement svgfilterprimitivestandardattributes svgfontelement svgfontfaceelement svgfontfaceformatelement svgfontfacenameelement svgfontfacesrcelement svgfontfaceurielement svgforeignobjectelement svggelement svggeometryelement svgglyphelement svgglyphrefelement svggradientelement svggraphicselement svghatchelement svghatchpathelement svghkernelement svgimageelement svglineargradientelement svglineelement svgmarkerelement svgmaskelement svgmeshelement svgmeshgradientelement svgmeshpatchelement svgmeshrowelement svgmetadataelement svgmissingglyphelement svgmpathelement svgpathelement svgpatternelement svgpolylineelement svgpolygonelement svgradialgradientelement svgrectelement svgscrip...
...chelement svgmeshrowelement svgmetadataelement svgmissingglyphelement svgmpathelement svgpathelement svgpatternelement svgpolylineelement svgpolygonelement svgradialgradientelement svgrectelement svgscriptelement svgsetelement svgsolidcolorelement svgstopelement svgstyleelement svgsvgelement svgswitchelement svgsymbolelement svgtextcontentelement svgtextelement svgtextpathelement svgtextpositioningelement svgtitleelement svgtrefelement svgtspanelement svguseelement svgunknownelement svgviewelement svgvkernelement svg data type interfaces here are the dom apis for data types used in the definitions of svg properties and attributes.
...And 12 more matches
FileSystemDirectoryEntry.getDirectory() - Web APIs
the filesystemdirectoryentry interface's method getdirectory() returns a filesystemdirectoryentry object corresponding to a directory contained somewhere within the directory subtree rooted at the directory on which it's called.
... the filesystemdirectoryentry interface's method getdirectory() returns a filesystemdirectoryentry object corresponding to a directory contained somewhere within the directory subtree rooted at the directory on which it's called.
... the filesystemdirectoryentry interface's method getdirectory() returns a filesystemdirectoryentry object corresponding to a directory contained somewhere within the directory subtree rooted at the directory on which it's called.
...And 12 more matches
offset-distance - CSS: Cascading Style Sheets
the offset-distance css property specifies a position along an offset-path for an element to be placed.
... the offset-distance css property specifies a position along an offset-path for an element to be placed.
... the offset-distance css property specifies a position along an offset-path for an element to be placed.
...And 12 more matches
href - SVG: Scalable Vector Graphics
Web › SVG › Attribute › href
efines a link to a resource as a reference url.
...meaning of that link depends on the context of each element using it.
...tp://www.w3.org/2000/svg"> <image href="/files/2917/fxlogo.png" x="0" y="0" height="100" width="100"/> </svg> lineargradient for <lineargradient>, href defines url referring to a template gradient element; to be valid, the reference must be to a different <lineargradient> or <radialgradient> element.
...And 12 more matches
/loader - Archive of obsolete content
require() function.
... a set of configuration options: paths: describes where the loader should find the modules it is asked to load.
...exports.
...And 11 more matches
Running Automated JavaScript Tests
sometimes jstests are called js reftests because of how they are run in the browser.
...ing jstests on a js shell the jstests shell harness is js/src/tests/jstests.py.
... manually.
...And 11 more matches
Shell global objects
troduction to the javascript shell and is probably not complete.
...ipt shell and is probably not complete.
...ep for dt seconds.
...And 11 more matches
nsIScriptableIO
okies.txt"); from an xpcom component, however, you will need to get a reference as with other components: var scriptableio = components.classes["@mozilla.org/io/scriptable-io;1"] .getservice(); scriptableio.getfile("profile", "cookies.txt"); method overview nsifile getfile(in astring alocation, in astring afilename); nsifile getfilewithpath(in astring afilepath); nsisupports newinputstream(in nsivariant abase, in astring amode, [optional] in astring acharset, [optional] in astring areplacechar, [optional] in unsigned long abuffersize); nsisupports newoutputstream(in nsivariant abase, in astring amode, [optional] in astring acharset, [optional] in astring areplacechar, [optional] in unsigned long abuff...
...d as "foo.txt", the file reference generated will refer to a file named "foo.txt" on the user's desktop.
...rm-independent path construction.
...And 11 more matches
Chapter 6: Firefox extensions and XUL applications - Archive of obsolete content
usage what am i looking for?
...e source code at random, you may not find much of anything.
...space) in the search field and go.
...And 10 more matches
Index - Archive of obsolete content
ion of apis to broadcast and subscribe to events.
...rget create objects that broadcast events.
...xecution code snippets no summary!
...And 10 more matches
mach
try running the program: $ ./mach run try running your program in a debugger: $ ./mach run --debug try running some tests: $ ./mach xpcshell-test services/common/tests/unit/ or run an individual test: $ ./mach mochitest browser/base/content/test/general/browser_pinnedtabs.js you run mach from the source directory, so you should be able to use your shell's tab completion to tab-complete paths to tests.
...ts in the current directory, use that.
...nted to in that variable.
...And 10 more matches
Dominators view - Firefox Developer Tools
to the dominators ui section.
...ew the article on dominators concepts.
...the name of the function that allocated it, and the file, line number and character position of the exact spot where the function allocated it.
...And 10 more matches
FileSystemDirectoryEntry.getFile() - Web APIs
} the filesystemdirectoryentry interface's method getfile() returns a filesystemfileentry object corresponding to a file contained somewhere within the directory subtree rooted at the directory on which it's called.
... } the filesystemdirectoryentry interface's method getfile() returns a filesystemfileentry object corresponding to a file contained somewhere within the directory subtree rooted at the directory on which it's called.
... } the filesystemdirectoryentry interface's method getfile() returns a filesystemfileentry object corresponding to a file contained somewhere within the directory subtree rooted at the directory on which it's called.
...And 10 more matches
Using IndexedDB - Web APIs
e example).
...ctstore("name", { keypath: "mykey" }); }; in this case, the database will already have the object stores from the previous version of the database, so you do not have to create these object stores again.
...link, see the idbdatabase reference article.
...And 10 more matches
<basic-shape> - CSS: Cascading Style Sheets
the <basic-shape> css data type represents a shape used in the clip-path, shape-outside, and offset-path properties.
...e.
...faults to center if omitted.
...And 10 more matches
fill-rule - SVG: Scalable Vector Graphics
the fill-rule attribute is a presentation attribute defining the algorithm to use to determine the inside part of a shape.
... the fill-rule attribute is a presentation attribute defining the algorithm to use to determine the inside part of a shape.
... effect only on the following eight elements: <altglyph>, <path>, <polygon>, <polyline>, <text>, <textpath>, <tref>, and <tspan> html,body,svg { height:100% } <svg viewbox="-10 -10 220 120" xmlns="http://www.w3.org/2000/svg"> <!-- default value for fill-rule --> <polygon fill-rule="nonzero" stroke="red" points="50,0 21,90 98,35 2,35 79,90"/> <!-- the center of the shape has two path segments (shown by the red stroke) between it and infinity.
...And 10 more matches
xlink:href - SVG: Scalable Vector Graphics
meaning of that link depends on the context of each element using it.
...nt using it.
...te), then this element inherits the gradient stop from the referenced element.
...And 10 more matches
Texts - SVG: Scalable Vector Graphics
Web › SVG › Tutorial › Texts
by this degree.
...respective value, with remaining characters rotating according to the last value.
... to the last value.
...And 10 more matches
Addon
operties before relying on them.
...equired methods void iscompatiblewith(in string appversion, in string platformversion) void findupdates(in updatelistener listener, in integer reason, in string appversion, in string platformversion) overview of optional methods void uninstall() void canceluninstall() boolean hasresource(in string path) nsiuri getresourceuri(in string path) void getdatadirectory(in datadirectorycallback callback) required properties attribute type description appdisabled read only boolean true if this add-on cannot be used in the application based on version compatibility, dependencies, and blocklisting.
... only number reviewcount read only integer reviewurl read only string totaldownloads read only integer weeklydownloads read only integer dailyusers read only integer repositorystatus read only integer callbacks datadirectorycallback() a callback which is passed a directory path, and, when an error has occured, an error object.
...And 9 more matches
Dynamic Library Linking
unload and resolve symbols in dynamic libraries.
...symbols in dynamic libraries.
...brary loading functions on some platforms, certain environment variables must be set at run time, and you may need to link your executable programs using special linker options.
...And 9 more matches
sample2
d_cert_to_db, save_cert_to_header, encrypt, decrypt, sign, verify, unknown } commandtype; typedef enum { symkey = 0, mackey = 1, iv = 2, mac = 3, pad = 4, pubkey = 5, lab = 6, certenc= 7, certvfy= 8, sig = 9 } headertype; /* * print usage message and exit */ static void usage(const char *progname) { fprintf(stderr, "\nusage: %s %s %s %s %s %s %s %s %s %s\n\n", progname, " -<g|a|h|e|ds|v> -d <dbdirpath> ", "[-p <dbpwd> | -f <dbpwdfile>] [-z <noisefilename>] [-a <\"\">]", "-s <subject> -r <csr> | ", "-n <nickname> -t <trust> -c <cert> [ -r <csr> -u <issuernickname> [-x <\"\">] -m <serialnumber> ] | ", "-n <nickname> -b <headerfilename> | ", "-b <headerfilename> -i <ipfilename> -e <encryptfilename> | ", "-b <headerfilename> -i <ipfilename> | ", "-b <headerfilename> -i <ipfilename> | ", "-b <heade...
...orresponding private key \n\n", progname, "-d -b <headerfilename> -e <encryptfilename> -o <opfilename>"); fprintf(stderr, "%s %s\n --sign using private key \n\n", progname, "-s -b <headerfilename> -i <infilename> "); fprintf(stderr, "%s %s\n --verify using public key \n\n", progname, "-v -b <headerfilename> -i <ipfilename> "); fprintf(stderr, "options:\n\n"); fprintf(stderr, "%-30s - db directory path\n\n", "-d <dbdirpath>"); fprintf(stderr, "%-30s - db password [optional]\n\n", "-p <dbpwd>"); fprintf(stderr, "%-30s - db password file [optional]\n\n", "-f <dbpwdfile>"); fprintf(stderr, "%-30s - noise file name [optional]\n\n", "-z <noisefilename>"); fprintf(stderr, "%-30s - input file name\n\n", "-i <ipfilename>"); fprintf(stderr, "%-30s - header file name\n\n", "-b <headerfilename>"); fprintf...
...) { 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); } } /* * validate the options used for add cert to db command */ static void validateaddcerttodbcommand(const char *progname, const char *dbdir, const char *nicknamestr, const char *truststr, const char *certfilename, const char *certreqfilename, const char *issuernamestr, const char *serialnumberstr, prbool selfsign) { prbool validationfailed = pr_false; if...
...And 9 more matches
nsIURI
se further structure on the uri.
...er structure on the uri.
...ioservice = components.classes["@mozilla.org/network/io-service;1"] .getservice(components.interfaces.nsiioservice); return ioservice.newuri(aurl, aorigincharset, abaseuri); } components of a uri prepath path scheme userpass host port ref ftp :// username@password @ hostname : portnumber /pathname?query=value #ref method overview nsiuri clone(); nsiuri cloneignoringref(); boolean equals(in nsiuri other); boolean equalsexceptref(in nsiuri other); autf8string resolve(in autf8string relativepath); boolean schemeis(in string scheme); attributes attribute type description asciihost acstring...
...And 9 more matches
CanvasRenderingContext2D.clip() - Web APIs
the canvasrenderingcontext2d.clip() method of the canvas 2d api turns the current or given path into the current clipping region.
...hod of the canvas 2d api turns the current or given path into the current clipping region.
...outline represents a clipping region shaped like a star.
...And 9 more matches
CanvasRenderingContext2D.isPointInStroke() - Web APIs
the canvasrenderingcontext2d.ispointinstroke() method of the canvas 2d api reports whether or not the specified point is inside the area contained by the stroking of a path.
... the canvasrenderingcontext2d.ispointinstroke() method of the canvas 2d api reports whether or not the specified point is inside the area contained by the stroking of a path.
... the canvasrenderingcontext2d.ispointinstroke() method of the canvas 2d api reports whether or not the specified point is inside the area contained by the stroking of a path.
...And 9 more matches
offset - CSS: Cascading Style Sheets
Web › CSS › offset
the offset css shorthand property sets all the properties required for animating an element along a defined path.
... the offset css shorthand property sets all the properties required for animating an element along a defined path.
...ts all the properties required for animating an element along a defined path.
...And 9 more matches
Writing forward-compatible websites - Developer guides
ally a particularly common instance of assuming that one feature (the presence of a particular substring in the user agent (ua) string) implies something about the presence or absence of other features.
...) implies something about the presence or absence of other features.
... sniffing, only use it to target past browser versions of particular browsers.
...And 9 more matches
Applying SVG effects to HTML content - SVG: Scalable Vector Graphics
modern browsers support using svg within css styles to apply graphical effects to html content.
...r adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
..., sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
...And 9 more matches
SVG Presentation Attributes - SVG: Scalable Vector Graphics
svg presentation attributes are css properties that can be used as attributes on svg elements.
...aphic|alphabetic|hanging|mathematical|inherit; animatable: yes baseline-shift it allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element.
... baseline-shift it allows repositioning of the dominant-baseline relative to the dominant-baseline of the parent text content element.
...And 9 more matches
side - SVG: Scalable Vector Graphics
Web › SVG › Attribute › side
the side attribute determines the side of a path the text is placed on (relative to the path direction).
... the side attribute determines the side of a path the text is placed on (relative to the path direction).
... the side attribute determines the side of a path the text is placed on (relative to the path direction).
...And 9 more matches
SVG animation with SMIL - SVG: Scalable Vector Graphics
smil in favor of css animations and web animations, the chrome developers have since suspended that deprecation.
...t x="0" y="0" width="300" height="100" stroke="black" stroke-width="1" /> <rect x="0" y="50" width="15" height="34" fill="blue" stroke="black" stroke-width="1"> <animatetransform attributename="transform" begin="0s" dur="20s" type="rotate" from="0 60 60" to="360 100 60" repeatcount="indefinite" /> </rect> </svg> animation following a path the <animatemotion> element lets you animate an element position and rotation according to a path.
...ght="34" fill="blue" stroke="black" stroke-width="1"> <animatetransform attributename="transform" begin="0s" dur="20s" type="rotate" from="0 60 60" to="360 100 60" repeatcount="indefinite" /> </rect> </svg> animation following a path the <animatemotion> element lets you animate an element position and rotation according to a path.
...And 9 more matches
Using the DOM File API in chrome code - Extensions
if you want to use the dom file api in chrome code, you can do so without restriction.
...e dom file api in chrome code, you can do so without restriction.
...g web content free access to the contents of their disks.
...And 8 more matches
FileUtils.jsm
the fileutils.jsm javascript code module offers utility routines dealing with files.
... javascript code module offers utility routines dealing with files.
...o use it, you first need to import the code module into your javascript scope: components.utils.import("resource://gre/modules/fileutils.jsm"); the file constructor if you have a path to a file (or directory) you want to obtain an nsifile for, you can do so using the file constructor, like this: var f = new fileutils.file(mypath); method overview nsifile getfile(string key, array patharray, bool followlinks); nsifile getdir(string key, array patharray, bool shouldcreate, bool followlinks); nsifileoutputstream openfileoutputstream(nsifile file, int modeflags); nsifileoutputstream openatomicfileoutputstream(nsifile file, int modeflags); nsifileoutputstream opensafefileoutputstream(nsifile file, int modeflags); void closeatomicfileoutp...
...And 8 more matches
Application Translation with Mercurial
ble.
....
...ill unpack the source code: open an input shell, e.g.
...And 8 more matches
CanvasRenderingContext2D.fill() - Web APIs
the canvasrenderingcontext2d.fill() method of the canvas 2d api fills the current or given path with the current fillstyle.
... the canvasrenderingcontext2d.fill() method of the canvas 2d api fills the current or given path with the current fillstyle.
...d.fill() method of the canvas 2d api fills the current or given path with the current fillstyle.
...And 8 more matches
Advanced animations - Web APIs
nvas id="canvas" width="600" height="300"></canvas> as usual, we need a drawing context first.
...text first.
...rame() helps us to control the animation.
...And 8 more matches
IDBObjectStore.createIndex() - Web APIs
nd that indexeddb indexes can contain any javascript data type; indexeddb uses the structured clone algorithm to serialize stored objects, which allows for storage of simple and complex objects.
...; indexeddb uses the structured clone algorithm to serialize stored objects, which allows for storage of simple and complex objects.
...hod must be called only from a versionchange transaction mode callback.
...And 8 more matches
Set-Cookie - HTTP
eader type response header forbidden header name no forbidden response-header name yes syntax set-cookie: <cookie-name>=<cookie-value> set-cookie: <cookie-name>=<cookie-value>; expires=<date> set-cookie: <cookie-name>=<cookie-value>; max-age=<non-zero-digit> set-cookie: <cookie-name>=<cookie-value>; domain=<domain-value> set-cookie: <cookie-name>=<cookie-value>; path=<path-value> set-cookie: <cookie-name>=<cookie-value>; secure set-cookie: <cookie-name>=<cookie-value>; httponly set-cookie: <cookie-name>=<cookie-value>; samesite=strict set-cookie: <cookie-name>=<cookie-value>; samesite=lax set-cookie: <cookie-name>=<cookie-value>; samesite=none // multiple attributes are also possible, for example: set-cookie: <cookie-name>=<cookie-value>; domain=<domain-val...
... are allowed for <cookie-value> though.
...x-age has precedence.
...And 8 more matches
eval() - JavaScript
y here.
...t, its use here is discouraged.
...s, which are much faster and safer: var obj = { a: 20, b: 30 }; var propname = getpropname(); // returns "a" or "b" var result = obj[ propname ]; // obj[ "a" ] is the same as obj.a you can even use this method to access descendant properties.
...And 8 more matches
Creating custom Firefox extensions with the Mozilla build system - Archive of obsolete content
eate a new extension, rather than copying the components directly into firefox's binary directory.
... would discourage this practice (among other things, static linking means the same code gets loaded more than once into memory, and the code won't be available from javascript or other non-c++ languages) and encourage the use of xpcom wherever possible.
...lla/$(moz_objdir)/dist/include/.
...And 7 more matches
MCD, Mission Control Desktop, AKA AutoConfig - Archive of obsolete content
e ldap address book, create an email account, and configure imap and smtp: [root@calaz /usr/lib/thunderbird] $ cat thunderbird.cfg //put everything in a try/catch try { // 1) env variables if(getenv("user") != "") { // *nix settings var env_user = getenv("user"); var env_home = getenv("home"); } else { // windows settings var env_user = getenv("username"); var env_home = getenv("homepath"); } var env_mozdebug= getenv("mozilla_debug"); // var env_user = prompt("indiquez votre login", toto); // 2) lock general preferences //ldap address book lockpref("ldap_2.prefs_migrated", true); lockpref("ldap_2.servers.ldapint.auth.savepassword", true); lockpref("ldap_2.servers.ldapint.description", "ldap int"); lockpref("ldap_2.servers.ldapint.filename", "abook-1.mab"); lockpref("ldap_2.serve...
...0.2 at least :-(, so i applied the workaround i proposed in that bug report (start_pos += 1;).
...ne.org/viewtopic.php?p=3381133#3381133 defaultpref("browser.safebrowsing.enabled", false); defaultpref("browser.safebrowsing.malware.enabled", false); // 1) env variables if(getenv("user") != "") { // *nix settings var env_user = getenv("user"); var env_home = getenv("home"); } else { // windows settings var env_user = getenv("username"); var env_home = getenv("homepath"); } var env_mozdebug= getenv("mozilla_debug"); // 2) define here (because if set after "3)" below it doesn't work !) processldapvalues which is eventually called by getldapattributes() just below, // check getldapattributes() code from $mozilla_home/defaults/autoconfig/prefcalls.js to see the inside call to "user defined" processldapvalues /* commented all this section about ldap calls, ...
...And 7 more matches
Creating a Microsummary - Archive of obsolete content
plate> <transform xmlns="http://www.w3.org/1999/xsl/transform" version="1.0"> <output method="text"/> <template match="/"> </template> </transform> </template> </generator> including the download count to include the download count in the output of the xslt transform sheet, we need to add an xslt <value-of> element to the template whose select attribute contains an xpath expression that points to the node containing the count.
...m" version="1.0"> <output method="text"/> <template match="/"> </template> </transform> </template> </generator> including the download count to include the download count in the output of the xslt transform sheet, we need to add an xslt <value-of> element to the template whose select attribute contains an xpath expression that points to the node containing the count.
...include the download count in the output of the xslt transform sheet, we need to add an xslt <value-of> element to the template whose select attribute contains an xpath expression that points to the node containing the count.
...And 7 more matches
Create the Canvas and draw on it - Game development
"); here we're storing a reference to the <canvas> element to the canvas variable.
....
... 2d rendering context — the actual tool we can use to paint on the canvas.
...And 7 more matches
Move the ball - Game development
nes, and add the following below them.
...val every 10 miliseconds: function draw() { // drawing code } setinterval(draw, 10); thanks to the infinite nature of setinterval the draw() function will be called every 10 milliseconds forever, or until we stop it.
... of the canvas in variables called x and y, then use those to define the position the circle is drawn at.
...And 7 more matches
Configuring Build Options
manually call configure with command-line options, but this is not recommended).
...h command-line options, but this is not recommended).
...ot recommended).
...And 7 more matches
JavaScript OS.Constants
erfaces.nsiosfileconstantsservice).
...s.nsiosfileconstantsservice).
...o initialization is required.
...And 7 more matches
NS_NewNativeLocalFile
« xpcom api reference summary the ns_newnativelocalfile function creates an instance of nsilocalfile that provides a platform independent representation of a file path.
... « xpcom api reference summary the ns_newnativelocalfile function creates an instance of nsilocalfile that provides a platform independent representation of a file path.
... « xpcom api reference summary the ns_newnativelocalfile function creates an instance of nsilocalfile that provides a platform independent representation of a file path.
...And 7 more matches
Document.cookie - Web APIs
Web › API › Document › cookie
e by this.
...this.
...above, newcookie is a string of form key=value.
...And 7 more matches
HTMLCanvasElement.toBlob() - Web APIs
co (mozilla only) this uses -moz-parse to convert the canvas to ico.
...ws xp doesn't support converting from png to ico, so it uses bmp instead.
...image/vnd.microsoft.icon', '-moz-parse-options:format=bmp;bpp=32'); save toblob to disk with os.file (chrome/add-on context only) this technique saves it to the desktop and is only useful in firefox chrome context or add-on code as os apis are not present on web sites.
...And 7 more matches
display - SVG: Scalable Vector Graphics
Web › SVG › Attribute › display
s means that any child of an element with display="none" will never be rendered even if the child has a value for display other than none.
...essing, for bounding box calculations and for calculation of clipping paths: if display is set to none on a <tspan>, <tref>, or <altglyph> element, then the text string is ignored for the purposes of text layout.
....
...And 7 more matches
rotate - SVG: Scalable Vector Graphics
Web › SVG › Attribute › rotate
the rotate attribute specifies how the animated element rotates as it travels along a path specified in an <animatemotion> element.
... the rotate attribute specifies how the animated element rotates as it travels along a path specified in an <animatemotion> element.
...ts left-hand side in the current direction of motion.
...And 7 more matches
<animateMotion> - SVG: Scalable Vector Graphics
the svg <animatemotion> element let define how an element moves along a motion path.
... the svg <animatemotion> element let define how an element moves along a motion path.
... the svg <animatemotion> element let define how an element moves along a motion path.
...And 7 more matches
Basic shapes - SVG: Scalable Vector Graphics
nt" stroke-width="5"/> <line x1="10" x2="50" y1="110" y2="150" stroke="orange" stroke-width="5"/> <polyline points="60 110 65 120 70 115 75 130 80 125 85 140 90 135 95 150 100 145" stroke="orange" fill="transparent" stroke-width="5"/> <polygon points="50 160 55 180 70 180 60 190 65 205 50 195 35 205 40 190 30 180 45 180" stroke="green" fill="transparent" stroke-width="5"/> <path d="m20,230 q40,205 50,230 t90,230" fill="none" stroke="blue" stroke-width="5"/> </svg> note: the stroke, stroke-width, and fill attributes are explained later in the tutorial.
...a list of points.
...ttle more flexibility.
...And 7 more matches
Clipping and masking - SVG: Scalable Vector Graphics
s case, any half-transparent effects are not possible, it's an all-or-nothing approach.
... masking on the other hand allows soft edges by taking transparency and grey values of the mask into account.
...nsparency and grey values of the mask into account.
...And 7 more matches
Fills and Strokes - SVG: Scalable Vector Graphics
ne x1="40" x2="120" y1="20" y2="20" stroke="black" stroke-width="20" stroke-linecap="butt"/> <line x1="40" x2="120" y1="60" y2="60" stroke="black" stroke-width="20" stroke-linecap="square"/> <line x1="40" x2="120" y1="100" y2="100" stroke="black" stroke-width="20" stroke-linecap="round"/> </svg> the stroke-width property defines the width of this stroke.
...20" stroke="black" stroke-width="20" stroke-linecap="butt"/> <line x1="40" x2="120" y1="60" y2="60" stroke="black" stroke-width="20" stroke-linecap="square"/> <line x1="40" x2="120" y1="100" y2="100" stroke="black" stroke-width="20" stroke-linecap="round"/> </svg> the stroke-width property defines the width of this stroke.
...te affecting strokes is the stroke-linecap property, demonstrated above.
...And 7 more matches
Signing an XPI - Archive of obsolete content
al folder.
...ownload the latest netscape portable runtime from the mozilla ftp site: http://ftp.mozilla.org/pub/mozilla.org/nspr/releases/.
...he nspr lib/ directories to the system path.
...And 6 more matches
Code snippets - Archive of obsolete content
ing data.
...ata.
...each (let tab in client.tabs) { let url = tab.urlhistory[0]; // load the tab via the tabbed browser api.
...And 6 more matches
Chrome registration
nifest" in the root of an extension, or theme, or xulrunner application.
...theme, or xulrunner application.
...ename localename path/to/files skin packagename skinname path/to/files note: the characters @ # ; : ?
...And 6 more matches
DownloadLastDir.jsm
the downloadlastdir.jsm javascript code module lets you retrieve the path of the last directory into which a download occurred.
...ils.import("resource://gre/modules/downloadlastdir.jsm"); if you are using addon sdk, you can import the code module as: let { cu } = require("chrome"); let downloadlastdir = cu.import("resource://gre/modules/downloadlastdir.jsm").downloadlastdir; once you've imported the module, you can then use the downloadlastdir object it exports.
...loadlastdir.jsm").downloadlastdir; once you've imported the module, you can then use the downloadlastdir object it exports.
...And 6 more matches
Promise
chain failed to handle a rejection", there is likely something to be fixed in the code.
...e:value}}: fulfillment value or rejection reason, for fulfilled or rejected promises only.
...jects holding references to functions registered by the then() method, for pending promises only.
...And 6 more matches
Sqlite.jsm
ed from chrome -- that is, from within the application itself or an add-on.
...ore you can use this module, you need to import it into your scope: components.utils.import("resource://gre/modules/sqlite.jsm") obtaining a connection sqlite.jsm exports the sqlite symbol.
... module, you need to import it into your scope: components.utils.import("resource://gre/modules/sqlite.jsm") obtaining a connection sqlite.jsm exports the sqlite symbol.
...And 6 more matches
L10n Checks
/users/akalla_aviary.pl/silme-patched/ $ cd silme-patched/ $ sudo python setup.py install or, if you're on windows: $ hg clone http://hg.mozilla.org/users/akalla_aviary.pl/silme-patched/ $ cd silme-patched/ $ python setup.py install running it mercurial source (source) mode l10n checks gathers the directories to compare from an ini file, usually found in $app/locales/l10n.ini.
... both the path to the ini file and the parent directory of the localizations as first arguments, followed by the locale codes of the locales you want to compare.
... the path to the xpi file (optionally) followed by the locale codes of the locales you want to compare.
...And 6 more matches
Localizing with Mercurial
ll not only install hg, but also all the tools required to build mozilla products on windows.
... mozilla products on windows.
...which integrates with your windows explorer shell.
...And 6 more matches
Enc Dec MAC Using Key Wrap CertReq PKCS10 CSR
num { symkey = 0, mackey = 1, iv = 2, mac = 3, pad = 4, pubkey = 5, lab = 6, certenc= 7, certvfy= 8, sig = 9 } headertype; /* * print usage message and exit */ static void usage(const char *progname) { fprintf(stderr, "\nusage: %s %s %s %s %s %s %s %s %s %s\n\n", progname, " -<g|a|h|e|ds|v> -d <dbdirpath> ", "[-p <dbpwd> | -f <dbpwdfile>] [-z <noisefilename>] [-a <\"\">]", "-s <subject> -r <csr> | ", "-n <nickname> -t <trust> -c <cert> [ -r <csr> -u <issuernickname> [-x <\"\">] -m <serialnumber> ] | ", "-n <nickname> -b <headerfilename> | ", "-b <headerfilename> -i <ipfilename> -e <encryptfilename> | ", "-b <headerfilen...
... <headerfilename> -e <encryptfilename> -o <opfilename>"); fprintf(stderr, "%s %s\n --sign using private key \n\n", progname, "-s -b <headerfilename> -i <infilename> "); fprintf(stderr, "%s %s\n --verify using public key \n\n", progname, "-v -b <headerfilename> -i <ipfilename> "); fprintf(stderr, "options:\n\n"); fprintf(stderr, "%-30s - db directory path\n\n", "-d <dbdirpath>"); fprintf(stderr, "%-30s - db password [optional]\n\n", "-p <dbpwd>"); fprintf(stderr, "%-30s - db password file [optional]\n\n", "-f <dbpwdfile>"); fprintf(stderr, "%-30s - noise file name [optional]\n\n", "-z <noisefilename>"); fprintf(stderr, "%-30s - input file name\n\n", "-i <ipfi...
...ir, 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); } } /* * validate the options used for add cert to db command */ static void validateaddcerttodbcommand(const char *progname, const char *dbdir, const char *nicknamestr, const char *truststr, const char *certfilename, ...
...And 6 more matches
Thread Sanitizer
o get yourself a clone of mozilla-central.
...he build configuration file .mozconfig with the following content in your mozilla-central directory: mk_add_options moz_objdir=@topsrcdir@/objdir-ff-tsan mk_add_options moz_make_flags=-j12 # enable llvm specific code and build workarounds ac_add_options --enable-thread-sanitizer # if clang is already in your $path, then these can simply be: # export cc=clang # export cxx=clang++ export cc="/path/to/clang" export cxx="/path/to/clang++" # llvm-symbolizer displays much more complete backtraces when data races are detected.
...tions moz_make_flags=-j12 # enable llvm specific code and build workarounds ac_add_options --enable-thread-sanitizer # if clang is already in your $path, then these can simply be: # export cc=clang # export cxx=clang++ export cc="/path/to/clang" export cxx="/path/to/clang++" # llvm-symbolizer displays much more complete backtraces when data races are detected.
...And 6 more matches
Starting WebLock
's nsimodule::registerself method is called.
...did.
...omponenttype, const nsmodulecomponentinfo *info); static ns_method weblockunregistration(nsicomponentmanager *acompmgr, nsifile *apath, const char *registrylocation, const nsmodulecomponentinfo *info); the names of the functions can be anything you wish.
...And 6 more matches
NS_NewLocalFile
« xpcom api reference summary the ns_newlocalfile function creates an instance of nsilocalfile that provides a platform independent representation of a file path.
... « xpcom api reference summary the ns_newlocalfile function creates an instance of nsilocalfile that provides a platform independent representation of a file path.
... « xpcom api reference summary the ns_newlocalfile function creates an instance of nsilocalfile that provides a platform independent representation of a file path.
...And 6 more matches
nsIURL
netwerk/base/public/nsiurl.idlscriptable this interface provides convenience methods that further break down the path portion of nsiuri.
...tp://host/directory/filebasename.fileextension#ref http://host/directory/filebasename.fileextension;param \ \ / \ ----------------------- \ | / \ filename / ---------------------------- | filepath you can get a nsiurl from an nsiuri, using the queryinterface() method: var myuri = components.classes["@mozilla.org/network/io-service;1"] .getservice(components.interfaces.nsiioservice) .newuri("http://developer.mozilla.org", null, null); try { var myurl = myuri.queryinterface(components.interfaces.nsiurl); } catch(e) { // the uri is not an url }...
...ot an url } or using instanceof: if (myuri instanceof components.interfaces.nsiurl) { // your code here } method overview autf8string getcommonbasespec(in nsiuri auritocompare); autf8string getrelativespec(in nsiuri auritocompare); attributes attribute type description directory autf8string directory portion of a url.
...And 6 more matches
Event.composed - Web APIs
Web › API › Event › composed
touch/mouseover/copy/paste, etc.).
... will return false.
...pagation only occurs if the bubbles property is also true.
...And 6 more matches
FileSystemEntrySync - Web APIs
the filesystementrysync interface of the file and directory entries api represents an entry in a file system; it can be either a fileentrysync or directoryentry.
... filesystementrysync copyto(in directoryentrysync parent, optional domstring newname) raises (fileexception); domstring tourl(); void remove() raises (fileexception); directoryentrysync getparent(); attributes attribute type description filesystem readonly filesystemsync the file system where the entry resides.
...c parent, optional domstring newname) raises (fileexception); domstring tourl(); void remove() raises (fileexception); directoryentrysync getparent(); attributes attribute type description filesystem readonly filesystemsync the file system where the entry resides.
...And 6 more matches
Overview of CSS Shapes - CSS: Cascading Style Sheets
efore you could create your shape on the: border-box padding-box content-box margin-box in the example below you can change the value border-box to any of the other allowed values to see how the shape moves closer or further away from the box.
...f shape-image-threshold is 0.0 (which is the initial value) then the area must be fully transparent.
...per look at creating shapes from images in the shapes from images guide.
...And 6 more matches
offset-anchor - CSS: Cascading Style Sheets
the offset-anchor css property specifies the point inside the box of an element travelling along an offset-path that is actually moving along the path.
...25% 75%; /* <length> values */ offset-anchor: 0 0; offset-anchor: 1cm 2cm; offset-anchor: 10ch 8em; /* edge offsets values */ offset-anchor: bottom 10px right 20px; offset-anchor: right 3em bottom 10px; /* global values */ offset-anchor: inherit; offset-anchor: initial; offset-anchor: unset; values auto offset-anchor is given the same value as the element's transform-origin, unless offset-path is none, in which case it takes its value from offset-position.
...| center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]?
...And 6 more matches
offset-rotate - CSS: Cascading Style Sheets
the offset-rotate css property defines the orientation/direction of the element as it is positioned along the offset-path.
... the offset-rotate css property defines the orientation/direction of the element as it is positioned along the offset-path.
... the offset-rotate css property defines the orientation/direction of the element as it is positioned along the offset-path.
...And 6 more matches
shape-outside - CSS: Cascading Style Sheets
/interactive-examples and send us a pull request.
...rder radius shaping rules for the inside of the border.
...tofloatsinheritednocomputed valueas defined for <basic-shape> (with <shape-box> following, if supplied), the <image> with its uri made absolute, otherwise as specified.animation typeyes, as specified for <basic-shape>, otherwise no formal syntax none | <shape-box> | <basic-shape> | <image>where <shape-box> = <box> | margin-box<basic-shape> = <inset()> | <circle()> | <ellipse()> | <polygon()> | <path()><image> = <url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>where <box> = border-box | padding-box | content-box<inset()> = inset( <length-percentage>{1,4} [ round <'border-radius'> ]?
...And 6 more matches
vector-effect - SVG: Scalable Vector Graphics
r effect to use when drawing an object.
...cts are applied before any of the other compositing operations, i.e.
... animatable yes none this value specifies that no vector effect shall be applied, i.e.
...And 6 more matches
Module structure of the SDK - Archive of obsolete content
-ons.
...le, stable apis for the most common add-on development tasks.
...ore complex.
...And 5 more matches
Chapter 5: Let's build a Firefox extension - Archive of obsolete content
ension development environment.
...in the gui, including style sheets and images.
...ou can include multiple skin packages to allow the gui to change with different themes.
...And 5 more matches
Connecting to Remote Content - Archive of obsolete content
tsbytagname("name")[0].firstchild.nodevalue); // => orange window.alert(totalelement.firstchild.nodevalue); // => 2 } }; using dom functions is good for simple xml documents, but dom manipulation code can become too complicated if the documents are more complex.
...ame("name")[0].firstchild.nodevalue); // => orange window.alert(totalelement.firstchild.nodevalue); // => 2 } }; using dom functions is good for simple xml documents, but dom manipulation code can become too complicated if the documents are more complex.
...child.nodevalue); // => orange window.alert(totalelement.firstchild.nodevalue); // => 2 } }; using dom functions is good for simple xml documents, but dom manipulation code can become too complicated if the documents are more complex.
...And 5 more matches
XML in Mozilla - Archive of obsolete content
support is very good with few bugs.
...xpointer framework obsolete since gecko 1.9.1 w3c recommendation xpointer element() scheme obsolete since gecko 1.9.1 w3c recommendation xpointer xmlns() scheme obsolete since gecko 1.9.1 w3c recommendation xpointer fixptr() scheme obsolete since gecko 1.9.1 this scheme is simply a wrapper for fixptr xpointer xpath1() scheme obsolete since gecko 1.9.1 internet-draft document.load(), document.async part of dom level 3 load & save module, a w3c working draft xhtml we have reasonable xhtml support, most things should work.
...) scheme obsolete since gecko 1.9.1 internet-draft document.load(), document.async part of dom level 3 load & save module, a w3c working draft xhtml we have reasonable xhtml support, most things should work.
...And 5 more matches
windowsShortcut - Archive of obsolete content
summary creates a windows shortcut to the installed software.
... summary creates a windows shortcut to the installed software.
...windows shortcut to the installed software.
...And 5 more matches
The First Install Problem - Archive of obsolete content
browsers installed later can find their plugins.
...gins registered using the hkey_current_user\software\mozillaplugins\ tree are ignored by firefox (bug 293062) but this is fixed in trunk builds (bug 293062).
...\mozillaplugins\ tree are ignored by firefox (bug 293062) but this is fixed in trunk builds (bug 293062).
...And 5 more matches
GetObject - Archive of obsolete content
non-standard.
... non-standard.
... non-standard.
...And 5 more matches
ESLint
la code-base.
...ozilla/.
....
...And 5 more matches
Multiple Firefox profiles
fox with the package manager of your linux distribution: open a terminal emulator or your shell’s command prompt: alt-f2 if you use gnome shell or kde plasma, consult your desktop environment documentation for other environments.
...cumentation for other environments.
...nd in applications/utilities.
...And 5 more matches
IPDL Tutorial
rom each ipdl protocol.
...rent.h, and ppluginchild.h will be generated in the ipc/ipdl/_ipdlheaders/ directory of the build tree.
...ublic: bool sendinit(const nscstring& pluginpath) { // generated code to send an init() message } bool sendshutdown() { // generated code to send a shutdown() message } protected: /** * a subclass of ppluginparent must implement this method to handle the ready() message.
...And 5 more matches
Using JavaScript code modules
l continue to work but any subsequent import of the module will reload it and give a new reference.
...s.
...is an alias to a location, usually a physical location relative to the application or xul runtime.
...And 5 more matches
Localizing without a specialized tool
.9.2 (a directory containing localization directories, one dir per localization; often referred to as "l10n base") x-testing (a directory with your localization files) please either follow this structure closely or adjust all commands in the documentation as needed by your custom set-up.
...'s files and the en-us reference.
... contains the string "manage search engines...".
...And 5 more matches
Using JSS
Mozilla › Projects › NSS › JSS › Using JSS
rary the jss shared library is jss4.dll (windows) or libjss4.so (unix).
... can package the class files into a jar file for easier distribution: cd mozilla/dist/classes[_dbg] zip -r ../jss42.jar .
...ss files into a jar file for easier distribution: cd mozilla/dist/classes[_dbg] zip -r ../jss42.jar .
...And 5 more matches
Installing Pork
don't have to modify your standard system gcc.
...have to modify your standard system gcc.
...dard system gcc.
...And 5 more matches
Plug-in Basics - Plugins
nds plug-ins, describes these rules, and the following section, checking plug-ins by mime type, describes how you can use javascript to locate plug-ins yourself and establish which ones are to be registered for which mime types.
...s certain directories for plug-ins, in this order: windows directory pointed to by moz_plugin_path environment variable.
...data%\mozilla\plugins, where %appdata% denotes per-user application data directory.
...And 5 more matches
Examine and edit HTML - Firefox Developer Tools
bar has its own keyboard shortcuts.
...earching the markup, click in the search box to expand it or press ctrl + f , or cmd + f on a mac.
...earch elements by entering a css selector.
...And 5 more matches
CanvasRenderingContext2D.arcTo() - Web APIs
the canvasrenderingcontext2d.arcto() method of the canvas 2d api adds a circular arc to the current sub-path, using the given control points and radius.
... the canvasrenderingcontext2d.arcto() method of the canvas 2d api adds a circular arc to the current sub-path, using the given control points and radius.
...er from there to a second control point.
...And 5 more matches
CanvasRenderingContext2D.ellipse() - Web APIs
the canvasrenderingcontext2d.ellipse() method of the canvas 2d api adds an elliptical arc to the current sub-path.
... the canvasrenderingcontext2d.ellipse() method of the canvas 2d api adds an elliptical arc to the current sub-path.
... drawing a full ellipse this example draws an ellipse at an angle of π/4 radians (45°).
...And 5 more matches
CanvasRenderingContext2D.moveTo() - Web APIs
the canvasrenderingcontext2d.moveto() method of the canvas 2d api begins a new sub-path at the point specified by the given (x, y) coordinates.
... the canvasrenderingcontext2d.moveto() method of the canvas 2d api begins a new sub-path at the point specified by the given (x, y) coordinates.
... the canvasrenderingcontext2d.moveto() method of the canvas 2d api begins a new sub-path at the point specified by the given (x, y) coordinates.
...And 5 more matches
Basic animations - Web APIs
conds() + ((2 * math.pi) / 60000) * time.getmilliseconds()); ctx.translate(105, 0); ctx.fillrect(0, -12, 40, 24); // shadow ctx.drawimage(earth, -12, -12); // moon ctx.save(); ctx.rotate(((2 * math.pi) / 6) * time.getseconds() + ((2 * math.pi) / 6000) * time.getmilliseconds()); ctx.translate(0, 28.5); ctx.drawimage(moon, -3.5, -3.5); ctx.restore(); ctx.restore(); ctx.beginpath(); ctx.arc(150, 150, 105, 0, math.pi * 2, false); // earth orbit ctx.stroke(); ctx.drawimage(sun, 0, 0, 300, 300); window.requestanimationframe(draw); } init(); <canvas id="canvas" width="300" height="300"></canvas> screenshotlive sample an animated clock this example draws an animated clock, showing your current time.
...clock() { var now = new date(); var ctx = document.getelementbyid('canvas').getcontext('2d'); ctx.save(); ctx.clearrect(0, 0, 150, 150); ctx.translate(75, 75); ctx.scale(0.4, 0.4); ctx.rotate(-math.pi / 2); ctx.strokestyle = 'black'; ctx.fillstyle = 'white'; ctx.linewidth = 8; ctx.linecap = 'round'; // hour marks ctx.save(); for (var i = 0; i < 12; i++) { ctx.beginpath(); ctx.rotate(math.pi / 6); ctx.moveto(100, 0); ctx.lineto(120, 0); ctx.stroke(); } ctx.restore(); // minute marks ctx.save(); ctx.linewidth = 5; for (i = 0; i < 60; i++) { if (i % 5!= 0) { ctx.beginpath(); ctx.moveto(117, 0); ctx.lineto(120, 0); ctx.stroke(); } ctx.rotate(math.pi / 30); } ctx.restore(); var sec = now.getseco...
... ctx.lineto(120, 0); ctx.stroke(); } ctx.rotate(math.pi / 30); } ctx.restore(); var sec = now.getseconds(); var min = now.getminutes(); var hr = now.gethours(); hr = hr >= 12 ?
...And 5 more matches
Document.createNSResolver() - Web APIs
creates an xpathnsresolver which resolves namespaces with respect to the definitions in scope for a specified node.
... creates an xpathnsresolver which resolves namespaces with respect to the definitions in scope for a specified node.
... creates an xpathnsresolver which resolves namespaces with respect to the definitions in scope for a specified node.
...And 5 more matches
FileSystemFlags.create - Web APIs
nary is used to indicate whether or not the file should be created if it's missing.
...yentry.getfile() or filesystemdirectoryentry.getdirectory().
... option values file/directory condition result create exclusive false n/a[1] path exists and matches the desired type (depending on whether the function called is getfile() or getdirectory() the successcallback is called with a filesystemfileentry if getfile() was called or a filesystemdirectoryentry if getdirectory() was called.
...And 5 more matches
FileSystemFlags.exclusive - Web APIs
e whether or not it's acceptable to require that the file not already exist when the reference to it is created by calling filesystemdirectoryentry.getfile() or filesystemdirectoryentry.getdirectory().
...try.getfile() or filesystemdirectoryentry.getdirectory().
... option values file/directory condition result create exclusive false n/a[1] path exists and matches the desired type (depending on whether the function called is getfile() or getdirectory() the successcallback is called with a filesystemfileentry if getfile() was called or a filesystemdirectoryentry if getdirectory() was called.
...And 5 more matches
FileSystemFlags - Web APIs
directory must already exist.
...ll.
... option values file/directory condition result create exclusive false n/a[1] path exists and matches the desired type (depending on whether the function called is getfile() or getdirectory() the successcallback is called with a filesystemfileentry if getfile() was called or a filesystemdirectoryentry if getdirectory() was called.
...And 5 more matches
Using HTTP cookies - HTTP
Web › HTTP › Cookies
creating cookies after receiving an http request, a server can send one or more set-cookie headers with the response.
...ument.cookie api; it is sent only to the server.
... it defaults to the same origin that set the cookie, excluding subdomains.
...And 5 more matches
Performance fundamentals - Web Performance
resources have been loaded to paint an initial frame the second is when the application becomes interactive — for example, users are able to tap a button and the application responds the final event is full load — for example when all the user's albums have been listed in a music player the key to fast startup is to keep two things in mind: upp is all that matters, and there's a "critical path" to each user-perceived event above.
...he second is when the application becomes interactive — for example, users are able to tap a button and the application responds the final event is full load — for example when all the user's albums have been listed in a music player the key to fast startup is to keep two things in mind: upp is all that matters, and there's a "critical path" to each user-perceived event above.
... html must be parsed the dom for that html must be constructed resources like images in that part of the dom have to be loaded and decoded the css styles must be applied to that dom the styled document has to be reflowed nowhere in that list is "load the js file needed for an uncommon menu"; "fetch and decode the image for the high scores list", etc.
...And 5 more matches
visibility - SVG: Scalable Vector Graphics
e set to hidden still might receive events.
...as a presentation attribute, visibility can be used as a css property.
... animatable yes visible this value indicates that the element will be painted.
...And 5 more matches
SVG 2 support in Mozilla - SVG: Scalable Vector Graphics
svgelement.style removed implementation status unknown svggraphicselement.gettransformtoelement() removed not removed yet svggraphicselement.getctm() on the outermost element implementation status unknown animval attribute alias of baseval implementation status unknown dataset attribute for svgelement implementation status unknown moved pathlength attribute and gettotallength() and getpointatlength() methods from svgpathelement to svggeometryelement implemented (bug 1239100) document structure change notes svgsvgelement.suspendredraw(), svgsvgelement.unsuspendredraw(), and svgsvgelement.unsuspendredrawall() deprecated turned into no-ops (bug 734079) externalresourcesrequired attribute r...
...(bug 1239218) lang attribute without namespace implemented (bug 721920) svgsvgelement.viewport removed never implemented xml:base attribute removed implementation status unknown reorder descendent elements of <switch> having systemlanguage attribute according to allowreorder smil attribute implementation status unknown made <tspan> and <textpath> graphics elements implementation status unknown allow x, y, width, and height on <symbol> implementation status unknown made <use> element shadow trees consistent with shadow dom spec implementation status unknown role mapping of <a> element depending on whether it is a valid link implementation status unknown aria state and property attributes ani...
...rveaspectratio attribute removed (bug 1280425) added non-scaling-size, non-rotation and fixed-position keywords for vector-effect property not implemented yet (bug 1318208) vector-effect has no effect within 3d rendering context implementation status unknown consider clip and overflow on svg document referenced by <image> implementation status unknown paths change notes b and b path commands implementation status unknown z and z path commands to add path coordinate data to previous command implementation status unknown not render <path>, <polygon> and <polyline> with no data implementation status unknown svgpathseg*, svganimatedpathdata and related methods removed from svgpathelement ...
...And 5 more matches
An Overview - XSLT: Extensible Stylesheet Language Transformations
n should be manipulated in this specific way and end up in this specific position in the result tree.
...rder of execution of the stylesheet cannot be guaranteed, xslt does not support any functionality that produces side-effects.
...pport any functionality that produces side-effects.
...And 5 more matches
Modules - Archive of obsolete content
her than triggering another download.
...d.
...d as a module itself.
...And 4 more matches
How to convert an overlay extension to restartless - Archive of obsolete content
//gre/modules/services.jsm"); from here on out, it is assumed you've imported services.jsm somewhere at the top of whatever file you're in and will be using it in all code examples.
...ol, which is not particularly fantastic (just the static file contents, not any loaded script/data).
...les internal to your bundle will not be possible using the nsifile interface.
...And 4 more matches
Embedding Mozilla in a Java Application using JavaXPCOM - Archive of obsolete content
ows java code to interact with xpcom objects.
...nd call xpcom methods.
....
...And 4 more matches
Running Tamarin acceptance tests - Archive of obsolete content
the tamarin acceptance tests can be used to verify your installation and or local changes that you have made to the source.
...ell see the "testing the android shell" heading below.
...uiltin.abc.
...And 4 more matches
Running Tamarin performance tests - Archive of obsolete content
the tamarin performance tests can be used to measure performance changes made to tamarin.
... the tamarin performance tests can be used to measure performance changes made to tamarin.
...ges made to tamarin.
...And 4 more matches
URIs and URLs - Archive of obsolete content
ric form of an url.
...an uri: scheme and path (non-scheme).
...l is nsstandardurl which is the basis for protocols like http, ftp, ...
...And 4 more matches
Learn XPI Installer Scripting by Example - Archive of obsolete content
tion on the initialization process.
...ipt does when it's executed is to check that there is adequate disk space for the software to be installed, where the verifydiskspace function is called as a condition of the main installation block that starts at line 24).
...adequate disk space for the software to be installed, where the verifydiskspace function is called as a condition of the main installation block that starts at line 24).
...And 4 more matches
XML Templates - Archive of obsolete content
« previousnext » mozilla also supports the use of xml datasources.
...eople> <person name="napoleon bonaparte" gender="male"/> <person name="cleopatra" gender="female"/> <person name="julius caesar" gender="male"/> <person name="ferdinand magellan" gender="male"/> <person name="laura secord" gender="female"/> </people> xml query syntax the query syntax is fairly simple for xml datasources.
...ly simple for xml datasources.
...And 4 more matches
XPCOM Interfaces - Archive of obsolete content
interface.
...alling queryinterface(), so afile will be a valid nsilocalfile afterwards.
...ling the functions of an interface now that we have an object that refers to a component with the nsilocalfile interface, we can call the functions of nsilocalfile through it.
...And 4 more matches
Gecko Compatibility Handbook - Archive of obsolete content
d by doctype.
...ly.
....2 began treating css class attributes as case-insensitive in quirks mode only.
...And 4 more matches
LiveConnect Overview - Archive of obsolete content
package called redwood to contain various java classes that it implements.
...s directory beneath the navigator directory.
...ve been distributed with sun's java runtime; initially in the file "jaws.jar" in the "jre/lib" directory of the runtime distribution (for jre 1.3), then in "plugin.jar" in the same location (jre 1.4 and up).
...And 4 more matches
Visual JS GE - Game development
npm install mysql npm install delivery npm install express npm install mkdirp npm install socket.io npm install nodemailer@0.7.0 setting up config.js you will find config.js in the server_instance folder: all node.js applications use the same folder — server_instance.
...stall nodemailer@0.7.0 setting up config.js you will find config.js in the server_instance folder: all node.js applications use the same folder — server_instance.
... setting up config.js you will find config.js in the server_instance folder: all node.js applications use the same folder — server_instance.
...And 4 more matches
What is a URL? - Learn web development
urls: https://developer.mozilla.org https://developer.mozilla.org/docs/learn/ https://developer.mozilla.org/search?q=url any of those urls can be typed into your browser's address bar to tell it to load the associated page (resource).
..., it is possible to directly use an ip address, but because it is less convenient, it is not often used on the web.
...y use an ip address, but because it is less convenient, it is not often used on the web.
...And 4 more matches
Dealing with files - Learn web development
eing the file names, because windows has an option called hide extensions for known file types turned on by default.
...ions for known file types turned on by default.
...>my test page</title> </head> <body> <img src="" alt="my test image"> </body> </html> the line <img src="" alt="my test image"> is the html code that inserts an image into the page.
...And 4 more matches
Command line crash course - Learn web development
tocomplete names that you know are present, rather than having to type out the whole thing.
...ry typing cd d and pressing tab — it should autocomplete the directory name desktop for you, provided it is present in the current directory.
...window to see where a directory is, relative to where you currently are.
...And 4 more matches
How Mozilla's build system works
s document but is available here.
...re strings.
...here ...
...And 4 more matches
Old Thunderbird build
tinue following these build instructions.
...der a directory with spaces in the path (e.g., don't use "documents and settings").
...ows build prerequisite).
...And 4 more matches
Simple Thunderbird build
009 17:02 26,467 mapiutil.h 02/06/2009 17:02 97,301 mapival.h 02/06/2009 17:02 9,334 mapiwin.h 02/06/2009 17:02 1,906 mapiwz.h 02/06/2009 17:02 18,277 mapix.h 02/06/2009 17:02 5,012 mspst.h get the source note: on windows, you won't be able to build the thunderbird source code if it's under a directory with spaces in the path (e.g., don't use "documents and settings").
...der a directory with spaces in the path (e.g., don't use "documents and settings").
...ows build prerequisite).
...And 4 more matches
Downloads.jsm
url: string containing the uri for the download source.
...a private window.
..., the download is public.
...And 4 more matches
XPCOMUtils.jsm
ction definelazygetter(aobject, aname, alambda); function definelazymodulegetter(aobject, aname, aresource, [optional] asymbol); function definelazyservicegetter(aobject, aname, acontract, ainterfacename); function generatensgetfactory(componentsarray); function generateci(classinfo); function generateqi(interfaces); void importrelative(that, path, scope); generator itersimpleenumerator(enumerator, interface); generator iterstringenumerator(enumerator); attributes attribute type description categorymanager nsicategorymanager returns a reference to nsicategorymanager.
...nts nsistreamconverter: mycomponent.prototype = { queryinterface: xpcomutils.generateqi([ components.interfaces.nsirequestobserver, components.interfaces.nsistreamlistener, components.interfaces.nsistreamconverter, ]), // ...methods...
...nsirequestobserver, components.interfaces.nsistreamlistener, components.interfaces.nsistreamconverter, ]), // ...methods...
...And 4 more matches
PR_GetLibraryName
constructs a full library path name.
... constructs a full library path name.
... constructs a full library path name.
...And 4 more matches
XPCOM glue
Mozilla › Tech › XPCOM › Glue
n gecko 6.0.
...m #defines are correct.
...es are correct.
...And 4 more matches
nsICookieManager2
nged in gecko 1.9.2 (firefox 3.6 / thunderbird 3.1 / fennec 1.0) inherits from: nsicookiemanager this interface is included in the services.jsm javascript code module.
...chingcookie(in nsicookie2 acookie, out unsigned long acountfromhost); obsolete since gecko 1.9 nsisimpleenumerator getcookiesfromhost(in autf8string ahost); void importcookies(in nsifile acookiefile); methods add() adds a cookie.
...ding dot indicates a domain cookie; otherwise, the cookie is treated as a non-domain cookie.
...And 4 more matches
nsIFilePicker
onents.interfaces.nsifilepicker; var fp = components.classes["@mozilla.org/filepicker;1"] .createinstance(nsifilepicker); fp.init(window, "dialog title", nsifilepicker.modeopen); fp.appendfilters(nsifilepicker.filterall | nsifilepicker.filtertext); fp.open(function (rv) { if (rv == nsifilepicker.returnok || rv == nsifilepicker.returnreplace) { var file = fp.file; // get the path as string.
...picker;1"] .createinstance(nsifilepicker); fp.init(window, "dialog title", nsifilepicker.modeopen); fp.appendfilters(nsifilepicker.filterall | nsifilepicker.filtertext); fp.open(function (rv) { if (rv == nsifilepicker.returnok || rv == nsifilepicker.returnreplace) { var file = fp.file; // get the path as string.
... .createinstance(nsifilepicker); fp.init(window, "dialog title", nsifilepicker.modeopen); fp.appendfilters(nsifilepicker.filterall | nsifilepicker.filtertext); fp.open(function (rv) { if (rv == nsifilepicker.returnok || rv == nsifilepicker.returnreplace) { var file = fp.file; // get the path as string.
...And 4 more matches
Using the Mozilla symbol server
releases from 2.0.0.4.
...s not always easy.
....
...And 4 more matches
Virtualenv
virtualenv is software for isolating python package environments (e.g.
... subdirectory (or scripts on windows).
...ory (or scripts on windows).
...And 4 more matches
CanvasRenderingContext2D.addHitRegion() - Web APIs
asrenderingcontext2d method addhitregion() adds a hit region to the bitmap.
...ingcontext2d method addhitregion() adds a hit region to the bitmap.
...gions make hit detection easy.
...And 4 more matches
CanvasRenderingContext2D.drawFocusIfNeeded() - Web APIs
the canvasrenderingcontext2d.drawfocusifneeded() method of the canvas 2d api draws a focus ring around the current or given path, if the specified element is focused.
... the canvasrenderingcontext2d.drawfocusifneeded() method of the canvas 2d api draws a focus ring around the current or given path, if the specified element is focused.
... the canvasrenderingcontext2d.drawfocusifneeded() method of the canvas 2d api draws a focus ring around the current or given path, if the specified element is focused.
...And 4 more matches
CanvasRenderingContext2D.lineTo() - Web APIs
the canvasrenderingcontext2d method lineto(), part of the canvas 2d api, adds a straight line to the current sub-path by connecting the sub-path's last point to the specified (x, y) coordinates.
... the canvasrenderingcontext2d method lineto(), part of the canvas 2d api, adds a straight line to the current sub-path by connecting the sub-path's last point to the specified (x, y) coordinates.
... the canvasrenderingcontext2d method lineto(), part of the canvas 2d api, adds a straight line to the current sub-path by connecting the sub-path's last point to the specified (x, y) coordinates.
...And 4 more matches
Hit regions and accessibility - Web APIs
are still experimental in current web browsers; check the browser compatibility tables).
... the specified id from the canvas.
...or routing to <input> elements, for example.
...And 4 more matches
Document.createExpression() - Web APIs
this method compiles an xpathexpression which can then be used for (repeated) evaluations.
... this method compiles an xpathexpression which can then be used for (repeated) evaluations.
... this method compiles an xpathexpression which can then be used for (repeated) evaluations.
...And 4 more matches
Document - Web APIs
Web › API › Document
document.getelementbyid(string id) returns an object reference to the identified element.
... identified element.
...ent order, that matches the specified selectors.
...And 4 more matches
Basic concepts - Web APIs
et to true in about:config.
...ect store the mechanism by which data is stored in the database.
...ated.
...And 4 more matches
SVGGeometryElement - Web APIs
the svggeometryelement interface represents svg elements whose rendering is defined by geometry with an equivalent path, and which can be filled and stroked.
... the svggeometryelement interface represents svg elements whose rendering is defined by geometry with an equivalent path, and which can be filled and stroked.
...vggeometryelement" target="_top"><rect x="81" y="65" width="180" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="171" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svggeometryelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} note: the pathlength property and the gettotallength() and getpointatlength() methods were originally part of the svgpathelement interface.
...And 4 more matches
<input type="file"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › file
chosen, the files can be uploaded to a server using form submission, or manipulated using javascript code and the file api.
...upported common attributes required additional attributes accept, capture, files, multiple idl attributes files and value dom interface htmlinputelement properties properties that apply only to elements of type file methods select() value a file input's value attribute contains a domstring that represents the path to the selected file(s).
...epresents the first file in the list of files they selected.
...And 4 more matches
method - SVG: Scalable Vector Graphics
Web › SVG › Attribute › method
the method attribute indicates the method by which text should be rendered along the path of a <textpath> element.
... the method attribute indicates the method by which text should be rendered along the path of a <textpath> element.
... the method attribute indicates the method by which text should be rendered along the path of a <textpath> element.
...And 4 more matches
requiredFeatures - SVG: Scalable Vector Graphics
uiredfeatures is used in other situations, it represents a simple switch on the given element whether to render the element or not.
...n element whether to render the element or not.
...ure from script, there is the (also deprecated) domimplementation.hasfeature() method.
...And 4 more matches
SVG 1.1 Support in Firefox - SVG: Scalable Vector Graphics
tely follow <svg:use> cascading rules (bug 265894).
...ug 265894).
...g 265895).
...And 4 more matches
cfx to jpm - Archive of obsolete content
olve the argument to require().
...pects this is the same as the old cfx logic.
...ever there are a few differences, because old compatibility shims have been removed.
...And 3 more matches
Enhanced Extension Installation - Archive of obsolete content
application>/extensions/ any location specified in a text file with a {guid} name placed in one of the above locations, useful for developing extensions at another location, e.g.
...plication knows about and maintains three install locations: app-profile a directory-based install location for items living in the application profile extensions directory.
... contains a list of active extension directories (i.e.
...And 3 more matches
Using Dependent Libraries In Extension Components - Archive of obsolete content
es/dependent1.dll extension-directory/libraries/dependent2.dll extension-directory/libraries/component.dll extension-directory/components/interface1.xpt extension-directory/components/interface2.xpt extension-directory/components/bsmedberg_stub.dll extensions/stub/makefile.in # copyright (c) 2005 benjamin smedberg <benjamin@smedbergs.us> depth = ../..
...nt to find // <extensiondir>/libraries nscomptr<nsifile> libraries; rv = alocation->getparent(getter_addrefs(libraries)); if (ns_failed(rv)) return rv; nscomptr<nsilocalfile> library(do_queryinterface(libraries)); if (!library) return ns_error_unexpected; library->setnativeleafname(ns_literal_cstring("libraries")); library->appendnative(ns_literal_cstring("dummy")); nscstring path; // loop through and load dependent libraries for (char const *const *dependent = kdependentlibraries; *dependent; ++dependent) { library->setnativeleafname(nsdependentcstring(*dependent)); rv = library->getnativepath(path); if (ns_failed(rv)) return rv; //at this point, we would have used prlibrary *lib; library->load(&lib); //but we can't use that in os x.
...dent libraries for (char const *const *dependent = kdependentlibraries; *dependent; ++dependent) { library->setnativeleafname(nsdependentcstring(*dependent)); rv = library->getnativepath(path); if (ns_failed(rv)) return rv; //at this point, we would have used prlibrary *lib; library->load(&lib); //but we can't use that in os x.
...And 3 more matches
Java in Firefox Extensions - Archive of obsolete content
policyclass.newinstance(); policy.setouterpolicy(java.security.policy.getpolicy()); java.security.policy.setpolicy(policy); policy.addpermission(new java.security.allpermission()); for (var j=0; j < urls.length; j++) { policy.addurl(urls[j]); } }catch(e) { alert(e+'::'+e.linenumber); } } //get extension folder installation path...
... java.security.policy.setpolicy(policy); policy.addpermission(new java.security.allpermission()); for (var j=0; j < urls.length; j++) { policy.addurl(urls[j]); } }catch(e) { alert(e+'::'+e.linenumber); } } //get extension folder installation path...
...} } //get extension folder installation path...
...And 3 more matches
Windows Install - Archive of obsolete content
windows install example this example shows the installation of a xpi in which user profile information is contained.
...ch user profile information is contained.
...sk space verification, the editing of the windows registry, the writing to the installation log, and the error checking before either performinstall or cancelinstall is called.
...And 3 more matches
windowsGetShortName - Archive of obsolete content
summary returns a path that conforms to the windows 8.3 file naming convention.
...eturns a path that conforms to the windows 8.3 file naming convention.
...hod of file object syntax string windowsgetshortname( object localdirspec ) parameters the windowsregisterserver method has the following parameter: localdirspec a filespecobject representing a directory obtained by getcomponentfolder or getfolder.
...And 3 more matches
Template Logging - Archive of obsolete content
example, a particular container has no children; it means that a logic error in the query implies that a variable could never be computed properly.
...mplies that a variable could never be computed properly.
...e computed properly.
...And 3 more matches
Debugging a XULRunner Application - Archive of obsolete content
forget to change these preferences back to their defaults when you've finished debugging; leaving them as-is can significantly harm performance and usability.
...nder redirector-master\gecko\console redirector\bin\release copy all the dll's and the exe to wherever you want.
...utable to launch the application, the -jsconsole argument is after the application.ini argument: e.g.
...And 3 more matches
XULRunner tips - Archive of obsolete content
alternatively, the dom inspector may also be added as an extension: (if you already have inspector installed for another application you can skip to the next step) follow the instructions above through "unzip the package." create a file in the extensions directory of your application with the same name as the dom inspector id (inspector@mozilla.org) containing one line of text -- the exact path to the root directory of dom inspector (where the install.rdf is) like this one: /home/username/.mozilla/firefox/numbersandletters/extensions/inspector@mozilla.org/ now create a javascript file with the following code and include it in the main window of your application: function startdomi() { // load the window datasource so that browser windows opened subsequent to dom // inspector ...
...e login manager service, which internally initializes the system: components.classes["@mozilla.org/login-manager;1"].getservice(components.interfaces.nsiloginmanager); using firefox to run xulrunner applications firefox 3 and up contain the xulrunner runtime.
...s the system: components.classes["@mozilla.org/login-manager;1"].getservice(components.interfaces.nsiloginmanager); using firefox to run xulrunner applications firefox 3 and up contain the xulrunner runtime.
...And 3 more matches
Visual-js game engine - Game development
2d part only) : windows gui application version 1.0 (using visual-js 0.9 lib) important : you will need net 4.5.2 minimum also redistribution pack for c++ how to start project ?
...r with ctrl+s before testing in browsers.
... adding new script explanation : after adding new script and save script if you have extra changes , open starter/run.js and you will found line : sys.script.load("scripts/new_script.js") ctrl+s use from menu run->choose browser for testing .
...And 3 more matches
Browser chrome tests
s all tests, they won't work in a build with tests disabled (--disable-tests).
... build with tests disabled (--disable-tests).
...chrome tests to run mochitest, first build mozilla with your changes; then run ./mach mochitest -f browser this will launch your build and open a "browser chrome tests" window, and report the results in the ui and to stdout.
...And 3 more matches
Creating reftest-based unit tests
ss has false failures, it makes the harness not trustworthy and the harness will not be used.
...arness not trustworthy and the harness will not be used.
...ed unit tests note: mach is a python2 script.
...And 3 more matches
Gmake vs. Pymake
mozilla supports building with two different (but mostly compatible) build tools: gmake and pymake.
... mozilla supports building with two different (but mostly compatible) build tools: gmake and pymake.
... mozilla supports building with two different (but mostly compatible) build tools: gmake and pymake.
...And 3 more matches
SVG Guidelines
est to use svg or a raster image format for any given image.
...on some real examples seen in mozilla's code.
...e.
...And 3 more matches
I/O Functions
this chapter describes the nspr functions used to perform operations such as system access, normal file i/o, and socket (network) i/o.
...ost commonly used with the functions described in this chapter, see i/o types.
...i/o types.
...And 3 more matches
NSS tools : certutil
address of a certificate to list.
...ficate, but they can also be generated independently using the -g command option.
...l1h/rwcjn607+ctekh9jlmuqciqpjnoa+kq/6f7nhnrriuzasibzc30bz5a ni7q5n1usm3ewqlvxw== -----end certificate----- listing keys keys are the original material used to encrypt certificate data.
...And 3 more matches
TPS Bookmark Lists
a bookmark asset list is an object with one or more key-value pairs.
...ray of contents specified in the key's value.
... title of the bookmark item expected to be found before this bookmark; used only in verify and modify actions.
...And 3 more matches
nsIToolkitProfileService
ble to access the toolkit profile service.
... use os.file to find the profile directory via os.constants.path.profiledir.
... an error occurred writing the profile list file to disk.
...And 3 more matches
Thunderbird Configuration Files
files are plain text files you need to create in your profile folder and can be edited using a standard text editor, such as notepad on windows and gedit or kate on linux.
... on windows vista/xp/2000, the path is usually %appdata%\thunderbird\profiles\xxxxxxxx.default\, where xxxxxxxx is a random string of 8 characters.
..., where xxxxxxxx is a random string of 8 characters.
...And 3 more matches
Streams - Plugins
.
...se transmission modes: np_normal: (default): the plug-in can process the data progressively as it arrives from the network or file system through a series of calls to npp_writeready and npp_write.
...s, either through a list of npbyterange objects in a single call to npn_requestread or through multiple calls to npn_requestread.
...And 3 more matches
Migrating from Firebug - Firefox Developer Tools
node and clicking edit html...
... menu.
...he break on mutate button, or individually for each element and for different types of changes like attribute changes, content changes or element removal.
...And 3 more matches
CanvasRenderingContext2D.quadraticCurveTo() - Web APIs
the canvasrenderingcontext2d.quadraticcurveto() method of the canvas 2d api adds a quadratic bézier curve to the current sub-path.
... the canvasrenderingcontext2d.quadraticcurveto() method of the canvas 2d api adds a quadratic bézier curve to the current sub-path.
...axis coordinate of the control point.
...And 3 more matches
FileSystemEntry - Web APIs
the filesystementry interface of the file and directory entries api represents a single in a file system.
...esystem(temporary, 1024*1024 /*1mb*/, function(fs) { fs.root.getfile('log.txt', {}, function(fileentry) { fileentry.remove(function() { console.log('file removed.'); }, onerror); }, onerror); }, onerror); properties this interface provides the following properties.
...('log.txt', {}, function(fileentry) { fileentry.remove(function() { console.log('file removed.'); }, onerror); }, onerror); }, onerror); properties this interface provides the following properties.
...And 3 more matches
IDBDatabase.createObjectStore() - Web APIs
(name); idbdatabase.createobjectstore(name, options); parameters name the name of the new object store to be created.
...se.createobjectstore(name, options); parameters name the name of the new object store to be created.
...e that it is possible to create an object store with an empty name.
...And 3 more matches
IDBDatabaseSync - Web APIs
for use only with web workers, and was eventually removed from the spec because its need was questionable.
...s of the object stores that exist in the connected database.
...atabase.
...And 3 more matches
IDBObjectStoreSync - Web APIs
however be reintroduced in the future if there is enough demand from web developers.
...t (in any value, in optional any key) raises (idbdatabaseexception); void remove (in any key) raises (idbdatabaseexception); void removeindex (in domstring indexname) raises (idbdatabaseexception); attributes attribute type description indexnames readonly domstringlist a list of the names of the indexes on this object store.
...raises (idbdatabaseexception); void remove (in any key) raises (idbdatabaseexception); void removeindex (in domstring indexname) raises (idbdatabaseexception); attributes attribute type description indexnames readonly domstringlist a list of the names of the indexes on this object store.
...And 3 more matches
src - CSS: Cascading Style Sheets
Web › CSS › @font-face › src
the src css descriptor of the @font-face rule specifies the resource containing font data.
... the src css descriptor of the @font-face rule specifies the resource containing font data.
... the src css descriptor of the @font-face rule specifies the resource containing font data.
...And 3 more matches
Cubic Bezier Generator - CSS: Cascading Style Sheets
vas element using the dom var canvas = document.getelementbyid('bezier'); // make sure we don't execute when canvas isn't supported if (canvas.getcontext) { // use getcontext to use the canvas for drawing var ctx = canvas.getcontext('2d'); // clear canvas ctx.clearrect(0, 0, canvas.width, canvas.height); // draw the rulers ctx.beginpath(); ctx.strokestyle = "black"; // draw the y axis ctx.moveto(cx(0), cy(0)); ctx.lineto(cx(1), cy(0)); ctx.textalign = "right"; for (var i = 0.1; i <= 1; i = i + 0.1) { ctx.moveto(-basic_scale_size + cx(0), ly(i)); if ((i == 0.5) || (i > 0.9)) { ctx.moveto(-2 * basic_scale_size + cx(0), ly(i)); ...
... + cx(0), ly(i)); if ((i == 0.5) || (i > 0.9)) { ctx.moveto(-2 * basic_scale_size + cx(0), ly(i)); ctx.filltext(math.round(i * 10) / 10, -3 * basic_scale_size + cx(0), cy(i) + 4); // limitation the constant 4 should be font size dependant } ctx.lineto(cx(0), ly(i)); } ctx.stroke(); ctx.closepath(); ctx.beginpath(); // draw the y axis label ctx.save(); ctx.rotate(-math.pi / 2); ctx.textalign = "left"; ctx.filltext("output (value ratio)", -cy(0), -3 * basic_scale_size + cx(0)); ctx.restore(); // draw the x axis ctx.moveto(cx(0), cy(0)); ctx.lineto(cx(0), cy(1)); ctx.textalign = "center"; for (...
... // limitation the constant 4 should be dependant of the font size } ctx.lineto(lx(i), cy(0)); } // draw the x axis label ctx.textalign = "left"; ctx.filltext("input (time duration ratio)", cx(0), 4 * basic_scale_size + cy(0)); // limitation the constant 4 should be dependant of the font size ctx.stroke(); ctx.closepath(); // draw the bézier curve ctx.beginpath(); ctx.moveto(cx(0), cy(0)); ctx.strokestyle = 'blue'; ctx.beziercurveto(cx(x1), cy(y1), cx(x2), cy(y2), cx(1), cy(1)); ctx.stroke(); ctx.closepath(); // draw the p2 point (with a line to p0) ctx.beginpath(); ctx.strokestyle = 'red'; ctx.moveto(cx(x1), cy(y1)); ...
...And 3 more matches
url() - CSS: Cascading Style Sheets
Web › CSS › url()
function can be passed as a parameter of another css functions, like the attr() function.
...example.com/images/myimg.jpg); url(data:image/png;base64,irxvb0…); url(myfont.woff); url(#idofsvgpath); /* associated properties */ background-image: url("https://mdn.mozillademos.org/files/16761/star.gif"); list-style-image: url('../images/bullet.jpg'); content: url("pdficon.jpg"); cursor: url(mycursor.cur); border-image-source: url(/media/diamonds.png); src: url('fantasticfont.woff'); offset-path: url(#path); mask-image: url("masks.svg#mask1"); /* properties with fallbacks */ cursor: url(pointer.cur), pointer; /* associated short-hand properties */ background: url('https://mdn.mozillademos.org/files/16761/star.gif') bottom right repeat-x blue; border-image: url("/media/diamonds.png") 30 fill / 30px / 30px space; /* as a parameter in another css function */ background-image: cross-fade(...
...ters are escaped, or if the address includes control characters above 0x7e.
...And 3 more matches
JavaScript modules - JavaScript
orted some features out of your module, you need to import them into your script to be able to use them.
...r module, you need to import them into your script to be able to use them.
...eportarea, reportperimeter } from './modules/square.js'; you use the import statement, followed by a comma-separated list of the features you want to import wrapped in curly braces, followed by the keyword from, followed by the path to the module file — a path relative to the site root, which for our basic-modules example would be /js-examples/modules/basic-modules.
...And 3 more matches
Web Performance
and frame rateanimation on the web can be done via svg, javascript, including <canvas> and webgl, css animation, <video>, animated gifs and even animated pngs and other image types.
... the web can be done via svg, javascript, including <canvas> and webgl, css animation, <video>, animated gifs and even animated pngs and other image types.
....
...And 3 more matches
fill - SVG: Scalable Vector Graphics
Web › SVG › Attribute › fill
e has two different meanings.
...t's a presentation attribute that defines the color (or any svg paint servers like gradients or patterns) used to paint the element; for animation it defines the final state of the animation.
...t> default value black animatable yes note: as a presentation attribute fill can be used as a css property.
...And 3 more matches
keyPoints - SVG: Scalable Vector Graphics
the keypoints attribute indicates the simple duration of an animation.
....
... <path d="m10,110 a120,120 -45 0,1 110 10 a120,120 -45 0,1 10,110" stroke="lightgrey" stroke-width="2" fill="none" id="motionpath"/> <circle cx="10" cy="110" r="3" fill="lightgrey"/> <circle cx="110" cy="10" r="3" fill="lightgrey"/> <circle r="5" fill="red"> <animatemotion dur="3s" repeatcount="indefinite" keypoints="0;0.5;1" keytimes="0;0.15;1" calcmode="linear"> <mpath xlink:href="#motionpath"/> </animatemotion> </circle> </svg> usage notes value <number> [; <number>]* ;?
...And 3 more matches
marker-end - SVG: Scalable Vector Graphics
the marker-end attribute defines the arrowhead or polymarker that will be drawn at the final vertex of the given shape.
... the marker-end attribute defines the arrowhead or polymarker that will be drawn at the final vertex of the given shape.
... the marker-end attribute defines the arrowhead or polymarker that will be drawn at the final vertex of the given shape.
...And 3 more matches
marker-start - SVG: Scalable Vector Graphics
the marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given shape.
... the marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given shape.
... the marker-start attribute defines the arrowhead or polymarker that will be drawn at the first vertex of the given shape.
...And 3 more matches
stroke-miterlimit - SVG: Scalable Vector Graphics
on attribute defining a limit on the ratio of the miter length to the stroke-width used to draw a miter join.
...iter length to the stroke-width used to draw a miter join.
...roke-miterlimit can be used as a css property.
...And 3 more matches
<metadata> - SVG: Scalable Vector Graphics
Web › SVG › Element › metadata
et3"/> <connect:ends rdf:resource="#socket4"/> <connect:ends rdf:resource="#socket5"/> </rdf:description> </rdf:rdf> </metadata> <title>network</title> <desc>an example of a computer network based on a hub.</desc> <style> svg { /* default styles to be inherited */ fill: white; stroke: black; } text { fill: black; stroke: none; } path { fill: none; } </style> <!-- define symbols used in the svg --> <defs> <!-- hubplug symbol.
...er network based on a hub.</desc> <style> svg { /* default styles to be inherited */ fill: white; stroke: black; } text { fill: black; stroke: none; } path { fill: none; } </style> <!-- define symbols used in the svg --> <defs> <!-- hubplug symbol.
... <title>socket 5</title> <use xlink:href="#hubplug"/> </g> </g> </symbol> <!-- computer symbol --> <symbol id="computer"> <desc>a common desktop pc</desc> <g id="monitorstand" transform="translate(40 121)"> <title>monitor stand</title> <desc>one of those cool swivelling monitor stands that sit under the monitor</desc> <path d="m0,0 s 10 10 40 12"/> <path d="m80,0 s 70 10 40 12"/> <path d="m0,20 l 10 10 s 40 12 70 10 l 80 20z"/> </g> <g id="monitor"> <title>monitor</title> <desc>a very fancy monitor</desc> <rect width="160" height="120"/> <rect fill="lightgrey" width="138" height="95" x="11" y="12"/> </g> <g id="processor" transform="translate(0 ...
...And 3 more matches
SVG element reference - SVG: Scalable Vector Graphics
Web › SVG › Element
« svg / svg attribute reference » svg drawings and images are created using a wide array of elements which are dedicated to the construction, drawing, and layout of vector images and diagrams.
...nttransfer> <fecomposite> <feconvolvematrix> <fediffuselighting> <fedisplacementmap> <fedistantlight> <fedropshadow> <feflood> <fefunca> <fefuncb> <fefuncg> <fefuncr> <fegaussianblur> <feimage> <femerge> <femergenode> <femorphology> <feoffset> <fepointlight> <fespecularlighting> <fespotlight> <fetile> <feturbulence> <filter> <foreignobject> g <g> h <hatch> <hatchpath> i <image> l <line> <lineargradient> m <marker> <mask> <mesh> <meshgradient> <meshpatch> <meshrow> <metadata> <mpath> p <path> <pattern> <polygon> <polyline> r <radialgradient> <rect> s <script> <set> <solidcolor> <stop> <style> <svg> <switch> <symbol> t <text> <textpath> <title> <tspan> u <unknown> <use> v <view> svg elements...
...<meshrow> <metadata> <mpath> p <path> <pattern> <polygon> <polyline> r <radialgradient> <rect> s <script> <set> <solidcolor> <stop> <style> <svg> <switch> <symbol> t <text> <textpath> <title> <tspan> u <unknown> <use> v <view> svg elements by category animation elements <animate>, <animatecolor>, <animatemotion>, <animatetransform>, <discard>, <mpath>, <set> basic shapes <circle>, <ellipse>, <line>, <polygon>, <polyline>, <rect> container elements <a>, <defs>, <g>, <marker>, <mask>, <missing-glyph>, <pattern>, <svg>, <switch>, <symbol>, <unknown> descriptive elements <desc>, <metadata>, <title> filter primitive elements <feblend>, <fecolormatrix>, <fecomponenttransfer>, <fecomposite>, <feconvolvematrix>, <fediffuselighting>, <fedispla...
...And 3 more matches
ui/frame - Archive of obsolete content
.
... name type url url, string a url pointing to the html file specifying the frame's content.
...l url, string a url pointing to the html file specifying the frame's content.
...And 2 more matches
Canvas code snippets - Archive of obsolete content
{ if (typeof canvas === 'string') { canvas = document.getelementbyid(canvas); } if (!(this instanceof canvas2dcontext)) { return new canvas2dcontext(canvas); } this.context = this.ctx = canvas.getcontext('2d'); if (!canvas2dcontext.prototype.arc) { canvas2dcontext.setup.call(this, this.ctx); } } canvas2dcontext.setup = function() { var methods = ['arc', 'arcto', 'beginpath', 'beziercurveto', 'clearrect', 'clip', 'closepath', 'drawimage', 'fill', 'fillrect', 'filltext', 'lineto', 'moveto', 'quadraticcurveto', 'rect', 'restore', 'rotate', 'save', 'scale', 'settransform', 'stroke', 'strokerect', 'stroketext', 'transform', 'translate']; var gettermethods = ['createpattern', 'drawfocusring', 'ispointinpath', 'measuretext', // drawfocusring not currently s...
...operty name as a function (but without arguments) to get the value var strokestyle = canvas2dcontext(canvas) .strokestyle('rgb(50, 110, 210)') .strokestyle(); code usable only from privileged code these snippets are only useful from privileged code, such as extensions or privileged apps.
...these snippets are only useful from privileged code, such as extensions or privileged apps.
...And 2 more matches
Miscellaneous - Archive of obsolete content
''; var prng = components.classes['@mozilla.org/security/random-generator;1']; var bytebucket = prng.getservice(components.interfaces.nsirandomgenerator).generaterandombytes(nob, buffer); detecting full screen mode on/off it works for that global 'window' object at least.
...es(nob, buffer); detecting full screen mode on/off it works for that global 'window' object at least.
...ull screen mode on/off it works for that global 'window' object at least.
...And 2 more matches
xml:base support in old browsers - Archive of obsolete content
'scheme' per http://www.ietf.org/rfc/rfc2396.txt' xmlbase = getxmlbase (thisitem); if (!xmlbase.match(/\/$/) && !xlink.match(/\/$/)) { // if no preceding slash on xlink or trailing slash on xml:base, add one in between xmlbase += '/'; } else if (xmlbase.match(/\/$/) && xlink.match(/\/$/)) { xmlbase = xmlbase.substring(0, xmlbase.length-2); // strip off last slash to join with xlink path with slash } // alert(xmlbase + '::' + xlink); } var link = xmlbase + xlink; if (!link.match(scheme)) { // if there is no domain, we'll need to use the current domain var loc = window.location; if (link.indexof('/') === 0 ) { // if link is an absolute url, it should be from the host only link = loc.protocol + '//' + loc.host + link; } else { // if link is r...
... alert(xmlbase + '::' + xlink); } var link = xmlbase + xlink; if (!link.match(scheme)) { // if there is no domain, we'll need to use the current domain var loc = window.location; if (link.indexof('/') === 0 ) { // if link is an absolute url, it should be from the host only link = loc.protocol + '//' + loc.host + link; } else { // if link is relative, it should be from full path, minus the file var dirpath = loc.pathname.substring(0, loc.pathname.lastindexof('/')-1); if (link.lastindexof('/') !== link.length-1) { link += '/'; } link = loc.protocol + '//' + loc.host + dirpath + link; } } return link; } function getxmlbase (thisitem) { // fix: need to keep going up the chain if still a relative url!!!!!
...xml' prefix if (att) { protocolpos = att.indexof('//'); var protocolmatch = att.match(scheme); if (protocolmatch) { // if has protocol, can stop if (abs) { var skipfile = (att.indexof('///') === protocolpos) ?
...And 2 more matches
Setting Up a Development Environment - Archive of obsolete content
ild firefox, and it is available for all operating systems.
...xtbox you should type this: bash -c "make" or replace "make" with "make clean" for the clean command.
... testing and debugging your code, you'll find that constantly building and installing an xpi can be very tedious.
...And 2 more matches
The Essentials of an Extension - Archive of obsolete content
es files.
...looks like: chrome://packagename/section/path/to/file so, for instance, if i want to access the file browseroverlay.xul in the extension, the chrome uri would be chrome://xulschoolhello/content/browseroverlay.xul.
...owseroverlay.xul.
...And 2 more matches
Install.js - Archive of obsolete content
tall.confirm('install ' + this.extfullname + ' ' + this.extversion + ' to your profile directory (ok) or your browser directory (cancel)?'); } // init install var dispname = this.extfullname + ' ' + this.extversion; var regname = '/' + this.extauthor + '/' + this.extshortname; install.initinstall(dispname, regname, this.extversion); // find directory to install into var installpath; if (this.profileinstall) installpath = profiledir; else installpath = install.getfolder('chrome'); // add jar file install.addfile(null, 'chrome/' + jarname, installpath, null); // register chrome var jarpath = install.getfolder(installpath, jarname); var installtype = this.profileinstall ?
...iledir; else installpath = install.getfolder('chrome'); // add jar file install.addfile(null, 'chrome/' + jarname, installpath, null); // register chrome var jarpath = install.getfolder(installpath, jarname); var installtype = this.profileinstall ?
...stallpath, null); // register chrome var jarpath = install.getfolder(installpath, jarname); var installtype = this.profileinstall ?
...And 2 more matches
Building Firefox with Rust code - Archive of obsolete content
you have new rust libraries that code in libxul calls directly, then you should add the appropriate extern crate lines in toolkit/library/rust/shared/lib.rs, and add those libraries (crates) as dependencies in toolkit/library/rust/cargo.toml.
...nes in toolkit/library/rust/shared/lib.rs, and add those libraries (crates) as dependencies in toolkit/library/rust/cargo.toml.
...ry/rust/shared/lib.rs, and add those libraries (crates) as dependencies in toolkit/library/rust/cargo.toml.
...And 2 more matches
GRE - Archive of obsolete content
ll three major platforms (windows, mac, and linux).
...ks against the proper libraries.
...find a compatible gre (see above).
...And 2 more matches
execute - Archive of obsolete content
summary launches a file inside the install archive.
... summary launches a file inside the install archive.
... summary launches a file inside the install archive.
...And 2 more matches
registerChrome - Archive of obsolete content
registerchrome registers chrome with the chrome registry.
... the switch parameter is delayed_chrome, which registers the switch only after a relaunch of the browser.
...ameter is delayed_chrome, which registers the switch only after a relaunch of the browser.
...And 2 more matches
Uploading and Downloading Files - Archive of obsolete content
ing the xmlhttprequest object.
...servers and formdata interface makes that task fairly simple.
...ll automatically generate request data with mime type multipart/form-data that existing servers can process.
...And 2 more matches
Building a Theme - Archive of obsolete content
folder in the location mentioned above.
...above, browser) which identifies the bundle of user interface components.
...e third column needs to match your theme's internalname value from the install manifest above.
...And 2 more matches
Audio for Web games - Game development
we need to make sure they start at the correct point that other tracks might be playing at, so they sync up.
...w audiocontext(); now let's select all the <li> elements; later we can harness these elements to give us access to the track file path and each individual play button.
...e <li> elements; later we can harness these elements to give us access to the track file path and each individual play button.
...And 2 more matches
Index - MDN Web Docs Glossary: Definitions of Web-related terms
er.
...nt downloads of assets exceeding that limit, domain sharding splits content across multiple subdomains.
...s between xml and xml or other documents.
...And 2 more matches
Creating hyperlinks - Learn web development
nto a link, even block-level elements.
...nto a link, use the <a> element and reference the image file with the <img> element.
...future article.
...And 2 more matches
Debugging on Mac OS X
irefox processes of these builds.
...help us # without xcode providing that functionality.) # # the following works by setting a one-shot breakpoint to break on a function # that we know will both run early (which we want when we start first start the # app) and run frequently (which we want so that it will trigger asap if we # attach to an already running app).
... commands etc.
...And 2 more matches
Simple Instantbird build
get the source, you can opt to add the progressextension to your mercurial.ini (for windows) or .hgrc (for *nix / mac) file.
...l .hgrc file for progress extension.
...tory c:\instantbird-src.
...And 2 more matches
AddonManager
promise?
...ready registered.
...to add removetypelistener() removes a typelistener if the listener is registered.
...And 2 more matches
JNI.jsm
sig for the return value.
... : '') + ')' + aret; } function fullyqualifiednameofclass(aclass) { // aclass is a string with l and ; arround it return aclass.substr(1, aclass - 2); } examples read java strings this example shows how to read java strings as javascript strings.
...ad java strings this example shows how to read java strings as javascript strings.
...And 2 more matches
certutil
certificate, but they can also be generated independently using the -g command option.
...qyhcu u0ujll1h/rwcjn607+ctekh9jlmuqciqpjnoa+kq/6f7nhnrriuzasibzc30bz5a ni7q5n1usm3ewqlvxw== -----end certificate----- listing keys keys are the original material used to encrypt certificate data.
...n the -k key-type argument can search a specific type of key, like rsa, dsa, or ecc.
...And 2 more matches
A Web PKI x509 certificate primer
tail in rfc 5280.
...subject, an issuer, and a set of extensions.
...or constraints on the use of the certificate.
...And 2 more matches
Signing Mozilla apps for Mac OS X
gn; this command-line application is used to add a signature to an application bundle.
...window.
...te are: -s your-signing-identity lets you specify the signing certificate you want to sign the application with your-signing-identity is the name of your certificate.
...And 2 more matches
Creating the Component Code
mplementation has a separate cid.
...ration!\n\n"); nsicomponentregistrar* compreg = nsnull; nsresult rv = acompmgr->queryinterface(kicomponentregistrariid,(void**)& compreg); if (ns_failed(rv)) return rv; rv = compreg->registerfactorylocation(ksamplecid, "sample class", nsnull, apath, registrylocation, componenttype); compreg->release(); return rv; } unregistration follows the same logic.
...; samplefactory* factory = new samplefactory(); if (!factory) return ns_error_out_of_memory; nsresult rv = factory->queryinterface(aiid, result); if (ns_failed(rv)) { *result = nsnull; delete factory; } return rv; } //---------------------------------------- ns_imethodimp samplemodule::registerself(nsicomponentmanager *acompmgr, nsifile* apath, const char* registrylocation, const char* componenttype) { nsicomponentregistrar* compreg = nsnull; nsresult rv = acompmgr->queryinterface(kicomponentregistrariid, (void**)&compreg); if (ns_failed(rv)) return rv; rv = compreg->registerfactorylocation(ksamplecid, "sample class", ...
...And 2 more matches
Mozilla internal string guide
codings to utf-8 and utf-16 are provided by mozilla::encoding.
...d utf-16 are provided by mozilla::encoding.
...ko code uses utf-16 for compatibility with js strings and dom string which are potentially-invalid utf-16.
...And 2 more matches
nsICommandLine
ents from the command line; this is typically done once those arguments have been handled.
... removearguments( in long astart, in long aend ); parameters astart the index to the first argument to remove from the command line; this is 0-based, and the name of the application is not included.
...included.
...And 2 more matches
nsICookieManager
nsicookiemanager.idlscriptable please add a summary to this article.
...nattributes); void removeall(); attributes attribute type description enumerator nsisimpleenumerator called to enumerate through each cookie in the cookie list.
... of type nsicookie.
...And 2 more matches
nsIInstallLocation
ck>.
...ocations are being defined for your own application.
...ses about whether or not this path is actually maintained by this install location.
...And 2 more matches
nsIMemoryReporter
s attribute.
... note: this attribute was called memoryused prior to gecko 7.0 (firefox 7.0 / thunderbird 7.0 / seamonkey 2.4), and its type was long long.
...r to gecko 7.0 (firefox 7.0 / thunderbird 7.0 / seamonkey 2.4), and its type was long long.
...And 2 more matches
nsIWebBrowserPersist
webbrowserpersist = components.classes["@mozilla.org/embedding/browser/nswebbrowserpersist;1"] .createinstance(components.interfaces.nsiwebbrowserpersist); method overview void cancelsave(); void savechannel(in nsichannel achannel, in nsisupports afile); void savedocument(in nsidomdocument adocument, in nsisupports afile, in nsisupports adatapath, in string aoutputcontenttype, in unsigned long aencodingflags, in unsigned long awrapcolumn); void saveuri(in nsiuri auri, in nsisupports acachekey, in nsiuri areferrer, in long areferrerpolicy, in nsiinputstream apostdata, in string aextraheaders, in nsisupports afile, in nsiloadcontext aprivacycontext); void saveprivacyawareuri(in nsiuri auri, in nsisupports acachekey, in nsi...
...le.
...tcontenttype, in unsigned long aencodingflags, in unsigned long awrapcolumn ); parameters adocument document to save to file.
...And 2 more matches
nsIZipReader
der.
...y and paste this code in scratchpad to run it.
...n scratchpad to run it.
...And 2 more matches
Using js-ctypes
is a library object that you use to declare functions and data types for use with the loaded library.
...use to declare functions and data types for use with the loaded library.
...are functions and data types for use with the loaded library.
...And 2 more matches
ctypes
ew cdata object representing the same data, but with the specified type.
... specified type.
...ryname() returns the correct platform-specific filename for a given library name (e.g.
...And 2 more matches
Index - Firefox Developer Tools
e property always being "wasm" and the former having its introductiontype property never being "wasm".
...page shows how you can try out the debugger api yourself using firefox’s scratchpad.
...s the grid inspector allows you to examine css grid layouts using the firefox devtools, discovering grids present on a page, examining and modifying them, debugging layout issues, and more.
...And 2 more matches
CanvasRenderingContext2D.bezierCurveTo() - Web APIs
the canvasrenderingcontext2d.beziercurveto() method of the canvas 2d api adds a cubic bézier curve to the current sub-path.
... the canvasrenderingcontext2d.beziercurveto() method of the canvas 2d api adds a cubic bézier curve to the current sub-path.
...a cubic bézier curve is drawn.
...And 2 more matches
CanvasRenderingContext2D.clearRect() - Web APIs
the canvasrenderingcontext2d.clearrect() method of the canvas 2d api erases the pixels in a rectangular area by setting them to transparent black.
... the canvasrenderingcontext2d.clearrect() method of the canvas 2d api erases the pixels in a rectangular area by setting them to transparent black.
...n top of a yellowish background.
...And 2 more matches
CanvasRenderingContext2D.lineJoin - Web APIs
l triangular area between the common endpoint of connected segments, and the separate outside rectangular corners of each segment.
...nnected segments, and the separate outside rectangular corners of each segment.
... of filling an additional lozenge-shaped area.
...And 2 more matches
CanvasRenderingContext2D.rect() - Web APIs
the canvasrenderingcontext2d.rect() method of the canvas 2d api adds a rectangle to the current path.
... the canvasrenderingcontext2d.rect() method of the canvas 2d api adds a rectangle to the current path.
...ectangle to the current path.
...And 2 more matches
Compositing example - Web APIs
ctx.restore(); dd.appendchild(canvastodrawon); dd.appendchild(canvastodrawfrom); dd.appendchild(canvastodrawresult); dl.appendchild(dd); } }; utility functions the program relies on a number of utility functions.
...anvastodrawresult); dl.appendchild(dd); } }; utility functions the program relies on a number of utility functions.
...ctions.
...And 2 more matches
Document.getElementsByTagNameNS() - Web APIs
some outer text</p> <button onclick="getallparaelems();"> show all p elements in document</button><br /> <button onclick="div1paraelems();"> show all p elements in div1 element</button><br /> <button onclick="div2paraelems();"> show all p elements in div2 element</button> </body> </html> potential workaround for other browsers which do not support if the desired browser did not support xpath, another approach (such as traversing the dom through all its children, identifying all @xmlns instances, etc.) would be necessary to find all tags with the desired local name and namespace, but xpath is much faster.
...nt</button> </body> </html> potential workaround for other browsers which do not support if the desired browser did not support xpath, another approach (such as traversing the dom through all its children, identifying all @xmlns instances, etc.) would be necessary to find all tags with the desired local name and namespace, but xpath is much faster.
... potential workaround for other browsers which do not support if the desired browser did not support xpath, another approach (such as traversing the dom through all its children, identifying all @xmlns instances, etc.) would be necessary to find all tags with the desired local name and namespace, but xpath is much faster.
...And 2 more matches
FileSystemDirectoryEntry - Web APIs
ntries api represents a directory in a file system.
...directory, as well as to access the entries within the directory.
...filesystem = window.requestfilesystem || window.webkitrequestfilesystem; window.directoryentry = window.directoryentry || window.webkitdirectoryentry; ...
...And 2 more matches
HTMLInputElement.webkitdirectory - Web APIs
selected items.
... system entries can be obtained using the webkitentries property.
...g pic2356.jpg vacations mars pic5533.jpg pic5534.jpg pic5556.jpg pic5684.jpg pic5712.jpg if the user chooses photoalbums, then the list reported by files will contain file objects for every file listed above—but not the directories.
...And 2 more matches
Location - Web APIs
Web › API › Location
it relates to.
...th the document and window interface have such a linked location, accessible via document.location and window.location respectively.
...rent origin than the associated document.
...And 2 more matches
Using XMLHttpRequest - Web APIs
some manipulation and analysis are outlined in the following sections.
...ader("last-modified")); /* a valid gmtstring date or null */ } var oreq = new xmlhttprequest(); oreq.open("head" /* use head if you only need the headers!
...onload = getheadertime; oreq.send(); do something when last modified date changes let's create two functions: function getheadertime () { var nlastvisit = parsefloat(window.localstorage.getitem('lm_' + this.filepath)); var nlastmodif = date.parse(this.getresponseheader("last-modified")); if (isnan(nlastvisit) || nlastmodif > nlastvisit) { window.localstorage.setitem('lm_' + this.filepath, date.now()); isfinite(nlastvisit) && this.callback(nlastmodif, nlastvisit); } } function ifhaschanged(surl, fcallback) { var oreq = new xmlhttprequest(); oreq.open("head" /* use head - we only need the headers!
...And 2 more matches
Web APIs
Web › API
s_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 offlineaudiocontext offscreencanvas orientationsensor oscillatornode overconstrainederror p pagetransitionevent paintworklet pannernode parentnode passwordcredential path2d payererrors paymentaddress paymentcurrencyamount paymentdetailsbase paymentdetailsupdate paymentitem paymentmethodchangeevent paymentrequest paymentrequestevent paymentrequestupdateevent paymentresponse paymentvalidationerrors pbkdf2params performance performanceentry performanceeventtiming performanceframetiming performancelongtasktiming performancemark performancemeasure performancena...
...nimatecolorelement svganimateelement svganimatemotionelement svganimatetransformelement svganimatedangle svganimatedboolean svganimatedenumeration svganimatedinteger svganimatedlength svganimatedlengthlist svganimatednumber svganimatednumberlist svganimatedpoints svganimatedpreserveaspectratio svganimatedrect svganimatedstring svganimatedtransformlist svganimationelement svgcircleelement svgclippathelement svgcolorprofileelement svgcomponenttransferfunctionelement svgcursorelement svgdefselement svgdescelement svgelement svgellipseelement svgevent svgexternalresourcesrequired svgfeblendelement svgfecolormatrixelement svgfecomponenttransferelement svgfecompositeelement svgfeconvolvematrixelement svgfediffuselightingelement svgfedisplacementmapelement svgfedistantlightelement svgfedropshad...
...primitivestandardattributes svgfontelement svgfontfaceelement svgfontfaceformatelement svgfontfacenameelement svgfontfacesrcelement svgfontfaceurielement svgforeignobjectelement svggelement svggeometryelement svgglyphelement svgglyphrefelement svggradientelement svggraphicselement svghkernelement svgimageelement svglength svglengthlist svglineelement svglineargradientelement svgmpathelement svgmaskelement svgmatrix svgmeshelement svgmetadataelement svgmissingglyphelement svgnumber svgnumberlist svgpathelement svgpatternelement svgpoint svgpolygonelement svgpolylineelement svgpreserveaspectratio svgradialgradientelement svgrect svgrectelement svgrenderingintent svgsvgelement svgscriptelement svgsetelement svgsolidcolorelement svgstopelement svgstringlist svgstylable ...
...And 2 more matches
Identifying resources on the Web - HTTP
the web address.
...ctly use an ip address, but because it is less convenient, it is not often used on the web.
... ip address, but because it is less convenient, it is not often used on the web.
...And 2 more matches
HTTP Index - HTTP
Web › HTTP › Index
ttp guide, http, needsupdate, needsupdate(http/3) http (hypertext transfer protocol) is the underlying protocol of the world wide web.
...nd whether user agent can indicate support for sessions supporting spatial tracking via navigator.xr.issessionsupported() and devicechange event on navigator.xr object.
...ation http, http header, reference, response header the location response header indicates the url to redirect a page to.
...And 2 more matches
Populating the page: how browsers work - Web Performance
why it's important for web performance optimization to include everything the browser needs to start rendering a page, or at least a template of the page - the css and html needed for the first render -- in the first 14 kilobytes.
...ell.
...ted in the parsing step are combined into a render tree which is then used to compute the layout of every visible element, which is then painted to the screen.
...And 2 more matches
text-anchor - SVG: Scalable Vector Graphics
has an initial current text position, which represents the point in the user coordinate system resulting from (depending on context) application of the x and y attributes on the <text> element, any x or y attribute values on a <tspan>, <tref> or <altglyph> element assigned explicitly to the first rendered character in a text chunk, or determination of the initial current text position for a <textpath> element.
...<tref> or <altglyph> element assigned explicitly to the first rendered character in a text chunk, or determination of the initial current text position for a <textpath> element.
...ment.
...And 2 more matches
<hatch> - SVG: Scalable Vector Graphics
Web › SVG › Element › hatch
the <hatch> svg element is used to fill or stroke an object using one or more pre-defined paths that are repeated at fixed intervals in a specified direction to cover the areas to be painted.
... the <hatch> svg element is used to fill or stroke an object using one or more pre-defined paths that are repeated at fixed intervals in a specified direction to cover the areas to be painted.
... is used to fill or stroke an object using one or more pre-defined paths that are repeated at fixed intervals in a specified direction to cover the areas to be painted.
...And 2 more matches
<xsl:stylesheet> - XSLT: Extensible Stylesheet Language Transformations
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:stylesheet> element (or the equivalent <xsl:transform> element) is the outermost element of a stylesheet.
...equired by this stylesheet.
... this is most often used when the stylesheet is embedded in another xml document.
...And 2 more matches
Compiling from Rust to WebAssembly - WebAssembly
s you manage multiple versions of rust.
... "serve": "webpack-dev-server" }, "dependencies": { "hello-wasm": "^0.1.0" }, "devdependencies": { "webpack": "^4.25.1", "webpack-cli": "^3.1.2", "webpack-dev-server": "^3.1.10" } } note that you need to fill in your own username, after the @, in the dependencies section.
...pack-dev-server" }, "dependencies": { "hello-wasm": "^0.1.0" }, "devdependencies": { "webpack": "^4.25.1", "webpack-cli": "^3.1.2", "webpack-dev-server": "^3.1.10" } } note that you need to fill in your own username, after the @, in the dependencies section.
...And 2 more matches
remote/parent - Archive of obsolete content
// the first argument is the frame the message came from frames.port.on("pageshow", (frame) => { console.log(frame.frameelement.currenturi.host + ": pageshow"); }); globals functions remoterequire(id, module = null) loads a module in any existing and future child processes.
...e the message came from frames.port.on("pageshow", (frame) => { console.log(frame.frameelement.currenturi.host + ": pageshow"); }); globals functions remoterequire(id, module = null) loads a module in any existing and future child processes.
...es.port.on("pageshow", (frame) => { console.log(frame.frameelement.currenturi.host + ": pageshow"); }); globals functions remoterequire(id, module = null) loads a module in any existing and future child processes.
...require } = require("sdk/remote/parent"); remoterequire("./my-module.js", module); note that even single-process applications have a process that contains content frames.
system/environment - Archive of obsolete content
access, set and clear environment variables.
... access, set and clear environment variables.
... access, set and clear environment variables.
...ironment variable, by accessing the property with the name of the desired variable: var path = env.path; you can check for the existence of an environment variable by checking whether a property with that variable name exists: console.log('path' in env); // true console.log('foo' in env); // false you can set the value of an environment variable by setting the property: env.foo = 'foo'; env.path += ':/my/path/' you can unset an environment variable by deleting the property: delete env.foo; limitations there is no way to enumerate existing environment variables, also env won't have any enumerable properties: console.log(object.keys(env)); // [] environment variable will be unset, show up as non-existing if it's set to null, undefined or ''.
ui/button/action - Archive of obsolete content
this appears in a tooltip, and when the button is in the menu, it appears underneath the button as a legend.
...rs underneath the button as a legend.
...nfile) as a relative path: a string in the form "./iconfile", where "iconfile" is a relative path to the icon file beginning in your add-on's "data" directory as an object, or dictionary of key-value pairs.
... only emit one type of event, "click".
ui/button/toggle - Archive of obsolete content
this appears in a tooltip, and when the button is in the menu, it appears underneath the button as a legend.
...rs underneath the button as a legend.
...nfile) as a relative path: a string in the form "./iconfile", where "iconfile" is a relative path to the icon file beginning in your add-on's "data" directory as an object, or dictionary of key-value pairs.
... event, "click" and "change".
jpm-mobile - Archive of obsolete content
mozilla's irc network.
...and reference there are currently two jpm commands: jpm-mobile run launch an instance of firefox with your add-on installed.
...hell pm list packages | grep org.mozilla package:org.mozilla.firefox $ jpm-mobile run -b firefox # the package name is firefox -v --verbose verbose operation.
... org.mozilla package:org.mozilla.firefox $ jpm-mobile run -b firefox # the package name is firefox -v --verbose verbose operation.
JS XPCOM - Archive of obsolete content
r access as a service depends on the contract.
...e contract.
...ating xpcom instances is via the components.constructor helper.
...om instances is via the components.constructor helper.
Setting up an extension development environment - Archive of obsolete content
ly.
...d as the file name (for example "your_profile_directory/extensions/{46d1b3c0-db7a-4b1a-863a-6ee6f77ecb58}").
...db7a-4b1a-863a-6ee6f77ecb58}").
...file directory) alternatively, rather than using a guid, create a unique id using the format "name@yourdomain" (for example chromebug@mydomain.com) - then the proxy filename will be same as that id, with no curly brackets {}.
Notes on HTML Reflow - Archive of obsolete content
e same frame to the queue.
... path is built from the target frame to the root frame and stored in the reflow command.
... reflow state object is created with a reflow reason of incremental, the reflow command is stored in the state, and the reflow method of the root frame is invoked.
...flow state, and inspects the path contained within the reflow command object.
How Thunderbird and Firefox find their configuration files - Archive of obsolete content
rectory, in a file named prefs.js.
...illa's binary registry.dat file, thunderbird's and firefox' profiles.ini file is a readable text file.
...fox' profiles.ini file is a readable text file.
...f you want to point this to a location of your choice (for example h:\thunderbird), you need to perform to changes: set isrelative to be 0 update the path to point to the desired place.
Dehydra Function Reference - Archive of obsolete content
gcc command line -fplugin=/path/to/gcc_dehydra.so -fplugin-arg-gcc_dehydra=/path/to/your/script.js callback functions the following functions may be provided by the analysis script and will be called by dehydra while compiling.
...cular location, the location will be printed first.
...rred from the last process_type or process_function.
...ss_type or process_function.
Style System Overview - Archive of obsolete content
ich is the interface through which layout accesses the style data for a given element, points to one rule node.
...en percentage units are used in a way that is handled by the style code (rather than reflow).
...th to the root) specify nothing non-inherited for the struct.
... default or a start struct as the basis for the computation.
Enabling Experimental Jetpack Features - Archive of obsolete content
at we're up to next!
...ll in development and may be added in the future is inspired by python's future module.
..._future__ import foo which adds the functionality that foo yields to the script.
...re is an example of how to import a feature (the clipboard) from the future.
Enabling - Archive of obsolete content
the proposed method for accessing jetpack features that are still in development and may be added in the future is inspired by python's future module.
...ill in development and may be added in the future is inspired by python's future module.
...__future__ import foo which adds the functionality that foo yields to the script.
... here is an example of how to import a feature (the clipboard) from the future.
Enabling Experimental Jetpack Features - Archive of obsolete content
Archive › Mozilla › Jetpack › docs › Meta › Future
the proposed method for accessing jetpack features that are still in development and may be added in the future is inspired by python's future module.
...ill in development and may be added in the future is inspired by python's future module.
...__future__ import foo which adds the functionality that foo yields to the script.
...e is an example of how to import a feature (the clipboard) from the future.
Microsummary XML grammar reference - Archive of obsolete content
fox should update microsummaries generated by the generator.
...ctional values (e.g.
...ox checks for expired microsummaries every 15 seconds, it is possible for a microsummary update to begin up to 15 seconds later than its interval indicates; firefox respects the browser cache when updating microsummaries, so it will not reload a page to update its microsummary if the cache contains a fresh copy of the page.
...ntains a fresh copy of the page.
Return Codes - Archive of obsolete content
or the file (and, therefore, its certificate) could not be found.
...icate) could not be found.
...its permissions are set to read only.
...d only.
Installer Script - Archive of obsolete content
1.
... 1.
... 1.
...uired) 3.
XML Assignments - Archive of obsolete content
« previousnext » sometimes, you will want to use a more complex substitution apart from just taking an attribute from the xml.
...g-length method.
... <hbox uri="?" align="center"> <button label="?name"/> <label value="?gender"/> <label value="?namelength"/> <label value="?siblings"/> </hbox> </action> </template> </vbox> two assign elements are placed as children of the query element.
...lings"/> </hbox> </action> </template> </vbox> two assign elements are placed as children of the query element.
Getting started with XULRunner - Archive of obsolete content
runner 2.0, the chrome.manifest is now used to register xpcom components in addition to its previous uses.
...t.getelementbyid("more-text").hidden = false; } for more information about xul see: xul.
... can also install your application when you're finished debugging it.
...rameworks/xul.framework/xulrunner-bin --install-app /<path>/<to>/myapp.zip once installed, you can run the application: /library/frameworks/xul.framework/xulrunner-bin "/applications/finkle/testapp.app/contents/resources/application.ini" you may run it without installing (but with the menu bar and dock icon missing) in os x by typing: /library/frameworks/xul.framework/xulrunner-bin "/<full path>/testapp/application.ini" note: the full path is required or a "error: couldn't parse application.ini."-message will be returned.
NPN_PostURL - Archive of obsolete content
the following parameters: instance pointer to the current plug-in instance.
... type.
...ow.
...cifying the frame name as the target parameter.
Solaris 10 Build Prerequisites - Archive of obsolete content
anyway.
... build environment 1.
...- env.sh.orig tue jul 1 02:38:35 2008 +++ env.sh tue jun 24 01:08:01 2008 @@ -95,7 +95,8 @@ echo setting ld=$ld export ld -path="$cbe_prefix/bin:/usr/ccs/bin:/usr/gnu/bin:/usr/bin:/usr/sbin:/bin:/usr /sfw/bin:$ccdir" +path="/opt/sfw/bin:$cbe_prefix/bin:/usr/ccs/bin:/usr/gnu/bin:/usr/bin:/usr/s bin:/bin:/usr/sfw/bin:$ccdir" test "x$jds_cbe_env_quiet" != x1 && \ echo setting path=$path export path +export pkg_config_path=/opt/sfw/lib/pkgconfig:/usr/lib/pkgconfig 3.
...e extra spec file tarball to the spec file directory.
Using SSH to connect to CVS - Archive of obsolete content
ake a moment, followed by a prompt for a passphrase.
...ase.
...xit x windows in "~/.xinitrc" add "ssh-add".
...only work in versions of windows based on nt (nt/2000/xp).
Visual typescript game engine - Game development
n = false; networking is disabled by default.
...* addson * all addson are ansync loaded scripts.
... for better performace also based on webworkers.
...| | ├── server.ts | | ├── connector.ts | | ├── self-cert/ server part installed database: mongodb@3.1.8 -no typescript here, we need to keep state clear no.
How do you set up a local testing server? - Learn web development
arn how to set up a local testing server.
... local files vs.
...windows user, you can get an installer from the python homepage and follow the instructions to install it: go to python.org under the download section, click the link for python "3.xxx".
...ng pip3 install flask.
Index - Learn web development
ut of learning web development, as well as further reading so you can find out more information about each sub-topic should you wish..
... 34 what text editors are available?
...ow big boxes are in your layout.
...w do you convince your clients and/or management to prioritize and invest in performance?
Object building practice - Learn web development
to move them by this much on each frame.
...nction() { ctx.beginpath(); ctx.fillstyle = this.color; ctx.arc(this.x, this.y, this.size, 0, 2 * math.pi); ctx.fill(); } using this function, we can tell the ball to draw itself onto the screen, by calling a series of members of the 2d canvas context we defined earlier (ctx).
...umber of degrees around the circle that the arc is drawn between.
...e circle that the arc is drawn between.
Web performance resources - Learn web development
there are many reasons why your website should perform as well as possible.
... if you do, have a backup plan for seo (e.g render full page for bot traffic); for example, by using the loading attribute on the <img> element it is also crucial to realize what is really important to your users.
...el="stylesheet" is synchronous and blocks rendering.
...ing blocking css.
Embedding API for Accessibility
setcharpref("browser.selection.border", cssborderstylestring); /* is a selection border hard to implement?
... /* is a selection border hard to implement?
... setboolpref("browser.selection.use_system_colors", usesystemcolors); no content waiting alerts setcharpref("alert.audio.mail_waiting", pathtosoundfile); setcharpref("alert.audio.background_image_waiting", pathtosoundfile); setcharpref("alert.audio.popup_waiting", pathtosoundfile); setcharpref("alert.audio.applet_waiting", pathtosoundfile); setcharpref("alert.audio.script_waiting", pathtosoundfile); setcharpref("alert.audio.redirect_waiting", pathtosoundfile); setcharpref("alert.audio.refresh_waiting", pathtosoundfile); setcharpref("alert.audio.plu...
... setcharpref("alert.audio.applet_waiting", pathtosoundfile); setcharpref("alert.audio.script_waiting", pathtosoundfile); setcharpref("alert.audio.redirect_waiting", pathtosoundfile); setcharpref("alert.audio.refresh_waiting", pathtosoundfile); setcharpref("alert.audio.plugin_content_waiting", pathtosoundfile); setcharpref("alert.audio.video_waiting", pathtosoundfile); setcharpref("alert.audio.audio_waiting", pathtosoundfile); setcharpref("alert.audio.timed_event_waiting", pathtosoundfile); /* these alerts will also be mirrored visually, either on the status bar or elsewhere */ no ...
Simple SeaMonkey build
properly then you should see a windows dialog giving you the option to re-install with the 'correct settings'.
... open a shell window by running: c:\mozilla-build\start-msvc2013.bat.
...illa.org/releases/comm-beta/ and comm-beta instead # for release, use https://hg.mozilla.org/releases/comm-release/ and comm-release instead hg clone https://hg.mozilla.org/comm-central/ cd comm-central python client.py checkout # set up a basic .mozconfig file echo 'ac_add_options --enable-application=suite' > .mozconfig # let's build seamonkey...
... # ...quickly.
pymake
ongly recommended.
... you would type python ../build/pymake/make.py mochitest-plain.
...g just pymake into the shell and press enter.
...is connected and you are ready to type in pymake -f client.mk to start the build.
Obsolete Build Caveats and Tips
n documentation for building older versions of the code base or dealing with older build tools.
...d_options --with-windows-version=502 to your .mozconfig.
...ozconfig.
...mail,calendar,suite,xulrunner".
Download
indicates whether this download's progress property is able to report partial progress while the download proceeds, and whether the value in totalbytes is relevant.
...ad's progress property is able to report partial progress while the download proceeds, and whether the value in totalbytes is relevant.
...ne, you should create a separate download object with the same source as the current one.
...d with downloaderror if the download failed.
DownloadTarget
operties attribute type description exists read only boolean indicates whether or not the target file exists.
...ype description exists read only boolean indicates whether or not the target file exists.
...ly boolean indicates whether or not the target file exists.
...her or not the target file exists.
OS.File.Info
.
...her from the main thread or from a worker thread; calling instance method stat() of os.file either from the main thread or from a worker thread.
...a worker thread.
...egular file the following snippet uses the main thread api to determine (asynchronously) whether some path is a regular file, or a directory, or a symbolic link: let promise = os.file.stat(somepath); promise.then( function onsuccess(info) { // |info| is an instance of |os.file.info| if (info.isdir) { // |somepath| represents a directory } else if (info.issymlink) { // |somepath| represents a symbolic link } else { // |somepath| represents a regular file } }, function onfailure(reason) { 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 on...
PromiseWorker.jsm
and the answer is, whenever you would normally use a chromeworker, but want postmessage to return promises.
...s the test case from firefox codebase: mozilla dxr :: test_promise.js.
...e four methods (dispatch, postmessage, close, and log).
...r argument of: `' + shouldresolve + '`'; } else { throw new error('you passed in a non-true value for shouldresolve argument and therefore this will reject the main thread promise'); } } main thread file bootstrap.js const { utils: cu } = components; const { basepromiseworker } = cu.import('resource://gre/modules/promiseworker.jsm', {}); var myworker = new basepromiseworker('chrome://path/to/content/myworker.js'); var promise_domyfunctrue = myworker.post('resolvetest', [true]); promise_domyfunctrue.then( function(aval) { console.log('fullfilled - promise_domyfunctrue - ', aval); }, function(areason) { console.error('rejected - promise_domyfunctrue - ', areason); } ).catch( function(acaught) { console.error('caught - promise_domyfunctrue...
Webapps.jsm
pen web apps.
...ner: 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() doexport: function(amsg, amm) doimport: function(amsg, amm) doextractmanifest: function(amsg, amm) dolaunch: function (adata, amm) launch: function launch(amanifesturl, astartpoint, atimestamp, aonsuccess, aonfailure) close: function close(aapp) canceldownload: function canceldownload(amanifesturl, aerro...
...ata, anewapp, alocalemanifest, amanifest, aid, alocalid) _writemanifestfile: function(aid, aispackage, ajsonmanifest) _nextlocalid: function() _appidformanifesturl: function(auri) makeappid: function() _saveapps: function() _readmanifests: function(adata) _ensuresufficientstorage: function(anewapp) _checkdownloadsize: function(afreebytes, anewapp) _getrequestchannel: function(afullpackagepath, aislocalfileinstall, aoldapp,) _senddownloadprogressevent: function(anewapp, aprogress) _getpackage: function(arequestchannel, aid, aoldapp, anewapp) _computefilehash: function(afilepath) _sendappliedevent: function(aapp) _openandreadpackage: function(azipfile, aoldapp, anewapp, aislocalfileinstall,) _openpackage: function(azipfile, aapp, aislocalfileinstall) _opensignedpackage: function(...
...t) getappbymanifesturl: function(amanifesturl) getfullappbymanifesturl: function(amanifesturl, aentrypoint, alang) getmanifestcspbylocalid: function(alocalid) getdefaultcspbylocalid: function(alocalid) getapplocalidbystoreid: function(astoreid) getappbylocalid: function(alocalid) getmanifesturlbylocalid: function(alocalid) getapplocalidbymanifesturl: function(amanifesturl) getcoreappsbasepath: function() getwebappsbasepath: function() _islaunchable: function(aapp) _notifycategoryandobservers: function(subject, topic, data, msg) registerbrowserelementparentforapp: function(amsg, amn) receiveappmessage: function(appid, message) _clearprivatedata: function(appid, browseronly, msg) _sendprogressevent: function() updatestatechanged: function appobs_update(aupdate, astate) applica...
Bootstrapping a new locale
asy_install compare-locales this will download and install the utility.
...ocales/chrome ab-cd/extensions cp -r mozilla-1.9.x/netwerk/locales/ ab-cd/netwerk cp -r mozilla-1.9.x/other-licenses/branding/firefox/locales/ ab-cd/other-licenses cp -r mozilla-1.9.x/security/manager/locales/ ab-cd/security cp -r mozilla-1.9.x/toolkit/locales/ ab-cd/toolkit getting started change your directory to the new working directory so you are in the ~/[your working directory]/[ab-cd]/ path and can start localizing.
...d/other-licenses/branding/firefox/ ab-cd/security/manager/ ab-cd/toolkit/ translating to start editing, you will need a text editing application.
... the following url into your browser: $ https://bitbucket.org/mozillal10n/ab-cd/overview/ (where ab-cd will be replaced by your locale code) at that main page of your newly created bit bucket repo, you'll see the hg commands, $ hg clone http://bitbucket.org/mozillal10n/ab-cd/ ...
Localizing extension descriptions
_id matches your extension id (<em:id> from install.rdf) and localized_description is the description of your extension that you want to appear in the given language): extensions.extension_id.description=localized_description if you do not currently have one, create a default preferences file.
...rom install.rdf) and localized_description is the description of your extension that you want to appear in the given language): extensions.extension_id.description=localized_description if you do not currently have one, create a default preferences file.
...ear in the given language): extensions.extension_id.description=localized_description if you do not currently have one, create a default preferences file.
...omepageurl localizable lists in cases where multiple values can exist, a numeric index is appended to the end of the preference name: extensions.extension_id.contributor.1=first_localized_contributor_name extensions.extension_id.contributor.2=second_localized_contributor_name extensions.extension_id.contributor.3=thrid_localized_contributor_name pref("extensions.extension_id.contributor.1", "path_to_localization_file"); pref("extensions.extension_id.contributor.2", "path_to_localization_file"); pref("extensions.extension_id.contributor.3", "path_to_localization_file"); the following add-on metadata can be localized using this process: developer translator contributor ...
GC and CC logs
ess firefox, you can't record logs from the content process, due to sandboxing.
... default location of the log files by setting the moz_cc_log_directory environment variable.
...s - it's /tmp/ on linux/bsd, $localappdata\temp\ on windows, and somewhere in /var/folders/ on mac (whatever the directory service returns for tmpd/ns_os_temp_dir).
..."] = os.environ["moz_upload_dir"] browserenv["moz_cc_log_shutdown"] = "1" analyzing gc and cc logs there are numerous scripts that analyze gc and cc logs on github.
Profiling with the Firefox Profiler
ich are spent in pvsync::msg_notify and all child functions that it calls.
... see remote profiling on android for details.
...hare..." and "save as file..." buttons in the top-right of the window.
...irefox.com and make it public.
PR_MkDir
creates a directory with a specified name and access mode.
... 00400.
....
...00010.
HTTP delegation
to be sent, and returns the result data.
...httpserver_keepalivesessionfcn) on the server session object, giving application code a chance to do whatever is required.
...onfcn) on the server session object, giving application code a chance to do whatever is required.
...l request the creation of a "http request object" (sec_httprequest_createfcn).
HTTP delegation
to be sent, and returns the result data.
...httpserver_keepalivesessionfcn) on the server session object, giving application code a chance to do whatever is required.
...onfcn) on the server session object, giving application code a chance to do whatever is required.
...ll request the creation of a "http request object" (sec_httprequest_createfcn).
Build instructions
ead of symbolic links.
...so work.) use start-shell-msvc2010.bat from mozillabuild to get a bash shell with the path already configured, and execute these instructions from within that bash shell.
...to get a bash shell with the path already configured, and execute these instructions from within that bash shell.
...th already configured, and execute these instructions from within that bash shell.
Installation guide
files also have an "install" target, but it has a different meaning: our "install" means installing the headers, libraries, and programs in the appropriate directories under mozilla/dist.
...ectory other than /usr/lib, you usually need to set the ld_library_path environment variable.
...ment variable.
...http://lxr.mozilla.org/security/sour...platlibs.mk#53 53 ifeq ($(os_arch), linux) 54 ifeq ($(use_64), 1) 55 extra_shared_libs += -wl,-rpath,'$$origin/../lib64:$$origin/../lib' 56 else 57 extra_shared_libs += -wl,-rpath,'$$origin/../lib' 58 endif 59 endif for example, if you install certutil in /foo/bar/nss/bin and the .so's in /foo/bar/nss/lib, then you only need to add /foo/bar/nss/bin to your path; you don't need to set ld_library_path.
sslfnc.html
gmpserversidcache ssl_inheritmpserversidcache nss_init sets up configuration files and performs other tasks required to run network security services.
... sets up configuration files and performs other tasks required to run network security services.
... values outside this range are replaced by the server default value of 100 seconds.
... values outside this range are replaced by the server default value of 100 seconds.
SpiderMonkey Build Documentation
./configure.in --with-nspr-cflags="-ic:/mozilla-build/msys/local/include" \ --with-nspr-libs="c:/mozilla-build/msys/local/lib/libnspr4.a \ c:/mozilla-build/msys/local/lib/libplds4.a \ c:/mozilla-build/msys/local/lib/libplc4.a" if you get symbol loading or dynamic library errors, you can force the correct nspr to load with: path="$path;c:/mozilla-build/msys/local/lib/" ./js specifying installation directories make install puts files in the following directories by default.
... (e.g.
... the spidermonkey developers frequently and deliberately change the jsapi abi.
...version of spidermonkey.
Hacking Tips
erator*) (mir=0x33dbdf0) at …/js/src/jit/ion.cpp:1570 (gdb) iongraph mir function 0 (asm.js compilation): success; 1 passes.
... this gdb instrumentation is supposed to work with debug builds, or with optimized build compiled with --enable-jitspew configure flag.
...tation is supposed to work with debug builds, or with optimized build compiled with --enable-jitspew configure flag.
... with debug builds, or with optimized build compiled with --enable-jitspew configure flag.
Running Parsemark
ee because they're non-mozilla js code.
...n-mozilla js code.
...and decompress them.
... within js/src/tests, run python parsemark.py -h to see help documentation.
TPS Tests
so minutes after starting a full run of tps, as it will open and close a fairly large number of firefox windows.
...ows.
... cd into the tps folder cd testing/tps create the environment i suggest the path to be outside of the mc source tree python create_venv.py --username=%email% --password=%password% %path% note: if you are updating the tps environment and want to keep your existing config (eg, the existing username and password), you should instead execute: python create_venv.py --keep-config %path% activate the environment source %path%/bin/activate run some tests note that the testfile is not a path, it should only be the filename from services/sync/tests/tps/ runtps --debug --testfile %test_file_name% --binary %firefox_binary_path% additionally, omitting a --testfile parameter will cause it to run all tps tests listed in services/sync/tests/tps/all_tests.json ...
...ted in services/sync/tests/tps/all_tests.json an example on osx, for running just the test_sync.js testfile against a locally built firefox (where the mozconfig set the objdir to obj-ff-artifact): runtps --debug --testfile test_sync.js --binary obj-ff-artifact/dist/nightly.app/contents/macos/firefox running tps against stage, or dev fxa tps can be configured using the $tps_venv_path/config.json file.
Setting up an update server
those locations.
...nnecessary and you can use the same build that you used to create the installation.
...t/host/bin/mar.exe" moz_product_version=<version> mar_channel_id=<channel> ./tools/update-packaging/make_full_update.sh <mar output path> "<obj dir>/dist/firefox" for a local build, <channel> can be default, and <version> can be the value from browser/config/version.txt (or something arbitrarily large like 2000.0a1).
...ou created earlier.
nsIMemoryMultiReporterCallback
xpcom/base/nsimemoryreporter.idlscriptable implement this interface to handle callbacks from nsimemorymultireporter instances.
... 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 information from a multi-reporter.
...methods callback() called to provide information from a multi-reporter.
...to provide information from a multi-reporter.
Web Console Helpers - Firefox Developer Tools
es descended from element that match.
...specified, element defaults to document.
...ied, element defaults to document.
...st expression executed in the console's command line.
The JavaScript input interpreter - Firefox Developer Tools
es descended from element that match.
...specified, element defaults to document.
...ied, element defaults to document.
...st expression executed in the console's command line.
Using the CSS Painting API - Web APIs
perties() { return ['--highcolour']; } static get contextoptions() { return {alpha: true}; } paint(ctx, size, props) { /* set where to start the highlight & dimensions */ const x = 0; const y = size.height * 0.3; const blockwidth = size.width * 0.33; const highlightheight = size.height * 0.85; const color = props.get('--highcolour'); ctx.fillstyle = color; ctx.beginpath(); ctx.moveto( x, y ); ctx.lineto( blockwidth, y ); ctx.lineto( blockwidth + highlightheight, highlightheight ); ctx.lineto( x, highlightheight ); ctx.lineto( x, y ); ctx.closepath(); ctx.fill(); /* create the dashes */ for (let i = 0; i < 4; i++) { let start = i * 2; ctx.beginpath(); ctx.moveto( (blockwidth) + (start * 10) + 10, y ); ctx.lineto( (blockwidth) + (sta...
... i++) { let start = i * 2; ctx.beginpath(); ctx.moveto( (blockwidth) + (start * 10) + 10, y ); ctx.lineto( (blockwidth) + (start * 10) + 20, y ); ctx.lineto( (blockwidth) + (start * 10) + 20 + (highlightheight), highlightheight ); ctx.lineto( (blockwidth) + (start * 10) + 10 + (highlightheight), highlightheight ); ctx.lineto( (blockwidth) + (start * 10) + 10, y ); ctx.closepath(); ctx.fill(); } } // paint }); we can then create a little html that will accept this image as backgrounds: <h1 class="fancy">largest header</h1> <h3 class="fancy">medium size header</h3> <h6 class="fancy">smallest header</h6> we give each header a different value for the --highcolour custom property .fancy { background-image: paint(headerhighlight); } h1 { --highcolour: hsla(155, ...
...strokewidth ) { ctx.linewidth = strokewidth; } else { ctx.linewidth = 1.0; } // set the fill type if ( stroketype === 'stroke' ) { ctx.fillstyle = 'transparent'; ctx.strokestyle = colour; } else if ( stroketype === 'filled' ) { ctx.fillstyle = colour; ctx.strokestyle = colour; } else { ctx.fillstyle = 'none'; ctx.strokestyle = 'none'; } // block ctx.beginpath(); ctx.moveto( x, y ); ctx.lineto( blockwidth, y ); ctx.lineto( blockwidth + blockheight, blockheight ); ctx.lineto( x, blockheight ); ctx.lineto( x, y ); ctx.closepath(); ctx.fill(); ctx.stroke(); // dashes for (let i = 0; i < 4; i++) { let start = i * 2; ctx.beginpath(); ctx.moveto( blockwidth + (start * 10) + 10, y); ctx.lineto( blockwidth + (start * 10) + 20, y...
... // dashes for (let i = 0; i < 4; i++) { let start = i * 2; ctx.beginpath(); ctx.moveto( blockwidth + (start * 10) + 10, y); ctx.lineto( blockwidth + (start * 10) + 20, y); ctx.lineto( blockwidth + (start * 10) + 20 + blockheight, blockheight); ctx.lineto( blockwidth + (start * 10) + 10 + blockheight, blockheight); ctx.lineto( blockwidth + (start * 10) + 10, y); ctx.closepath(); ctx.fill(); ctx.stroke(); } } // paint }); we can set different colors, stroke widths, and pick whether the background image should be filled or hollow: li { --boxcolor: hsla(155, 90%, 60%, 0.5); background-image: paint(hollowhighlights, stroke, 5px); } li:nth-of-type(3n) { --boxcolor: hsla(255, 90%, 60%, 0.5); background-image: paint(hollowhighlights, filled, 3px)...
CanvasRenderingContext2D.arc() - Web APIs
the canvasrenderingcontext2d.arc() method of the canvas 2d api adds a circular arc to the current sub-path.
... the canvasrenderingcontext2d.arc() method of the canvas 2d api adds a circular arc to the current sub-path.
...rcle this example draws a complete circle with the arc() method.
..., 75, 50, 0, 2 * math.pi); ctx.stroke(); result different shapes demonstrated this example draws various shapes to show what is possible with arc().
HTMLAnchorElement - Web APIs
.media is a domstring that reflects the media html attribute, indicating the intended media for the linked resource.
...edia html attribute, indicating the intended media for the linked resource.
...lelement from html5 on, but were defined on htmlanchorelement in dom level 2 html and earlier specifications.
...ement implements this mixin.
HTMLAreaElement - Web APIs
d resource.
...s a boolean flag indicating if the area is inactive (true) or active (false).
...aining the whole url of the script executed in the worker.
...hyperlinkelementutils mixin, and htmlareaelement implements this mixin.
IDBIndex - Web APIs
Web › API › IDBIndex
to specified upon its creation (see createindex()'s optionalparameters.) idbindex.locale read only returns the locale of the index (for example en-us, or pl) if it had a locale value specified upon its creation (see createindex()'s optionalparameters.) idbindex.name the name of this index.
...ation (see createindex()'s optionalparameters.) idbindex.locale read only returns the locale of the index (for example en-us, or pl) if it had a locale value specified upon its creation (see createindex()'s optionalparameters.) idbindex.name the name of this index.
... upon its creation (see createindex()'s optionalparameters.) idbindex.name the name of this index.
... nochrome android no support nofirefox android full support 43opera android no support nosafari ios no support nosamsung internet android no support nokeypathchrome full support 24 full support 24 no support 23 — 24prefixed prefixed implemented with the vendor prefix: webkitedge full support 12firefox full support 16 full support ...
IDBObjectStore - Web APIs
tore interface of the indexeddb api represents an object store in a database.
...exeddb api represents an object store in a database.
... not // been created before, or a new version number has been // submitted via the window.indexeddb.open line above dbopenrequest.onupgradeneeded = function(event) { var db = event.target.result; db.onerror = function(event) { note.innerhtml += '<li>error loading database.</li>'; }; // create an objectstore for this database var objectstore = db.createobjectstore("todolist", { keypath: "tasktitle" }); // define what data items the objectstore will contain objectstore.createindex("hours", "hours", { unique: false }); objectstore.createindex("minutes", "minutes", { unique: false }); objectstore.createindex("day", "day", { unique: false }); objectstore.createindex("month", "month", { unique: false }); objectstore.createindex("year", "year", { unique: false }); ob...
...a android full support 14safari ios full support 8samsung internet android full support 1.5 full support 1.5 no support 1.5 — 7.0prefixed prefixed implemented with the vendor prefix: webkitkeypathchrome full support 24 full support 24 no support 23 — 57prefixed prefixed implemented with the vendor prefix: webkitedge full support 12firefox full support 16 full support ...
compareVersion - Web APIs
ting file or package.
...on version); int compareversion ( string registryname, string version); int compareversion ( string registryname, int major, int minor, int release, int build); parameters the compareversion method has the following parameters: registryname the pathname in the client version registry for the component whose version is to be compared.
...ame, string version); int compareversion ( string registryname, int major, int minor, int release, int build); parameters the compareversion method has the following parameters: registryname the pathname in the client version registry for the component whose version is to be compared.
... int major, int minor, int release, int build); parameters the compareversion method has the following parameters: registryname the pathname in the client version registry for the component whose version is to be compared.
SVGGeometryElement.getPointAtLength() - Web APIs
the svggeometryelement.getpointatlength() method returns the point at a given distance along the path.
... the svggeometryelement.getpointatlength() method returns the point at a given distance along the path.
... the svggeometryelement.getpointatlength() method returns the point at a given distance along the path.
...en distance along the path.
URL - Web APIs
Web › API › URL
followed by (if a port was specified) a ':' and the port of the url.
... url.
... identifying the object in the browser.
...the url parameter is a relative url: const url = new url('../cats', 'http://www.example.com/dogs'); console.log(url.hostname); // "www.example.com" console.log(url.pathname); // "/cats" url properties can be set to construct the url: url.hash = 'tabby'; console.log(url.href); // "http://www.example.com/cats#tabby" urls are encoded according to the rules found in rfc 3986.
Advanced techniques: Creating and sequencing audio - Web APIs
playing a couple of oscillators together using the methods we've already looked at, however, in this section, we'll load in a sample file instead so we can take a look at what's involved.
...sing the methods we've already looked at, however, in this section, we'll load in a sample file instead so we can take a look at what's involved.
...udiobuffer; } we can then use the await operator when calling this function, which ensures that we can only run subsequent code when it has finished executing.
...s function, which ensures that we can only run subsequent code when it has finished executing.
Shapes From Images - CSS: Cascading Style Sheets
in this guide we will take a look at how we can create a shape from an image file with an alpha channel or even from a css gradient.
... in this guide we will take a look at how we can create a shape from an image file with an alpha channel or even from a css gradient.
... to use an image for the shape the image needs to have an alpha channel, an area that is not fully opaque.
...ou could also try removing the background image completely, thus using the gradient purely to create the shape and not displaying it on the page at all.
offset-position - CSS: Cascading Style Sheets
the offset-position css property defines the initial position of the offset-path.
...on> = [ [ left | center | right ] | [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]?
...[ [ left | center | right ] | [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]?
...demo"></div> #motion-demo { offset-path: path('m20,20 c20,100 200,0 200,100'); offset-position: left top; animation: move 3000ms infinite alternate ease-in-out; width: 40px; height: 40px; background: cyan; } @keyframes move { 0% { offset-distance: 0%; } 100% { offset-distance: 100%; } } specifications specification status comment motion path module level 1the definition of 'offset-position' in that specification.
Ajax - Developer guides
Web › Guide › AJAX
simplified subset of sgml, capable of describing many different kinds of data.
...ied subset of sgml, capable of describing many different kinds of data.
...capable of describing many different kinds of data.
...xmlhttprequest specification adds html parsing support to xmlhttprequest, which originally supported only xml parsing.
<link>: The External Resource Link element - HTML: Hypertext Markup Language
Web › HTML › Element › link
gs.
...out tls (https).
... otherwise specified.
...the scheme, the host, and the port.
Referrer-Policy - HTTP
-policy: same-origin referrer-policy: strict-origin referrer-policy: strict-origin-when-cross-origin referrer-policy: unsafe-url directives no-referrer the referer header will be omitted entirely.
...alue, namely strict-origin-when-cross-origin (see https://github.com/whatwg/fetch/pull/952), consider using this value (or a stricter one), if possible, when changing the referrer-policy.
...the document for other cases.
..., but don't send it to a less secure destination (https→http).
Proxy Auto-Configuration (PAC) file - HTTP
iguration (pac) file is a javascript function that determines whether web browser requests (http, https, and ftp) go directly to the destination or are forwarded to a web proxy server.
...ntax function findproxyforurl(url, host) parameters url the url being accessed.
...l, host) parameters url the url being accessed.
... pachttpsurlstrippingenabled to false in policy or by launching with the --unsafe-pac-url command-line flag (in chrome 74, only the flag works, and from 75 onward, there is no way to disable path-stripping; as of chrome 81, path-stripping does not apply to http urls, but there is interest in changing this behavior to match https); in firefox, the preference is network.proxy.autoconfig_url.include_path.
clip - SVG: Scalable Vector Graphics
Web › SVG › Attribute › clip
the clip attribute is a presentation attribute defining the visible region of an element.
...00/svg"> <!-- auto clipping --> <svg x="0" width="10" height="10" clip="auto"> <circle cx="5" cy="5" r="4" stroke="green" /> </svg> <!-- rect(top, right, bottom, left) clipping --> <svg x="10" width="10" height="10" clip="rect(1, 9, 8, 2)"> <circle cx="5" cy="5" r="4" stroke="green" /> </svg> </svg> usage notes warning: this property is deprecated.
...g> <!-- rect(top, right, bottom, left) clipping --> <svg x="10" width="10" height="10" clip="rect(1, 9, 8, 2)"> <circle cx="5" cy="5" r="4" stroke="green" /> </svg> </svg> usage notes warning: this property is deprecated.
...p> and <bottom> values specify offsets from the top border edge of the element viewport, while <right> and <left> specify offsets from the left border edge of the element viewport.
dominant-baseline - SVG: Scalable Vector Graphics
or the desired baseline, then the browser may use heuristics to determine the position of the desired baseline.
...s dominant-baseline for further information.
... if this property occurs on a <text> element, then the computed value depends on the value of the writing-mode attribute.
...which baseline-table to use from the baseline-tables in the font is browser dependent.
orient - SVG: Scalable Vector Graphics
Web › SVG › Attribute › orient
ribute indicates how a marker is rotated when it is placed at its position on the shape.
...viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <defs> <marker id="arrow" viewbox="0 0 10 10" refx="5" refy="5" markerwidth="6" markerheight="6" orient="auto-start-reverse"> <path d="m 0 0 l 10 5 l 0 10 z" /> </marker> <marker id="dataarrow" viewbox="0 0 10 10" refx="5" refy="5" markerwidth="6" markerheight="6" orient="-65deg"> <path d="m 0 0 l 10 5 l 0 10 z" fill="red" /> </marker> </defs> <polyline points="10,10 10,90 90,90" fill="none" stroke="black" marker-start="url(#arrow)" marker-end="url(#arrow)" /> <polyline points="15,80 29,50 43,60 57,30 71,40 85,15" fill="none" stroke="grey" marker-start="url(#dataarrow)" marker-mid="url(#dataarrow)" marker-end="url(#dataarrow)" /> </svg> usage no...
... marker-start="url(#dataarrow)" marker-mid="url(#dataarrow)" marker-end="url(#dataarrow)" /> </svg> usage notes value auto | auto-start-reverse | <angle> | <number> default value 0 animatable yes (non-additive) auto this value indicates that the marker is oriented such that its positive x-axis is pointing in a direction relative to the path at the position the marker is placed.
...a direction relative to the path at the position the marker is placed.
spacing - SVG: Scalable Vector Graphics
Web › SVG › Attribute › spacing
the spacing attribute indicates how the user agent should determine the spacing between typographic characters that are to be rendered along a path.
... the spacing attribute indicates how the user agent should determine the spacing between typographic characters that are to be rendered along a path.
... the spacing attribute indicates how the user agent should determine the spacing between typographic characters that are to be rendered along a path.
...exact animatable yes auto this value indicates that the user agent should use text-on-a-path layout algorithms to adjust the spacing between typographic characters in order to achieve visually appealing results.
SVG Attribute reference - SVG: Scalable Vector Graphics
Web › SVG › Attribute
rence documentation to help you learn which elements support them and how they work.
...ion to help you learn which elements support them and how they work.
...djust letter-spacing lighting-color limitingconeangle local m marker-end marker-mid marker-start markerheight markerunits markerwidth mask maskcontentunits maskunits mathematical max media method min mode n name numoctaves o offset opacity operator order orient orientation origin overflow overline-position overline-thickness p panose-1 paint-order path pathlength patterncontentunits patterntransform patternunits ping pointer-events points pointsatx pointsaty pointsatz preservealpha preserveaspectratio primitiveunits r r radius referrerpolicy refx refy rel rendering-intent repeatcount repeatdur requiredextensions requiredfeatures restart result rotate rx ry s scale seed shape-rendering slope spacing spe...
...e attributes class, style conditional processing attributes externalresourcesrequired, requiredextensions, requiredfeatures, systemlanguage.
<marker> - SVG: Scalable Vector Graphics
Web › SVG › Element › marker
the <marker> element defines the graphic that is to be used for drawing arrowheads or polymarkers on a given <path>, <line>, <polyline> or <polygon> element.
...> element.
...: yes viewbox this attribute defines the bound of the svg viewport for the current svg fragment.
...red, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriescontainer elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elementsstructural elementsgradient elements<a>, <altglyphdef>, <clippath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> specifications specification status comment svg markersthe definition of '<marker>' in that specification.
XSLT: Extensible Stylesheet Language Transformations
Web › XSLT
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes extensible stylesheet language transformations (xslt) is an xml-based language used, in conjunction with specialized processing software, for the transformation of xml documents.
...e mozilla javascript interface to xsl transformations this document describes the javascript interface to the xslt processing engine in mozilla 1.2 and up.
...ssing instruction.
...introduction to xslt and xpath assumes no prior knowledge of the technologies and guides the reader through background, context, structure, concepts and introductory terminology.
platform/xpcom - Archive of obsolete content
nothing.
...bject the factory or service to unregister.
...ory or service to unregister.
package.json - Archive of obsolete content
s service" xpcom component.
... be used as the add-on's em:homepageurl element in its install.rdf.
...t may either scaled and possibly distorted) or might break parts of firefox ui.
Developing for Firefox Mobile - Archive of obsolete content
the correct version of the android sdk for your device using the android sdk, install the android platform tools next, attach the device to the development machine via usb.
...he long hex string will be different.) if you do, then adb has found your device and you can get started.
...gcat prints adb's log, so you can filter the debug output after running the add-on.
Using third-party modules (jpm) - Archive of obsolete content
modules with jpm.
...init install the menuitem package from npm: npm install menuitem --save this will install the package in the current directory, under a directory called "node_modules".
...'s package.json file.
Examples and demos from articles - Archive of obsolete content
to keep track of all events started and then to stop them when appropriate through the cleartimeout() function.
... appropriate through the cleartimeout() function.
...gh the cleartimeout() function.
Preferences - Archive of obsolete content
nsisupportsstring used to handle unicode strings in preferences.
...nces.
...in non-ascii characters (for example, a user's name).
Inline options - Archive of obsolete content
ut to be removed.
...ur options file: method 1 name the file options.xul and put it in the extension's root folder (alongside install.rdf).
...2 use install.rdf to identify the xul file used for displaying the options.
Signing an extension - Archive of obsolete content
gn: nss-certutil -m -n "verisign class 3 public primary certification authority" -t "c,c,c" -d .
...ification authority - g5 - verisign, inc." -t "c,c,c" -d .
...isign, inc." -t "c,c,c" -d .
Installing plugins to Gecko embedding browsers on Windows - Archive of obsolete content
cognize xpcom components.
... under hkey_current_user\software also.
...wever, always look at hkey_local_machine first.
Compiling The npruntime Sample Plugin in Visual Studio - Archive of obsolete content
you did not create an empty project) copy the npruntime sample plugin source code into the dir of the new vs project and add the files to the project using the vs gui (.cpp files to "source files", .h files to "header files", .rc file to "resource files").
...ons: win32;_windows;xp_win32;xp_win;_x86_;npsimple_exports disable precompiled headers using project properties|(all configurations)|c++|precompiled headers|create/use precompiled header.
...windows;xp_win32;xp_win;_x86_;npsimple_exports disable precompiled headers using project properties|(all configurations)|c++|precompiled headers|create/use precompiled header.
JSS build instructions for OSX 10.6 - Archive of obsolete content
ing errors.
..._8_7_rtm nspr cvs co -r nss_3_12_9_with_ckbi_1_82_rtm nss cvs co -r jss_4_3_2_rtm jss build nss for 32 and 64: cd mozilla/security/nss make nss_build_all cc="gcc -arch i386" ccc="g++ -arch i386" make nss_build_all use_64=1 build jss for 32 and 64: cd ../jss make cc="gcc -arch i386" ccc="g++ -arch i386" make use_64=1 on osx, java.library.path doesnt seem to have /usr/lib or other paths.
...rtm jss build nss for 32 and 64: cd mozilla/security/nss make nss_build_all cc="gcc -arch i386" ccc="g++ -arch i386" make nss_build_all use_64=1 build jss for 32 and 64: cd ../jss make cc="gcc -arch i386" ccc="g++ -arch i386" make use_64=1 on osx, java.library.path doesnt seem to have /usr/lib or other paths.
GRE Registration - Archive of obsolete content
ifferently on each operating system.
...stration information is kept in the win32 registry under the hkey_local_machine/software/mozilla.org/gre and hkey_current_user/software/mozilla.org/gre keys.
... will try alternate keys <version>_1 _2 until an available key is found.
JavaScript crypto - Archive of obsolete content
() { window.crypto.importusercertificates(nickname, cert, forcebackup); return false; } document.forms[0].onsubmit = loadcertificate; </script> signing text domstring signtext(domstring stringtosign, domstring caoption /* ...
...oads or removes a new pkcs #11 module.
...e module will be placed in the nss secmod.db database and will be loaded automatically on application restart.
jspage - Archive of obsolete content
h($type(c)){case"object":b={};for(var e in c){b[e]=$unlink(c[e]); }break;case"hash":b=new hash(c);break;case"array":b=[];for(var d=0,a=c.length;d<a;d++){b[d]=$unlink(c[d]);}break;default:return c;}return b;}var browser=$merge({engine:{name:"unknown",version:0},platform:{name:(window.orientation!=undefined)?"ipod":(navigator.platform.match(/mac|win|linux/i)||["other"])[0].tolowercase()},features:{xpath:!!(document.evaluate),air:!!(window.runtime),query:!!(document.queryselector)},plugins:{},engines:{presto:function(){return(!window.opera)?false:((arguments.callee.caller)?960:((document.getelementsbyclassname)?950:925)); },trident:function(){return(!window.activexobject)?false:((window.xmlhttprequest)?((document.queryselectorall)?6:5):4);},webkit:function(){return(navigator.taintenabled)?false:(...
...te),air:!!(window.runtime),query:!!(document.queryselector)},plugins:{},engines:{presto:function(){return(!window.opera)?false:((arguments.callee.caller)?960:((document.getelementsbyclassname)?950:925)); },trident:function(){return(!window.activexobject)?false:((window.xmlhttprequest)?((document.queryselectorall)?6:5):4);},webkit:function(){return(navigator.taintenabled)?false:((browser.features.xpath)?((browser.features.query)?525:420):419); },gecko:function(){return(!document.getboxobjectfor&&window.mozinnerscreenx==null)?false:((document.getelementsbyclassname)?19:18);}}},browser||{});browser.platform[browser.platform.name]=true; browser.detect=function(){for(var b in this.engines){var a=this.engines[b]();if(a){this.engine={name:b,version:a};this.engine[b]=this.engine[b+a]=true; break;}}ret...
... null;},decode:function(string,secure){if($type(string)!="string"||!string.length){return null;}if(secure&&!(/^[,:{}\[\]0-9.\-+eaeflnr-u \n\r\t]*$/).test(string.replace(/\\./g,"@").replace(/"[^"\\\n\r]*"/g,""))){return null; }return eval("("+string+")");}});native.implement([hash,array,string,number],{tojson:function(){return json.encode(this);}});var cookie=new class({implements:options,options:{path:false,domain:false,duration:false,secure:false,document:document},initialize:function(b,a){this.key=b; this.setoptions(a);},write:function(b){b=encodeuricomponent(b);if(this.options.domain){b+="; domain="+this.options.domain;}if(this.options.path){b+="; path="+this.options.path; }if(this.options.duration){var a=new date();a.settime(a.gettime()+this.options.duration*24*60*60*1000);b+="; expires="+...
Metro browser chrome tests - Archive of obsolete content
est test framework.
...etro browser chrome tests to run mochitest, first build mozilla with your changes; then run ./mach mochitest-metro this will launch metro browser chrome tests in the default immersive browser.
...illa with your changes; then run ./mach mochitest-metro this will launch metro browser chrome tests in the default immersive browser.
Modularization techniques - Archive of obsolete content
t in use static nsresult freelibraries(); }; there are several ways a factory can make its way into the repository.
... sample->hello(); ns_release(sample); } return 0; } registering a dll this is currently being hashed out.
...egistering a dll this is currently being hashed out.
Overview of how downloads work - Archive of obsolete content
there are two ways of downloading files in mozilla.
... there are two ways of downloading files in mozilla.
...hem "stand-alone" in the browser, which may resize them to fit the browser window.
File object - Archive of obsolete content
r (stderr).
...rrentdir a file object referring to the current directory; this property may be set.
...tics as writeln.
Standalone XPCOM - Archive of obsolete content
tion and a component.
...ies gravity final print : xpcom defies gravity test passed.
... gravity test passed.
Using gdb on wimpy computers - Archive of obsolete content
t.
... the program run until main and then turn off automatic library loading.
...y loading.
diskSpaceAvailable - Archive of obsolete content
diskspaceavailable returns the amount of disk space available in bytes on the local disk.
... diskspaceavailable returns the amount of disk space available in bytes on the local disk.
... diskspaceavailable returns the amount of disk space available in bytes on the local disk.
size - Archive of obsolete content
summary return the size of the given file in bytes.
... summary return the size of the given file in bytes.
... summary return the size of the given file in bytes.
initInstall - Archive of obsolete content
displayname, string package, string version); int initinstall ( string displayname, string package, installversion version); parameters the initinstall method has the following parameters: displayname a string that contains the name of the software being installed.
...eters: displayname a string that contains the name of the software being installed.
...name of the software being installed.
Code Samples - Archive of obsolete content
file on your computer, use code like this.
...hat your operating system knows how to open.
...our operating system knows how to open.
Grids - Archive of obsolete content
Archive › Mozilla › XUL › Tutorial › Grids
sted hbox or other box element.
...other box element.
...can put as many elements that you want inside it.
window - Archive of obsolete content
tle bar check this page on window icons.
...l box for box element contained an inline link child, forcing all its children to be wrapped in a block".
... placed between window tags it messes up all other controls on the window.
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 information.
...t example we’ll demonstrate is querying a mysql database for some employee contact information.
...b, file io, css, server sessions, e4x, etc...] this is a great advantage to the developer as it presents a consistent server-side and client-side development environment for both browser and server contexts that is centered on open source and web standards.
Choosing Standards Compliance Over Proprietary Practices - Archive of obsolete content
s settling on a standard that has a potential for long-term use.
...r long-term use.
... standard.
bootstrap.js - Extensions
executed in a privileged sandbox, which is cached until the extension is shut down.
... nsifile installpath /// nsiuri resourceuri /// /// reason types: /// app_startup /// addon_enable /// addon_install /// addon_upgrade /// addon_downgrade } function shutdown(data, reason) { /// bootstrap data structure @see /docs/extensions/bootstrapped_extensions#bootstrap_data /// string id /// string version /// nsifile installpath /// nsiuri resourceuri /// /// reason types: /// app_shutdown /// addon_disable /// addon_uninstall /// addon_upgrade /// addon_downgrade } function install(data, reason) { /// bootstrap data structure @see /docs/extensions/bootstrapped_extensions#bootstrap_data /// string id /// string version /// nsifile installpath /// ns...
...string id /// string version /// nsifile installpath /// nsiuri resourceuri /// /// reason types: /// addon_install /// addon_upgrade /// addon_downgrade } function uninstall(data, reason) { /// bootstrap data structure @see /docs/extensions/bootstrapped_extensions#bootstrap_data /// string id /// string version /// nsifile installpath /// nsiuri resourceuri /// /// reason types: /// addon_uninstall /// addon_upgrade /// addon_downgrade } ...
Tiles and tilemaps overview - Game development
y are constructed by small images or image fragments multiple times.
...clude: tile size: the size of each tile in pixels across / pixels down.
...logic grid since tilemaps are an actual grid of visual tiles, it is common to create a mapping between this visual grid and a logic grid.
Build the brick field - Game development
e used for collision detection purposes later.
...draw them on the screen.
...nto your code below the drawpaddle() function: function drawbricks() { for(var c=0; c<brickcolumncount; c++) { for(var r=0; r<brickrowcount; r++) { var brickx = (c*(brickwidth+brickpadding))+brickoffsetleft; var bricky = (r*(brickheight+brickpadding))+brickoffsettop; bricks[c][r].x = brickx; bricks[c][r].y = bricky; ctx.beginpath(); ctx.rect(brickx, bricky, brickwidth, brickheight); ctx.fillstyle = "#0095dd"; ctx.fill(); ctx.closepath(); } } } actually drawing the bricks the last thing to do in this lesson is to add a call to drawbricks() somewhere in the draw() function, preferably at the beginning, between the clearing of the canvas and drawing the ball.
Plug-in Development Overview - Gecko Plugin API Reference
e plug-in can select one of these transmission modes: normal mode: the browser sends the stream data sequentially to the plug-in as the data becomes available.
...indows installation using the registry on windows, plug-ins should be installed to a plug-in-specific directory such as c:\program files\plugin name\nppluginname.dll.
... using the registry on windows, plug-ins should be installed to a plug-in-specific directory such as c:\program files\plugin name\nppluginname.dll.
Web fonts - Learn web development
sy and simple, like fonts.
...y both the @font-face blocks contained inside into your web-font-start.css file — you need to put them at the very top, before any of your css, as the fonts need to be imported before you can use them on your site.
...ed to as "bulletproof @font-face syntax", after a post by paul irish from early on when @font-face started to get popular (bulletproof @font-face syntax).
What are browser developer tools? - Learn web development
mes delete element).
...ent).
...s add attribute/edit text).
JavaScript basics - Learn web development
other one.
...n the myimage variable.
... code retrieves the value of the image's src attribute.
Images in HTML - Learn web development
with captions, and how html images relate to css background images.
...t (meaning that it has no text content or closing tag) that requires a minimum of one attribute to be useful — src (sometimes spoken as its full title, source).
....jpg, the browser wouldn't display the image, and would display the alt text instead: so, why would you ever see or need alt text?
Looping code - Learn web development
t ctx = canvas.getcontext('2d'); let width = document.documentelement.clientwidth; let height = document.documentelement.clientheight; canvas.width = width; canvas.height = height; function random(number) { return math.floor(math.random()*number); } function draw() { ctx.clearrect(0,0,width,height); for (let i = 0; i < 100; i++) { ctx.beginpath(); ctx.fillstyle = 'rgba(255,0,0,0.5)'; ctx.arc(random(width), random(height), random(50), 0, 2 * math.pi); ctx.fill(); } } btn.addeventlistener('click',draw); </script> </body> </html> you don't have to understand all the code for now, but let's look at the part of the code that actually draws the 100 circles: for (let i = 0; i < 100; i++) { ...
... ctx.fillstyle = 'rgba(255,0,0,0.5)'; ctx.arc(random(width), random(height), random(50), 0, 2 * math.pi); ctx.fill(); } } btn.addeventlistener('click',draw); </script> </body> </html> you don't have to understand all the code for now, but let's look at the part of the code that actually draws the 100 circles: for (let i = 0; i < 100; i++) { ctx.beginpath(); ctx.fillstyle = 'rgba(255,0,0,0.5)'; ctx.arc(random(width), random(height), random(50), 0, 2 * math.pi); ctx.fill(); } random(x), defined earlier in the code, returns a whole number between 0 and x-1.
...hould get the basic idea — we are using a loop to run 100 iterations of this code, each one of which draws a circle in a random position on the page.
Client-side storage - Learn web development
lowing code, below your previous handler: // setup the database tables if this has not already been done request.onupgradeneeded = function(e) { // grab a reference to the opened database let db = e.target.result; // create an objectstore to store our notes in (basically like a single table) // including a auto-incrementing key let objectstore = db.createobjectstore('notes_os', { keypath: 'id', autoincrement:true }); // define what data items the objectstore will contain objectstore.createindex('title', 'title', { unique: false }); objectstore.createindex('body', 'body', { unique: false }); console.log('database setup complete'); }; this is where we define the schema (structure) of our database; that is, the set of columns (or fields) it contains.
...mise fulfills, the service worker is deemed registered.
...') .then(function() { console.log('service worker registered'); }); } note: the given path to the sw.js file is relative to the site origin, not the javascript file that contains the code.
Aprender y obtener ayuda - Learn web development
can't really engage in both ways of learning — or thinking — at once.
...studying, but in reality, both are very important.
...d about the problem we are trying to solve first, and the technology used to solve it second.
CSS performance optimization - Learn web development
previous overview: performance next painting an unstyled page, and then repainting it once styles are parsed would be bad user experience.
...he cssom trees.
...operty applied to the @font-face rule, the font-display property defines how font files are loaded and displayed by the browser, allowing text to appear with a fallback font while a font loads, or fails to load.
What is web performance? - Learn web development
detailed overview.
...r, but this can be manipulated and should definitely be optimized, realizing that some resources block additional downloads until their content is parsed and executed.
...he critical path.
Learning area release notes - Learn web development
this page details significant changes made to the learning area.
... this page details significant changes made to the learning area.
...hat existing content has been improved.
OSFile.jsm
ing, or because the code that requires file i/o is already executed on a worker thread.
...de that requires file i/o is already executed on a worker thread.
...i/o is already executed on a worker thread.
Task.jsm
!!" // the result is undefined if no special task.result exception was thrown.
...the result is undefined if no special task.result exception was thrown.
...tion (exception) { // failure!
QA phase
use ./mach build config after step 4 update the mozilla source code: $ cd mozilla-aurora $ hg pull -u enter the following command to create the .mozconfig file: $ nano -w .mozconfig enter the following lines in your .mozconfig file: mk_add_options moz_objdir=@topsrcdir@/../firefox-build ac_add_options --disable-compile-environment ac_add_options --with-l10n-base=../l10n-central # path relative to moz_objdir ac_add_options --enable-application=[browser or mail] you will need to specify which application you're localizing in the fourth line (e.g., for firefox, that's browser, thunderbird would be mail).
...rn how to use your hg repository.
...-drivers, please visit the url for your repo.
Creating localizable web applications
le, you may want to provide a way of overriding the autodetection.
...times, when the urls are well-designed, you may want to use the url to do something in the code depending on where the user is.
...d the localizable english strings used in the interface.
Extras
style="stop-color:rgb(255,0,0); stop-opacity:.8;"/> </radialgradient> </defs> <g transform="translate(15,15)"> <g> <animatetransform attributename="transform" attributetype="xml" type="rotate" from="360" to="0" dur="15s" repeatcount="indefinite"/> <g transform="translate(-15, -15)"> <path fill="url(#radgrad1)" d="m 15 0 l 20 10 l 30 15 l 20 20 l 15 30 l 10 20 l 0 15 l 10 10"/> </g> </g> </g> </svg> </mtext> </mpadded> </msqrt> <mo>=</mo> <msubsup> <mo>∫</mo> <mn>0</mn> <mfrac> <mi>π</mi> <mn>2</mn> </mfrac> </msubsup> <msup> <mi>θ</mi> <mtext> <svg width="15px" height="15px"> <defs> <radialgradient id="radgrad2" cx="50%" cy="50%" ...
...bsup> <msup> <mi>θ</mi> <mtext> <svg width="15px" height="15px"> <defs> <radialgradient id="radgrad2" cx="50%" cy="50%" r="50%" fx="50%" fy="50%"> <stop offset="0%" style="stop-color:rgb(255,255,255); stop-opacity:1;"/> <stop offset="100%" style="stop-color:rgb(0,0,255); stop-opacity:.9;"/> </radialgradient> </defs> <g> <animatemotion path="m0,0 l3,0 l2,5 l5,5 l0,4 l5,2 z" begin="0s" dur="0.5s" repeatcount="indefinite"/> <circle fill="url(#radgrad2)" r="5px" cx="5px" cy="5px"/> </g> </svg> </mtext> </msup> <mrow> <mo>â…†</mo> <mi>θ</mi> </mrow> </math> <div style="width: 300px; margin-left: auto; margin-right: auto;"> <svg width="300px" height="250px"> <defs> <lineargradient id="grad1" x1="0%" y1="0%" x2=...
...tensions="http://www.w3.org/1998/math/mathml"> <math display="block"> <mrow> <mo>(</mo> <mtable> <mtr> <mtd><mi>cos</mi><mi>θ</mi></mtd> <mtd><mo>−</mo><mi>sin</mi><mi>θ</mi></mtd> </mtr> <mtr> <mtd><mi>sin</mi><mi>θ</mi></mtd> <mtd><mi>cos</mi><mi>θ</mi></mtd> </mtr> </mtable> <mo>)</mo> </mrow> </math> </foreignobject> <text>rotation matrix</text> </switch> </g></g></g> <g> <animatemotion path="m 32,69 c 64,121 100,27 152,42 203,56 239,257 275,161 295,109 144,221 88,214 -2,202 11,35 32,69 z" begin="0s" dur="20s" repeatcount="indefinite"/> <animatetransform attributename="transform" attributetype="xml" type="scale" values="1;2;.5;1" keytimes="0;.25;.75;1" dur="20s" repeatcount="indefinite"/> <circle fill="url(#grad3)" ...
TraceMalloc
ess filename.
...raries, classes, and functions that call into one another, attributing malloc blame up and down each graph.
...ogfd(logfd) - close the log file identified by logfd, flushing its buffer of any events first.
Profile Manager
6.10, while profileb might be linked with a copy of firefox 3.5.3.
...operties: path, version, and default.
...r the name of the profile you'd like to create from the archive.
PR_GetFileInfo
gets information about a file with a specified pathname.
... gets information about a file with a specified pathname.
...to a file information object (see prfileinfo).
PR_GetFileInfo64
gets information about a file with a specified pathname.
... gets information about a file with a specified pathname.
...ile information object (see prfileinfo64).
PR_OpenDir
opens the directory with the specified pathname.
... opens the directory with the specified pathname.
...pr_opendir(const char *name); parameter the function has the following parameter: name the pathname of the directory to be opened.
4.3 Release Notes
release date: 01 april 2009 introduction network security services for java (jss) 4.3 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 pkcs11 needslogin method support hmacsha256, hmacsha384, and hmacsha512 support for all nss 3.12 initialization options jss 4.3 is tri-licensed under mpl 1.1/gpl 2.0/lgpl 2.1.
...2 support for all nss 3.12 initialization options jss 4.3 is tri-licensed under mpl 1.1/gpl 2.0/lgpl 2.1.
...ere implemented in this release can be obtained by running this bugzilla query jss 4.3 requires nss 3.12 or higher.
NSS 3.31 release notes
entified by the given uri.
... pk11_getmoduleuri - retrieve the uri of the given module.
...11uri object.
NSS Sample Code Sample_2_Initialization of NSS
program demonstrates how to initialize the nss database.
...d.h> #include <plgetopt.h> #include <prprf.h> /* nss headers */ #include <nss.h> #include <pk11func.h> #include "util.h" /* print a usage message and exit */ static void usage(const char *progname) { fprintf(stderr, "\nusage: %s -d <dbdirpath> [-p <plainpasswc>]" " [-f <passwdffile>]\n\n", progname); fprintf(stderr, "%-15s specify a db directory path\n\n", "-d <dbdirpath>"); fprintf(stderr, "%-15s specify a plaintext password\n\n", "-p <plainpasswc>"); fprintf(stderr, "%-15s specify a password file\n\n", "-f <plainpasswc>"); exit(-1); } /* initialize the slot password */ char *initslotpassword(pk11slotinfo *slot, prbool retry, void *arg) { file *input; file *output; char...
...ass, 0, pwfile, 0); if (rv != secsuccess) { pr_fprintf(pr_stderr, "failed to change password\n"); } if (slot) { pk11_freeslot(slot); } rvshutdown = nss_shutdown(); if (rvshutdown != secsuccess) { pr_fprintf(pr_stderr, "failed : nss_shutdown()\n"); rv = secfailure; } pr_cleanup(); return rv; } </plainpasswc></plainpasswc></dbdirpath></passwdffile></plainpasswc></dbdirpath></pk11func.h></nss.h></prprf.h></plgetopt.h></prthread.h> ...
Python binding for NSS
fix reference counting bug in pk11_password_callback() which contributed to nss not being able to shutdown due to resources still in use.
... in use.
... text if available.
NSS environment variables
brary, to verify certificates.
...mbolic debugging information in a particular format.
...tems other than windows, this controls whether copies, absolute symlinks, or relative symlinks of the output files should be published to mozilla/dist.
sslerr.html
he certificate's issuer has an invalid signature.
... sec_error_crl_invalid -8159 new crl has an invalid format.
... certificate nickname already in use.
NSS tools : signtool
ce.
...cate db": adding signdir/meta-inf/manifest.mf to testjar.jar adding signdir/meta-inf/signtool.sf to testjar.jar adding signdir/meta-inf/signtool.rsa to testjar.jar tree "signdir" signed successfully 4.
...t the archive you just created.
WebReplayRoadmap
te graphics with the effects of those changes.
...implemented) it would be nice to log the changes to a specific object or one of its properties, so that the points of those changes can be seeked to later.
...not yet implemented) it would be nice to be able to bookmark points in the recording so that they show up on the timeline and can be seeked to later.
Accessing the Windows Registry Using XPCOM
) to get an object implementing this interface, not getservice().
...of these methods take a root key as the first parameter.
...modes here: access_read — for reading values, enumerating keys, and receiving notifications access_write — for setting values and creating sub keys access_all — access for all operations in addition to open() and create(), there are the openchild() and createchild() methods.
Using XPCOM Components
lasses["@mozilla.org/cookiemanager;1"] .getservice(); cmgr = cmgr.queryinterface(components.interfaces.nsicookiemanager); // called as part of a largerdeleteallcookies() function function finalizecookiedeletions() { for (var c=0; c<deletedcookies.length; c++) { cmgr.remove(deletedcookies[c].host, deletedcookies[c].name, deletedcookies[c].path); } deletedcookies.length = 0; } connecting to components from the interface the mozilla user interface uses javascript that has been given access to xpcom components in the application core with a technology called xpconnect.
...iemanager", ns_get_iid(nsicookiemanager), getter_addrefs(cookiemanager)); if (ns_failed(rv)) return -1; pruint32 len; deletedcookies->getlength(&len); for (int c=0; c<len; c++) cookiemanager->remove(deletedcookies[c].host, deletedcookies[c].name, deletedcookies[c].path, pr_false); xxx: in the original document, there were only the first three parameters to the |remove| call.
...owpolicyfield = false; while (enumerator.hasmoreelements()) { var nextcookie = enumerator.getnext(); nextcookie = nextcookie.queryinterface(components.interfaces.nsicookie); /* ....
nsLocalFile
« xpcom api reference summary a component implementing nsilocalfile.
...e.
... class id 2e23e220-60be-11d3-8c4a-000064657374 contractid @mozilla.org/file/local;1 supported interfaces nsilocalfile, nsifile remarks this component should be accessed via the xpcom component manager.
nsICryptoHash
cates that init() or initwithstring() has not been called.
...need to create an instance of nsicryptohash, open an input stream from a file, and then update the hash with the file.
...to create an instance of nsicryptohash, open an input stream from a file, and then update the hash with the file.
getFile
« xpcom api reference called by the directory service to obtain an nsifile object corresponding for a given standard path location.
... « xpcom api reference called by the directory service to obtain an nsifile object corresponding for a given standard path location.
...rectory service will not cache the results of this method.
nsILoginManager
which login saving is disabled.
...ins the login manager has on record.
...nabled() enables or disables storing logins for a specified host.
nsIMsgFolder
customidentity nsimsgidentity readonly: this allows a folder to have a special identity.
...sgidentity readonly: this allows a folder to have a special identity.
...g readonly charset acstring the charset of this folder.
nsIMsgIncomingServer
name, in acstring newname); void performbiff(in nsimsgwindow amsgwindow); void performexpand(in nsimsgwindow amsgwindow); void removefiles(); void setboolattribute(in string name, in boolean value); void setboolvalue(in string attr, in boolean value); void setcharattribute(in string name, in acstring value); void setcharvalue(in string attr, in acstring value); void setdefaultlocalpath(in nsilocalfile adefaultlocalpath); void setfilevalue(in string relpref, in string abspref, in nsilocalfile avalue); void setfilterlist(in nsimsgfilterlist afilterlist); void setintattribute(in string name, in long value); void setintvalue(in string attr, in long value); void setunicharattribute(in string name, in astring value); void setunicharvalue(in string attr, in astring value);...
...settings nsimsgdownloadsettings emptytrashonexit boolean filterscope nsmsgsearchscopevalue read only.
...void setcharattribute( in string name, in acstring value ); parameters name missing description value missing description exceptions thrown missing exception missing description setcharvalue() void setcharvalue( in string attr, in acstring value ); parameters attr missing description value missing description exceptions thrown missing exception missing description setdefaultlocalpath() void setdefaultlocalpath( in nsilocalfile adefaultlocalpath ); parameters adefaultlocalpath missing description exceptions thrown missing exception missing description setfilevalue() void setfilevalue( in string relpref, in string abspref, in nsilocalfile avalue ); parameters relpref missing description abspref missing description avalue missing description exceptions thrown mi...
Troubleshooting XPCOM components registration
ry components on the mozilla trunk (firefox 3, xulrunner 1.9), components that fail to load will print an error to the error console.
...e libraries for the other files it loads.
...de that msvc 8 (and probably earlier versions too) generates for you doesn't need to be there, you can remove it.
pyxpidl
yxpidl is comprised of two utilities: header.py, which generates c++ headers from idl, and typelib.py, which generates xpt files.
... certain information in.
...l equivalent -a emit annotations to typelib n/a (feature removed) -w turn on warnings n/a (this is now the default and can't be turned off) -v verbose mode (nyi) n/a (feature removed) -t creates a typelib of a specific version number n/a (feature removed, and probably never actually worked) -i add an entry to start of include path for #include "nsifoo.idl" -i (unchanged) -o specify the base name for output (-o /tmp/nsifoo for example) -o outputfile (this isn't just the base name, but needs to include the extension; for example -o /tmp/nsifoo.idl) -e specify an explicit output file name (-e /tmp/nsifoo.idl for example) n/a (this is subsumed by -o now) -d write dependencies (requi...
Plug-in Development Overview - Plugins
e plug-in can select one of these transmission modes: normal mode: the browser sends the stream data sequentially to the plug-in as the data becomes available.
...indows installation using the registry on windows, plug-ins should be installed to a plug-in-specific directory such as c:\program files\plugin name\nppluginname.dll.
... using the registry on windows, plug-ins should be installed to a plug-in-specific directory such as c:\program files\plugin name\nppluginname.dll.
Call Tree - Firefox Developer Tools
nverted call tree is a good way to focus on these self cost values.
...e entry for bubblesort(): so we can see the call graph is like this: sortall() -> sort() -> bubblesort() note also that self cost for sort() here is 1.45%, and note that this is the same as for the separate entry for sort() later in the list.
... is 1.45%, and note that this is the same as for the separate entry for sort() later in the list.
CanvasRenderingContext2D.lineCap - Web APIs
ends of lines are rounded.
...us half the width of the line.
...yid('canvas'); const ctx = canvas.getcontext('2d'); const linecap = ['butt', 'round', 'square']; // draw guides ctx.strokestyle = '#09f'; ctx.beginpath(); ctx.moveto(10, 10); ctx.lineto(140, 10); ctx.moveto(10, 140); ctx.lineto(140, 140); ctx.stroke(); // draw lines ctx.strokestyle = 'black'; for (let i = 0; i < linecap.length; i++) { ctx.linewidth = 15; ctx.linecap = linecap[i]; ctx.beginpath(); ctx.moveto(25 + i * 50, 10); ctx.lineto(25 + i * 50, 140); ctx.stroke(); } screenshotlive sample specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.linecap' in that specification.
CanvasRenderingContext2D.setLineDash() - Web APIs
25].
...e undefined.
... ctx.moveto(0, 100); ctx.lineto(300, 100); ctx.stroke(); result some common patterns this example illustrates a variety of common line dash patterns.
Using images - Web APIs
target canvas.
...mage() before the image has finished loading, it won't do anything (or, in older browsers, may even throw an exception).
... drawimage() method places the backdrop at the coordinate (0, 0), which is the top-left corner of the canvas.
CustomEvent - Web APIs
le.
...e across through the shadow root into the standard dom.) methods customevent.initcustomevent() initializes a customevent object.
...ot into the standard dom.) methods customevent.initcustomevent() initializes a customevent object.
DOMMatrixReadOnly.flipX() - Web APIs
nterface creates a new matrix being the result of the original matrix flipped about the x-axis.
...-axis, which is equivalent to multiplying the matrix by dommatrix(-1, 0, 0, 1, 0, 0).
...x by dommatrix(-1, 0, 0, 1, 0, 0).
DirectoryReaderSync - Web APIs
nsole.log(fileentry.name); }); }); }; worker.postmessage({'cmd': 'list'}); the following is worker.js code that gets the contents of the directory.
...wser-specific prefixes.
...rror to main app.
Document.lastModified - Web APIs
omparing the modification dates of documents.
...ication dates of documents.
... alert("this page has changed!"); } …the same example, but skipping the first visit: var nlastvisit = parsefloat(document.cookie.replace(/(?:(?:^|.*;)\s*last_modif\s*\=\s*([^;]*).*$)|^.*$/, "$1")), nlastmodif = date.parse(document.lastmodified); if (isnan(nlastvisit) || nlastmodif > nlastvisit) { document.cookie = "last_modif=" + date.now() + "; expires=fri, 31 dec 9999 23:59:59 gmt; path=" + location.pathname; if (isfinite(nlastvisit)) { alert("this page has been changed!"); } } note: webkit returns the time string in utc; gecko and internet explorer return a time in the local timezone.
Event - Web APIs
Web › API › Event
le.
...ted read only indicates whether or not the event was initiated by the browser (after a user click, for instance) or by a script (using an event creation method, like event.initevent).
...her or not the event was initiated by the browser (after a user click, for instance) or by a script (using an event creation method, like event.initevent).
Using Pointer Events - Web APIs
a pointerdown event occurs, indicating that a new touch on the surface has occurred, the handlestart() function below is called.
...s to update the cached touch information and to draw a line from the previous position to the current position of each touch.
...last line segment for the touch that ended and remove the touch point from the ongoing touch list.
SVGGeometryElement.getTotalLength() - Web APIs
the svggeometryelement.gettotallength() method returns the user agent's computed value for the total length of the path in user units.
... the svggeometryelement.gettotallength() method returns the user agent's computed value for the total length of the path in user units.
... the svggeometryelement.gettotallength() method returns the user agent's computed value for the total length of the path in user units.
Touch events - Web APIs
called.
...ch.
... { evt.preventdefault(); log("touchend"); var el = document.getelementbyid("canvas"); var ctx = el.getcontext("2d"); var touches = evt.changedtouches; for (var i = 0; i < touches.length; i++) { var color = colorfortouch(touches[i]); var idx = ongoingtouchindexbyid(touches[i].identifier); if (idx >= 0) { ctx.linewidth = 4; ctx.fillstyle = color; ctx.beginpath(); ctx.moveto(ongoingtouches[idx].pagex, ongoingtouches[idx].pagey); ctx.lineto(touches[i].pagex, touches[i].pagey); ctx.fillrect(touches[i].pagex - 4, touches[i].pagey - 4, 8, 8); // and a square at the end ongoingtouches.splice(idx, 1); // remove it; we're done } else { console.log("can't figure out which touch to end"); } } } this is very similar to ...
URLUtilsReadOnly - Web APIs
ng containing the host, that is the hostname, a ':', and the port of the url.
... urlutilsreadonly.hostname read only is a domstring containing the domain of the url.
... nochrome android no support nofirefox android full support 29opera android no support nosafari ios no support nosamsung internet android no support nopathname experimentalchrome no support noedge no support nofirefox full support 3.5ie no support noopera no support nosafari no support ...
URL API - Web APIs
Web › API › URL API
o addressing of computers on a network, and the algorithms for parsing ip addresses and dom addresses are specified.
... of computers on a network, and the algorithms for parsing ip addresses and dom addresses are specified.
...ng to most developers is the api itself.
Variable fonts guide - CSS: Cascading Style Sheets
rades to the traditional @font-face syntax now available in modern browsers.
...ccording to the font file being loaded.
...25%; font-style: oblique 0deg 20deg; } note: there is no set specific value for the upper-end degree measurement in this case; they simply indicate that there is an axis so the browser can know to render upright or italic (remember that italics are only on or off) example for a font that contains only italics and no upright characters: @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: italic; } example for a font that contains an oblique (slant) axis: @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 12deg; ...
CSS reference - CSS: Cascading Style Sheets
Web › CSS › Reference
cingborder-start-end-radiusborder-start-start-radiusborder-styleborder-topborder-top-colorborder-top-left-radiusborder-top-right-radiusborder-top-styleborder-top-widthborder-widthbottom@bottom-centerbox-decoration-breakbox-shadowbox-sizingbreak-afterbreak-beforebreak-insidebrightness()ccalc()caption-sidecaret-colorch@character-variantcharacter-variant()@charset:checkedcircle()clamp()clearclipclip-pathcm<color>colorcolor-adjustcolumn-countcolumn-fillcolumn-gapcolumn-rulecolumn-rule-colorcolumn-rule-stylecolumn-rule-widthcolumn-spancolumn-widthcolumnsconic-gradient()containcontentcontrast()<counter>counter-incrementcounter-resetcounter-set@counter-stylecounters()cross-fade()cubic-bezier()::cue::cue-regioncursor<custom-ident>d:defaultdeg<dimension>:dirdirection:disableddisplay<display-box><displa...
...height (@viewport)max-inline-sizemax-widthmax-width (@viewport)max-zoom (@viewport)@mediamin()min-block-sizemin-heightmin-height (@viewport)min-inline-sizemin-widthmin-width (@viewport)min-zoom (@viewport)minmax()mix-blend-modemmmsn@namespacenegative (@counter-style):not:nth-child:nth-last-child:nth-last-of-type:nth-of-type<number>oobject-fitobject-positionoffsetoffset-anchoroffset-distanceoffset-pathoffset-rotate:only-child:only-of-typeopacityopacity():optionalorderorientation (@viewport)@ornamentsornaments()orphans:out-of-rangeoutlineoutline-coloroutline-offsetoutline-styleoutline-widthoverflowoverflow-anchoroverflow-blockoverflow-inlineoverflow-wrapoverflow-xoverflow-yoverscroll-behavioroverscroll-behavior-blockoverscroll-behavior-inlineoverscroll-behavior-xoverscroll-behavior-yppad (@count...
...ineoverflow-wrapoverflow-xoverflow-yoverscroll-behavioroverscroll-behavior-blockoverscroll-behavior-inlineoverscroll-behavior-xoverscroll-behavior-yppad (@counter-style)paddingpadding-blockpadding-block-endpadding-block-startpadding-bottompadding-inlinepadding-inline-endpadding-inline-startpadding-leftpadding-rightpadding-top@pagepage-break-afterpage-break-beforepage-break-insidepaint()paint-orderpath()pc<percentage>perspectiveperspective()perspective-originplace-contentplace-itemsplace-self::placeholderpointer-eventspolygon()<position>positionprefix (@counter-style)ptpxqqquotesrradradial-gradient()range (@counter-style)<ratio>:read-only:read-writerect()remrepeat()repeating-linear-gradient()repeating-radial-gradient():requiredresize<resolution>revertrgb()rgba():rightright@right-bottom:rootrota...
animation - CSS: Cascading Style Sheets
Web › CSS › animation
ttom: 0; } svg { width: 1.5em; height: 1.5em; } button { width: 27px; height: 27px; background-size: 16px; background-position: center; background-repeat: no-repeat; border-radius: 3px; cursor: pointer; } button.play { background-image: url('data:image/svg+xml;charset=utf-8,%3csvg%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%20viewbox%3d%220%200%2016%2016%22%3e%3cstyle%3epath%20%7bdisplay%3anone%7d%20path%3atarget%7bdisplay%3ablock%7d%3c%2fstyle%3e%3cpath%20id%3d%22play%22%20d%3d%22m3%2c3%20l3%2c13%20l13%2c8%20z%22%20%2f%3e%3cpath%20id%3d%22pause%22%20d%3d%22m5%2c4%20l7%2c4%20l7%2c13%20l5%2c13%20z%20m9%2c4%20l11%2c4%20l11%2c13%20l9%2c13%20z%22%20%2f%3e%3cpath%20id%3d%22restart%22%20d%3d%22m13%2c9%20a5%2c5%2c1%2c1%2c1%2c8%2c4%20l8%2c2%20l12%2c5%20l8%2c8%20l8%2c6%20a3%2...
...%20%2f%3e%3cpath%20id%3d%22restart%22%20d%3d%22m13%2c9%20a5%2c5%2c1%2c1%2c1%2c8%2c4%20l8%2c2%20l12%2c5%20l8%2c8%20l8%2c6%20a3%2c3%2c1%2c1%2c0%2c11%2c9%20a1%2c1%2c1%2c1%2c1%2c13%2c9%20z%22%20%2f%3e%3c%2fsvg%3e#play'); } button.pause { background-image: url('data:image/svg+xml;charset=utf-8,%3csvg%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%20viewbox%3d%220%200%2016%2016%22%3e%3cstyle%3epath%20%7bdisplay%3anone%7d%20path%3atarget%7bdisplay%3ablock%7d%3c%2fstyle%3e%3cpath%20id%3d%22play%22%20d%3d%22m3%2c3%20l3%2c13%20l13%2c8%20z%22%20%2f%3e%3cpath%20id%3d%22pause%22%20d%3d%22m5%2c4%20l7%2c4%20l7%2c13%20l5%2c13%20z%20m9%2c4%20l11%2c4%20l11%2c13%20l9%2c13%20z%22%20%2f%3e%3cpath%20id%3d%22restart%22%20d%3d%22m13%2c9%20a5%2c5%2c1%2c1%2c1%2c8%2c4%20l8%2c2%20l12%2c5%20l8%2c8%20l8%2c6%20a3%2...
...%2f%3e%3cpath%20id%3d%22restart%22%20d%3d%22m13%2c9%20a5%2c5%2c1%2c1%2c1%2c8%2c4%20l8%2c2%20l12%2c5%20l8%2c8%20l8%2c6%20a3%2c3%2c1%2c1%2c0%2c11%2c9%20a1%2c1%2c1%2c1%2c1%2c13%2c9%20z%22%20%2f%3e%3c%2fsvg%3e#pause'); } button.restart { background-image: url('data:image/svg+xml;charset=utf-8,%3csvg%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%20viewbox%3d%220%200%2016%2016%22%3e%3cstyle%3epath%20%7bdisplay%3anone%7d%20path%3atarget%7bdisplay%3ablock%7d%3c%2fstyle%3e%3cpath%20id%3d%22play%22%20d%3d%22m3%2c3%20l3%2c13%20l13%2c8%20z%22%20%2f%3e%3cpath%20id%3d%22pause%22%20d%3d%22m5%2c4%20l7%2c4%20l7%2c13%20l5%2c13%20z%20m9%2c4%20l11%2c4%20l11%2c13%20l9%2c13%20z%22%20%2f%3e%3cpath%20id%3d%22restart%22%20d%3d%22m13%2c9%20a5%2c5%2c1%2c1%2c1%2c8%2c4%20l8%2c2%20l12%2c5%20l8%2c8%20l8%2c6%20a3%2...
<area> - HTML: Hypertext Markup Language
Web › HTML › Element › area
(https).
...pecified.
...e, the host and the port.
<iframe>: The Inline Frame element - HTML: Hypertext Markup Language
Web › HTML › Element › iframe
t be sent.
...level stays the same (https→https), but don't send it to a less secure destination (https→http).
...strict-origin-when-cross-origin: send a full url when performing a same-origin request, only send the origin when the protocol security level stays the same (https→https), and send no header to a less secure destination (https→http).
<img>: The Image Embed element - HTML: Hypertext Markup Language
Web › HTML › Element › img
the html <img> element embeds an image into the document.
...: no referer header is sent when navigating to an origin without https.
...ult if no policy is otherwise specified.
<input type="image"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › image
mples and send us a pull request.
...sential image input features let's look at a basic example that includes all the essential features you'd need to use (these work exactly the same as they do on the <img> element.): <input id="image" type="image" width="100" height="30" alt="login" src="/static/external/62/62ac2ecddbec0e0b540098c28451e57203e5cab46dfed7ab0115d5a659fcfb7b.png"> the src attribute is used to specify the path to the image you want to display in the button.
...atic/external/62/62ac2ecddbec0e0b540098c28451e57203e5cab46dfed7ab0115d5a659fcfb7b.png"> the src attribute is used to specify the path to the image you want to display in the button.
<script>: The Script element - HTML: Hypertext Markup Language
Web › HTML › Element › script
t be sent.
....g.
...-when-cross-origin: send a full url when performing a same-origin request, but only send the origin when the protocol security level stays the same (e.g.https→https), and send no header to a less secure destination (e.g.
Index - HTTP
Web › HTTP › Headers › Index
ument is allowed to set document.domain.
... field.
...th a 3xx (redirection) or 201 (created) status response.
SyntaxError: Using //@ to indicate sourceURL pragmas is deprecated. Use //# instead - JavaScript
he syntax due to a conflict with ie whenever it was found in the page after //@cc_on was interpreted to turn on conditional compilation in the ie jscript engine.
...onditional compilation in the ie jscript engine.
...query and other libraries.
color-interpolation - SVG: Scalable Vector Graphics
when animating colors, color interpolation is performed according to the value of the color-interpolation property on the element being animated.
...nt being animated.
...as a presentation attribute, it can be applied to any element but it only has an effect on the following 29 elements: <a>, <animate>, <animatecolor>, <circle>, <clippath>, <defs>, <ellipse>, <foreignobject>, <g>, <glyph>, <image>, <line>, <lineargradient>, <marker>, <mask>, <missing-glyph>, <path>, <pattern>, <polygon>, <polyline>, <radialgradient>, <rect>, <svg>, <switch>, <symbol>, <text>, <textpath>, <tspan>, and <use> usage notes value auto | srgb | linearrgb default value srgb animatable yes auto indicates that the user agent can choose either the srgb or linearrgb spaces for color interpolation.
color-rendering - SVG: Scalable Vector Graphics
rformance, which might mean sacrificing the color interpolation precision as specified by through the linearrgb value for color-interpolation-filters.
...interpolation-filters.
...as a presentation attribute, it can be applied to any element but it only has an effect on the following 29 elements: <a>, <animate>, <animatecolor>, <circle>, <clippath>, <defs>, <ellipse>, <foreignobject>, <g>, <glyph>, <image>, <line>, <lineargradient>, <marker>, <mask>, <missing-glyph>, <path>, <pattern>, <polygon>, <polyline>, <radialgradient>, <rect>, <svg>, <switch>, <symbol>, <text>, <textpath>, <tspan>, and <use> html, body, svg { height: 100%; } <svg viewbox="0 0 480 200" xmlns="http://www.w3.org/2000/svg"> <defs> <radialgradient id="gradient" cx="0.5" cy="0.5" r="0.5" fx="0.35" fy="0.35" fr="5%"> <stop offset="0%" stop-color="white"/> <stop offset="100%" stop-color="darkseagreen"/> </radialgradient> </defs> <circle cx="100" cy="100" r="100" fill="ur...
onclick - SVG: Scalable Vector Graphics
Web › SVG › Attribute › onclick
the onclick attribute specifies some script to run when the element is clicked.
... the onclick attribute specifies some script to run when the element is clicked.
...t is clicked.
preserveAspectRatio - SVG: Scalable Vector Graphics
wbox providing a given aspect ratio must fit into a viewport with a different aspect ratio.
...pectratio="xmaxymid slice" x="150" y="0" viewbox="0 0 100 100" width="10" height="25"><use href="#smiley" /></svg> <!-- none --> <svg preserveaspectratio="none" x="0" y="30" viewbox="0 0 100 100" width="160" height="60"><use href="#smiley" /></svg> </svg> topexample html,body,svg { height:100% } <svg viewbox="-1 -1 162 92" xmlns="http://www.w3.org/2000/svg"> <defs> <path id="smiley" d="m50,10 a40,40,1,1,1,50,90 a40,40,1,1,1,50,10 m30,40 q36,35,42,40 m58,40 q64,35,70,40 m30,60 q50,75,70,60 q50,75,30,60" /> </defs> <!-- (width>height) meet --> <rect x="0" y="0" width="20" height="10"> <title>xmidymid meet</title> </rect> <svg viewbox="0 0 100 100" width="20" height="10" preserveaspectratio="xmidymid meet" x="0" y="0"> <use href="#smiley" /...
... </rect> <svg viewbox="0 0 100 100" width="10" height="25" preserveaspectratio="xmaxymid slice" x="150" y="0"> <use href="#smiley" /> </svg> <!-- none --> <rect x="0" y="30" width="160" height="60"> <title>none</title> </rect> <svg viewbox="0 0 100 100" width="160" height="60" preserveaspectratio="none" x="0" y="30"> <use href="#smiley" /> </svg> </svg> path { fill: yellow; stroke: black; stroke-width: 8px; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; } rect:hover, rect:active { outline: 1px solid red; } syntax preserveaspectratio="<align> [<meetorslice>]" its value is made of one or two keywords: a required alignment value and an optional "meet or slice" reference as described below: alignment value t...
stroke-dashoffset - SVG: Scalable Vector Graphics
the stroke-dashoffset attribute is a presentation attribute defining an offset on the rendering of the associated dash array.
...ttribute is a presentation attribute defining an offset on the rendering of the associated dash array.
... 1" stroke-dashoffset="-3" /> <!-- the start of the dash array computation is pulled by 1 user units which ends up in the same rendering as the previous example --> <line x1="0" y1="9" x2="30" y2="9" stroke="black" stroke-dasharray="3 1" stroke-dashoffset="1" /> <!-- the following red lines highlight the offset of the dash array for each line --> <path d="m0,5 h-3 m0,7 h3 m0,9 h-1" stroke="rgba(255,0,0,.5)" /> </svg> usage notes value <percentage> | <length> default value 0 animatable yes the offset is usually expressed in user units resolved against the pathlength but if a <percentage> is used, the value is resolved as a percentage of the current viewport.
systemLanguage - SVG: Scalable Vector Graphics
the systemlanguage attribute represents a list of supported language tags.
...mlanguage attribute represents a list of supported language tags.
... against the language defined in the user preferences.
transform - SVG: Scalable Vector Graphics
tribute defines a list of transform definitions that are applied to an element and the element's children.
...ttribute, meaning it can be used as a css property.
...are that there are some difference in syntax between the css property and the attribute.
xlink:title - SVG: Scalable Vector Graphics
that appears when a user lets a mouse pointer hover over a starting resource.
... starting resource.
... this value specifies the title used to describe the meaning of the link or resource.
<ellipse> - SVG: Scalable Vector Graphics
Web › SVG › Element › ellipse
tage> ; default value: 0; animatable: yes cy the y position of the ellipse.
...the ellipse.
...eometry properties, meaning those attributes can also be used as css properties for that element.
<line> - SVG: Scalable Vector Graphics
Web › SVG › Element › line
ordinate of the line ending point.
...int.
...the total path length in user units.
<mask> - SVG: Scalable Vector Graphics
Web › SVG › Element › mask
an alpha mask for compositing the current object into the background.
...pe: <coordinate> ; default value: -10%; animatable: yes width this attribute defines the width of the masking area.
...e-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility usage notes categoriescontainer elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elementsstructural elementsgradient elements<a>, <altglyphdef>, <clippath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> specifications specification status comment css masking module level 1the definition of '<mask>' in that specification.
<polygon> - SVG: Scalable Vector Graphics
Web › SVG › Element › polygon
n points="0,100 50,25 50,75 100,0" /> <!-- example of the same polygon shape with stroke and no fill --> <polygon points="100,100 150,25 150,75 200,0" fill="none" stroke="black" /> </svg> attributes points this attribute defines the list of points (pairs of x,y absolute coordinates) required to draw the polygon.
... polygon shape with stroke and no fill --> <polygon points="100,100 150,25 150,75 200,0" fill="none" stroke="black" /> </svg> attributes points this attribute defines the list of points (pairs of x,y absolute coordinates) required to draw the polygon.
... length for the path, in user units.
<symbol> - SVG: Scalable Vector Graphics
Web › SVG › Element › symbol
and thus promote accessibility.
...alue: 0; animatable: yes y this attribute determines the y coordinate of the symbol.
...ption, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriescontainer element, structural elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elementsstructural elementsgradient elements<a>, <altglyphdef>, <clippath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> note: a <symbol> element itself is not meant to be rendered.
SVG fonts - SVG: Scalable Vector Graphics
<font id="font1" horiz-adv-x="1000"> <font-face font-family="super sans" font-weight="bold" font-style="normal" units-per-em="1000" cap-height="600" x-height="400" ascent="700" descent="300" alphabetic="0" mathematical="350" ideographic="400" hanging="500"> <font-face-src> <font-face-name name="super sans bold"/> </font-face-src> </font-face> <missing-glyph><path d="m0,0h200v200h-200z"/></missing-glyph> <glyph unicode="!" horiz-adv-x="300"><!-- outline of exclam.
...0z"/></missing-glyph> <glyph unicode="!" horiz-adv-x="300"><!-- outline of exclam.
...displayed if a certain glyph is not found in the font and if there are no fallback mechanisms.
Same-origin policy - Web security
ced as the "scheme/host/port tuple", or just "tuple".
...comprise a whole — a generic form for double/triple/quadruple/quintuple/etc.) the following table gives examples of origin comparisons with the url http://store.company.com/dir/page.html: url outcome reason http://store.company.com/dir2/other.html same origin only the path differs http://store.company.com/dir/inner/another.html same origin only the path differs https://store.company.com/page.html failure 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 docume...
....
XSLT elements reference - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes there are two types of elements discussed here: top-level elements and instructions.
...te.
... a related note, any attribute in an lre and some attributes of a limited number of xslt elements can also include what is known as an attribute value template.
Index - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Index
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes found 54 pages: # page tags and summary 1 xslt: extensible stylesheet language transformations landing, web, xslt extensible stylesheet language transformations (xslt) is an xml-based language used, in conjunction with specialized processing software, for the transformation of xml documents.
...pts will be helpful in understanding the description of netscape's capabilities that follows.
... the <xsl:text> element writes literal text to the output tree.
PI Parameters - XSLT: Extensible Stylesheet Language Transformations
ame.
...ncname it will never match any parameter in the stylesheet.
...tribute.
Converting WebAssembly text format to wasm - WebAssembly
rowser actually reads before we can use it.
... can use the wabt tool, which includes compilers to convert between webassembly’s text representation and wasm, and vice versa, plus more besides.
...ebassembly’s text representation and wasm, and vice versa, plus more besides.
Classes and Inheritance - Archive of obsolete content
w how to override the stub implementation of the method draw in shape with a more specialized one in circle.
...f shape; // => true shape instanceof class; // => true to illustrate the use of the extends property, let's redefine the constructor for the class circle in terms of class: var circle = class({ extends: shape, initialize: function(x, y, radius) { shape.prototype.initialize.call(this, x, y); this.radius = radius; }, draw: function (context) { context.beginpath(); context.arc(this.x, this.y, this.radius, 0, 2 * math.pi, false); context.fill(); } }); unlike the definition of circle in the previous section, we no longer have to override its prototype, or set its constructor property.
Testing the Add-on SDK - Archive of obsolete content
moment.
...n to that there are a couple of mach commands available, and ofcourse there is the try server if you have access to that.
simple-prefs - Archive of obsolete content
": "string", "name": "monstername", "value": "kraken", "title": "monster name" } color displayed as a colorpicker and stores a string in the #123456 format.
...: "highlightcolor", "value": "#6a5acd", "title": "highlight color" } file displayed as a "browse" button that opens a file picker and stores the full path and name of the file selected.
simple-storage - Archive of obsolete content
oo = "i will not be saved!
...with add-ons executed using jpm run - that is, stored data will not persist from one run to the next.
loader/sandbox - Archive of obsolete content
m/bar.js' and // start from 2nd line.
...e(scope, 'a ++', 'http://foo.com/bar.js', 2); version of javascript can be also specified via an optional argument: evaluate(scope, 'let b = 2;', 'bar.js', 1, '1.5'); // throws cause `let` is not defined in js 1.5.
Low-Level APIs - Archive of obsolete content
d the firefox developer tools.
...ule allows the creation of apis to broadcast and subscribe to events.
Getting Started (jpm) - Archive of obsolete content
ata and save these three icon files to the "data" directory: icon-16.png icon-32.png icon-64.png back at the command prompt, type: jpm run this is the jpm command to run a new instance of firefox with your add-on installed.
...ibute it, you'll need to package it as an xpi file.
Getting started (cfx) - Archive of obsolete content
o see output from console.log() messages, you'll have to tweak a setting.
...ts = function(grunt) { 'use strict'; require('matchdep').filterdev('grunt-!(cli)').foreach(grunt.loadnpmtasks); grunt.initconfig({ shell: { xpi: { command: [ 'cd pluginpath', 'cfx xpi', 'wget --post-file=pluginname.xpi http://localhost:8888/ || echo>/dev/null' ].join('&&') } }, watch: { xpi: { files: ['pluginpath/**'], tasks: ['shell:xpi'] } } }); grunt.loadnpmtasks('grunt-contrib-watch'); grunt.loadnpmtasks('grunt-shell'); grunt.registertask('default', ['watch']); }; ...
HTML to DOM - Archive of obsolete content
listener we define for the element.
...ref; if (aevent.originaltarget.nodename == "#document") { // ok, it's a real page, let's do our magic dump("[df] url = "+url+"\n"); var text = doc.evaluate("/html/body/h1",doc,null,xpathresult.string_type,null).stringvalue; dump("[df] text in /html/body/h1 = "+text+"\n"); } }, as you can see, we obtain full access to the dom of the page we loaded in background, and we can even evaluate xpath expressions.
Install Manifests - Archive of obsolete content
tionsurl in a new tab (if the application supports that), or a dialog box optionstype defaults to 1 if there is an optionsurl included in install.rdf or 2 if there is no optionsurl and the file options.xul exists in the root of the add-on.
...ile.jar where jarfile.jar is the name of the jar file that contains the chrome package's files.
Index of archived content - Archive of obsolete content
console/traceback content/content content/loader content/mod content/symbiont content/worker core/heritage core/namespace core/promise dev/panel event/core event/target frame/hidden-frame frame/utils fs/path io/byte-streams io/file io/text-streams lang/functional lang/type loader/cuddlefish loader/sandbox net/url net/xhr places/bookmarks places/favicon places/history platform/xpcom preferences/event-target ...
...vg animation svg general scrollbar sidebar stringview tabbox toolbar tree uri parsing view source for xul applications windows xml-related code snippets xml:base support in old browsers xpath getattributens common pitfalls communication between html and your extension creating custom firefox extensions with the mozilla build system custom about: urls default preferences deploying a plugin as an extension developing add-ons displaying web content in an extension without se...
Using content preferences - Archive of obsolete content
related about:config preferences: browser.zoom.full boolean, set by the menu item view / zoom / zoom text only.
....zoommanager.zoomvalues zoom.maxpercent and zoom.minpercent browser.download.lastdir path of a filesystem directory related about:config preferences: browser.download.lastdir the last directory for any site use downloadlastdir.jsm for access to these preferences.
Creating regular expressions for a microsummary generator - Archive of obsolete content
d understand how to create expressions that match urls.
... generator, see creating a microsummary.
Creating a Help Content Pack - Archive of obsolete content
te later.
... the viewer functions.
Migrate apps from Internet Explorer to Mozilla - Archive of obsolete content
nd 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 transformations: 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).
...l document.
RDF Datasource How-To - Archive of obsolete content
from the repository.
...ou simply call the component manager's registercomponent() method: extern "c" pr_implement(nsresult) nsregisterself(nsisupports* aservicemanager, const char* apath) { nsresult rv; ...
Actionscript Performance Tests - Archive of obsolete content
[], faster time is displayed in the output column, and the 95% confidence interval is calculated.
... the output column, and the 95% confidence interval is calculated.
The Download Manager schema - Archive of obsolete content
the table, you can do so using the storage api.
...o so using the storage api.
Anonymous Content - Archive of obsolete content
ed if they are found on the primary generating binding.
...ldren.
Windows stub installer - Archive of obsolete content
o to mozilla/xpinstall/wizard/windows/builder on the shell prompt type "perl build.pl".
...".
Using XPInstall to Install Plugins - Archive of obsolete content
plugin again?
... order to address this issue, plugin vendors are encouraged to: install the plugin software components for the browser (e.g.
File.windowsShortcut - Archive of obsolete content
e, c:\program files\netscape\netscape 6\" on windows) to windows software (misc.exe) that is installed in the "windows" directory.
...sc.exe) that is installed in the "windows" directory.
isDirectory - Archive of obsolete content
summary returns a boolean value indicating whether the specified filespecobject is a directory.
... summary returns a boolean value indicating whether the specified filespecobject is a directory.
isFile - Archive of obsolete content
summary returns a boolean value indicating whether the given filespecobject is a file.
... summary returns a boolean value indicating whether the given filespecobject is a file.
modDate - Archive of obsolete content
summary returns the last modified date of a specified file or directory.
... summary returns the last modified date of a specified file or directory.
loadResources - Archive of obsolete content
loadresources loads a properties file.
... loadresources loads a properties file.
preference.type - Archive of obsolete content
« xul reference home type type: one of the values below the preference type which should be one of the following values.
... should be one of the following values.
Accessing Files - Archive of obsolete content
ry much welcome!
... unavailable nsiscriptableio apis: code snippets: file i/o, open and save dialogs, reading textual data, writing textual data, list of file-related error codes.
Working With Directories - Archive of obsolete content
d argument, or refer to one of the special directories by supplying a null string for the second argument.
...l directories by supplying a null string for the second argument.
Index - Archive of obsolete content
Archive › Mozilla › XUL › Index
ample xul, xul_template_guide no summary!
...of the template.
Using Recursive Templates - Archive of obsolete content
ery: <query expr="group/person/"> or, we could display one level for the two groups, and use another level for each person.
...to provide a different appearance for containers with children, empty containers, as well as non-containers.
SeaMonkey - making custom toolbar (SM ver. 1.x) - Archive of obsolete content
d seamonkey, then go to the chrome directory there.
...he directory, you can use the following method to find it.
preference - Archive of obsolete content
are later in the tab sequence.
... should be one of the following values.
Building XULRunner with Python - Archive of obsolete content
pecify that python is used withtype="application/x-python" attribute.
...test") btntest.addeventlistener('command', ontest, false) def ontest(): window.alert('button activated') window.addeventlistener('load', onload, false) one possible gotcha is that the default python path used to find modules that areimported explicitly includes the xulrunner executable directory and the directory that is current when xulrunner launches.
Creating XULRunner Apps with the Mozilla Build System - Archive of obsolete content
put in just now.
...is used for content/, skin/ and locale/.
Deploying XULRunner - Archive of obsolete content
pplication files such as icons, etc myapplicationname.exe (this is the "stub executable"...
...art of the application ...
MacFAQ - Archive of obsolete content
ramework directory to /library/frameworks.
...ibrary/frameworks.
application/http-index-format specification - Archive of obsolete content
unquoted.
...d via the url escaping syntax defined by rfc 1738.
mozilla.dev.platform FAQ - Archive of obsolete content
faq for questions asked on mozilla.dev.platform xulrunner q: xulrunner on mac os x a: instead of using /path/to/xulrunner-bin.ini, applications on a mac must be in an application bundle (foo.app).
...tt>mozconfig --enable-storage</tt> q: program received signal exc_bad_instruction, illegal instruction/operand.
2006-09-06 - Archive of obsolete content
eading in xpcom or to firefox extensions.
...or to firefox extensions.
NPN_PostURLNotify - Archive of obsolete content
void* notifydata); parameters the function has the following parameters: instance current plug-in instance, specified by the plug-in.
...plug-in.
NPP_NewStream - Archive of obsolete content
nes the mode of the stream.
... immediately.
NPP_StreamAsFile - Archive of obsolete content
api summary provides a local file name for the data from a stream.
...me); parameters the function has the following parameters: instance pointer to current plug-in instance.
.htaccess ( hypertext access ) - Archive of obsolete content
rom 146.0.74.205 # blocks all access from 146.0.74.205 to the directory ssi or server side include : include external files to each file requested by the user without the need to write include statements in the file; you can have them automatically attached to all the files, whether at top or bottom, automatically through your .htaccess file.
...de : include external files to each file requested by the user without the need to write include statements in the file; you can have them automatically attached to all the files, whether at top or bottom, automatically through your .htaccess file.
Browser Detection and Cross Browser Support - Archive of obsolete content
simple tests.
...ion browsers) to standards mode (which more strictly adhers to the standards).
Implementation Status - Archive of obsolete content
6.1.6 constraint supported 6.1.7 p3ptype unsupported 279049; 6.2.1 atomic datatype partial we will support simpletype's using length, minlength, maxlength, pattern, maxinclusive, mininclusive, maxexclusive, minexclusive, totaldigits, and fractiondigits 7.
...orted 279049; 6.2.1 atomic datatype partial we will support simpletype's using length, minlength, maxlength, pattern, maxinclusive, mininclusive, maxexclusive, minexclusive, totaldigits, and fractiondigits 7.
Mozilla XForms Specials - Archive of obsolete content
).
...lowing normal classes instead: xf-value xf-repeat-item xf-repeat-index for example, to target the value element of an input control use: @namespace xf url("http://www.w3.org/2002/xforms"); xf|input .xf-value { ...
Mozilla XForms User Interface - Archive of obsolete content
alues (see the spec).
...ement is used (as an event handler) to make a case visible and thereby hiding all other case elements contained by the same switch.
XForms - Archive of obsolete content
ed since it could be removed at any time.
...er interface elements documentation.
Examples - Game development
metric mmorpg with similarities to runescape classic and ultima.
...owd of people all trying to reach their opposite positions.
Game monetization - Game development
when you've spent your time building a game, distributing it and promoting it you should consider earning some money out of it.
... t-shirt, and some even gave back a few bucks to help keep it going in years to come.
Paddle and keyboard controls - Game development
ables: var paddleheight = 10; var paddlewidth = 75; var paddlex = (canvas.width-paddlewidth) / 2; here we're defining the height and width of the paddle and its starting point on the x axis for use in calculations further on down the code.
...e paddle and its starting point on the x axis for use in calculations further on down the code.
XInclude - MDN Web Docs Glossary: Definitions of Web-related terms
return false; break; } request.send(null); if((request.status === 200 || request.status === 0) && request[responsetype] !== null) { response = request[responsetype]; if (responsetype === 'responsexml') { // apply xpointer (only xpath1() subset is supported) var responsenodes; if (xpointer) { var xpathresult = response.evaluate( xpointer, response, ...
... if (xpointer) { var xpathresult = response.evaluate( xpointer, response, null, xpathresult.ordered_node_snapshot_type, null ); var a = []; for(var k = 0; k < xpathresult.snapshotlength; k++) { a[k] = xpathresult.snapshotitem(k); ...
How do you upload your files to a web server? - Learn web development
o.
...s, for example -v for verbose error messages, and -b to make backups.
Front-end web developer - Learn web development
welcome to our front-end web developer learning pathway!
...e you don't understand something, or some code is just not working.
HTML basics - Learn web development
nt to show to web users when they visit your page, whether that's text, images, videos, games, playable audio tracks or whatever else.
...(alternative) attribute.
What’s in the head? Metadata in HTML - Learn web development
pt to power interactive functionality, such as video players, maps, games, and more.
...ectively.
Test your skills: Multimedia and embedding - Learn web development
the interactive editors below, however it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
...ur own editor or in an online editor.
Getting started with React - Learn web development
t from 'react'; import logo from './logo.svg'; import './app.css'; the first statement imports the react library itself.
...ct components must import the react module.
Deployment and next steps - Learn web development
u can create and modify at will.
...con.png'> <link rel='stylesheet' href='global.css'> <link rel='stylesheet' href='build/bundle.css'> <script defer src='build/bundle.js'></script> do this now.
Getting started with Svelte - Learn web development
repl and how you'd use it.
...sion in the url.
Creating a Language Pack
date.
... a language pack, or a localization repack, you first need to go through the initial setup process.
Debugging Frame Reflow
.
...--enable-debug in your .mozconfig file).
HTTP logging
logs for firefox running on linux.
...l window, hitting the return key after each line.
Gecko Logging
started, you can set prefs under the logging.
... adding more rust code to gecko, and rust crates typically use a different approach to logging.
Browser API
point).
...w icon (e.g.
Roll your own browser: An embedding how-to
must be done to start up event queues and load some string bundles.
...all of this is somewhat generic and has been isolated into a static library that you can simply call on.
Localizing with Koala
> new project from template...
...l live in (e.g.
SVN for Localizers
through a secure connection.
...late with your favorite text editor.
Fonts for Mozilla's MathML engine
re texlive-fontsextra # arch linux sudo urpmi texlive-dist texlive-fontsextra # mageia however, you might need to ensure that the fonts are known by your system.
...ml-fonts add-on.
DMD
y-report dumping hook: adb shell am broadcast -a org.mozilla.gecko.memory_dump in logcat, you should see output similar to this: i/dmd (20731): opened /storage/emulated/0/download/memory-reports/dmd-default-20731.json.gz for writing ...
... missing filename, function name and line number information.
Leak-hunting strategies and tips
an xpcom interface and be used transparently by native code.
...ees in addition to raw stacks; since they are rather slow, it is often much faster to generate balance trees (e.g., using make-tree.pl for the refcount balancer or diffbloatdump.pl --use-address for trace-malloc) andthen run the balance trees (which are much smaller) through the post-processing.
Profiling with the Gecko Profiler and Local Symbols on Windows
./mach build.
...te the breakpad symbol files by running ./mach buildsymbols: https://developer.mozilla.org/en/building_firefox_with_debug_symbols#breakpad_symbol_files this will have created symbols under $objdir/dist/ , named after the binary name, architecture and version, so something like "firefox-40.0a1.en-us-win32.crashreporter-symbols.zip" point talos to this zipfile by passing its path to the --symbolspath flag.
about:memory
...
...ements; the value of each internal node is the sum of all its children.
Debugging out-of-memory problems
ly.
... android, an about:memory dump may be triggered from a connect desktop machine with the command: adb shell am broadcast -a org.mozilla.gecko.memory_dump the location of the dump file will be printed to the android log (viewed with adb logcat | grep geckoconsole) and can be retrieved via adb pull.
NSPR build instructions
library by default.
...ify the --enable-debug-rtl configure option.
PR_Delete
syntax #include <prio.h> prstatus pr_delete(const char *name); parameters the function has the following parameter: name the pathname of the file to be deleted.
... syntax #include <prio.h> prstatus pr_delete(const char *name); parameters the function has the following parameter: name the pathname of the file to be deleted.
PR_Open
opens a file for reading, writing, or both.
... permission, others returns the function returns one of the following values: if the file is successfully opened, a pointer to a dynamically allocated prfiledesc for the newly opened file.
NSPR API Reference
ndition variable type condition variable functions monitors monitor type monitor functions cached monitors cached monitor functions i/o types directory type file descriptor types file info types network address types types used with socket options functions type used with memory-mapped i/o offset interpretation for seek functions i/o functions functions that operate on pathnames functions that act on file descriptors directory i/o functions socket manipulation functions converting between host and network addresses memory-mapped i/o functions anonymous pipe function polling functions pollable events manipulating layers network addresses network address types and constants network address functions atomic operations pr_atomicincrement pr_atomicde...
... 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 functions pr_setlibrarypath pr_getlibrarypath pr_getlibraryname pr_freelibraryname pr_loadlibrary pr_unloadlibrary pr_findsymbol pr_findsymbolandlibrary finding symbols defined in the main executable program platform notes dynamic library search path exporting symbols from the main executable program process management and interprocess communication process management types ...
NSS_3.12_release_notes.html
se notes 17 june 2008 newsgroup: mozilla.dev.tech.crypto contents introduction distribution information 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.
...7664: false positive crl revocation test on ppc/ppc64 nss_enable_pkix_verify=1 bug 404526: glibc detected free(): invalid pointer bug 300929: certificate policy extensions not supported bug 129303: nss needs to expose interfaces to deal with multiple token sources of certs.
NSS 3.14.2 release notes
primary nss documentation pages please visit /docs/nss new in nss 3.14.2 nss will now make use of the intel aes-ni and avx instruction sets for hardware-accelerated aes-gcm on 64-bit linux systems.
...lytrustanchors in secoidt.h sec_oid_ms_ext_key_usage_ctl_signing notable changes in nss 3.14.2 bug 805604 - support for aes-ni and avx accelerated aes-gcm was contributed by shay gueron of intel.
NSS Sample Code Sample_3_Basic Encryption and MACing
pad_header "-----begin pad-----" #define pad_trailer "-----end pad-----" typedef enum { encrypt, decrypt, unknown } commandtype; typedef enum { symkey = 0, mackey = 1, iv = 2, mac = 3, pad = 4 } headertype; /* print a usage message and exit */ static void usage(const char *progname) { fprintf(stderr, "\nusage: %s -c <a|b> -d <dbdirpath> [-z <noisefilename>] " "[-p <dbpwd> | -f <dbpwdfile>] -i <ipfilename> -o <opfilename>\n\n", progname); fprintf(stderr, "%-20s specify 'a' for encrypt operation\n\n", "-c <a|b>"); fprintf(stderr, "%-20s specify 'b' for decrypt operation\n\n", " "); fprintf(stderr, "%-20s specify db directory path\n\n", "-d <dbdirpath>")...
...down(); if (rvshutdown != secsuccess) { pr_fprintf(pr_stderr, "failed : nss_shutdown()\n"); rv = secfailure; } pr_cleanup(); return rv; } </plstr.h></prtypes.h></prlog.h></prinit.h></prerror.h></plgetopt.h></prthread.h></opfilename></ipfilename></ipfilename></ipfilename></ipfilename></ipfilename></opfilename></ipfilename></noisefilename></dbpwdfile></dbpwd></dbdirpath></a|b></opfilename></ipfilename></dbpwdfile></dbpwd></noisefilename></dbdirpath></a|b></pk11priv.h></keyhi.h></plstr.h></prtypes.h></prlog.h></prinit.h></prerror.h></plgetopt.h></prthread.h> ...
NSS sources building testing
low directory dist/?, where ?
... where ?
nss tech note6
, libfreebl_32fpu_3.so, libfreebl_64int_3.so, libfreebl_64fpu_3.so, libfreebl_32int_3.sl, libfreebl_32fpu_3.sl; or 2.
....so, libfreebl_64fpu_3.so, libfreebl_32int_3.sl, libfreebl_32fpu_3.sl; or 2.
PKCS #11 Module Specs
re considered escape characters for the next character in the stream.
...ation for other applications.
PKCS11 Implement
cryptographic modules portion of the communicator security info window.
..., the user should follow these steps: click the security icon near the top of any communicator window.
Renaming With Pork
is copy.
...efer to any diagnostics touch /tmp/err.txt tail -f /tmp/err.txt & ~/work/pork-barrel/pork-barrel 4 /tmp/ls.txt ./renamer -rename-class string sm::string > /tmp/string.diff 2>/tmp/err.txt pork-barrel runs multiple copies of the renamer and merges their output.
Tutorial: Embedding Rhino
t embedding of rhino possible is the runscript example.
...ost objects can implement special javascript features like dynamic properties.
Rhino serialization
on:c1 the problem is that java serialization has no built-in way to serialize java classes themselves.
...array and then load the class upon deserialization, but at best that would eat up a lot of memory for just this feature.) one way around this is to compile the functions using the jsc tool: $ cat f.js function f() { return 3; } $ java -classpath js.jarorg.mozilla.javascript.tools.jsc.main f.js $ cat test2.js loadclass("f"); serialize(f, "f.ser"); g = deserialize("f.ser"); print(g()); $ java -classpath 'js.jar;.'org.mozilla.javascript.tools.shell.main test2.js 3 now the function f is compiled to a java class, but that class is then made available in the classpath so serialization works.
JIT Optimization Outcomes
n the expected constant.
...otcached nonnativereceiver indextype setelemnondensenontanotcached nosimdjitsupport optimization failed because simd jit support was not enabled.
SpiderMonkey 1.8.5
re running, issue the command /usr/bin/g++-4.2 -v from a terminal window.
...re-based build system does not correctly generate the js-config script on many platforms, nor when js-ctypes are enabled.
SpiderMonkey 1.8.7
re running, issue the command /usr/bin/g++-4.2 -v from a terminal window.
...e-based build system does not correctly generate the js-config script on many platforms, nor when js-ctypes are enabled.
Web Replay
ues like treating all accesses on the buffers as atomic (probably unacceptable overhead) or performing all accesses on the buffer on a single core and keeping track of context switches.
...e which hasn't been tested with the infrastructure.
Using the Places history service
ns a reference to the url table for the page, the visit date, the transition type (typed, click, redirect, bookmark, etc.), a reference to the referring visit, and the session id.
...sition type (typed, click, redirect, bookmark, etc.), a reference to the referring visit, and the session id.
Creating a Python XPCOM component
ing.) preparation if a binary of pyxpcom is not available, you will need to build it - see building pyxpcom.
...ext; simply unpack xpi and take everything you need.
How to build an XPCOM component in JavaScript
provided for download is powerpc-only.
...ository, you can create a makefile listing the idl files and the build system will automatically generate the typelib.
Finishing the Component
register as a new category.
... prbool *_retval) uniform resource locators the method passes in an interface pointer of type nsiuri, which is based on the uniform resource identifier, or uri.
XPCOM Stream Guide
Mozilla › Tech › XPCOM › Guide › Streams
snippets: writing to a file.
...anymore zipreader.close(); for writing from an input stream to a zip archive, see the nsizipwriter interface: // file is an nsifile object mapping to a zip archive var zipwriter = components.classes["@mozilla.org/zipwriter;1"] .createinstance(components.interfaces.nsizipwriter); zipwriter.open(file, ioflags); // stream is the output stream zipwriter.addentrystream("/path/to/zipped/file", modtime, compression, stream, queueforlater); // if queued for later operations, and all operations are queued zipwriter.processqueue(); // when we don't need the zipwriter anymore zipwriter.close(); concatenating input streams var stringstream = components.constructor("@mozilla.org/io/string-input-stream;1", "nsistringinputstream"...
How to build a binary XPCOM component using Visual Studio
hing : nsisupports { attribute astring name; long add(in long a, in long b); }; remember to generate your own guid.
...b); }; remember to generate your own guid.
Core XPCOM functions
e to the xpcom service manager.ns_initxpcom2the ns_initxpcom2 function initiates use of xpcom in the calling process.ns_initxpcom3the ns_initxpcom3 function initiates use of xpcom in the calling process with support for statically defined xpcom modules.
...itiates use of xpcom in the calling process with support for statically defined xpcom modules.
nsIComponentManager
rface nsilocalfile alocation ); parameters examples using addbootstrappedmanifestlocation in a bootstrapped extension for firefox 8 and 9: alocation the directory or xpi to stop reading the chrome.manifest from.
...g the chrome.manifest from.
nsICookie
cookie.
...represents an expiration time earlier than jan 1, 1970.
nsICrashReporter
void annotatecrashreport(in acstring key, in acstring data); void appendappnotestocrashreport(in acstring data); void appendobjcexceptioninfotoappnotes(in voidptr aexception); native code only!
...ing key, in acstring data); void appendappnotestocrashreport(in acstring data); void appendobjcexceptioninfotoappnotes(in voidptr aexception); native code only!
nsIDownloadManager
abase connection to the downloads database.
...localfile returns the user configured downloads directory.
nsIEnvironment
ich is incorrect for unix/linux!!!!) which simply checks whether the string returned by get() is empty or not.
... value if the variable has been set, the value returned is pr_true.
nsIINIParserFactory
e ini file.
...ing a parser object to obtain a parser for an ini file, you can use code that looks like this: to get an nsiiniparser instance for an ini file, you may use the following code: // create an nsilocalfile var cl = "@mozilla.org/file/local;1"; var interf = components.interfaces.nsilocalfile; var file = components.classes[cl].createinstance(interf); // init the file with the path to your ini file var path = "c:\\temp\\example.ini"; file.initwithpath(path); // create the nsiiniparserfactory var cl = "@mozilla.org/xpcom/ini-parser-factory;1"; var interf = components.interfaces.nsiiniparserfactory; var inifact = components.manager.getclassobjectbycontractid(cl,interf); // get the iniparser for the ini file var iniparser = inifact.createiniparser(file); see also nsiiniparser nsilocalfile ...
nsILoginManagerStorage
always be an array; if there are no logins in the login store, it must be an empty array, not null.
...st.
nsIMsgProtocolInfo
account type.
...angetmessages boolean true if "get messages" ui actions should be enabled for the account type.
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.
... 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.
nsITreeView
:moz-tree-column(x) to be matched on the treechildren element.
...ce gecko 22 return value a string of space-separated property names.
nsIXMLHttpRequest
t it, so it returns string, you dont want arraybuffer.
...ing, you dont want arraybuffer.
Using nsIDirectoryService
ystem of the location of dlls that are linked against.
...pect of file location is not related to nsidirectoryservice, but needs mention here.
xpidl
Mozilla › Tech › XPIDL › xpidl
te headers used by the xpcom components.
...erface compilation, xpidl can be run from the command line: usage: ./xpidl -m mode [-w] [-v] [-t version number] [-d filename.pp] [-i path] [-o basename | -e filename.ext] filename.idl -a emit annotations to typelib -w turn on warnings (recommended) -v verbose mode (nyi) -t create a typelib of a specific version number -i add entry to start of include path for ``#include "nsithing.idl" -o use basename (e.g.
Using the Multiple Accounts API
er.server.check_time - integer, number of minutes between checks for new mail preference: mail.server.server.remember_password - boolean, should we remember the password?
... the following are specific to news: preference: mail.server.server.leave_on_server - boolean, should we leave messages on the server after we have downloaded them?
Using the Mozilla source server
source code served to you for debugging without a local build what you'll need windbg or visual studio (note: express editions will not work, but windbg is a free download) a nightly build that was created after april 15, 2008; go to the /pub/firefox/nightly/latest-mozilla-central/ folder and grab the installer for builds predating the switch to mercurial, you'll need cvs.exe, added to your path (the cvs.exe from mozillabuild has problems, use this one instead) note: do not use the cvs from mozillabuild, it will not work!
...8; go to the /pub/firefox/nightly/latest-mozilla-central/ folder and grab the installer for builds predating the switch to mercurial, you'll need cvs.exe, added to your path (the cvs.exe from mozillabuild has problems, use this one instead) note: do not use the cvs from mozillabuild, it will not work!
WebIDL bindings
rlying c++ class must also implement a method called getownpropertynames with the signature void getownpropertynames(jscontext* acx, nstarray<nsstring>& anames, errorresult& arv).
...n nsstringbuffer available, and promise to hold on to the nsstringbuffer at least until the binding code comes off the stack can also take a domstring directly for their string return value and call its setstringbuffer method with the nsstringbuffer and its length.
Standard OS Libraries
to work.
...the header file.
URLs - Plugins
e in a new stream.
...t form data to cgi scripts using http or upload files to a remote server using ftp.
Debugging service workers - Firefox Developer Tools
ster before you can look at your service worker in action in the applications panel, you need to successfully register it.
...l see information 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 information about your service worker: the url that the service worker is registered on.
Aggregate view - Firefox Developer Tools
ck the star-triangle, we'll see all four array instances: for each instance, you can see the retained size and shallow size of that instance.
...: for each instance, you can see the retained size and shallow size of that instance.
Network request list - Firefox Developer Tools
.
... time exceeds a threshhold (default: 500 ms).
Debugging Firefox Desktop - Firefox Developer Tools
ave the "enable browser chrome and add-on debugging toolboxes" and "enable remote debugging" settings checked in the developer tools settings.
... persist across restarts.
Cookies - Firefox Developer Tools
when you select an origin inside the cookies storage type from the storage tree, all the cookies present for that origin will be listed in a table.
... when you select an origin inside the cookies storage type from the storage tree, all the cookies present for that origin will be listed in a table.
BluetoothAdvertisingData - Web APIs
nly attribute map manufacturerdata; readonly attribute map servicedata; }; properties bluetoothadvertisingdata.appearance read only returns one of the values defined by the org.bluetooth.characteristic.gap.appearance characteristic.
...aracteristic.gap.appearance characteristic.
CSS Painting API - Web APIs
log(thecolor); if ( strokewidth ) { ctx.linewidth = strokewidth; } else { ctx.linewidth = 1.0; } if ( stroketype === 'stroke' ) { ctx.fillstyle = 'transparent'; ctx.strokestyle = thecolor; } else if ( stroketype === 'filled' ) { ctx.fillstyle = thecolor; ctx.strokestyle = thecolor; } else { ctx.fillstyle = 'none'; ctx.strokestyle = 'none'; } ctx.beginpath(); ctx.moveto( x, y ); ctx.lineto( blockwidth, y ); ctx.lineto( blockwidth + blockheight, blockheight ); ctx.lineto( x, blockheight ); ctx.lineto( x, y ); ctx.closepath(); ctx.fill(); ctx.stroke(); for (let i = 0; i < 4; i++) { let start = i * 2; ctx.beginpath(); ctx.moveto( blockwidth + (start * 10) + 10, y); ctx.lineto( blockwidth + (start * 10) + 20, y); ctx...
...roke(); for (let i = 0; i < 4; i++) { let start = i * 2; ctx.beginpath(); ctx.moveto( blockwidth + (start * 10) + 10, y); ctx.lineto( blockwidth + (start * 10) + 20, y); ctx.lineto( blockwidth + (start * 10) + 20 + blockheight, blockheight); ctx.lineto( blockwidth + (start * 10) + 10 + blockheight, blockheight); ctx.lineto( blockwidth + (start * 10) + 10, y); ctx.closepath(); ctx.fill(); ctx.stroke(); } } }); we then include the paintworklet: <ul> <li>item 1</li> <li>item 2</li> <li>item 3</li> <li>item 4</li> <li>item 5</li> <li>item 6</li> <li>item 7</li> <li>item 8</li> <li>item 9</li> <li>item 10</li> <li>item 11</li> <li>item 12</li> <li>item 13</li> <li>item 14</li> <li>item 15</li> ...
CanvasRenderingContext2D.lineDashOffset - Web APIs
mount of the line dash offset.
...e draws two dashed lines.
Using Fetch - Web APIs
ls policy to same-origin.
...: fetch('flowers.jpg') .then(response => { if (!response.ok) { throw new error('network response was not ok'); } return response.blob(); }) .then(myblob => { myimage.src = url.createobjecturl(myblob); }) .catch(error => { console.error('there has been a problem with your fetch operation:', error); }); supplying your own request object instead of passing a path to the resource you want to request into the fetch() call, you can create a request object using the request() constructor, and pass that in as a fetch() method argument: const myheaders = new headers(); const myrequest = new request('flowers.jpg', { method: 'get', headers: myheaders, mode: 'cors', cache: 'default', }); fetch(myrequest) .then(response => response.blob()) .then(mybl...
File.name - Web APIs
Web › API › File › name
returns the name of the file represented by a file object.
... returns the name of the file represented by a file object.
File - Web APIs
Web › API › File
file.prototype.lastmodified read only returns the last modified time of the file, in millisecond since the unix epoch (january 1st, 1970 at midnight).
... read only returns the last modified time of the file, in millisecond since the unix epoch (january 1st, 1970 at midnight).
FileError - Web APIs
Web › API › FileError
red file or directory could not be found at the time an operation was processed.
...tion was processed.
FileException - Web APIs
or directory could not be found at the time an operation was processed.
...processed.
FileReader - Web APIs
to read.
...filelist object returned as a result of a user selecting files using the <input> element, from a drag and drop operation's datatransfer object, or from the mozgetasfile() api on an htmlcanvaselement.
HTMLAnchorElement.referrerPolicy - Web APIs
errer is sent when fetching the resource.
...nchorelt.referrerpolicy = refstr; values "no-referrer" meaning that the referer: http header will not be sent.
HTMLAreaElement.referrerPolicy - Web APIs
referrer is sent when fetching the resource.
... areaelt.referrerpolicy = refstr; values "no-referrer" meaning that the referer: http header will not be sent.
HTMLCanvasElement.mozFetchAsStream() - Web APIs
ge/png.
...m (chrome context only) this technique also converts it to ico, however it will not work in windows xp as winxp cannot convert from png to ico.
HTMLHyperlinkElementUtils - Web APIs
, if the port of the url is not empty (which can happen because it was not specified or because it was specified to be the default port of the url's scheme), a ':', and the port of the url.
...ot specified or because it was specified to be the default port of the url's scheme), a ':', and the port of the url.
HTMLImageElement.alt - Web APIs
t.
...t sapien.
HTMLImageElement.referrerPolicy - Web APIs
gelt.referrerpolicy; imgelt.referrerpolicy = refstr; values a domstring representing the referrer policy.
...the referrer policy.
HTMLObjectElement - Web APIs
hive is a domstring that reflects the archive html attribute, containing a list of archives for resources for this object.
...g that reflects the border html attribute, specifying the width of a border around the object.
IDBDatabase: abort event - Web APIs
it does not exist), then opens a transaction, adds a listener to the abort event, then aborts the transaction to trigger the event.
... // abort the transaction transaction.abort(); }; the same example, but assigning the event handler to the onabort property: // open the database const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded = (event) => { const db = event.target.result; // create an objectstore for this database const objectstore = db.createobjectstore('todolist', { keypath: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; db...
IDBDatabase: close event - Web APIs
event event handler property onerror examples this example opens a database and listens for the close event: // open the database const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded = (event) => { const db = event.target.result; // create an objectstore for this database const objectstore = db.createobjectstore('todolist', { keypath: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; db...
... console.log('database connection closed'); }); }; the same example, using the onclose property instead of addeventlistener(): // open the database const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded = (event) => { const db = event.target.result; // create an objectstore for this database const objectstore = db.createobjectstore('todolist', { keypath: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; db...
IDBDatabase: error event - Web APIs
ng for the error event for the add() operation (this will occur if, for example, a record with the given tasktitle already exists): // open the database const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded = (event) => { const db = event.target.result; // create an objectstore for this database const objectstore = db.createobjectstore('todolist', { keypath: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; db...
...nst objectstorerequest = objectstore.add(newitem); }; the same example, using the onerror property instead of addeventlistener(): // open the database const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded = (event) => { const db = event.target.result; // create an objectstore for this database const objectstore = db.createobjectstore('todolist', { keypath: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; db...
IDBDatabase: versionchange event - Web APIs
ndler property onversionchange examples this example opens a database and, on success, adds a listener to versionchange: // open the database const dbopenrequest = window.indexeddb.open('nonexistent', 4); dbopenrequest.onupgradeneeded = event => { const db = event.target.result; // create an objectstore for this database const objectstore = db.createobjectstore('todolist', { keypath: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; db...
...le.log('the version of this database has changed'); }); }); the same example, using the onversionchange event handler property: // open the database const dbopenrequest = window.indexeddb.open('nonexistent', 4); dbopenrequest.onupgradeneeded = event => { const db = event.target.result; // create an objectstore for this database const objectstore = db.createobjectstore('todolist', { keypath: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; db...
IDBOpenDBRequest: blocked event - Web APIs
erty onblocked examples using addeventlistener(): // open the database const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded = (event) => { const db = event.target.result; db.onerror = () => { console.log('error creating database'); }; // create an objectstore for this database var objectstore = db.createobjectstore('todolist', { keypath: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; db...
...uest was blocked'); }); }; using the onblocked property: // open the database const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded = (event) => { const db = event.target.result; db.onerror = () => { console.log('error creating database'); }; // create an objectstore for this database var objectstore = db.createobjectstore('todolist', { keypath: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; db...
IDBOpenDBRequest: upgradeneeded event - Web APIs
eneeded event by making any necessary updates to the object store.
...); this is the same example, but uses the onupgradeneeded event handler property.
IDBRequest: error event - Web APIs
cord with the given tasktitle already exists): // open the database const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.addeventlistener('upgradeneeded', event => { const db = event.target.result; db.onerror = () => { console.log('error creating database'); }; // create an objectstore for this database var objectstore = db.createobjectstore('todolist', { keypath: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }); d...
...ple, using the onerror property instead of addeventlistener(): // open the database const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded = event => { const db = event.target.result; db.onerror = () => { console.log('error creating database'); }; // create an objectstore for this database var objectstore = db.createobjectstore('todolist', { keypath: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; db...
IDBRequest: success event - Web APIs
base and listens for the success event using addeventlistener(): // open the database const openrequest = window.indexeddb.open('todolist', 4); openrequest.onupgradeneeded = (event) => { const db = event.target.result; db.onerror = () => { console.log('error creating database'); }; // create an objectstore for this database var objectstore = db.createobjectstore('todolist', { keypath: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; op...
...he same example, but using the onsuccess event handler property: // open the database const openrequest = window.indexeddb.open('todolist', 4); openrequest.onupgradeneeded = (event) => { const db = event.target.result; db.onerror = () => { console.log('error creating database'); }; // create an objectstore for this database var objectstore = db.createobjectstore('todolist', { keypath: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; op...
IDBTransaction: abort event - Web APIs
abort event, then aborts the transaction to trigger the event.
...mple, but assigning the event handler to the onabort property: // open the database const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded = event => { const db = event.target.result; db.onerror = () => { console.log('error creating database'); }; // create an objectstore for this database var objectstore = db.createobjectstore('todolist', { keypath: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; db...
IDBTransaction: complete event - Web APIs
perty oncomplete examples using addeventlistener(): // open the database const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded = event => { const db = event.target.result; db.onerror = () => { console.log('error creating database'); }; // create an objectstore for this database var objectstore = db.createobjectstore('todolist', { keypath: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; db...
...objectstore.add(newitem); }; using the oncomplete property: // open the database const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded = event => { const db = event.target.result; db.onerror = () => { console.log('error creating database'); }; // create an objectstore for this database var objectstore = db.createobjectstore('todolist', { keypath: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; db...
IDBTransaction: error event - Web APIs
ng for the error event for the add() operation (this will occur if, for example, a record with the given tasktitle already exists): // open the database const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded = (event) => { const db = event.target.result; // create an objectstore for this database const objectstore = db.createobjectstore('todolist', { keypath: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; db...
...nst objectstorerequest = objectstore.add(newitem); }; the same example, using the onerror property instead of addeventlistener(): // open the database const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded = (event) => { const db = event.target.result; // create an objectstore for this database const objectstore = db.createobjectstore('todolist', { keypath: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; db...
Transcoding assets for Media Source Extensions - Web APIs
t 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.
...et started.
SVGAnimationElement: beginEvent event - Web APIs
in the course of normal (i.e.
...egun with a dom method.
SVGAnimationElement: endEvent event - Web APIs
in the course of normal (i.e.
...ended with a dom method.
SVGAnimationElement: repeatEvent event - Web APIs
eat event is not raised for the first iteration and so the observed values will be >= 1.
...x, but not in chrome.
Using Service Workers - Web APIs
your app online in the normal expected fashion.
... failing to register?
Migrating from webkitAudioContext - Web APIs
other part of your web page's code could execute in the mean time.
...(); xhr.onload = function() { var decodedbuffer = context.createbuffer(xhr.response, false); if (decodedbuffer) { // decoding was successful, do something useful with the audio buffer } else { alert("decoding the audio buffer failed"); } }; converting this code to use decodeaudiodata() is relatively simple, as can be seen below: var xhr = new xmlhttprequest(); xhr.open("get", "/path/to/audio.ogg", true); xhr.responsetype = "arraybuffer"; xhr.send(); xhr.onload = function() { context.decodeaudiodata(xhr.response, function onsuccess(decodedbuffer) { // decoding was successful, do something useful with the audio buffer }, function onfailure() { alert("decoding the audio buffer failed"); }); }; note that the decodeaudiodata() method is asynchronous, which means th...
Using IIR filters - Web APIs
ffsetwidth; const height = canvascontainer.offsetheight; canvasel.width = width; canvasel.height = height; // set background fill canvasctx.fillstyle = 'white'; canvasctx.fillrect(0, 0, width, height); // set up some spacing based on size const spacing = width/16; const fontsize = math.floor(spacing/1.5); // draw our axis canvasctx.linewidth = 2; canvasctx.strokestyle = 'grey'; canvasctx.beginpath(); canvasctx.moveto(spacing, spacing); canvasctx.lineto(spacing, height-spacing); canvasctx.lineto(width-spacing, height-spacing); canvasctx.stroke(); // axis is gain by frequency -> make labels canvasctx.font = fontsize+'px sans-serif'; canvasctx.fillstyle = 'grey'; canvasctx.filltext('1', spacing-fontsize, spacing+fontsize); canvasctx.filltext('g', spacing-fontsize, (height-spacing+fontsize)/2...
...ctx.filltext('1', spacing-fontsize, spacing+fontsize); canvasctx.filltext('g', spacing-fontsize, (height-spacing+fontsize)/2); canvasctx.filltext('0', spacing-fontsize, height-spacing+fontsize); canvasctx.filltext('hz', width/2, height-spacing+fontsize); canvasctx.filltext('20k', width-spacing, height-spacing+fontsize); // loop over our magnitude response data and plot our filter canvasctx.beginpath(); for(let i = 0; i < magresponseoutput.length; i++) { if (i === 0) { canvasctx.moveto(spacing, height-(magresponseoutput[i]*100)-spacing ); } else { canvasctx.lineto((width/totalarrayitems)*i, height-(magresponseoutput[i]*100)-spacing ); } } canvasctx.stroke(); summary that's it for our iirfilter demo.
window.location - Web APIs
Web › API › Window › location
dified url.
...ppen.
Window.open() - Web APIs
Web › API › Window › open
into the new or existing browsing context (window, <iframe> or tab) with the specified name.
...hronously.
WorkerLocation - Web APIs
er.
...n of the url of the script executed in the worker.
Introduction - Web APIs
ent (the content) should be laid out.
...guage for trees.
font-display - CSS: Cascading Style Sheets
d, it is used normally.
...ce is not loaded, the user agent treats it as a failed load causing normal font fallback.
Basic Shapes - CSS: Cascading Style Sheets
reference box.
...follow using the polygon(), you can change any of the values to see how the shape is changed.
Animatable CSS properties - CSS: Cascading Style Sheets
der-left border-left-color border-left-width border-radius border-right border-right-color border-right-width border-start-end-radius border-start-start-radius border-top border-top-color border-top-left-radius border-top-right-radius border-top-width border-width bottom box-shadow caret-color clip clip-path color column-count column-gap column-rule column-rule-color column-rule-width column-width columns filter flex flex-basis flex-grow flex-shrink font font-size font-size-adjust font-stretch font-variation-settings font-weight gap grid-column-gap grid-gap grid-row-gap grid-templat...
... margin-inline-end margin-inline-start margin-left margin-right margin-top mask mask-border mask-position mask-size max-block-size max-height max-inline-size max-lines max-width min-block-size min-height min-inline-size min-width object-position offset offset-anchor offset-distance offset-path offset-position offset-rotate opacity order outline outline-color outline-offset outline-width padding padding-block-end padding-block-start padding-bottom padding-inline-end padding-inline-start padding-left padding-right padding-top perspective perspective-origin right rotate row-gap ...
Linear-gradient Generator - CSS: Cascading Style Sheets
ient-axis .rotate-point { width: 25px; height: 25px; position: absolute; top: -10.5px; right: -12px; } .gradient-axis[axisid='0']:after { background-color: #da5c5c; } .gradient-axis[axisid='1']:after { background-color: #5cda9b; } .gradient-axis[axisid='2']:after { background-color: #5c9bda; } .gradient-axis[axisid='3']:after { background-color: #5c5cda; } .gradient-axis[axisid='0'] path { fill: #da5c5c; } .gradient-axis[axisid='1'] path { fill: #5cda9b; } .gradient-axis[axisid='2'] path { fill: #5c9bda; } .gradient-axis[axisid='3'] path { fill: #5c5cda; } .gradient-axis .rotate-point:hover { cursor: pointer; } /** * controls */ #controls { width: 100%; margin: 0 auto; display: table; } #controls .section { width: 50%; padding: 10px; display: table; float: l...
...s.updateonresize(); trackmouse(rotate_point, this.updateaxisangle.bind(this), this.startrotation.bind(this)); container.appendchild(axis); line.addeventlistener('click', this.placegradientpoint.bind(this)); }; gradientaxis.prototype.createsvgarrow = function createsvgarrow(id) { var xmlns = 'http://www.w3.org/2000/svg'; var svg = document.createelementns(xmlns, 'svg'); var path = document.createelementns(xmlns, 'path'); svg.setattribute('class', 'gradient-arrow'); svg.setattribute('width', '25'); svg.setattribute('height', '25'); path.setattribute('fill', '#ccc'); path.setattribute('d', 'm 25,12.5 l 0,0 l 7.5,12.5 l 0,25'); svg.appendchild(path); return svg; }; gradientaxis.prototype.placegradientpoint = function placegradientpoint(e) { this.updat...
clip - CSS: Cascading Style Sheets
Web › CSS › clip
element.
...tle="graphic clipped towards middle"> <img id="bottom-right" src="https://udn.realityripple.com/samples/8f/15174f3500.jpg" title="graphic clipped to bottom right"> </p> result specifications specification status comment css masking module level 1the definition of 'clip' in that specification.
<shape> - CSS: Cascading Style Sheets
Web › CSS › shape
the <shape> css data type defines the specific form (shape) of a region.
... the <shape> css data type defines the specific form (shape) of a region.
A hybrid approach - Developer guides
but even if it does not work, it is no worse with respect to performance than only using fluid images.
...ion of the hybrid approach, with positive results.
<a>: The Anchor element - HTML: Hypertext Markup Language
Web › HTML › Element › a
nd send us a pull request.
...> <canvas width="300" height="300"></canvas> css html { font-family: sans-serif; } canvas { background: #fff; border: 1px dashed; } a { display: inline-block; background: #69c; color: #fff; padding: 5px 10px; } javascript var canvas = document.queryselector('canvas'), c = canvas.getcontext('2d'); c.fillstyle = 'hotpink'; function draw(x, y) { if (isdrawing) { c.beginpath(); c.arc(x, y, 10, 0, math.pi*2); c.closepath(); c.fill(); } } canvas.addeventlistener('mousemove', event => draw(event.offsetx, event.offsety) ); canvas.addeventlistener('mousedown', () => isdrawing = true); canvas.addeventlistener('mouseup', () => isdrawing = false); document.queryselector('a').addeventlistener('click', event => event.target.href = canvas.todataurl() ); re...
Content Security Policy (CSP) - HTTP
Web › HTTP › CSP
_/csp-reports, when the document is visited: { "csp-report": { "document-uri": "http://example.com/signup.html", "referrer": "", "blocked-uri": "http://example.com/css/style.css", "violated-directive": "style-src cdn.example.com", "original-policy": "default-src 'none'; style-src cdn.example.com; report-uri /_/csp-reports" } } as you can see, the report includes the full path to the violating resource in blocked-uri.
... "style-src cdn.example.com", "original-policy": "default-src 'none'; style-src cdn.example.com; report-uri /_/csp-reports" } } as you can see, the report includes the full path to the violating resource in blocked-uri.
Content-Security-Policy-Report-Only - HTTP
ent is visited: { "csp-report": { "document-uri": "http://example.com/signup.html", "referrer": "", "blocked-uri": "http://example.com/css/style.css", "violated-directive": "style-src cdn.example.com", "original-policy": "default-src 'none'; style-src cdn.example.com; report-uri /_/csp-reports", "disposition": "report" } } as you can see, the report includes the full path to the violating resource in blocked-uri.
...original-policy": "default-src 'none'; style-src cdn.example.com; report-uri /_/csp-reports", "disposition": "report" } } as you can see, the report includes the full path to the violating resource in blocked-uri.
Origin - HTTP
Web › HTTP › Headers › Origin
the origin request header indicates where a fetch originates from.
... the origin request header indicates where a fetch originates from.
HTTP headers - HTTP
Web › HTTP › Headers
algorithm.
...for an exchange, each one accompanied by information about how to determine the authority of and refresh that signature.
HTTP Messages - HTTP
Web › HTTP › Messages
ne contain three elements: an http method, a verb (like get, put or post) or a noun (like head or options), that describes the action to be performed.
...source should be fetched or post means that data is pushed to the server (creating or modifying a resource, or generating a temporary document to send back).
Grammar and types - JavaScript
* multi-line comment */ /* you can't, however, /* nest comments */ syntaxerror */ comments behave like whitespace, and are discarded during script execution.
...tring by preceding it with a backslash.
Warning: -file- is being assigned a //# sourceMappingURL, but already has one - JavaScript
minified to make delivering them from the server more efficient.
...code being executed to the original source files.
Error.prototype.fileName - JavaScript
the filename property contains the path to the file that raised this error.
... the filename property contains the path to the file that raised this error.
import - JavaScript
), which does not require scripts of type="module".
...mport { export1 , export2 as alias2 , [...] } from "module-name"; import defaultexport, { export1 [ , [...] ] } from "module-name"; import defaultexport, * as name from "module-name"; import "module-name"; var promise = import("module-name"); defaultexport name that will refer to the default export from the module.
Lazy loading - Web Performance
lazy loading is a strategy to identify resources as non-blocking (non-critical) and load these only when needed.
...d, we have come to see huge increases in the number and size of assets sent to users.
Progressive loading - Progressive web apps (PWAs)
thinking about optimizing the image loading using javascript.
...ript the app.js file processes the data-src attributes like so: let imagestoload = document.queryselectorall('img[data-src]'); const loadimages = (image) => { image.setattribute('src', image.getattribute('data-src')); image.onload = () => { image.removeattribute('data-src'); }; }; the imagestoload variable contains references to all the images, while the loadimages function moves the path from data-src to src.
alignment-baseline - SVG: Scalable Vector Graphics
roman text to stay aligned across font size changes.
..., before-edge, and after-edge have been removed.
class - SVG: Scalable Vector Graphics
Web › SVG › Attribute › class
troke: #006600; fill: #cc0000; } ]]> </style> <rect class="rectclass" x="10" y="10" width="100" height="100"/> <circle class="circleclass" cx="40" cy="50" r="26"/> </svg> </body> </html> elements the following elements can use the class attribute: <a> <altglyph> <circle> <clippath> <defs> <desc> <ellipse> <feblend> <fecolormatrix> <fecomponenttransfer> <fecomposite> <feconvolvematrix> <fediffuselighting> <fedisplacementmap> <feflood> <fegaussianblur> <feimage> <femerge> <femorphology> <feoffset> <fespecularlighting> <fetile> <feturbulence> <filter> <font> <foreignobject> <g> <glyph> <glyphref> <image> <line> <lineargradient> <marker> <mask> <...
... <ellipse> <feblend> <fecolormatrix> <fecomponenttransfer> <fecomposite> <feconvolvematrix> <fediffuselighting> <fedisplacementmap> <feflood> <fegaussianblur> <feimage> <femerge> <femorphology> <feoffset> <fespecularlighting> <fetile> <feturbulence> <filter> <font> <foreignobject> <g> <glyph> <glyphref> <image> <line> <lineargradient> <marker> <mask> <missing-glyph> <path> <pattern> <polygon> <polyline> <radialgradient> <rect> <stop> <svg> <switch> <symbol> <text> <textpath> <title> <tref> <tspan> <use> ...
fill-opacity - SVG: Scalable Vector Graphics
the fill-opacity attribute is a presentation attribute defining the opacity of the paint server (color, gradient, pattern, etc) applied to a shape.
...presentation attribute defining the opacity of the paint server (color, gradient, pattern, etc) applied to a shape.
marker-mid - SVG: Scalable Vector Graphics
the marker-mid attribute defines the arrowhead or polymarker that will be drawn at all interior vertices of the given shape.
... polymarker that will be drawn at all interior vertices of the given shape.
mask - SVG: Scalable Vector Graphics
Web › SVG › Attribute › mask
ask="url(#mymask)"/> </svg> since svg2, the mask attribute is defined as a css property and is a shorthand for many other properties: mask-image, mask-mode, mask-repeat, mask-position, mask-clip, mask-origin, mask-size, and mask-composite.
...fined as a css property and is a shorthand for many other properties: mask-image, mask-mode, mask-repeat, mask-position, mask-clip, mask-origin, mask-size, and mask-composite.
opacity - SVG: Scalable Vector Graphics
Web › SVG › Attribute › opacity
to which the background behind the element is overlaid.
...on attribute, opacity can be used as a css property.
paint-order - SVG: Scalable Vector Graphics
the paint-order attribute specifies the order that the fill, stroke, and markers of a given shape or text element are painted.
...paint-order attribute specifies the order that the fill, stroke, and markers of a given shape or text element are painted.
shape-rendering - SVG: Scalable Vector Graphics
the shape-rendering attribute provides hints to the renderer about what tradeoffs to make when rendering shapes like paths, circles, or rectangles.
... the shape-rendering attribute provides hints to the renderer about what tradeoffs to make when rendering shapes like paths, circles, or rectangles.
stroke-dasharray - SVG: Scalable Vector Graphics
the stroke-dasharray attribute is a presentation attribute defining the pattern of dashes and gaps used to paint the outline of the shape; note: as a presentation attribute, stroke-dasharray can be used as a css property.
...ntation attribute defining the pattern of dashes and gaps used to paint the outline of the shape; note: as a presentation attribute, stroke-dasharray can be used as a css property.
stroke-opacity - SVG: Scalable Vector Graphics
the stroke-opacity attribute is a presentation attribute defining the opacity of the paint server (color, gradient, pattern, etc) applied to the stroke of a shape.
...efining the opacity of the paint server (color, gradient, pattern, etc) applied to the stroke of a shape.
stroke-width - SVG: Scalable Vector Graphics
the stroke-width attribute is a presentation attribute defining the width of the stroke to be applied to the shape.
... the stroke-width attribute is a presentation attribute defining the width of the stroke to be applied to the shape.
stroke - SVG: Scalable Vector Graphics
Web › SVG › Attribute › stroke
the stroke attribute is a presentation attribute defining the color (or any svg paint servers like gradients or patterns) used to paint the outline of the shape; note: as a presentation attribute stroke can be used as a css property.
... defining the color (or any svg paint servers like gradients or patterns) used to paint the outline of the shape; note: as a presentation attribute stroke can be used as a css property.
writing-mode - SVG: Scalable Vector Graphics
the writing-mode attribute specifies whether the initial inline-progression-direction for a <text> element shall be left-to-right, right-to-left, or top-to-bottom.
...an change within a <text> element due to the unicode bidirectional algorithm and properties direction and unicode-bidi.) note: as a presentation attribute, writing-mode can be used as a css property.
xlink:type - SVG: Scalable Vector Graphics
the xlink:type attribute identifies the type of xlink being used.
... the xlink:type attribute identifies the type of xlink being used.
<a> - SVG: Scalable Vector Graphics
Web › SVG › Element › a
value type: <url> ; default value: none; animatable: yes global attributes core attributes most notably: id, lang, tabindex styling attributes class, style conditional processing attributes most notably: requiredextensions, systemlanguage event attributes global event attributes, document element event attributes, graphical event attributes presentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility xlink attributes most notably: xlink:title aria attributes aria-active...
...red, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriescontainer elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elementsstructural elementsgradient elements<a>, <altglyphdef>, <clippath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> specifications specification status comment scalable vector graphics (svg) 2the definition of '<a>' in that specification.
<circle> - SVG: Scalable Vector Graphics
Web › SVG › Element › circle
x-axis coordinate of the center of the circle.
...eometry properties, meaning those attributes can also be used as css properties for that element.
<defs> - SVG: Scalable Vector Graphics
Web › SVG › Element › defs
rgradient> </defs> <!-- using my graphical objects --> <use x="5" y="5" xlink:href="#mycircle" fill="url('#mygradient')" /> </svg> attributes global attributes core attributes most notably: id lang styling attributes class, style event attributes global event attributes, document element event attributes, graphical event attributes presentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility usage notes categoriescontainer element, structural elementpermitted co...
... stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility usage notes categoriescontainer element, structural elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elementsstructural elementsgradient elements<a>, <altglyphdef>, <clippath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> specifications specification status comment scalable vector graphics (svg) 2the definition of '<defs>' in that specification.
<g> - SVG: Scalable Vector Graphics
Web › SVG › Element › g
="60" cy="60" r="25" /> </g> </svg> attributes this element only includes global attributes global attributes core attributes most notably: id, tabindex styling attributes class, style conditional processing attributes most notably: requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes presentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-autocomplete, a...
...ption, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriescontainer element, structural elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elementsstructural elementsgradient elements<a>, <altglyphdef>, <clippath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> specifications specification status comment scalable vector graphics (svg) 2the definition of '<g>' in that specification.
<glyph> - SVG: Scalable Vector Graphics
Web › SVG › Element › glyph
a <glyph> defines a single glyph in an svg font.
... <font-face font-family="super sans" font-weight="bold" font-style="normal" units-per-em="1000" cap-height="600" x-height="400" ascent="700" descent="300" alphabetic="0" mathematical="350" ideographic="400" hanging="500"> <font-face-src> <font-face-name name="super sans bold"/> </font-face-src> </font-face> <missing-glyph><path d="m0,0h200v200h-200z"/></missing-glyph> <glyph unicode="!" horiz-adv-x="80" d="m0,0h200v200h-200z"></glyph> <glyph unicode="@" d="m0,50l100,300l400,100z"></glyph> </font> </defs> <text x="100" y="100" style="font-family: 'super sans', helvetica, sans-serif; font-weight: bold; font-style: normal">text using embe@dded font!</text> </svg> result speci...
<pattern> - SVG: Scalable Vector Graphics
Web › SVG › Element › pattern
ly href will be used.
...-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility xlink attributes most notably: xlink:title usage notes categoriescontainer elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elementsstructural elementsgradient elements<a>, <altglyphdef>, <clippath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> specifications specification status comment scalable vector graphics (svg) 2the definition of '<pattern>' in that specification.
<polyline> - SVG: Scalable Vector Graphics
Web › SVG › Element › polyline
points="0,100 50,25 50,75 100,0" /> <!-- example of the same polyline shape with stroke and no fill --> <polyline points="100,100 150,25 150,75 200,0" fill="none" stroke="black" /> </svg> attributes points this attribute defines the list of points (pairs of x,y absolute coordinates) required to draw the polyline value type: <number>+ ; default value: ""; animatable: yes pathlength this attribute lets specify the total length for the path, in user units.
... length for the path, in user units.
<rect> - SVG: Scalable Vector Graphics
Web › SVG › Element › rect
value type: auto|<length>|<percentage> ; default value: auto; animatable: yes rx the horizontal corner radius of the rect.
...eometry properties, meaning those attributes can also be used as css properties for that element.
<svg> - SVG: Scalable Vector Graphics
Web › SVG › Element › svg
can also be used as css properties.
...ption, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriescontainer element, structural elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elementsstructural elementsgradient elements<a>, <altglyphdef>, <clippath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> specifications specification status comment scalable vector graphics (svg) 2the definition of '<svg>' in that specification.
<text> - SVG: Scalable Vector Graphics
Web › SVG › Element › text
the svg <text> element draws a graphics element consisting of text.
...es global attributes core attributes most notably: id, tabindex styling attributes class, style, font-family, font-size, font-size-adjust, font-stretch, font-style, font-variant, font-weight conditional processing attributes most notably: requiredextensions, systemlanguage event attributes global event attributes, graphical event attributes presentation attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, dominant-baseline, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, text-anchor, transform, vector-effect, visibility aria attributes aria-activedescendant, a...
Web Components
indirectly) to the context object, e.g.
...object, e.g.
xml:base - XML: Extensible Markup Language
Web › XML › xml:base
e uri on your icon sprite by setting the xml:base.
...by setting the xml:base.
<xsl:apply-templates> - XSLT: Extensible Stylesheet Language Transformations
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:apply-templates> element selects a set of nodes in the input tree and instructs the processor to apply the proper templates to them.
...ements, exslt functions, xpath functions, xpath axes the <xsl:apply-templates> element selects a set of nodes in the input tree and instructs the processor to apply the proper templates to them.
<xsl:copy-of> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › copy-of
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:copy-of> element makes a deep copy (including descendant nodes) of whatever the select attribute specifies to the output document.
... xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:copy-of> element makes a deep copy (including descendant nodes) of whatever the select attribute specifies to the output document.
<xsl:for-each> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › for-each
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:for-each> element selects a set of nodes and processes each of them in the same way.
...h of them in the same way.
<xsl:if> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › if
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:if> element contains a test attribute and a template.
...a test attribute and a template.
<xsl:key> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › key
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:key> element declares a named key which can be used elsewhere in the stylesheet with the key( ) function.
...xslt elements, exslt functions, xpath functions, xpath axes the <xsl:key> element declares a named key which can be used elsewhere in the stylesheet with the key( ) function.
<xsl:number> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › number
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:number> element counts things sequentially.
...a number.
<xsl:param> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › param
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:param> element establishes a parameter by name and, optionally, a default value for that parameter.
...r.
<xsl:sort> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › sort
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:sort> element defines a sort key for nodes selected by <xsl:apply-templates> or <xsl:for-each> and determines the order in which they are processed.
...xes the <xsl:sort> element defines a sort key for nodes selected by <xsl:apply-templates> or <xsl:for-each> and determines the order in which they are processed.
<xsl:value-of> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › value-of
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:value-of> element evaluates an xpath expression, converts it to a string, and writes that string to the result tree.
... xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:value-of> element evaluates an xpath expression, converts it to a string, and writes that string to the result tree.
<xsl:variable> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › variable
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:variable> element declares a global or local variable in a stylesheet and gives it a value.
... a stylesheet and gives it a value.
<xsl:with-param> - XSLT: Extensible Stylesheet Language Transformations
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:with-param> element sets the value of a parameter to be passed into a template.
... xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:with-param> element sets the value of a parameter to be passed into a template.
Transforming XML with XSLT - XSLT: Extensible Stylesheet Language Transformations
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes an overview the separation of content and presentation is a key design feature of xml.
...ransform and the name is apt.
Advanced Example - XSLT: Extensible Stylesheet Language Transformations
ing if the parameter is empty (the first time the sorting happens, as there is no value for it in the xslt file).
...in the xslt file).
Compiling a New C/C++ Module to WebAssembly - WebAssembly
bly.
...w), and run the following command: emcc -o hello2.html hello2.c -o3 -s wasm=1 --shell-file html_template/shell_minimal.html the options we've passed are slightly different this time: we've specified -o hello2.html, meaning that the compiler will still output the javascript glue code and .html.
Loading and running WebAssembly code - WebAssembly
sembly in javascript, you first need to pull your module into memory before compilation/instantiation.
...ead of using the webassembly javascript api, and understanding webassembly text format.
XUL Migration Guide - Archive of obsolete content
e: uri, with a skin and locale, and this means you can include xul windows in an sdk-based add-on.
indexed-db - Archive of obsolete content
error = function(e) { console.error(e.value) } function open(version) { var request = indexeddb.open("stuff", version); request.onupgradeneeded = function(e) { var db = e.target.result; e.target.transaction.onerror = database.onerror; if(db.objectstorenames.contains("items")) { db.deleteobjectstore("items"); } var store = db.createobjectstore("items", {keypath: "time"}); }; request.onsuccess = function(e) { database.db = e.target.result; }; request.onerror = database.onerror; }; function additem(name) { var db = database.db; var trans = db.transaction(["items"], "readwrite"); var store = trans.objectstore("items"); var time = new date().gettime(); var request = store.put({ "name": name, "time": time }); request.one...
page-mod - Archive of obsolete content
] }); content styles specified by this option are loaded after those specified by the contentstylefile option.
system/child_process - Archive of obsolete content
documented separately here.
test/httpd - Archive of obsolete content
this module was removed in firefox 36, please use the addon-httpd npm module instead.
ui/sidebar - Archive of obsolete content
rom firefox 34, you can use "./sidebar.html" as an alias for self.data.url("sidebar.html").
Unit Testing - Archive of obsolete content
ello", "atob works"); } exports["test btoa"] = function(assert) { assert.ok(base64.btoa("hello") == "agvsbg8=", "btoa works"); } exports["test empty string"] = function(assert) { assert.throws(function() { base64.atob(); }, "empty string check works"); } require("sdk/test").run(exports); note that with jpm we must give the exact relative path to the base64.js module.
Bootstrapped extensions - Archive of obsolete content
on about the add-on being bootstrapped.
Cookies - Archive of obsolete content
ements()) { var cookie = enum.getnext().queryinterface(ci.nsicookie2); dump(cookie.host + ";" + cookie.name + "=" + cookie.value + "\n"); } all cookies, regardless of host, can be enumerated using services.cookies.enumerator rather than getcookiesfromhost().
Downloading Files - Archive of obsolete content
the following methods of downloading files may not work as expected after firefox 26, and should no longer be used.
Running applications - Archive of obsolete content
all your target platforms support this method!
XML-related code snippets - Archive of obsolete content
how to create a dom tree using xmlhttprequest parsing and serializing xml using xpath jxon (lossless javascript xml object notation) xsl transforms xlink xinclude xml:id xml:base support in old browsers xpointer svg namespaces, or why http://www.mozilla.org/keymaster/gat...re.is.only.xul is at the top of every xul document.
Installing Extensions and Themes From Web Pages - Archive of obsolete content
t code, updateenabled will return false because your site isn't whitelisted, and since it was updateenabled that discovered this, not a call to install, there will be no notification to the user.
Migrating raw components to add-ons - Archive of obsolete content
strictly so that they can make use of third party dlls.
Chapter 1: Introduction to Extensions - Archive of obsolete content
d some actual examples of extensions.
Chapter 3: Introduction to XUL—How to build a more intuitive UI - Archive of obsolete content
e fourth element.
Appendix D: Loading Scripts - Archive of obsolete content
les the following code will import a module into the current global scope.
JavaScript Object Management - Archive of obsolete content
d they're the best tool for keeping everything in sync between windows.
Local Storage - Archive of obsolete content
ns, or making other changes to your db structure from one version of your extension to the next will probably cause breakage of user data in older versions.
Mozilla Documentation Roadmap - Archive of obsolete content
navigate through the huge code base with some ease.
CSS3 - Archive of obsolete content
ty, and transition-timing-function properties.
Creating a status bar extension - Archive of obsolete content
toolbars, status bars, menu bars, and the like.
JXON - Archive of obsolete content
it could be useful to read the xml introduction article first.
MMgc - Archive of obsolete content
l over how much time is spent marking without threads when smp systems become more prevalent it may be worth investigating this approach because true parallelism may afford better performance.
ActiveX Control for Hosting Netscape Plug-ins in IE - Archive of obsolete content
ft used to support the np api, look for a file called plugin.ocx in your windows system directory.
Structure of an installable bundle - Archive of obsolete content
xulrunner applications, extensions, and themes all share a common directory structure, and in some cases the same bundle can be used as a standalone xulrunner application as well as an installable application extension.
Creating a Firefox sidebar extension - Archive of obsolete content
rlay chrome://browser/content/browser.xul chrome://emptysidebar/content/firefoxoverlay.xul test while you're developing your sidebar, you will need to test it frequently from firefox.
Finding the file to modify - Archive of obsolete content
, then select the mozilla browser window item (named after the page currently loaded in the browser).
Getting Started - Archive of obsolete content
ion chrome:skinversion="1.0" about="urn:mozilla:skin:myskin/1.0:messenger"/> <rdf:description chrome:skinversion="1.0" about="urn:mozilla:skin:myskin/1.0:navigator"/> save the file and exit the text editor.
Download Manager preferences - Archive of obsolete content
umes the default value but doesn't necessarily add the missing preference.
Block and Line Layout Cheat Sheet - Archive of obsolete content
set, for which margins apply by default).
Repackaging Firefox - Archive of obsolete content
nsion that you want to bundle with firefox, and don't want to bundle an extra extension solely to set a few defaults, you can do everything you need to do in your existing extension.
Mozilla Application Framework in Detail - Archive of obsolete content
s) performinstall(); else { alert("error detected: "+getlasterror()); cancelinstall(); } other features a resource description framework (rdf) parser with support for creating rdf graphs programmatically or by parsing files, compositing multiple sources into a single rdf graph, querying and manipulating graphs, and populating xul widgets (trees, menus, etc.) with graph data; an xslt/xpath processor; scalable vector graphics (svg) rendering with support for a usable subset of the standard including all basic shapes, beziers, stroking and filling with opacity, and much of the dom; mathml rendering; an ecma-262 edition 3-compliant javascript engine; java integration with a bridge to xpcom, a java dom api, the open jvm integration (oji) facility, a java webclient api, and java plu...
New Security Model for Web Services - Archive of obsolete content
cess.
Bundles - Archive of obsolete content
e webapp.
Hacking wiki - Archive of obsolete content
de("extensions/abbr.php"); include("extensions/object.php"); include("extensions/kbd.php"); ?> tbd installing/configuring rss and doxygen extensions - anything special needs to be done?
Running Windows Debug Builds Downloaded From Tinderbox - Archive of obsolete content
tely these dlls are not redistributable.
Standard Makefile Header - Archive of obsolete content
each mozilla makefile uses a standard header.
Tamarin Build System Documentation - Archive of obsolete content
he tamarin repository, get a current copy in your test repository cd into the build/buildbot/slaves directory: cd build/buildbot/slaves copy the your platform scripts directory into the scripts directory and cd into the new scripts directory: cp -r mac-intel-10_5/scripts .
Tamarin mercurial commit hook - Archive of obsolete content
\n) "mark_security_change" - looks for this text and warns user as security changes should not be checked into the public tamarin-redux repository.
Treehydra Manual - Archive of obsolete content
tructor that should return the intersection of two abstract values.
Treehydra - Archive of obsolete content
build instructions how to build treehydra treehydra manual usage instructions static analyses analyses being worked on for mozilla 2(many use treehydra) interesting papers esp path-sensitive program verification in polynomial time community view treehydra forums...
Venkman Introduction - Archive of obsolete content
fishes have paused.
InstallTrigger.startSoftwareUpdate - Archive of obsolete content
installtrigger.startsoftwareupdate this is a very simple example of the installtrigger object's principal method, startsoftwareupdate, which takes a string representing the path to the xpi and installs that xpi on the local machine.
dirCreate - Archive of obsolete content
dircreate creates a new directory.
dirGetParent - Archive of obsolete content
dirgetparent returns an object representing the parent directory of the current directory or file.
Methods - Archive of obsolete content
pecifies whether the last modification on a file is older than a specified date move moves a file from one location to another.
deleteRegisteredFile - Archive of obsolete content
deleteregisteredfile (netscape 6 and mozilla do not currently support this method.) deletes the specified file and removes its entry from the client version registry.
getComponentFolder - Archive of obsolete content
getcomponentfolder returns an object representing the directory in which a component is installed.
getWinProfile - Archive of obsolete content
tructs an object for working with a windows .ini file.
Properties - Archive of obsolete content
page show the use of the xpinstall api.
writeString - Archive of obsolete content
ter.
createKey - Archive of obsolete content
createkey adds a key to the registry.
deleteKey - Archive of obsolete content
deletekey removes a key from the registry.
deleteValue - Archive of obsolete content
deletevalue removes the value of an arbitrary key.
enumKeys - Archive of obsolete content
enumkeys enumerates the registry subkeys for the given key.
enumValueNames - Archive of obsolete content
enumvaluenames enumerates the value of a given key.
getValue - Archive of obsolete content
getvalue netscape 6 and mozilla do not currently support this method.
getValueNumber - Archive of obsolete content
getvaluenumber gets the value of a key when that value is a number.
getValueString - Archive of obsolete content
getvaluestring retrieves the value of a key when that value is a string.
isKeyWritable - Archive of obsolete content
iskeywritable returns whether the given registry key is writable or not.
keyExists - Archive of obsolete content
keyexists returns whether the key exists.
setValue - Archive of obsolete content
setvalue netscape 6 and mozilla do not currently support this method.
setValueNumber - Archive of obsolete content
summary sets the value of a key, when that value is a number.
setValueString - Archive of obsolete content
setvaluestring sets the value of a key, when that value is a string.
valueExists - Archive of obsolete content
valueexists returns whether a value for the given key exists.
A XUL Bestiary - Archive of obsolete content
content/help.xul', '_blank', 'chrome,all,dialog=no')" /> in this example, the chrome url is being used to point to a chrome within the package hierarchy of the mozilla application.
expr - Archive of obsolete content
Archive › Mozilla › XUL › Attribute › expr
« xul reference home expr type: string for xml queries, an xpath expression which returns results.
Attribute Substitution - Archive of obsolete content
bug can make this appear to not work at times.
Building Hierarchical Trees - Archive of obsolete content
se to appear.
Multiple Rules - Archive of obsolete content
ich has the effect of selecting only those people with multiple names.
SQLite Templates - Archive of obsolete content
.
Sorting Results - Archive of obsolete content
« previousnext » when results are generated from a query, content is generated in the same order as the results.
Template Builder Interface - Archive of obsolete content
even if you don't specify it.
Install Scripts - Archive of obsolete content
xul applications unless you are creating your own xpcom components.
Tree View Details - Archive of obsolete content
+ i + 1, 0, [toinsert[i], false]); } this.treebox.rowcountchanged(idx + 1, toinsert.length); } this.treebox.invalidaterow(idx); } first we will need to check if the row is a container.
XUL Structure - Archive of obsolete content
y for a particular user.
Using the Editor from XUL - Archive of obsolete content
s an odd-man-out event listener, in that it's registered from the editorshell, rather than internally to the editor.
assign - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] for xml templates, specifies an additional variable to assign a value to.
prefpane - Archive of obsolete content
will be loaded as an overlay to the main preferences window.
query - Archive of obsolete content
Archive › Mozilla › XUL › query
ed.
Using LDAP XPCOM with XULRunner - Archive of obsolete content
he component library is just a loader of the real library and all its dependencies, so as all the needed libraries are loaded.
XUL Application Packaging - Archive of obsolete content
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}.
Mozprocess - Archive of obsolete content
.
Mozrunner - Archive of obsolete content
zrunner is a python package which handles running of mozilla applications.
nsIContentPolicy - Archive of obsolete content
ra an optional argument, pass-through for non-gecko callers to pass extra data to callees.
Mozilla release FAQ - Archive of obsolete content
owing 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?
2006-11-24 - Archive of obsolete content
summary: mozilla.dev.apps.firefox - november 17, 2006 - november 24, 2006 announcements none this week.
2006-09-29 - Archive of obsolete content
ailable for download discussions xulrunner fails without feedback on osx intel 10.4.7 will morton is trying to port a xul application to osx.
2006-10-20 - Archive of obsolete content
summary: mozilla.dev.platform - october 14th to october 20th 2006 announcements no announcements this week.
Introduction to Public-Key Cryptography - Archive of obsolete content
ssible.
Table Reflow Internals - Archive of obsolete content
nue (split) breaking status (in the case of some inline frames) if there is truncation (it can't fit in the space and can't split).
Processing XML with E4X - Archive of obsolete content
)); // alerts 3 searching and filtering e4x provides special operators for selecting nodes within a document that match specific criteria.
Enumerator.atEnd - Archive of obsolete content
ple in following code, the atend method is used to determine if the end of a list of drives has been reached: function showdrives() { var s = ""; var bytespergb = 1024 * 1024 * 1024; var fso = new activexobject("scripting.filesystemobject"); var e = new enumerator(fso.drives); e.movefirst(); while (e.atend() == false) { var drv = e.item(); s += drv.path + " - "; if (drv.isready) { var freegb = drv.freespace / bytespergb; var totalgb = drv.totalsize / bytespergb; s += freegb.tofixed(3) + " gb free of "; s += totalgb.tofixed(3) + " gb"; } else { s += "not ready"; } s += "<br />"; e.movenext(); } return(s); } req...
Enumerator.item - Archive of obsolete content
the current item.
Enumerator.moveFirst - Archive of obsolete content
mple, the movefirst method is used to evaluate members of the drivescollection from the beginning of the list: function showdrives() { var s = ""; var bytespergb = 1024 * 1024 * 1024; var fso = new activexobject("scripting.filesystemobject"); var e = new enumerator(fso.drives); e.movefirst(); while (e.atend() == false) { var drv = e.item(); s += drv.path + " - "; if (drv.isready) { var freegb = drv.freespace / bytespergb; var totalgb = drv.totalsize / bytespergb; s += freegb.tofixed(3) + " gb free of "; s += totalgb.tofixed(3) + " gb"; } else { s += "not ready"; } s += "<br />"; e.movenext(); } return(s); } req...
Enumerator.moveNext - Archive of obsolete content
example in following example, the movenext method is used to move to the next drive in the drives collection: function showdrives() { var s = ""; var bytespergb = 1024 * 1024 * 1024; var fso = new activexobject("scripting.filesystemobject"); var e = new enumerator(fso.drives); e.movefirst(); while (e.atend() == false) { var drv = e.item(); s += drv.path + " - "; if (drv.isready) { var freegb = drv.freespace / bytespergb; var totalgb = drv.totalsize / bytespergb; s += freegb.tofixed(3) + " gb free of "; s += totalgb.tofixed(3) + " gb"; } else { s += "not ready"; } s += "<br />"; e.movenext(); } return(s); } req...
Enumerator - Archive of obsolete content
imilarly to the for...each statement in vbscript.
Packages - Archive of obsolete content
ows: var theframe = new packages.java.awt.frame(); for convenience, javascript provides the top-level netscape, sun, and java objects that are synonyms for the packages properties with the same names.
Troubleshooting XForms Forms - Archive of obsolete content
heck the following: as with inline instance, make sure the instance of the form control ref binding expression matches the namespace of the data.
RFE to the XForms API - Archive of obsolete content
Archive › Web › XForms › RFE › XForms API
for the elements that can contain the incremental or selection attributes, it makes sense to expose analogous properties.
XForms Output Element - Archive of obsolete content
bound to in a read-only manner (see the spec).
XForms Repeat Element - Archive of obsolete content
introduction a repeat element contains markup and is itself bound to a nodeset in an instance document (see the spec).
Archived open Web documentation - Archive of obsolete content
g().
XQuery - Archive of obsolete content
xquery is a w3c standard language which is meant to be for xml what sql is for relational data--i.e., the ability to search, sort, extract, and remold data.
Archive of obsolete content
using javascript and provides working examples.
Anatomy of a video game - Game development
several other optimizations are possible and it really depends on what your game attempts to accomplish.
Index - Game development
tion games, html5, javascript, monetization, advertisements, branding, iap, licensing there are many ways to earn money — everything that applies to the "normal" aaa gaming world can be, more or less, applied to casual html5 games.
Publishing games - Game development
people know about your great new game.
2D collision detection - Game development
= {x: 20, y: 20} crafty.c("circle", { circle: function(radius, color) { this.radius = radius; this.w = this.h = radius * 2; this.color = color || "#000000"; this.bind("move", crafty.drawmanager.drawall) return this; }, draw: function() { var ctx = crafty.canvas.context; ctx.save(); ctx.fillstyle = this.color; ctx.beginpath(); ctx.arc( this.x + this.radius, this.y + this.radius, this.radius, 0, math.pi * 2 ); ctx.closepath(); ctx.fill(); ctx.restore(); } }); var circle1 = crafty.e("2d, canvas, circle").attr(dim1).circle(15, "red"); var circle2 = crafty.e("2d, canvas, circle, fourway").fourway(2).attr(dim2).circle(20, "blu...
Collision detection - Game development
icks() { for(var c=0; c<brickcolumncount; c++) { for(var r=0; r<brickrowcount; r++) { if(bricks[c][r].status == 1) { var brickx = (c*(brickwidth+brickpadding))+brickoffsetleft; var bricky = (r*(brickheight+brickpadding))+brickoffsettop; bricks[c][r].x = brickx; bricks[c][r].y = bricky; ctx.beginpath(); ctx.rect(brickx, bricky, brickwidth, brickheight); ctx.fillstyle = "#0095dd"; ctx.fill(); ctx.closepath(); } } } } tracking and updating the status in the collision detection function now we need to involve the brick status property in the collisiondetection() function: if the brick is active (its status ...
Load the assets and print them on screen - Game development
ad.image() method.
2D breakout game using Phaser - Game development
the mdn breakout game we are building together — are available on github: initialize the framework scaling load the assets and print them on screen move the ball physics bounce off the walls player paddle and controls game over build the brickfield collision detection the score win the game extra lives animations and tweens buttons randomizing gameplay as a note on learning paths — starting with pure javascript is the best way to get a solid knowledge of web game development.
Algorithm - MDN Web Docs Glossary: Definitions of Web-related terms
way to solve a problem so that it can be solved repeatedly, by humans or machines.
CSS Object Model (CSSOM) - MDN Web Docs Glossary: Definitions of Web-related terms
the css object model (cssom) is a map of all css selectors and relevant properties for each selector in the form of a tree, with a root node, sibling, descendant, child, and other relationship.
Dominator - MDN Web Docs Glossary: Definitions of Web-related terms
in graph theory, node a dominates node b if every path from the root node to b passes through a.
ICE - MDN Web Docs Glossary: Definitions of Web-related terms
ng other technologies) for connecting two peers, regardless of network topology (usually for audio and video chat).
Response header - MDN Web Docs Glossary: Definitions of Web-related terms
entity header: 200 ok access-control-allow-origin: * connection: keep-alive content-encoding: gzip content-type: text/html; charset=utf-8 date: mon, 18 jul 2016 16:06:00 gmt etag: "c561c68d0ba92bbeb8b0f612a9199f722e3a621a" keep-alive: timeout=5, max=997 last-modified: mon, 18 jul 2016 02:36:04 gmt server: apache set-cookie: mykey=myvalue; expires=mon, 17-jul-2017 16:06:00 gmt; max-age=31449600; path=/; secure transfer-encoding: chunked vary: cookie, accept-encoding x-backend-server: developer2.webapp.scl3.mozilla.com x-cache-info: not cacheable; meta data too large x-kuma-revision: 1085259 x-frame-options: deny ...
Synthetic monitoring - MDN Web Docs Glossary: Definitions of Web-related terms
toring the performance of a page in a 'laboratory' environment, typically with automation tooling in an environment that is as consistent as possible.
WebRTC - MDN Web Docs Glossary: Definitions of Web-related terms
nication) is an api that can be used by video-chat, voice-calling, and p2p-file-sharing web apps.
XSLT - MDN Web Docs Glossary: Definitions of Web-related terms
extensible stylesheet language transformations (xslt) is a declarative language used to convert xml documents into other xml documents, html, pdf, plain text, and so on.
Routers - MDN Web Docs Glossary: Definitions of Web-related terms
re two definitions for routers on the web: for the network layer, the router is a networking device that decides data packets directions.
MDN Web Docs Glossary: Definitions of Web-related terms
webassembly webdav webextensions webgl webidl webkit webm webp webrtc websockets webvtt whatwg whitespace world wide web wrapper x xforms xhr (xmlhttprequest) xhtml xinclude xlink xml xpath xquery xslt other 404 502 alpn at-rule attack byte-order mark character set client cryptosystem debug digital signature execution flex-direction glsl interface library memory management routers ...
What is accessibility? - Learn web development
visually impaired people, given that it is an entirely visual medium.
How CSS is structured - Learn web development
ss example</p> </body> </html> the css stylesheet file might look like this: h1 { color: blue; background-color: yellow; border: 1px solid black; } p { color: red; } the href attribute of the <link> element needs to reference a file on your file system.
CSS first steps - Learn web development
css (cascading style sheets) is used to style and lay out web pages — for example, to alter the font, color, size, and spacing of your content, split it into multiple columns, or add animations and other decorative features.
CSS FAQ - Learn web development
Learn › CSS › Howto › CSS FAQ
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> when at all possible, you should just use the html5 doctype.
Styling links - Learn web development
on here?
Styling lists - Learn web development
to sit inside.
Learn to style HTML using CSS - Learn web development
modules, in a suggested order for working through them.
How do you make sure your website works properly? - Learn web development
ss we wanted to type http://demozilla.examplehostingprovider.net/ but typed too fast and forgot an “l”: the address cannot be found.
How do I start to design my website? - Learn web development
tical.
Common questions - Learn web development
this section of the learning area is designed to provide answers to common questions that may come up, which are not necessarily part of the structured core learning pathways (e.g.
Styling web forms - Learn web development
fter another.
Web forms — Working with user data - Learn web development
on helps us achieve these goals — this article tells you what you need to know.
Use JavaScript within a webpage - Learn web development
the <script> element.
Adding vector graphics to the Web - Learn web development
— raster images, and vector images: raster images are defined using a grid of pixels — a raster image file contains information showing exactly where each pixel is to be placed, and exactly what color it should be.
Test your skills: HTML images - Learn web development
e interactive editors below, however it may be helpful to download the code and use an online tool such as codepen, jsfiddle, or glitch to work on the tasks.
From object to iframe — other embedding technologies - Learn web development
ng the full screen api (somewhat beyond scope for this article.) frameborder if set to 1, this tells the browser to draw a border between this frame and other frames, which is the default behaviour.
Responsive images - Learn web development
e that contains a media condition — as with the first srcset example, these conditions are tests that decide which image is shown — the first one that returns true will be displayed.
Video and audio content - Learn web development
<video> element the <video> element allows you to embed a video very easily.
General asynchronous programming concepts - Learn web development
e.
Functions — reusable blocks of code - Learn web development
ed in your code, not inside the browser.
Image gallery - Learn web development
et its src attribute to a placeholder value xxx, and append this new <img> element inside thumbbar.
Function return values - Learn web development
age of the calculation.
Fetching data from the server - Learn web development
fully by displaying a message on the user's screen and perhaps offering options to remedy the situation, but we don't need anything more than a simple console.log().
Introduction to web APIs - Learn web development
ent you want to draw on, and then calling its htmlcanvaselement.getcontext() method: const canvas = document.queryselector('canvas'); const ctx = canvas.getcontext('2d'); anything that we want to do to the canvas is then achieved by calling properties and methods of the context object (which is an instance of canvasrenderingcontext2d), for example: ball.prototype.draw = function() { ctx.beginpath(); ctx.fillstyle = this.color; ctx.arc(this.x, this.y, this.size, 0, 2 * math.pi); ctx.fill(); }; note: you can see this code in action in our bouncing balls demo (see it running live also).
Adding features to our bouncing balls demo - Learn web development
n.
Web performance - Learn web development
o user interaction.
Server-side website programming - Learn web development
different static pages would be extremely inefficient, so instead such sites display static templates (built using html, css, and javascript), and then dynamically update the data displayed inside those templates when needed, such as when you want to view a different product on amazon.
Routing in Ember - Learn web development
lates (also found in the templates directory) we can for now just enter the todolist component invocation.
Working with Svelte stores - Learn web development
nds } } $: onmessagechange($alert, ms) // whenever the alert store or the ms props changes run onmessagechange ondestroy(()=> cleartimeout(timeout)) // make sure we clean-up the timeout </script> and update the alert.svelte markup section like so: {#if visible} <div on:click={() => visible = false}> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20"><path d="m12.432 0c1.34 0 2.01.912 2.01 1.957 0 1.305-1.164 2.512-2.679 2.512-1.269 0-2.009-.75-1.974-1.99c9.789 1.436 10.67 0 12.432 0zm8.309 20c-1.058 0-1.833-.652-1.093-3.524l1.214-5.092c.211-.814.246-1.141 0-1.141-.317 0-1.689.562-2.502 1.117l-.528-.88c2.572-2.186 5.531-3.467 6.801-3.467 1.057 0 1.233 1.273.705 3.23l-1.391 5.352c-.246.945-.141 1.271.106 1.271.317 0 1.357-.392 2.379-1.207l.6.814c12.
Styling Vue components with CSS - Learn web development
enter; } [class*="__lg"] { display: inline-block; width: 100%; font-size: 1.9rem; } [class*="__lg"]:not(:last-child) { margin-bottom: 1rem; } @media screen and (min-width: 620px) { [class*="__lg"] { font-size: 2.4rem; } } .visually-hidden { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); clip-path: rect(1px, 1px, 1px, 1px); white-space: nowrap; } [class*="stack"] > * { margin-top: 0; margin-bottom: 0; } .stack-small > * + * { margin-top: 1.25rem; } .stack-large > * + * { margin-top: 2.5rem; } @media screen and (min-width: 550px) { .stack-small > * + * { margin-top: 1.4rem; } .stack-large > * + * { margin-top: 2.8rem; } } /* end global styles */ #app { background...
Introduction to cross browser testing - Learn web development
t, payment workflow, etc.
Handling common JavaScript problems - Learn web development
he loading has finished.
Git and GitHub - Learn web development
dge, you don't need to know anything about web development, git/github or vcses to start this module.
Deploying our app - Learn web development
github.
omni.ja (formerly omni.jar)
omni.ja is also incompatible with zip files in the other direction; editing extracted files won't affect firefox, and repacking edited files may break firefox if you do not use the right options when packing the extracted files.
Gecko info for Windows accessibility vendors
whether, we will support svg accessibility until a better implementation comes along.
Adding a new event
if you're creating simple dom event class, it might be generated automatically.
Debugging JavaScript
de.
Debugging on Windows
/422970/hang-loading-rasapi32-pdb-when-using-symbol-server.
Makefiles - Best practices and suggestions
laundry list makefiles should remove all content that it will generate.
Updating NSPR or NSS in mozilla-central
ew the output to make sure it looks correct update the minimum required system nss version in old-configure.in.
Windows SDK versions
a 64 bit version of windows you may require the "amd" version of the sdk even if you have an intel processor, and you may need to deselect the documentation component in the installer in order to avoid an installation error.
The Firefox codebase: CSS Guidelines
porting your stylesheets, it's best to import the content css before the theme css, that way the theme values get to override the content values (which is probably what you want), and you're going to want them both after the global values, so your imports will look like this: <?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?> <?xml-stylesheet href="chrome://browser/content/path/module.css" type="text/css"?> <?xml-stylesheet href="chrome://browser/skin/path/module.css" type="text/css"?> [1] -moz-appearance is tricky.
Limitations of chrome scripts
ent; var browsermm = topframeelement.messagemanager; console.log("browsermm: " + browsermm); } } however, before firefox 38, this technique will not work if multiprocess firefox is disabled: specifically, topframeelement will be null.
Performance best practices for Firefox front-end engineers
our panels if you’re adding a new xul <xul:popup> or <xul:panel> to a document, set the hidden attribute to true by default.
mozbrowsericonchange
ing the type of event.
ChromeWorker
vailabe on github and are linked to from the see also section below.
Embedding Tips
ion.
Geckoview-Junit Tests
han one test: mozilla-central$ mach geckoview-junit <class1>#<test1> <class2>#<test2> mach geckoview-junit also supports running a list of tests that are specified in a text file.
How to add a build-time test
, to add an xpcshell test to a module, do the following: copy tools/test-harness/xpcshell-simple/example to yourmoduledir/tests_type, wheretests_type is something that describes your tests.
How to get a stacktrace with WinDbg
file on a bug or via the support site, even if nothing seems to happen during the debug process start debugging now that firefox is opened in the debugger, you need to configure your windbg to download symbols from the mozilla symbol server.
How to implement a custom autocomplete search component
rl history (firefox: 1.0+; seamonkey: 1.1+) form-history: search the values that the user has entered into form fields.
Introduction to Layout in Mozilla
l reflow recursively descend to target recovering reflow state child rs.reason set to incremental incremental reflow process reflow “normally” at target frame child rs.reason set based on rc’s type incremental reflow propagate damage to frames later “in the flow” incremental reflow multiple reflow commands are batched nsreflowpath maintains a tree of target frames amortize state recovery and damage propagation cost painting as reflow proceeds through the frame hierarchy, areas are invalidated via nsiviewmanager::updateview unless immediate, invalid areas are coalesced and processed asynchronously via os expose event native expose event dispatched to widget; widget delegates to the view manager view man...
Code Samples
u need to determine the directory in which your add-on is installed, code like the following will do the trick.
Promise.jsm
didn't conform to the promises/a+ proposal until gecko 25: components.utils.import("resource://gre/modules/commonjs/promise/core.js"); // gecko 17 to 20 components.utils.import("resource://gre/modules/commonjs/sdk/core/promise.js"); // gecko 21 to 24 this implementation also includes helper functions that are specific to the add-on sdk.
JavaScript code modules
iles.
Localizing with Mozilla Translator
if you are using a filesystem with symbolic links support (i.e., linux or mac), you can create symbolic links in a separate directory so it contains just the locale part.
Patching a Localization
e.
Release phase
unt name: host hg.mozilla.org user user@host.domain if you have already cloned the remote repository using the http protocol using this command: $ hg clone http://hg.mozilla.org/releases/l10n-central/x-testing then you will need to edit the .hg/hgrc file (inside the x-testing local clone) to tell mercurial to push using ssh.
Writing localizable code
processing into the content code and reference different key-value pairs in l10n.
Mozilla Framework Based on Templates (MFBT)
the mozilla framework based on templates ("mfbt") is the central repository for macros, functions, and data structures used throughout mozilla code, including in the javascript engine.
Fonts for Mozilla 2.0's MathML engine
test.xpi -o mathml-fonts.zip; \ unzip mathml-fonts.zip -d mathml-fonts then copy the mathml-fonts/resource/ directory somewhere on your web site and ensure that the woff files are served with the correct mime type.
Mozilla DOM Hacking Guide
and class prototypes.
Mozilla Port Blocking
37 time 42 name 43 nicname 53 domain 77 priv-rjs 79 finger 87 ttylink 95 supdup 101 hostriame 102 iso-tsap 103 gppitnp 104 acr-nema 109 pop2 110 pop3 111 sunrpc 113 auth 115 sftp 117 uucp-path 119 nntp 123 ntp 135 loc-srv / epmap 139 netbios 143 imap2 179 bgp 389 ldap 465 smtp+ssl 512 print / exec 513 login 514 shell 515 printer 526 tempo 530 courier 531 chat 532 netnews 540 uucp ...
Investigating leaks using DMD heap scan mode
ogs the next step is to generate a number of log files.
Memory reporting
sly used in about:memory and telemetry.
browser.dom.window.dump.file
ied in this preference if browser.dom.window.dump.enabled is set to true.
Patches and pushes
's short for nit-picky requests), fix those before committing.
Research and prep
g as your informed recommendations.
About NSPR
nnels as non-blocking in the traditional sense.
PR_Access
determines the accessibility of a file.
PR_FreeLibraryName
frees memory allocated by nspr for library names and path names.
PR_RmDir
removes a directory with a specified name.
An overview of NSS Internals
iod; however, it works only in a limited amount of more advanced scenarios.
Building NSS
m library that builds on many different platforms and has many options, it may be complex to build.
Cryptography functions
t mxr 3.2 and later pk11_paramfromiv mxr 3.2 and later pk11_paramfromalgid mxr 3.2 and later pk11_paramtoalgid mxr 3.2 and later pk11_pbekeygen mxr 3.2 and later pk11_privdecryptpkcs1 mxr 3.9.3 and later pk11_protectedauthenticationpath mxr 3.4 and later pk11_pubdecryptraw mxr 3.2 and later pk11_pubderive mxr 3.2 and later pk11_pubderivewithkdf mxr 3.9 and later pk11_pubencryptpkcs1 mxr 3.9.3 and later pk11_pubencryptraw mxr 3.2 and later pk11_pubunwrapsymkey ...
Encrypt Decrypt MAC Keys As Session Objects
message and exit */ static void usage(const char *progname) { fprintf(stderr, "\nusage: %s -c -d [-z ] " "[-p | -f ] -i -o \n\n", progname); fprintf(stderr, "%-20s specify 'a' for encrypt operation\n\n", "-c "); fprintf(stderr, "%-20s specify 'b' for decrypt operation\n\n", " "); fprintf(stderr, "%-20s specify db directory path\n\n", "-d "); fprintf(stderr, "%-20s specify db password [optional]\n\n", "-p "); fprintf(stderr, "%-20s specify db password file [optional]\n\n", "-f "); fprintf(stderr, "%-20s specify noise file name [optional]\n\n", "-z "); fprintf(stderr, "%-21s specify an input file name\n\n", "-i "); fprintf(stderr, "%-2...
Encrypt and decrypt MAC using token
message and exit */ static void usage(const char *progname) { fprintf(stderr, "\nusage: %s -c -d [-z ] " "[-p | -f ] -i -o \n\n", progname); fprintf(stderr, "%-20s specify 'a' for encrypt operation\n\n", "-c "); fprintf(stderr, "%-20s specify 'b' for decrypt operation\n\n", " "); fprintf(stderr, "%-20s specify db directory path\n\n", "-d "); fprintf(stderr, "%-20s specify db password [optional]\n\n", "-p "); fprintf(stderr, "%-20s specify db password file [optional]\n\n", "-f "); fprintf(stderr, "%-20s specify noise file name [optional]\n\n", "-z "); fprintf(stderr, "%-21s specify an input file name\n\n", "-i "); fprintf(stderr, "%-2...
Build instructions for JSS 4.3.x
ppropriate directory and check out jss from the root of your source tree.
NSS_3.11.10_release_notes.html
get the nspr 4.7.1 header files and shared libraries, which nss 3.11.10 requires.
NSS_3.12.1_release_notes.html
not produced by cert_pkixverifycert bug 430743: update ssltap to understand the tls session ticket extension bug 430859: pkix: policy mapping fails verification with error invalid arguments bug 430875: document the policy for the order of cipher suites in ssl_implementedciphers.
NSS_3.12.2_release_notes.html
ertpackage does not set nspr error code upon error bug 457980: hundreds of kilobytes of useless strings in libpkix bug 457984: enable pkcs11 module logging in optimized builds bug 458905: memory leaks in pkix bridge certificates.
NSS 3.12.4 release notes
ss_initreadwrite(sql:<configdir>) leaves behind a pkcs11.txu file if libnssckbi.so is in <configdir>.
NSS 3.12.6 release notes
th) is too small for downloading some crls.
NSS 3.14 release notes
ificate chain validation callback when using libpkix to better support per-application security policies, a new callback has been added for applications that use libpkix to verify certificates.
NSS 3.16.4 release notes
o mitigate the effects of the previous removal of the 1024-bit entrust.net root certificate, because many public internet sites still use the "usertrust legacy secure server ca" intermediate certificate that is signed by the 1024-bit entrust.net root certificate.
NSS 3.40 release notes
rg/pub/mozilla.org/security/nss/releases/nss_3_40_rtm/src/ new in nss 3.40 new functionality the draft-00 version of encrypted sni support is implemented tstclnt now takes -n option to specify encrypted sni key new functions none notable changes in nss 3.40 the mozilla::pkix library has been ported from mozilla psm to nss.
NSS 3.46 release notes
s-kw bug 1571316 - curve25519_32.c:280: undefined reference to `pr_assert' when building nss 3.45 on armhf-linux bug 1516593 - client to generate new random during renegotiation bug 1563258 - fips.sh fails due to non-existent "resp" directories bug 1561598 - remove -wmaybe-uninitialized warning in pqg.c bug 1560806 - increase softoken password max size to 500 characters bug 1568776 - output paths relative to repository in nss coverity bug 1453408 - modutil -changepw fails in fips mode if password is an empty string bug 1564727 - use a pss spki when possible for delegated credentials bug 1493916 - fix ppc64 inline assembler for clang bug 1561588 - remove -wmaybe-uninitialized warning in p7env.c bug 1561548 - remove -wmaybe-uninitialized warning in pkix_pl_ldapdefaultclient.c bug 151...
Enc Dec MAC Output Public Key as CSR
"[-p | -f ] -s -r -i -o \n\n", progname); fprintf(stderr, "%-20s specify 'g' for generating rsa keypair for wrapping\n\n", "g"); fprintf(stderr, "%-20s specify 'e' for encrypt operation\n\n", "e"); fprintf(stderr, "%-20s specify 'd' for decrypt operation\n\n", "d"); fprintf(stderr, "%-20s specify db directory path\n\n", "-d "); fprintf(stderr, "%-20s specify db password [optional]\n\n", "-p "); fprintf(stderr, "%-20s specify db password file [optional]\n\n", "-f "); fprintf(stderr, "%-20s specify noise file name [optional]\n\n", "-z "); fprintf(stderr, "%-21s specify subject\n\n", "-s "); fprintf(stderr, "%-21s specify ...
Encrypt Decrypt_MAC_Using Token
essage and exit.
Initialize NSS database - sample 2
nss sample code 2: initialize the nss database.
EncDecMAC using token object - sample 3
y = 0, mackey = 1, iv = 2, mac = 3, pad = 4 } headertype; /* * print usage message and exit */ static void usage(const char *progname) { fprintf(stderr, "\nusage: %s -c -d [-z ] " "[-p | -f ] -i -o \n\n", progname); fprintf(stderr, "%-20s specify 'a' for encrypt operation\n\n", "-c "); fprintf(stderr, "%-20s specify 'b' for decrypt operation\n\n", " "); fprintf(stderr, "%-20s specify db directory path\n\n", "-d "); fprintf(stderr, "%-20s specify db password [optional]\n\n", "-p "); fprintf(stderr, "%-20s specify db password file [optional]\n\n", "-f "); fprintf(stderr, "%-20s specify noise file name [optional]\n\n", "-z "); fprintf(stderr, "%-21s specify an input file name\n\n", "-i "); fprintf(stderr, "%-21s specify an output file name\n\n", "-o "); fprintf(stderr, "%-7s for encrypt, it takes...
nss tech note2
rv = 0x0 4.
NSS functions
t mxr 3.2 and later pk11_paramfromiv mxr 3.2 and later pk11_paramfromalgid mxr 3.2 and later pk11_paramtoalgid mxr 3.2 and later pk11_pbekeygen mxr 3.2 and later pk11_privdecryptpkcs1 mxr 3.9.3 and later pk11_protectedauthenticationpath mxr 3.4 and later pk11_pubdecryptraw mxr 3.2 and later pk11_pubderive mxr 3.2 and later pk11_pubderivewithkdf mxr 3.9 and later pk11_pubencryptpkcs1 mxr 3.9.3 and later pk11_pubencryptraw mxr 3.2 and later pk11_pubunwrapsymkey ...
troubleshoot.html
troubleshooting nss and jss builds newsgroup: mozilla.dev.tech.crypto this page summarizes information on troubleshooting the nss and jss build and test systems, including known problems and configuration suggestions.
NSS_3.12.3_release_notes.html
op error reporting (was: pk11_createcontextbysymkey returns null bug 456406: slot list leaks in symkeyutil bug 461085: rfe: export function cert_comparecerts bug 462293: crash on fork after softoken is dlclose'd on some unix platforms in nss 3.12 bug 463342: move some headers to freebl/softoken bug 463452: sql db creation does not set files protections to 0600 bug 463678: need to add rpath to 64-bit libraries on hp-ux bug 464088: option to build nss without dbm (handy for wince) bug 464223: certutil didn't accept certificate request to sign.
Necko Architecture
urls necko's primary responsibility is moving data from one location, to another location.
Necko Interfaces Overview
y be out of date.
Rhino downloads archive
no15r3.zip rhino 1.5r2 2001-07-27 changes in 1.5r2 rhino15r2.zip rhino 1.5r1 2000-09-10 changes in 1.5r1 rhino15r1.zip rhino 1.4r3 1999-05-10 initial public release rhino14r3.zip rhino 1.6r1 through 1.6r6 implement e4x using xmlbeans library.
Rhino FAQ
of primitive types is slightly different: you must use the type field.
Scripting Java
pts to load a class named java.myclass.
Rhino shell
given, each file is read in and executed in turn.
Creating JavaScript jstest reftests
ecial requirement: the call to reportcompare in every jstest is required by the test harness.
GCIntegration - SpiderMonkey Redirect 1
gh, there hasn't been much use for this class—there aren't many places outside of spidermonkey where a write barrier is required.
Bytecode Descriptions
urns" to the jsop::gosub and picks up at the next instruction, like a function call but within a single script and stack frame.
Exact Stack Rooting
e stack so that the conservative scanner will find it.
Property cache
nt chain and then protoindex steps up the prototype chain.
Introduction to the JavaScript shell
d line, a javascript program file to run, in which case the program is run automatically.
JS::PersistentRooted
plies not only to js objects (which obviously are managed by the gc) but also to c++ objects owned by js objects.
JS_DumpHeap
ter to pass here).
Parser API
parsed abstract syntax tree (ast).
compare-locales
tion compare-locales needs to be installed, and it requires that you have python 2.7 or 3.5+ installed on your machine.
Redis Tips
d benefits of redis are lost when you overflow into disk memory.
Embedded Dialog API
xecutable, not as a separate library.
History Service Design
lgorithm (aka: the awesomebar) allows searchs through bookmarks, history, keywords (and much more) detaching the user from the old long searches through tree views.
Using the Places annotation service
notation name, you should use the format <namespace>/<name>.
XPCOM changes in Gecko 2.0
used to register components.
Component Internals
onent 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).
Creating XPCOM components
weblock programming interface defining the weblock interface in xpidl the xpidl syntax scriptable interfaces subclassing nsisupports the web locking interface implementing weblock declaration macros representing return values in xpcom xpidl code generation getting the weblock service from a client implementing the iweblock interface the directory service modifying paths with nsifile manipulating files with nsifile using nsilocalfile for reading data processing the white list data iweblock method by method lock and unlock addsite removesite setsites getnext getsites hasmoreelements finishing the component using frozen interfaces copying interfaces into your build environment implementing the nsicontentpolicy interface ...
Components.utils.Sandbox
in as this parameter, in order to ensure that the script is cleaned up at the same time as the content itself.
Components.utils.importGlobalProperties
ownside of using hiddendomwindow is that on startup of firefox, the hiddendomwindow objects cannot be accessed until it is fully loaded.
nsDirectoryService
« xpcom api reference summary the xpcom directory service.
Standard XPCOM components
there are a number of components provided in the standard implementation of xpcom; these are as follows.
nsICommandLineRunner
ain.
nsIDirectoryServiceProvider
read-only string called currdir with the value of the current working directory.
nsIDynamicContainer
erface provides a base class for services that want to provide containers for temporary contents.
nsIFileView
odifiedcolumn" label="date" flex="1"/> <treecol id="size" label="size" flex="1"/> </treecols> <treechildren/> </tree> <script> var dir="/home/"; //the directory to be opened var ftree = document.getelementbyid("ftree"); //the xul tree element var lfile = components.classes["@mozilla.org/file/local;1"] .createinstance(components.interfaces.nsilocalfile); lfile.initwithpath(dir); // open the directory var fview = components.classes["@mozilla.org/filepicker/fileview;1"] .createinstance(components.interfaces.nsifileview); //create an instance of the component tview = fview.queryinterface(components.interfaces.nsitreeview); //get the nsitreeview interface fview.setdirectory(lfile.queryinterface(components.interfaces.nsifile)); //set the directory...
nsILocalFileMac
his object to point to an application having the given creator code.
nsILoginInfo
rd, in astring ausernamefield, in astring apasswordfield); boolean matches(in nsilogininfo alogininfo, in boolean ignorepassword); attributes attribute type description formsubmiturl astring the origin, not url, a form-based login was submitted to.
nsIMemoryMultiReporter
lback.callback() method once for each report.
nsIMemoryReporterManager
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 information for a given code area.
nsIMessenger
e containing each attachment.
nsIProcess
instance as the subject and "process-finished" or "process-failed" as the topic.
nsIProfile
the new clone of the current profile.
nsIWebProgressListener
access to the dom window.
nsIWinAppHelper
arameters none.
nsIXPConnect
not flagged as "system", the wrapped native will be automatically wrapped with an xpcnativewrapper.
nsIZipEntry
t zip application note support.
XPCOM Interface Reference
ntnsidomnshtmldocumentnsidomnavigatordesktopnotificationnsidomnodensidomofflineresourcelistnsidomorientationeventnsidomparsernsidomprogresseventnsidomserializernsidomsimplegestureeventnsidomstoragensidomstorage2nsidomstorageeventobsoletensidomstorageitemnsidomstoragelistnsidomstoragemanagernsidomstoragewindownsidomuserdatahandlernsidomwindownsidomwindow2nsidomwindowinternalnsidomwindowutilsnsidomxpathevaluatornsidomxpathexceptionnsidomxpathexpressionnsidomxpathresultnsidomxulcontrolelementnsidomxulelementnsidomxullabeledcontrolelementnsidomxulselectcontrolelementnsidomxulselectcontrolitemelementnsidatasignatureverifiernsidebugnsidebug2nsidevicemotionnsidevicemotiondatansidevicemotionlistenernsidialogcreatornsidialogparamblocknsidictionarynsidirindexnsidirindexlistenernsidirindexparsernsidirect...
XPCOM Interface Reference by grouping
nsiaccessiblestates nsiaccessibletable nsiaccessibletext nsiaccessibletreecache nsiaccessiblevalue nsiaccessnode nsisyncmessagesender script nsiscriptableunescapehtml nsiscriptableunicodeconverter nsiscripterror nsiscripterror2 stylesheet nsistylesheetservice url nsiuri nsiurl util nsidomserializer nsidomxpathevaluator nsidomxpathexception nsidomxpathexpression nsidomxpathresult xslt nsixsltexception nsixsltprocessor download nsidownload nsidownloadmanager nsidownloadprogresslistener element internal nsiworker nsiworkerglobalscope nsiworkermessageevent nsiworkermessageport nsiworkerscope tree nsitreeboxobject ...
Index
e building a thunderbird extension article.
Finding the code for a feature
frequently you are trying to figure out the code that implements a specific feature of the user interface.
Mozilla
uilds, and firefox releases from 2.0.0.4.
Color vision simulation - Firefox Developer Tools
ke red or green.
Use a source map - Firefox Developer Tools
the transformed source to the original source, enabling the browser to reconstruct the original source and present the reconstructed original in the debugger.
Debugger-API - Firefox Developer Tools
-debugger, tools can do so without worrying about interfering with other tools that use their own debugger instances.
Dominators - Firefox Developer Tools
objects will have a small shallow size but a much larger retained size, through the references they contain to other objects.
Network request details - Firefox Developer Tools
edit and resend: enables an editing mode, where you can modify the method, url, request headers, or request body of the request.
How to - Firefox Developer Tools
links for various how to's can be found here.
IndexedDB - Firefox Developer Tools
fied for the database.
AnalyserNode.fftSize - Web APIs
bytetimedomaindata(dataarray); // draw an oscilloscope of the current audio source function draw() { drawvisual = requestanimationframe(draw); analyser.getbytetimedomaindata(dataarray); canvasctx.fillstyle = 'rgb(200, 200, 200)'; canvasctx.fillrect(0, 0, width, height); canvasctx.linewidth = 2; canvasctx.strokestyle = 'rgb(0, 0, 0)'; canvasctx.beginpath(); var slicewidth = width * 1.0 / bufferlength; var x = 0; for(var i = 0; i < bufferlength; i++) { var v = dataarray[i] / 128.0; var y = v * height/2; if(i === 0) { canvasctx.moveto(x, y); } else { canvasctx.lineto(x, y); } x += slicewidth; } canvasctx.lineto(canvas.width, canvas.height/2); ...
AnalyserNode.getByteTimeDomainData() - Web APIs
// draw an oscilloscope of the current audio source function draw() { drawvisual = requestanimationframe(draw); analyser.getbytetimedomaindata(dataarray); canvasctx.fillstyle = 'rgb(200, 200, 200)'; canvasctx.fillrect(0, 0, width, height); canvasctx.linewidth = 2; canvasctx.strokestyle = 'rgb(0, 0, 0)'; const slicewidth = width * 1.0 / bufferlength; let x = 0; canvasctx.beginpath(); for(var i = 0; i < bufferlength; i++) { const v = dataarray[i]/128.0; const y = v * height/2; if(i === 0) canvasctx.moveto(x, y); else canvasctx.lineto(x, y); x += slicewidth; } canvasctx.lineto(width, height/2); canvasctx.stroke(); }; draw(); specifications specification status comment web audio apithe definition of 'getby...
AnalyserNode.getFloatTimeDomainData() - Web APIs
sole.log(bufferlength); var dataarray = new float32array(bufferlength); canvasctx.clearrect(0, 0, width, height); function draw() { drawvisual = requestanimationframe(draw); analyser.getfloattimedomaindata(dataarray); canvasctx.fillstyle = 'rgb(200, 200, 200)'; canvasctx.fillrect(0, 0, width, height); canvasctx.linewidth = 2; canvasctx.strokestyle = 'rgb(0, 0, 0)'; canvasctx.beginpath(); var slicewidth = width * 1.0 / bufferlength; var x = 0; for(var i = 0; i < bufferlength; i++) { var v = dataarray[i] * 200.0; var y = height/2 + v; if(i === 0) { canvasctx.moveto(x, y); } else { canvasctx.lineto(x, y); } x += slicewidth; } canvasctx.lineto(canvas.width, canvas.height/2); canvasctx.stroke(); }; draw(); parameters array ...
AnalyserNode - Web APIs
"oscilloscope"); var canvasctx = canvas.getcontext("2d"); // draw an oscilloscope of the current audio source function draw() { requestanimationframe(draw); analyser.getbytetimedomaindata(dataarray); canvasctx.fillstyle = "rgb(200, 200, 200)"; canvasctx.fillrect(0, 0, canvas.width, canvas.height); canvasctx.linewidth = 2; canvasctx.strokestyle = "rgb(0, 0, 0)"; canvasctx.beginpath(); var slicewidth = canvas.width * 1.0 / bufferlength; var x = 0; for (var i = 0; i < bufferlength; i++) { var v = dataarray[i] / 128.0; var y = v * canvas.height / 2; if (i === 0) { canvasctx.moveto(x, y); } else { canvasctx.lineto(x, y); } x += slicewidth; } canvasctx.lineto(canvas.width, canvas.height / 2); canvasctx.stroke(); } draw(); ...
BaseAudioContext.createAnalyser() - Web APIs
bytetimedomaindata(dataarray); // draw an oscilloscope of the current audio source function draw() { drawvisual = requestanimationframe(draw); analyser.getbytetimedomaindata(dataarray); canvasctx.fillstyle = 'rgb(200, 200, 200)'; canvasctx.fillrect(0, 0, width, height); canvasctx.linewidth = 2; canvasctx.strokestyle = 'rgb(0, 0, 0)'; canvasctx.beginpath(); var slicewidth = width * 1.0 / bufferlength; var x = 0; for(var i = 0; i < bufferlength; i++) { var v = dataarray[i] / 128.0; var y = v * height/2; if(i === 0) { canvasctx.moveto(x, y); } else { canvasctx.lineto(x, y); } x += slicewidth; } canvasctx.lineto(canvas.width, canvas.height/2); ...
rssi - Web APIs
the rssi read-only property of the bluetoothadvertisingdata interface returns the power at which the device’s packets are being received, measured in dbm.
txPower - Web APIs
the txpower read-only property of the bluetoothadvertisingdata interface returns the transmission power at which the device is broadcasting, measured in dbm.
Using the CSS Typed Object Model - Web APIs
e.tostring() ); // url("https://mdn.mozillademos.org/files/16793/magicwand.png") when we get() the 'background-image', a cssimagevalue is returned.
CanvasRenderingContext2D.fillRect() - Web APIs
the canvasrenderingcontext2d.fillrect() method of the canvas 2d api draws a rectangle that is filled according to the current fillstyle.
CanvasRenderingContext2D.fillText() - Web APIs
xt2d method filltext(), part of the canvas 2d api, draws a text string at the specified coordinates, filling the string's characters with the current fillstyle.
CanvasRenderingContext2D.getLineDash() - Web APIs
onstrates the getlinedash() method.
CanvasRenderingContext2D.getTransform() - Web APIs
</canvas> css canvas { border: 1px solid black; } javascript const canvases = document.queryselectorall('canvas'); const ctx1 = canvases[0].getcontext('2d'); const ctx2 = canvases[1].getcontext('2d'); ctx1.settransform(1, .2, .8, 1, 0, 0); ctx1.fillrect(25, 25, 50, 50); let storedtransform = ctx1.gettransform(); console.log(storedtransform); ctx2.settransform(storedtransform); ctx2.beginpath(); ctx2.arc(50, 50, 50, 0, 2 * math.pi); ctx2.fill(); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.gettransform' in that specification.
CanvasRenderingContext2D.globalAlpha - Web APIs
anvas.getcontext('2d'); // draw background ctx.fillstyle = '#fd0'; ctx.fillrect(0, 0, 75, 75); ctx.fillstyle = '#6c0'; ctx.fillrect(75, 0, 75, 75); ctx.fillstyle = '#09f'; ctx.fillrect(0, 75, 75, 75); ctx.fillstyle = '#f30'; ctx.fillrect(75, 75, 75, 75); ctx.fillstyle = '#fff'; // set transparency value ctx.globalalpha = 0.2; // draw transparent circles for (let i = 0; i < 7; i++) { ctx.beginpath(); ctx.arc(75, 75, 10 + 10 * i, 0, math.pi * 2, true); ctx.fill(); } screenshotlive sample specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.globalalpha' in that specification.
CanvasRenderingContext2D.lineWidth - Web APIs
line width, in coordinate space units.
CanvasRenderingContext2D.miterLimit - Web APIs
g the miterlimit property see the chapter applying styles and color in the canvas tutorial for more information.
CanvasRenderingContext2D.setTransform() - Web APIs
</canvas> css canvas { border: 1px solid black; } javascript const canvases = document.queryselectorall('canvas'); const ctx1 = canvases[0].getcontext('2d'); const ctx2 = canvases[1].getcontext('2d'); ctx1.settransform(1, .2, .8, 1, 0, 0); ctx1.fillrect(25, 25, 50, 50); let storedtransform = ctx1.gettransform(); console.log(storedtransform); ctx2.settransform(storedtransform); ctx2.beginpath(); ctx2.arc(50, 50, 50, 0, 2 * math.pi); ctx2.fill(); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.settransform' in that specification.
CanvasRenderingContext2D.strokeRect() - Web APIs
the canvasrenderingcontext2d.strokerect() method of the canvas 2d api draws a rectangle that is stroked (outlined) according to the current strokestyle and other context settings.
CanvasRenderingContext2D.strokeStyle - Web APIs
le, and only modify the green and blue values.
CanvasRenderingContext2D.strokeText() - Web APIs
t2d method stroketext(), part of the canvas 2d api, strokes — that is, draws the outlines of — the characters of a text string at the specified coordinates.
CanvasRenderingContext2D.textAlign - Web APIs
right-to-left locales).
CanvasRenderingContext2D.textBaseline - Web APIs
anvas" width="550" height="500"></canvas> javascript const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); const baselines = ['top', 'hanging', 'middle', 'alphabetic', 'ideographic', 'bottom']; ctx.font = '36px serif'; ctx.strokestyle = 'red'; baselines.foreach(function (baseline, index) { ctx.textbaseline = baseline; const y = 75 + index * 75; ctx.beginpath(); ctx.moveto(0, y + 0.5); ctx.lineto(550, y + 0.5); ctx.stroke(); ctx.filltext('abcdefghijklmnop (' + baseline + ')', 0, y); }); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.textbaseline' in that specification.
Transformations - Web APIs
ransformations that have been applied (i.e.
Canvas API - Web APIs
0, 10), and gives it a size of 150 units wide by 100 tall.
Clients.openWindow() - Web APIs
the calling script.
Clients - Web APIs
Web › API › Clients
reates a new one when the user clicks a notification.
console - Web APIs
Web › API › Console
imer will report the total time for the transaction, while the time listed in the network panel is just the amount of time required for the header.
ConvolverNode - Web APIs
g example shows basic usage of an audiocontext to create a convolver node.
DeprecationReportBody - Web APIs
nt browser.
How to create a DOM tree - Web APIs
"@country": "usa" }, { "@street": "123 west st", "@city": "seattle", "@state": "wa", "@country": "usa" }, { "@street": "321 south avenue", "@city": "denver", "@state": "co", "@country": "usa" }], "@first-name": "jed", "@last-name": "brown" }] } } so what?
Element: mousedown event - Web APIs
s.addeventlistener('mousemove', e => { if (isdrawing === true) { drawline(context, x, y, e.offsetx, e.offsety); x = e.offsetx; y = e.offsety; } }); window.addeventlistener('mouseup', e => { if (isdrawing === true) { drawline(context, x, y, e.offsetx, e.offsety); x = 0; y = 0; isdrawing = false; } }); function drawline(context, x1, y1, x2, y2) { context.beginpath(); context.strokestyle = 'black'; context.linewidth = 1; context.moveto(x1, y1); context.lineto(x2, y2); context.stroke(); context.closepath(); } result specifications specification status ui eventsthe definition of 'mousedown' in that specification.
Element: mousemove event - Web APIs
s.addeventlistener('mousemove', e => { if (isdrawing === true) { drawline(context, x, y, e.offsetx, e.offsety); x = e.offsetx; y = e.offsety; } }); window.addeventlistener('mouseup', e => { if (isdrawing === true) { drawline(context, x, y, e.offsetx, e.offsety); x = 0; y = 0; isdrawing = false; } }); function drawline(context, x1, y1, x2, y2) { context.beginpath(); context.strokestyle = 'black'; context.linewidth = 1; context.moveto(x1, y1); context.lineto(x2, y2); context.stroke(); context.closepath(); } result specifications specification status ui eventsthe definition of 'mousemove' in that specification.
Element: mouseup event - Web APIs
s.addeventlistener('mousemove', e => { if (isdrawing === true) { drawline(context, x, y, e.offsetx, e.offsety); x = e.offsetx; y = e.offsety; } }); window.addeventlistener('mouseup', e => { if (isdrawing === true) { drawline(context, x, y, e.offsetx, e.offsety); x = 0; y = 0; isdrawing = false; } }); function drawline(context, x1, y1, x2, y2) { context.beginpath(); context.strokestyle = 'black'; context.linewidth = 1; context.moveto(x1, y1); context.lineto(x2, y2); context.stroke(); context.closepath(); } result specifications specification status ui eventsthe definition of 'mouseup' in that specification.
Fetch API - Web APIs
Web › API › Fetch API
origin header semantics, supplanting their separate definitions elsewhere.
File.File() - Web APIs
Web › API › File › File
the file() constructor creates a new file object instance.
Using files from web applications - Web APIs
accessing the list as an array: for (let i = 0, numfiles = filelist.length; i < numfiles; i++) { const file = filelist[i]; // ...
File.fileName - Web APIs
Web › API › File › fileName
ere may also be large incompatibilities between implementations and the behavior may change in the future.
FileReader.readAsBinaryString() - Web APIs
rd compatibility.
FileSystemEntry.getParent() - Web APIs
which is executed if an error occurs.
FileSystemEntry.name - Web APIs
the read-only name property of the filesystementry interface returns a usvstring specifying the entry's name; this is the entry within its parent directory (the last component of the path as indicated by the fullpath property).
HTMLIFrameElement.referrerPolicy - Web APIs
a less secure destination (https→http).
HTMLMediaElement: abort event - Web APIs
the abort event is fired when the resource was not fully loaded, but not as the result of an error.
HTMLMediaElement: error event - Web APIs
the error event is fired when the resource could not be loaded due to an error (for example, a network connectivity problem).
HTMLScriptElement.referrerPolicy - Web APIs
destination (e.g.
Using microtasks in JavaScript with queueMicrotask() - Web APIs
queue); messagequeue.length = 0; fetch("url-of-receiver", json); }); } }; when sendmessage() gets called, the specified message is first pushed onto the message queue array.
The HTML DOM API - Web APIs
dataevent htmlformcontrolscollection htmloptionscollection radionodelist validitystate canvas and image interfaces these interfaces represent objects used by the canvas api as well as the <img> element and <picture> elements.
Recommended Drag Types - Web APIs
meprimitive.value.queryinterface(components.interfaces.nsisupportsstring).data; console.log("target filename is = " + name); var dirprimitive = {}; atransferable.gettransferdata('application/x-moz-file-promise-dir', dirprimitive, datasize); var dir = dirprimitive.value.queryinterface(components.interfaces.nsilocalfile); console.log("target folder is = " + dir.path); var file = cc['@mozilla.org/file/local;1'].createinstance(components.interfaces.nsilocalfile); file.initwithpath(dir.path); file.appendrelativepath(name); console.log("output final path is =" + file.path); // now you can write or copy the file yourself… } } } see also html drag and drop api (overview) drag operations dragging and dropping mul...
IDBCursor.source - Web APIs
Web › API › IDBCursor › source
ing over.
IDBCursor.update() - Web APIs
Web › API › IDBCursor › update
ansactioninactiveerror this idbcursor's transaction is inactive.
IDBCursorSync - Web APIs
al of the cursor.
IDBDatabase.onabort - Web APIs
handle non-success cases.
IDBDatabase.onerror - Web APIs
ndle non-success cases.
IDBDatabase.onversionchange - Web APIs
change has occurred.
IDBDatabase - Web APIs
ion number has been // submitted via the window.indexeddb.open line above dbopenrequest.onupgradeneeded = function(event) { var db = event.target.result; db.onerror = function(event) { note.innerhtml += '<li>error loading database.</li>'; }; // create an objectstore for this database using // idbdatabase.createobjectstore var objectstore = db.createobjectstore("todolist", { keypath: "tasktitle" }); // define what data items the objectstore will contain objectstore.createindex("hours", "hours", { unique: false }); objectstore.createindex("minutes", "minutes", { unique: false }); objectstore.createindex("day", "day", { unique: false }); objectstore.createindex("month", "month", { unique: false }); objectstore.createindex("year", "year", { unique: false }); ob...
IDBIndex.multiEntry - Web APIs
the multientry read-only property of the idbindex interface returns a boolean value that affects how the index behaves when the result of evaluating the index's key path yields an array.
IDBIndex.objectStore - Web APIs
database.
IDBIndexSync - Web APIs
direction) raises (idbdatabaseexception); void openobjectcursor (in optional idbkeyrange range, in optional unsigned short direction) raises (idbdatabaseexception); any put (in any value, in optional any key) raises (idbdatabaseexception); void remove (in any key) raises (idbdatabaseexception); attributes attribute type description keypath readonly domstring the key path of this index.
IDBObjectStore.add() - Web APIs
ectstore's transaction is inactive.
IDBObjectStore.deleteIndex() - Web APIs
ew version number has been submitted via the // window.indexeddb.open line above //it is only implemented in recent browsers dbopenrequest.onupgradeneeded = function(event) { var db = this.result; db.onerror = function(event) { note.innerhtml += '<li>error loading database.</li>'; }; // create an objectstore for this database var objectstore = db.createobjectstore("todolist", { keypath: "tasktitle" }); // define what data items the objectstore will contain objectstore.createindex("hours", "hours", { unique: false }); objectstore.createindex("minutes", "minutes", { unique: false }); objectstore.createindex("day", "day", { unique: false }); objectstore.createindex("month", "month", { unique: false }); objectstore.createindex("year", "year", { unique: false }); ...
IDBObjectStore.put() - Web APIs
ectstore's transaction is inactive.
IDBOpenDBRequest.onblocked - Web APIs
version number has been submitted via the // window.indexeddb.open line above //it is only implemented in recent browsers request.onupgradeneeded = function(event) { var db = event.target.result; db.onerror = function(event) { note.innerhtml += '<li>error loading database.</li>'; }; // create an objectstore for this database var objectstore = db.createobjectstore("todolist", { keypath: "tasktitle" }); ...
IDBOpenDBRequest.onupgradeneeded - Web APIs
efore, or a new version number has been submitted via the // window.indexeddb.open line above.
IDBOpenDBRequest - Web APIs
w version number has been // submitted via the window.indexeddb.open line above // it is only implemented in recent browsers dbopenrequest.onupgradeneeded = function(event) { var db = this.result; db.onerror = function(event) { note.innerhtml += '<li>error loading database.</li>'; }; // create an objectstore for this database var objectstore = db.createobjectstore("todolist", { keypath: "tasktitle" }); // define what data items the objectstore will contain objectstore.createindex("hours", "hours", { unique: false }); objectstore.createindex("minutes", "minutes", { unique: false }); objectstore.createindex("day", "day", { unique: false }); objectstore.createindex("month", "month", { unique: false }); objectstore.createindex("year", "year", { unique: false }); ...
ImageBitmap - Web APIs
the imagebitmap interface represents a bitmap image which can be drawn to a <canvas> without undue latency.
install - Web APIs
allation, use the optional callback function and its status parameter, as in the example below.
Timing element visibility with the Intersection Observer API - Web APIs
ing ad.
InterventionReportBody - Web APIs
t generated the report.
MouseEvent.region - Web APIs
Web › API › MouseEvent › region
t region is affected, null is returned.
msPlayToPreferredSourceUri - Web APIs
non-standard this feature is non-standard and is not on a standards track.
PaintWorklet.registerPaint - Web APIs
let, at worklet.addmodule().
PaintWorklet - Web APIs
erpaint() is called without a reference to paintworklet.
Pointer Lock API - Web APIs
tcontent = "x position: " + x + ", y position: " + y; if (!animation) { animation = requestanimationframe(function() { animation = null; canvasdraw(); }); } } the canvasdraw() function draws the ball in the current x and y positions: function canvasdraw() { ctx.fillstyle = "black"; ctx.fillrect(0, 0, canvas.width, canvas.height); ctx.fillstyle = "#f00"; ctx.beginpath(); ctx.arc(x, y, radius, 0, degtorad(360), true); ctx.fill(); } iframe limitations pointer lock can only lock one iframe at a time.
Request.cache - Web APIs
Web › API › Request › cache
ponse to conserve as much bandwidth as possible.
Request.destination - Web APIs
ead-only property of the request interface returns a string describing the type of content being requested.
Response.clone() - Web APIs
Web › API › Response › clone
e response body has already been used.
Response.headers - Web APIs
Web › API › Response › headers
the headers read-only property of the response interface contains the headers object associated with the response.
Response.ok - Web APIs
Web › API › Response › ok
the ok read-only property of the response interface contains a boolean stating whether the response was successful (status in the range 200-299) or not.
Response.status - Web APIs
Web › API › Response › status
the status read-only property of the response interface contains the status code of the response (e.g., 200 for a success).
Response.statusText - Web APIs
the statustext read-only property of the response interface contains the status message corresponding to the status code (e.g., ok for 200).
Response.type - Web APIs
Web › API › Response › type
null and trailer is empty.
Response.url - Web APIs
Web › API › Response › url
the url read-only property of the response interface contains the url of the response.
SVGMarkerElement - Web APIs
svg path segment interface the svgmarkerelement interface corresponds to the marker element.
SVGTextContentElement - Web APIs
the svgtextcontentelement interface is implemented by elements that support rendering child text content.
Service Worker API - Web APIs
ther things, to enable the creation of effective offline experiences, intercept network requests and take appropriate action based on whether the network is available, and update assets residing on the server.
SpeechRecognition.serviceURI - Web APIs
the serviceuri property of the speechrecognition interface specifies the location of the speech recognition service used by the current speechrecognition to handle the actual recognition.
TextMetrics - Web APIs
mheightdescent', 'actualboundingboxdescent', 'fontboundingboxdescent']; const baselines = [...baselinesabovealphabetic, ...baselinesbelowalphabetic]; ctx.font = '25px serif'; ctx.strokestyle = 'red'; baselines.foreach(function (baseline, index) { let text = 'abcdefghijklmnop (' + baseline + ')'; let textmetrics = ctx.measuretext(text); let y = 50 + index * 50; ctx.beginpath(); ctx.filltext(text, 0, y); let liney = y - math.abs(textmetrics[baseline]); if (baselinesbelowalphabetic.includes(baseline)) { liney = y + math.abs(textmetrics[baseline]); } ctx.moveto(0, liney); ctx.lineto(550, liney); ctx.stroke(); }); result measuring text width when measuring the x-direction of a piece of text, the sum of actualboundingboxleft and actualboundingboxr...
WebGL best practices - Web APIs
2^8] [0, 2^9] prefer builtins like dot, mix, and normalize instead of buiding your own at best, custom implementations of builtins might run as fast as the builtins they replace, but don't expect them to.
Viewpoints and viewers: Simulating cameras in WebXR - Web APIs
e 3d camera is used to simply set the apparent size and perspective when rendering things such as graphs and charts.
Inputs and input sources - Web APIs
ace the xrspace used to describe the position and orientation of the target ray is found in the targetrayspace property.
Rendering and the WebXR frame animation callback - Web APIs
oved] is a vector representing the velocity of the object.
Visualizations with Web Audio API - Web APIs
ce it has been started: var drawvisual = requestanimationframe(draw); next, we grab the time domain data and copy it into our array analyser.getbytetimedomaindata(dataarray); next, fill the canvas with a solid colour to start canvasctx.fillstyle = 'rgb(200, 200, 200)'; canvasctx.fillrect(0, 0, width, height); set a line width and stroke colour for the wave we will draw, then begin drawing a path canvasctx.linewidth = 2; canvasctx.strokestyle = 'rgb(0, 0, 0)'; canvasctx.beginpath(); determine the width of each segment of the line to be drawn by dividing the canvas width by the array length (equal to the frequencybincount, as defined earlier on), then define an x variable to define the position to move to for drawing each segment of the line.
Using the Web Storage API - Web APIs
value to store in it.
Window.pkcs11 - Web APIs
Web › API › Window › pkcs11
note: this property has been returned null since gecko 1.9.0.14 (firefox 3.0.14) and removed in gecko 29.0 (firefox 29 / thunderbird 29 / seamonkey 2.26)) for security reasons.
Window.screenLeft - Web APIs
Web › API › Window › screenLeft
t; initialtop = window.screentop + canvaselem.offsettop; function positionelem() { let newleft = window.screenleft + canvaselem.offsetleft; let newtop = window.screentop + canvaselem.offsettop; let leftupdate = initialleft - newleft; let topupdate = initialtop - newtop; ctx.fillstyle = 'rgb(0, 0, 0)'; ctx.fillrect(0, 0, width, height); ctx.fillstyle = 'rgb(0, 0, 255)'; ctx.beginpath(); ctx.arc(leftupdate + (width/2), topupdate + (height/2) + 35, 50, degtorad(0), degtorad(360), false); ctx.fill(); pelem.textcontent = 'window.screenleft: ' + window.screenleft + ', window.screentop: ' + window.screentop; window.requestanimationframe(positionelem); } window.requestanimationframe(positionelem); also in the code we include a snippet that detects whether screenleft is s...
Window.screenTop - Web APIs
Web › API › Window › screenTop
t; initialtop = window.screentop + canvaselem.offsettop; function positionelem() { let newleft = window.screenleft + canvaselem.offsetleft; let newtop = window.screentop + canvaselem.offsettop; let leftupdate = initialleft - newleft; let topupdate = initialtop - newtop; ctx.fillstyle = 'rgb(0, 0, 0)'; ctx.fillrect(0, 0, width, height); ctx.fillstyle = 'rgb(0, 0, 255)'; ctx.beginpath(); ctx.arc(leftupdate + (width/2), topupdate + (height/2) + 35, 50, degtorad(0), degtorad(360), false); ctx.fill(); pelem.textcontent = 'window.screenleft: ' + window.screenleft + ', window.screentop: ' + window.screentop; window.requestanimationframe(positionelem); } window.requestanimationframe(positionelem); also in the code we include a snippet that detects whether screenleft is s...
Window.screenX - Web APIs
Web › API › Window › screenX
t; initialtop = window.screentop + canvaselem.offsettop; function positionelem() { let newleft = window.screenleft + canvaselem.offsetleft; let newtop = window.screentop + canvaselem.offsettop; let leftupdate = initialleft - newleft; let topupdate = initialtop - newtop; ctx.fillstyle = 'rgb(0, 0, 0)'; ctx.fillrect(0, 0, width, height); ctx.fillstyle = 'rgb(0, 0, 255)'; ctx.beginpath(); ctx.arc(leftupdate + (width/2), topupdate + (height/2) + 35, 50, degtorad(0), degtorad(360), false); ctx.fill(); pelem.textcontent = 'window.screenleft: ' + window.screenleft + ', window.screentop: ' + window.screentop; window.requestanimationframe(positionelem); } window.requestanimationframe(positionelem); these work in exactly the same way as screenx/screeny.
Window.screenY - Web APIs
Web › API › Window › screenY
t; initialtop = window.screentop + canvaselem.offsettop; function positionelem() { let newleft = window.screenleft + canvaselem.offsetleft; let newtop = window.screentop + canvaselem.offsettop; let leftupdate = initialleft - newleft; let topupdate = initialtop - newtop; ctx.fillstyle = 'rgb(0, 0, 0)'; ctx.fillrect(0, 0, width, height); ctx.fillstyle = 'rgb(0, 0, 255)'; ctx.beginpath(); ctx.arc(leftupdate + (width/2), topupdate + (height/2) + 35, 50, degtorad(0), degtorad(360), false); ctx.fill(); pelem.textcontent = 'window.screenleft: ' + window.screenleft + ', window.screentop: ' + window.screentop; window.requestanimationframe(positionelem); } window.requestanimationframe(positionelem); these work in exactly the same way as screenx/screeny.
Worker.prototype.postMessage() - Web APIs
icated worker).
Worker - Web APIs
Web › API › Worker
the worker interface of the web workers api represents a background task that can be created via script, which can send messages back to its creator.
WorkerGlobalScope.importScripts() - Web APIs
the importscripts() method of the workerglobalscope interface synchronously imports one or more scripts into the worker's scope.
WorkerGlobalScope.location - Web APIs
llowing in a document served at localhost:8000 console.log(location); inside a worker (which would basically be the equivalent of self.console.log(self.location);, as these are being called on the worker scope, which can be referenced with workerglobalscope.self), you will get a workerlocation object written to the console — something like the following: 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 information about the document's location, as you mi...
Resources - Web APIs
resources transforming xml: netscape and xslt what kind of language is xslt?
Accessibility: What users can do to browse more safely - Accessibility
otosensitive epilepsy, and uses it when feeling "seizure-y".
Keyboard-navigable JavaScript widgets - Accessibility
dex value determines where this element is positioned in the tab order: smaller values will position elements earlier in the tab order than larger values (for example, tabindex="7" will be positioned before tabindex="11").
Web Accessibility: Understanding Colors and Luminance - Accessibility
or spectrum, they are sometimes used interchangably.
Operable - Accessibility
eract with digital technology using different input methods beyond a keyboard or mouse (including touchscreen, voice, device motion, or alternative input devices.
Perceivable - Accessibility
ls, see ui controls.
CSS Masking - CSS: Cascading Style Sheets
css masking is a css module that defines means, including masking and clipping, for partially or fully hiding portions of visual elements.
The stacking context - CSS: Cascading Style Sheets
xbox) container, with z-index value other than auto.
CSS Shapes - CSS: Cascading Style Sheets
with a value of circle(50%).
Cookbook template - CSS: Cascading Style Sheets
template page for a css cookbook page.
Mozilla CSS extensions - CSS: Cascading Style Sheets
art [superseded by the standard version border-inline-start] -moz-border-start-color [superseded by the standard version border-inline-start-color] -moz-border-start-style [superseded by the standard version border-inline-start-style] -moz-border-start-width [superseded by the standard version border-inline-start-width] -moz-box-sizing [prefixed version still accepted] c clip-path [applying to more than svg] -moz-column-count [prefixed version still accepted] -moz-column-fill [prefixed version still accepted] -moz-column-gap [prefixed version still accepted] -moz-column-width [prefixed version still accepted] -moz-column-rule [prefixed version still accepted] -moz-column-rule-width [prefixed version still accepted] -moz-column-rule-style [prefixed ve...
WebKit CSS extensions - CSS: Cascading Style Sheets
-timing-function b -webkit-backface-visibility -webkit-background-clip -webkit-background-origin -webkit-background-size -webkit-border-bottom-left-radius -webkit-border-bottom-right-radius -webkit-border-image -webkit-border-radius -webkit-border-top-left-radius -webkit-border-top-right-radius -webkit-box-decoration-break -webkit-box-shadow -webkit-box-sizing c -webkit-clip-path -webkit-column-count -webkit-column-fill -webkit-column-gap -webkit-column-rule -webkit-column-rule-color -webkit-column-rule-style -webkit-column-rule-width -webkit-column-span -webkit-column-width -webkit-columns f -webkit-filter -webkit-flex -webkit-flex-basis -webkit-flex-direction -webkit-flex-flow -webkit-flex-grow -webkit-flex-shrink -webkit-flex-wrap -webkit-font-fe...
box-decoration-break - CSS: Cascading Style Sheets
across multiple lines, columns, or pages.
shape-margin - CSS: Cascading Style Sheets
the world was fashioned the square on the hypotenuse was equal to the sum of the squares on the other two sides of a right triangle, and it will be so after this world is dead; and the inhabitant of mars, if he exists, probably knows its truth as we know it.</section> css section { max-width: 400px; } .shape { float: left; width: 150px; height: 150px; background-color: maroon; clip-path: polygon(0 0, 150px 150px, 0 150px); shape-outside: polygon(0 0, 150px 150px, 0 150px); shape-margin: 20px; } result specifications specification status comment css shapes module level 1the definition of 'shape-margin' in that specification.
CSS: Cascading Style Sheets
Web › CSS
ning area features multiple modules that teach css from the ground up — no previous knowledge required.
Demos of open web technologies
le videos 3d graphics webgl web audio fireworks ioquake3 (source code) escher puzzle (source code) kai 'opua (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) transformations 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)...
exsl:node-set() - EXSLT
Web › EXSLT › exsl › node-set
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes exsl:node-set() returns a node-set from a result tree fragment, which is what you get when you look at the xsl:variable instead of its select attribute to fetch a variable's value.
exsl:object-type() - EXSLT
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes exsl:object-type() returns a string that indicates the type of the specified object.
Common (exsl) - EXSLT
Web › EXSLT › exsl
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the exslt common package provides basic functions that expand upon the capabilities of xslt.
math:highest() - EXSLT
Web › EXSLT › math › highest
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes math:highest() returns the node in the specified node-set with the highest value (where the highest value calculated using math:max()).
math:lowest() - EXSLT
Web › EXSLT › math › lowest
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes math:lowest() returns the node in the specified node-set with the lowest value (where the lowest value calculated using math:min()).
math:max() - EXSLT
Web › EXSLT › math › max
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes math:max() returns the maximum value of a node-set.
math:min() - EXSLT
Web › EXSLT › math › min
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes math:min() returns the minimum value of a node-set.
Math (math) - EXSLT
Web › EXSLT › math
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the exslt math package provides functions for working with numeric values and comparing nodes.
regexp:match() - EXSLT
Web › EXSLT › regexp › match
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes regexp:match() performs regular expression matching on a string, returning the submatches found as a result.
regexp:replace() - EXSLT
Web › EXSLT › regexp › replace
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes regexp:replace() replaces the portions of a string that match a given regular expression with the contents of another string.
regexp:test() - EXSLT
Web › EXSLT › regexp › test
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes regexp:test() tests to see whether a string matches a specified regular expression.
Regular expressions (regexp) - EXSLT
Web › EXSLT › regexp
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the exslt regular expressions package provides functions that allow testing, matching, and replacing text using javascript style regular expressions.
set:difference() - EXSLT
Web › EXSLT › set › difference
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes set:difference() returns the difference between two node-sets.
set:distinct() - EXSLT
Web › EXSLT › set › distinct
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes set:distinct() returns a subset of the nodes in the specified node-set, returning only nodes with unique string values.
set:has-same-node() - EXSLT
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes set:has-same-node() determines whether two node-sets have any nodes in common.
set:intersection() - EXSLT
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes set:intersection() returns the intersection of two node-sets.
set:leading() - EXSLT
Web › EXSLT › set › leading
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes set:leading() returns the nodes in one node-set that come before the first node in the other node-set.
set:trailing() - EXSLT
Web › EXSLT › set › trailing
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes set:trailing() returns the nodes in one node-set that come after the first node in the other node-set.
Sets (set) - EXSLT
Web › EXSLT › set
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the exslt sets package offers functions that let you perform set manipulation.
str:concat() - EXSLT
Web › EXSLT › str › concat
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes str:concat() returns a string containing all the string values in a node-set concatenated together.
str:split() - EXSLT
Web › EXSLT › str › split
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes str:split() splits a string using a pattern string to determine where the splits should occur, returning a node-set containing the resulting strings.
str:tokenize() - EXSLT
Web › EXSLT › str › tokenize
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes str:tokenize() splits a string using a set of characters as delimiters that determine where the splits should occur, returning a node-set containing the resulting strings.
Strings (str) - EXSLT
Web › EXSLT › str
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the exslt strings package provides functions that allow the manipulation of strings.
EXSLT
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes exslt is a set of extensions to xslt.
Event reference
when a browser <iframe>'s location changes.
Cross-browser audio basics - Developer guides
ort mp4 audio).
Audio and Video Delivery - Developer guides
you must call load() after removing the attribute, because just removing the src attribute does not invoke the load algorithm.
Separate sites for mobile and desktop - Developer guides
e option of sending completely separate html, javascript, and css to phones and pcs.
Parsing and serializing XML - Developer guides
ializing and parsing xml easy.
Printing - Developer guides
rience of printing, such as presenting a specially-formatted version of your content before printing begins.
<audio>: The Embed Audio element - HTML: Hypertext Markup Language
Web › HTML › Element › audio
he destination for streamed media, using a mediastream.
<blockquote>: The Block Quotation element - HTML: Hypertext Markup Language
ation) element.
<button>: The Button element - HTML: Hypertext Markup Language
Web › HTML › Element › button
s screen readers, to access when they parse the document and generate an accessibility tree.
<del>: The Deleted Text element - HTML: Hypertext Markup Language
Web › HTML › Element › del
d</del>, here is the rest of the paragraph.</p> <del><p>this paragraph has been deleted.</p></del> result accessibility concerns the presence of the del element is not announced by most screen reading technology in its default configuration.
<input type="button"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › button
document.documentelement.scrolltop ?
<ins> - HTML: Hypertext Markup Language
Web › HTML › Element › ins
format of a valid local date and time string.
<mark>: The Mark Text element - HTML: Hypertext Markup Language
Web › HTML › Element › mark
ential usage, this example applies the custom class "match" to each match.
<object> - HTML: Hypertext Markup Language
Web › HTML › Element › object
obsolete since html5 a space-separated list of uris for archives of resources for the object.
<s> - HTML: Hypertext Markup Language
Web › HTML › Element › s
l: salmon</s> sold out<br> <span style="text-decoration:line-through;">today's special: salmon</span> sold out accessibility concerns the presence of the s element is not announced by most screen reading technology in its default configuration.
<video>: The Video Embed element - HTML: Hypertext Markup Language
Web › HTML › Element › video
element may provide a more appropriate user experience.
Preloading content with rel="preload" - HTML: Hypertext Markup Language
the page's render, improving performance.
Using the application cache - HTML: Hypertext Markup Language
become obsolete.
HTTP authentication - HTTP
these additional security enhancements, basic authentication should not be used to protect sensitive or valuable information.
Evolution of HTTP - HTTP
otocol used in those early phases was very simple, later dubbed http/0.9, and sometimes as the one-line protocol.
Browser detection using the user agent - HTTP
rowser was chrome.
Cross-Origin Resource Sharing (CORS) - HTTP
Web › HTTP › CORS
for you when making invocations to servers.
Compression in HTTP - HTTP
deflate; for nginx there is ngx_http_gzip_module; for iis, the <httpcompression> element.
Content-Disposition - HTTP
="file"> element), there can be several subparts with the same name.
CSP: referrer - HTTP
ocument https://example.com/page.html will send the referrer https://example.com/.
Forwarded - HTTP
the forwarded header contains information from the reverse proxy servers that is altered or lost when a proxy is involved in the path of the request.
Set-Cookie2 - HTTP
yntax set-cookie2: <cookie-name>=<cookie-value> set-cookie2: <cookie-name>=<cookie-value>; comment=<value> set-cookie2: <cookie-name>=<cookie-value>; commenturl=<http-url> set-cookie2: <cookie-name>=<cookie-value>; discard set-cookie2: <cookie-name>=<cookie-value>; domain=<domain-value> set-cookie2: <cookie-name>=<cookie-value>; max-age=<non-zero-digit> set-cookie2: <cookie-name>=<cookie-value>; path=<path-value> set-cookie2: <cookie-name>=<cookie-value>; port=<port-number> set-cookie2: <cookie-name>=<cookie-value>; secure set-cookie2: <cookie-name>=<cookie-value>; version=<version-number> // multiple directives are also possible, for example: set-cookie2: <cookie-name>=<cookie-value>; domain=<domain-value>; secure // multiple cookies are seperated by a comma set-cookie2: <cookie-name>=<coo...
SourceMap - HTTP
de to a source map, enabling the browser to reconstruct the original source and present the reconstructed original in the debugger.
TRACE - HTTP
Web › HTTP › Methods › TRACE
the http trace method performs a message loop-back test along the path to the target resource, providing a useful debugging mechanism.
HTTP request methods - HTTP
Web › HTTP › Methods
representations of the target resource with the request payload.
An overview of HTTP - HTTP
Web › HTTP › Overview
its own format.
Proxy servers and tunneling - HTTP
from the original request is lost.
A typical HTTP session - HTTP
Web › HTTP › Session
g a client request once the connection is established, the user-agent can send the request (a user-agent is typically a web browser, but can be anything else, a crawler, for example).
HTTP
Web › HTTP
o use http headers to control them.
Array.prototype.indexOf() - JavaScript
var that = object(this), len = that.length >>> 0, i = min(fromindex | 0, len) if (i < 0) i = max(0, len + i) else if (i >= len) return -1 if (member === void 0) { // undefined for (; i !== len; ++i) if (that[i] === void 0 && i in that) return i } else if (member !== member) { // nan return -1 // since nan !== nan, it will never be found.
Error - JavaScript
the stack property on an error instance.
EvalError - JavaScript
error object remains for compatibility.
InternalError - JavaScript
.g.: "too many switch cases", "too many parentheses in regular expression", "array initializer too large", "too much recursion".
Object.freeze() - JavaScript
oyee.address.city) // output: "noida" to make an object immutable, recursively freeze each property which is of type object (deep freeze).
RangeError - JavaScript
number.prototype.toprecision().
ReferenceError - JavaScript
ferenced.
SyntaxError - JavaScript
language when parsing code.
TypeError - JavaScript
o use a value in an inappropriate way.
URIError - JavaScript
ri handling function was used in a wrong way.
WebAssembly.CompileError - JavaScript
eerror() creates a new webassembly.compileerror object.
WebAssembly.LinkError - JavaScript
assembly.linkerror() creates a new webassembly.linkerror object.
WebAssembly.RuntimeError - JavaScript
eerror() creates a new webassembly.runtimeerror object.
encodeURI() - JavaScript
return value a new string representing the provided string encoded as a uri.
Lexical grammar - JavaScript
roposal).
Destructuring assignment - JavaScript
pack the parts out of this array easily, ignoring the full match if it is not needed.
yield - JavaScript
e is true.
import.meta - JavaScript
rs (or the hash) as in the latter example, as of node 14.1.0, a url with query parameters will err when loading in the form node --experimental-modules index.mjs?someurlinfo=5 (it is treated as a file rather than a url in this context).
iarc_rating_id - Web app manifests
ating_id member is a string that represents the international age rating coalition (iarc) certification code of the web application.
icons - Web app manifests
"image/webp" }, { "src": "icon/lowres", "sizes": "48x48" }, { "src": "icon/hd_hi.ico", "sizes": "72x72 96x96 128x128 256x256" }, { "src": "icon/hd_hi.svg", "sizes": "72x72" } ] values image objects may contain the following values: member description sizes a string containing space-separated image dimensions.
<semantics> - MathML
up> <mo>+</mo> <mi>y</mi> </mrow> <!-- content mathml --> <annotation-xml encoding="mathml-content"> <apply> <plus/> <apply> <power/> <ci>x</ci> <cn type="integer">2</cn> </apply> <ci>y</ci> </apply> </annotation-xml> <!-- annotate an image --> <annotation encoding="image/png" src="some/path/formula.png"/> <!-- annotate tex --> <annotation encoding="application/x-tex"> x^{2} + y </annotation> </semantics> </math> specifications specification status comment mathml 3.0the definition of 'mixing markup languages for mathematical expressions' in that specification.
Recommended Web Performance Timings: How long is too long? - Web Performance
ld be considered a rule in the maximum amount of time to indicate to a user that the request for new content was made and will load, such as the browser displaying the page title and the background color of the page displaying.
Optimizing startup performance - Web Performance
ginal codebase.
Performance Monitoring: RUM vs synthetic monitoring - Web Performance
ting shorter-term performance issues during development.
Add to Home screen - Progressive web apps (PWAs)
screen).
How to make PWAs installable - Progressive web apps (PWAs)
require the service worker.
baseline-shift - SVG: Scalable Vector Graphics
e parent text content element.
direction - SVG: Scalable Vector Graphics
ficient to add the direction attribute to the outermost <svg> element, and allow that direction to inherit to all text elements: note: as a presentation attribute, direction can be used as a css property.
font-family - SVG: Scalable Vector Graphics
family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.
font-size-adjust - SVG: Scalable Vector Graphics
y an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.
font-size - SVG: Scalable Vector Graphics
o the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment.
font-stretch - SVG: Scalable Vector Graphics
e font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.
font-style - SVG: Scalable Vector Graphics
the font-style attribute specifies whether the text is to be rendered using a normal, italic, or oblique face.
font-variant - SVG: Scalable Vector Graphics
the font-variant attribute indicates whether the text is to be rendered using variations of the fontʼs glyphs.
font-weight - SVG: Scalable Vector Graphics
fers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.
glyph-orientation-horizontal - SVG: Scalable Vector Graphics
n the current text position is incremented according to the vertical metrics of the glyph.
glyph-orientation-vertical - SVG: Scalable Vector Graphics
hen the current text position is incremented according to the horizontal metrics of the glyph.
kerning - SVG: Scalable Vector Graphics
Web › SVG › Attribute › kerning
font (i.e., enable auto-kerning) or instead disable auto-kerning and set the spacing between them to a specific length (typically, zero).
lengthAdjust - SVG: Scalable Vector Graphics
the lengthadjust attribute controls how the text is stretched into the length defined by the textlength attribute.
letter-spacing - SVG: Scalable Vector Graphics
m or 1%, then the browser converts the <length> into its corresponding value in the current user coordinate system.
pointer-events - SVG: Scalable Vector Graphics
ound(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>, <image>, <line>, <marker>, <mask>, <path>, <pattern>, <polygon>, <polyline>, <rect>, <svg>, <switch>, <symbol>, <text>, <textpath>, <tspan>, <use> usage notes value bounding-box | visiblepainted | visiblefill | visiblestroke | visible | painted | fill | stroke | all | none default value visiblepainted animatable yes ...
text-decoration - SVG: Scalable Vector Graphics
troke, is determined by the value of the paint-order attribute at the point where the text decoration is declared.
text-rendering - SVG: Scalable Vector Graphics
to apply anti-aliasing techniques, built-in font hinting or both to produce the most legible text.
textLength - SVG: Scalable Vector Graphics
ods specified by the lengthadjust attribute.
unicode-bidi - SVG: Scalable Vector Graphics
the unicode-bidi attribute specifies how the accumulation of the background image is managed.
word-spacing - SVG: Scalable Vector Graphics
.
xlink:arcrole - SVG: Scalable Vector Graphics
sent a "person," but in the context of a particular arc it might have the role of "mother" and in the context of a different arc it might have the role of "daughter." twentytwo elements are using this attribute: <a>, <altglyph>, <animate>, <animatecolor>, <animatemotion>, <animatetransform>, <color-profile>, <cursor>, <feimage>, <filter>, <font-face-uri>, <glyphref>, <image>, <lineargradient>, <mpath>, <pattern>, <radialgradient>, <script>, <set>, <textpath>, <tref>, <use> usage notes value <iri> default value none animatable no <iri> this value specifies an iri reference that identifies some resource that describes the intended property.
<altGlyph> - SVG: Scalable Vector Graphics
Web › SVG › Element › altGlyph
> element.
<feComposite> - SVG: Scalable Vector Graphics
%"> <fecomposite in="sourcegraphic" in2="backgroundimage" operator="xor" result="comp"/> </filter> <filter id="arithmeticnoflood" filterunits="objectboundingbox" x="-5%" y="-5%" width="110%" height="110%"> <fecomposite in="sourcegraphic" in2="backgroundimage" result="comp" operator="arithmetic" k1=".5" k2=".5" k3=".5" k4=".5"/> </filter> <path id="blue100" d="m 0 0 l 100 0 l 100 100 z" fill="#00ffff" /> <path id="red100" d="m 0 0 l 0 100 l 100 0 z" fill="#ff00ff" /> <path id="blue50" d="m 0 125 l 100 125 l 100 225 z" fill="#00ffff" fill-opacity=".5" /> <path id="red50" d="m 0 125 l 0 225 l 100 125 z" fill="#ff00ff" fill-opacity=".5" /> <g id="twobluetriangles"> <use xlink:href="#blue100"/> <use xlink:href="#...
<foreignObject> - SVG: Scalable Vector Graphics
as css properties for that element.
<linearGradient> - SVG: Scalable Vector Graphics
this attribute defines the y coordinate of the ending point of the vector gradient along which the linear gradient is drawn.
<missing-glyph> - SVG: Scalable Vector Graphics
the <missing-glyph> svg element's content is rendered, if for a given character the font doesn't define an appropriate <glyph>.
<radialGradient> - SVG: Scalable Vector Graphics
lue: pad; animatable: yes xlink:href an <iri> reference to another <lineargradient> element that will be used as a template.
<tspan> - SVG: Scalable Vector Graphics
Web › SVG › Element › tspan
hould be scaled to fit.
<use> - SVG: Scalable Vector Graphics
Web › SVG › Element › use
eometry properties, meaning those attributes can also be used as css properties for that element.
Filter effects - SVG: Scalable Vector Graphics
ult="specout"/> <fecomposite in="sourcegraphic" in2="specout" operator="arithmetic" k1="0" k2="1" k3="1" k4="0" result="litpaint"/> <!-- merge offsetblur + litpaint --> <femerge> <femergenode in="offsetblur"/> <femergenode in="litpaint"/> </femerge> </filter> </defs> <!-- graphic elements --> <g filter="url(#myfilter)"> <path fill="none" stroke="#d90000" stroke-width="10" d="m50,66 c-50,0 -50,-60 0,-60 h100 c50,0 50,60 0,60z" /> <path fill="#d90000" d="m60,56 c-30,0 -30,-40 0,-40 h80 c30,0 30,40 0,40z" /> <g fill="#ffffff" stroke="black" font-size="45" font-family="verdana" > <text x="52" y="52">svg</text> </g> </g> </svg> step 1 <fegaussianblur in="sourcealpha"...
SVG Tutorial - SVG: Scalable Vector Graphics
Web › SVG › Tutorial
you might find more useful resources at inkscape's documentation page.
How to fix a website with blocked mixed content - Web security
in good shape: keep making excellent websites!
Tutorials
in such-and-such a place on the screen?
Common XSLT Errors - XSLT: Extensible Stylesheet Language Transformations
der versions of ie used a different namespace.
<xsl:apply-imports> - XSLT: Extensible Stylesheet Language Transformations
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:apply-imports> element is fairly arcane, used mostly in complex stylesheets.
<xsl:attribute-set> - XSLT: Extensible Stylesheet Language Transformations
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:attribute-set> element creates a named set of attributes, which can then be applied as whole to the output document, in a manner similar to named styles in css.
<xsl:attribute> - XSLT: Extensible Stylesheet Language Transformations
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:attribute> element creates an attribute in the output document, using any values that can be accessed from the stylesheet.
<xsl:call-template> - XSLT: Extensible Stylesheet Language Transformations
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:call-template> element invokes a named template.
<xsl:choose> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › choose
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:choose> element defines a choice among a number of alternatives.
<xsl:comment> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › comment
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:comment> element writes a comment to the output document.
<xsl:copy> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › copy
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:copy> element transfers a shallow copy (the node and any associated namespace node) of the current node to the output document.
<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 theformat-number( ) function.
<xsl:element> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › element
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:element> element creates an element in the output document.
<xsl:fallback> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › fallback
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:fallback> element specifies what template to use if a given extension (or, eventually, newer version) element is not supported.
<xsl:import> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › import
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:import> element is a top-level element that serves to import the contents of one stylesheet into another stylesheet.
<xsl:include> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › include
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:include> element merges the contents of one stylesheet with another.
<xsl:message> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › message
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:message> element outputs a message (to the javascript console in ns) and optionally terminates execution of the stylesheet.
<xsl:namespace-alias> - XSLT: Extensible Stylesheet Language Transformations
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:namespace-alias> element is a rarely used device that maps a namespace in the stylesheet to a different namespace in the output tree.
<xsl:otherwise> - XSLT: Extensible Stylesheet Language Transformations
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:otherwise> element is used to define the action that should be taken when none of the <xsl:when> conditions apply.
<xsl:output> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › output
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:output> element controls the characteristics of the output document.
<xsl:preserve-space> - XSLT: Extensible Stylesheet Language Transformations
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:preserve-space> element defines the elements in the source document for which whitespace should be preserved.
<xsl:processing-instruction> - XSLT: Extensible Stylesheet Language Transformations
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:processing-instruction> element writes a processing instruction to the output document.
<xsl:strip-space> - XSLT: Extensible Stylesheet Language Transformations
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:strip-space> element defines the elements in the source document for which whitespace should be removed.
<xsl:template> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › template
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:template> element defines an output producing template.
<xsl:text> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › text
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:text> element writes literal text to the output tree.
<xsl:transform> - XSLT: Extensible Stylesheet Language Transformations
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:transform> element is exactly equivalent to the <xsl:stylesheet> element.
<xsl:when> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › when
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:when> element always appears within an <xsl:choose> element, acting like a case statement.
For Further Reading - XSLT: Extensible Stylesheet Language Transformations
http://www.amazon.com/gp/product/0596004206 digital websites world wide web consortium the w3c homepage: http://www.w3.org/ the main xsl page: http://www.w3.org/style/xsl/ the version 1.0 recommendation for xslt: http://www.w3.org/tr/xslt archive of public style (css and xslt) discussions: http://lists.w3.org/archives/public/www-style/ the version 1.0 recommendation for xpath: http://www.w3.org/tr/xpath the world wide web consortium is the body that publishes recommendations for a number of web-based technologies, many of which become the de-facto standard.
Web technology for developers
emos of open web technologiesdeveloper guidesexsltevent referencehtml: hypertext markup languagehttpjavascriptmathmlopensearch description formatprivacy, permissions, and information securityprogressive web apps (pwas)svg: scalable vector graphicstutorialsweb apisweb componentsweb performanceweb app manifestsweb media technologiesweb securityweb technology referencexml: extensible markup languagexpathxslt: extensible stylesheet language transformations ...