mozilla

Revision 77195 of Firefox 3.5 for developers

  • Revision slug: Firefox_3.5_for_developers
  • Revision title: Firefox 3.5 for developers
  • Revision id: 77195
  • Created:
  • Creator: DCamp
  • Is current revision? No
  • Comment 7 words added

Revision Content

{{ mediawiki.interwiki('wikimo', 'Firefox3.1', 'Firefox 3.1') }}, code-named "Shiretoko", will be based on Gecko 1.9.1. This page will serve as a starting point for documentation for the Firefox 3.1 project.

Note: Shiretoko source code is in the mozilla-central repository in Mercurial. See the article Mozilla Source Code (Mercurial) for details on how to access the Firefox 3.1 source code.

Please list changes here, so they can be properly documented.

Web site and application changes

ICC color correction is now supported (whether this will be just for tagged images or for all images is under review right now, but presently it's just for tagged images).  See this article for further information.

CSS changes

Bug fixes

  • The 'ch' unit can now be used anywhere like a regular unit of length, and uses the width of the '0' character to follow the specification ({{ Bug("363706") }}).

CSS 2.1 support

  • Updated ::before and ::after to CSS 2.1; they now support positioning and floating the content.

Newly supported features

Newly supported properties

  • {{ Cssxref("text-shadow") }}
  • box-shadow as {{ Cssxref("-moz-box-shadow") }}
  • border-image as {{ Cssxref("-moz-border-image") }}
  • column-rule as {{ Cssxref("-moz-column-rule") }}, {{ Cssxref("-moz-column-rule-width") }}, {{ Cssxref("-moz-column-rule-style") }}, and {{ Cssxref("-moz-column-rule-color") }}
  • column-gap as {{ Cssxref("-moz-column-gap") }}
  • {{ Cssxref("word-wrap") }}
  • Added the custom color value -moz-nativehyperlinktext, which selects the computer's native hyperlink color.
  • pre-line as a {{ Cssxref("white-space") }} value.
  • New values for -moz-appearance: -moz-win-glass and -moz-mac-unified-toolbar.
  • {{ Cssxref("-moz-transform") }} and {{ Cssxref("-moz-transform-origin") }} are now supported for CSS transforms.  See Using CSS transforms for more details.

Newly supported selectors

  • {{ Cssxref(":nth-child") }}
  • {{ Cssxref(":nth-last-child") }}
  • {{ Cssxref(":nth-of-type") }}
  • {{ Cssxref(":nth-last-of-type") }}
  • {{ Cssxref(":first-of-type") }}
  • {{ Cssxref(":last-of-type") }}
  • {{ Cssxref(":only-of-type") }}

HTML changes

  • Implemented support for the defer attribute on the script element.
  • video and audio elements

DOM changes

Newly supported features

Bug fixes

  • Dispatched events can be redispatched; this makes Firefox pass Acid 3 test 30; see {{ Bug("412567") }} for details.
  • DOM 2 Range improvements ({{ Bug("332148") }}).

JavaScript

Newly supported features

Bug fixes

  • In non-chrome scope, caught objects in exceptions are now the actual thrown object instead of an XPConnect wrapper containing the thrown object ({{ Bug("446584") }}).

Canvas

Newly supported features
HTML 5 text API for canvas elements
The HTML 5 text API for canvas elements is now supported.
Shadow effects
Canvas shadow effects are now supported.

SVG

Newly supported features

  • GetSVGDocument is added for <object> and <iframe> for compatibility.
  • SVG effects can now be applied to HTML content.  See this article for more information.

Bug fixes

  • id references are now live ({{ Bug("344258") }}).Expand Me
  • filters now works for foreignObject ({{ Bug("445079") }}).

For XUL and application developers

New features

  • The XUL textbox widget now offers a search type, for use as search fields ({{ Bug("388811") }}).
  • Drag and drop of tabs between windows ({{ Bug("113934") }}).  This adds {{ XULMeth("swapDocShells") }} method to the browser widget..
  • The {{ XULAttr("panel.level") }} attribute of {{ XULElem("panel") }} element is used to specify whether panels appear on top of other applications or just the window the panel is contained within. ({{ Bug("451015") }}).
  • Cross-site XMLHttpRequest is now supported ({{ Bug("389508") }}).
  • Progress events for XMLHttpRequest ({{ Bug("435425") }}).
  • Asynchronous storage statements ({{ Bug("429986") }}).

 

Changes to interfaces

  • {{ Interface("mozIStorageStatement") }} had the initialize() method removed as per {{ Bug("434796") }}. Consumers should use the {{ Ifmethod("mozIStorageConnection", "createStatement") }} method instead to get a new statement object.

For theme developers

Please see Theme changes in Firefox 3.1.

Notable bugs fixed

  • <keyset>s now can be removed ({{ Bug("437640") }}).

See also

                

{{ languages( { "fr": "fr/Firefox_3.1_pour_les_d\u00e9veloppeurs", "ja": "ja/Firefox_3.1_for_developers", "zh-tw": "zh_tw/Firefox_3.1_技術資訊" } ) }}

Revision Source

<p>{{ mediawiki.interwiki('wikimo', 'Firefox3.1', 'Firefox 3.1') }}, code-named "Shiretoko", will be based on Gecko 1.9.1. This page will serve as a starting point for documentation for the Firefox 3.1 project.</p>
<div class="note"><strong>Note: </strong>Shiretoko source code is in the <a class="internal" href="/en/mozilla-central" title="En/Mozilla-central">mozilla-central</a> repository in <a class="internal" href="/en/Mercurial" title="En/Mercurial">Mercurial</a>. See the article <a class="internal" href="/en/Mozilla_Source_Code_(Mercurial)" title="En/Mozilla Source Code (Mercurial)">Mozilla Source Code (Mercurial)</a> for details on how to access the Firefox 3.1 source code.</div>
<p>Please list changes here, so they can be properly documented.</p>
<h2>Web site and application changes</h2>
<p>ICC color correction is now supported (whether this will be just for tagged images or for all images is under review right now, but presently it's just for tagged images).  See <a class="external" href="http://bholley.wordpress.com/2008/09/12/so-many-colors/" title="http://bholley.wordpress.com/2008/09/12/so-many-colors/">this article</a> for further information.</p>
<h3>CSS changes</h3>
<h4>Bug fixes</h4>
<ul> <li>The 'ch' unit can now be used anywhere like a regular <a class="internal" href="/en/CSS/length" title="en/CSS/length">unit of length</a>, and uses the width of the '0' character to follow the specification ({{ Bug("363706") }}).</li>
</ul>
<h4>CSS 2.1 support</h4>
<ul> <li>Updated <a class="internal" href="/en/CSS/:before" title="En/CSS/:before">::before</a> and <a class="internal" href="/en/CSS/:after" title="En/CSS/:after">::after</a> to CSS 2.1; they now support positioning and floating the content.</li>
</ul>
<h4>Newly supported features</h4>
<ul> <li><a class="internal" href="/En/CSS/Media_queries" title="en/CSS/Media queries">CSS media queries</a>. See the <a class="external" href="http://www.w3.org/TR/css3-mediaqueries/" title="http://www.w3.org/TR/css3-mediaqueries/">specification</a> for details.</li>
</ul>
<h4>Newly supported properties</h4>
<ul> <li>{{ Cssxref("text-shadow") }}</li> <li>box-shadow as {{ Cssxref("-moz-box-shadow") }}</li> <li>border-image as {{ Cssxref("-moz-border-image") }}</li> <li>column-rule as {{ Cssxref("-moz-column-rule") }}, {{ Cssxref("-moz-column-rule-width") }}, {{ Cssxref("-moz-column-rule-style") }}, and {{ Cssxref("-moz-column-rule-color") }}</li> <li>column-gap as {{ Cssxref("-moz-column-gap") }}</li> <li>{{ Cssxref("word-wrap") }}</li> <li>Added the custom color value <a class="internal" href="/en/CSS/color#Mozilla_Specific_Colors" title="en/CSS/color#Mozilla Specific Colors"><code>-moz-nativehyperlinktext</code></a>, which selects the computer's native hyperlink color.</li> <li><code>pre-line</code> as a {{ Cssxref("white-space") }} value.</li> <li style="text-align: left;">New values for <a class="internal" href="/en/CSS/-moz-appearance" title="En/CSS/-moz-appearance"><code>-moz-appearance</code></a>: <code>-moz-win-glass</code> and <code>-moz-mac-unified-toolbar</code>.</li> <li style="text-align: left;">{{ Cssxref("-moz-transform") }} and {{ Cssxref("-moz-transform-origin") }} are now supported for CSS transforms.  See <a class="internal" href="/En/CSS/Using_CSS_transforms" title="En/CSS/Using CSS transforms">Using CSS transforms</a> for more details.</li>
</ul>
<h4>Newly supported selectors</h4>
<ul> <li>{{ Cssxref(":nth-child") }}</li> <li>{{ Cssxref(":nth-last-child") }}</li> <li>{{ Cssxref(":nth-of-type") }}</li> <li>{{ Cssxref(":nth-last-of-type") }}</li> <li>{{ Cssxref(":first-of-type") }}</li> <li>{{ Cssxref(":last-of-type") }}</li> <li>{{ Cssxref(":only-of-type") }}</li>
</ul>
<h3>HTML changes</h3>
<ul> <li>Implemented support for the <code>defer</code> attribute on the <a class="internal" href="/En/HTML/Element/Script" title="En/HTML/Element/Script"><code>script</code></a> element.</li> <li><code><a class="internal" href="/En/HTML/Element/video" title="En/HTML/Element/video">video</a></code> and <code><a class="internal" href="/En/HTML/Element/audio" title="En/HTML/Element/audio">audio</a></code> elements</li>
</ul>
<h3>DOM changes</h3>
<h4>Newly supported features</h4>
<ul> <li>The selectors API has been added to both documents and elements; see <code><a class="internal" href="/En/DOM/Document.querySelector" title="En/DOM/Document.querySelector">document.querySelector()</a></code>, <code><a class="internal" href="/En/DOM/Document.querySelectorAll" title="En/DOM/Document.querySelectorAll">document.querySelectorAll()</a></code>, <code><a class="internal" href="/En/DOM/Element.querySelector" title="En/DOM/Element.querySelector">element.querySelector()</a></code>, and <code><a class="internal" href="/En/DOM/Element.querySelectorAll" title="En/DOM/Element.querySelectorAll">element.querySelectorAll()</a></code>.</li> <li><a href="/en/NodeIterator" title="en/NodeIterator">NodeIterator</a> object APIs</li> <li>DOM worker threads (see <a class="external" href="/web-tech/2008/09/04/web-workers-part-1" title="http://developer.mozilla.org/editor/fckeditor/core/editor/web-tech/2008/09/04/web-workers-part-1/">this article</a> for initial information, and the <a class="external" href="http://www.whatwg.org/specs/web-workers/current-work/" title="http://www.whatwg.org/specs/web-workers/current-work/">specification</a>).</li> <li>The Text node's <code><a class="internal" href="/En/DOM/Text.wholeText" title="En/DOM/Text.wholeText">wholeText</a></code> property and <code><a class="internal" href="/En/DOM/Text.replaceWholeText" title="En/DOM/Text.replaceWholeText">replaceWholeText()</a></code> method have been implemented.</li> <li>Geolocation API ({{ Bug("437948") }})</li> <li>Element Traversal API ({{ Bug("447917") }})</li> <li>The <a href="/En/DragDrop/Drag_and_Drop" title="En/DragDrop/Drag_and_Drop">HTML 5 Drag and Drop API</a> allows for drag and drop within and between web sites. In addition, it provides a simpler API for XUL extensions and applications. ({{ Bug("356295") }})</li> <li>MozAfterPaint event</li> <li>Finished support for the HTML5 Offline Specification</li>
</ul>
<h4>Bug fixes</h4>
<ul> <li>Dispatched events can be redispatched; this makes Firefox pass Acid 3 test 30; see {{ Bug("412567") }} for details.</li> <li>DOM 2 Range improvements ({{ Bug("332148") }}).</li>
</ul><h3>JavaScript</h3>
<h4>Newly supported features</h4>
<ul> <li><a class="internal" href="/En/Core_JavaScript_1.5_Reference/Global_Objects/Object/GetPrototypeOf" title="En/Core JavaScript 1.5 Reference/Global Objects/Object/GetPrototypeOf"><code>Object.getPrototypeOf()</code></a> returns the prototype of a specified object.</li>
</ul>
<h4>Bug fixes</h4>
<ul> <li>In non-chrome scope, caught objects in exceptions are now the actual thrown object instead of an XPConnect wrapper containing the thrown object ({{ Bug("446584") }}).</li>
</ul>
<h3>Canvas</h3>
<h5 name="Newly_supported_features_4">Newly supported features</h5>
<dl> <dt><a class="internal" href="/en/Drawing_text_using_a_canvas" title="En/Drawing text using a canvas">HTML 5 text API for <code>canvas</code> elements</a></dt> <dd>The HTML 5 text API for canvas elements is now supported.</dd><dt><a class="internal" href="/en/Canvas_tutorial/Applying_styles_and_colors#Shadows" title="En/Canvas tutorial/Applying styles and colors#Shadows">Shadow effects</a></dt><dd>Canvas shadow effects are now supported.</dd></dl>
<h3>SVG</h3>
<h4>Newly supported features</h4>
<ul> <li>GetSVGDocument is added for &lt;object&gt; and &lt;iframe&gt; for compatibility.</li> <li>SVG effects can now be applied to HTML content.  See <a class="external" href="/web-tech/2008/09/15/svg-effects-for-html-content" title="http://developer.mozilla.org/editor/fckeditor/core/editor/web-tech/2008/09/15/svg-effects-for-html-content/">this article</a> for more information.</li>
</ul>
<h4>Bug fixes</h4>
<ul> <li>id references are now live ({{ Bug("344258") }}).<span class="comment">Expand Me</span></li> <li>filters now works for foreignObject ({{ Bug("445079") }}).</li>
</ul>
<h3 name="For_XUL_and_application_developers">For XUL and application developers</h3>
<h4 name="New_features">New features</h4>
<ul> <li>The XUL <code><a class="internal" href="/en/XUL/textbox" title="En/XUL/Textbox">textbox</a></code> widget now offers a <code><a class="internal" href="/en/XUL/Attribute/textbox.type" title="En/XUL/Attribute/Textbox.type">search</a></code> type, for use as search fields ({{ Bug("388811") }}).</li> <li>Drag and drop of tabs between windows ({{ Bug("113934") }}).  This adds {{ XULMeth("swapDocShells") }} method to the <a class="internal" href="/en/XUL/browser" title="en/XUL/browser">browser</a> widget..</li> <li>The {{ XULAttr("panel.level") }} attribute of {{ XULElem("panel") }} element is used to specify whether panels appear on top of other applications or just the window the panel is contained within. ({{ Bug("451015") }}).</li> <li>Cross-site XMLHttpRequest is now supported ({{ Bug("389508") }}).</li> <li>Progress events for XMLHttpRequest ({{ Bug("435425") }}).</li> <li>Asynchronous storage statements ({{ Bug("429986") }}).</li>
</ul>
<p> </p>
<h4 name="Changes_to_interfaces">Changes to interfaces</h4>
<ul> <li>{{ Interface("mozIStorageStatement") }} had the <code>initialize()</code> method removed as per {{ Bug("434796") }}. Consumers should use the {{ Ifmethod("mozIStorageConnection", "createStatement") }} method instead to get a new statement object.</li>
</ul>
<h3 name="Notable_bugs_fixed">For theme developers</h3>
<p>Please see <a class="internal" href="/En/Theme_changes_in_Firefox_3.1" title="En/Theme changes in Firefox 3.1">Theme changes in Firefox 3.1</a>.</p>
<h3 name="Notable_bugs_fixed">Notable bugs fixed</h3>
<ul> <li>&lt;keyset&gt;s now can be removed ({{ Bug("437640") }}).</li>
</ul>
<h3 name="See_also">See also</h3>
<ul> <li>{{ mediawiki.interwiki('wikimo', 'Firefox3.1', 'Firefox 3.1 planning center') }}</li> <li><a href="/en/Firefox_3_for_developers" title="en/Firefox_3_for_developers">Firefox 3 for developers</a></li> <li><a href="/en/Firefox_2_for_developers" title="en/Firefox_2_for_developers">Firefox 2 for developers</a></li> <li><a href="/en/Firefox_1.5_for_developers" title="en/Firefox_1.5_for_developers">Firefox 1.5 for developers</a></li>
</ul>
<p>                </p>
<p>{{ languages( { "fr": "fr/Firefox_3.1_pour_les_d\u00e9veloppeurs", "ja": "ja/Firefox_3.1_for_developers", "zh-tw": "zh_tw/Firefox_3.1_技術資訊" } ) }}</p>
Revert to this revision