Firefox 16 for developers

  • Revision slug: Firefox_16_for_developers
  • Revision title: Firefox 16 for developers
  • Revision id: 309493
  • Created:
  • Creator: evilpie
  • Is current revision? No
  • Comment

Revision Content

{{ draft() }}

{{ ReleaseChannelInfo("16", "16", "October 2012", "Beta") }}

Want to help document Firefox 16? See the list of bugs that need to be written about and pitch in!

Changes for Web developers

HTML

  • The {{HTMLElement("meter")}} element is now supported.
  • Support for the HTML Microdata API has been added. (bug 591467)
  • {{ HTMLElement("canvas") }} now supports the CSS currentColor in all case ({{bug("629882")}})
  • {{HTMLElement("input")}} now allows filtering based on arbitrary mimetypes in accept.

CSS

  • Support for the standard, unprefixed version of CSS Animations has been landed. (bug 762302)
  • Support for reverse animation direction (keywords reverse and alternate-reverse on the {{ cssxref("animation-direction") }} property) has been added. (bug 655920)
  • You can now animate the CSS {{cssxref("height")}} and {{cssxref("width")}} properties.
  • The {{ cssxref("animation-duration") }} and {{ cssxref("transition-duration") }} CSS properties now reject negative values (and do not handle them as 0s anymore) (bug 773102)
  • Support for the standard, unprefixed version of CSS Transforms has been landed. (bug 745523)
  • Support for the standard, unprefixed version of CSS Gradients has been landed. Note that the syntax has changed significantly since the prefixed version, so you should read up on this. (bug 752187)
  • The {{ cssxref("box-sizing", "-moz-box-sizing") }} implementation has been updated to apply to table cells too. (bug 338554)
  • Support for the standard, unprefixed version of {{ cssxref("calc") }} has been landed. (bug 771678)
  • The {{ xref_cssresolution() }} CSS data type has been extended to support the dppx. (bug 741644)
  • On screen, for media queries, dppx, dpi, and dpcm are now representing values based on CSS pixels and no more with the physical units. (bug 771390)
  • Three new pseudo-classes :-moz-meter-optimum, :-moz-meter-sub-optimum, and :-moz-meter-sub-sub-optimum have been added for accessing/styling a {{HTMLElement("meter")}} element in a paraticular state. (bug 660238)
  • The {{cssxref("-moz-appearance")}} property gains two new values: meterbar and meterchunk. They represent components inside the {{HTMLElement("meter")}} element. (bug 659999)
  • The {{cssxref("min-width")}} and {{cssxref("min-height")}} now supports the auto keyword for flex items (and resolves to 0 for other items). ({{bug("763689")}})

DOM

  • Two new properties width and height have been added to the {{ domxref("HTMLInputElement") }} interface. (bug 683855)
  • IndexedDB properties and methods have been unprefixed, since IndexedDB has reached Candidate Recommendation status. (bug 726378)
  • The Battery API is now unprefixed.
  • The Vibration API has been unprefixed.
  • The {{domxref("Keyboard")}} interface, still prefixed as mozKeyboard, now has the {{domxref("Keyboard.setSelectedOption()")}} and {{domxref("Keyboard.setValue()")}} methods, as well as the {{domxref("Keyboard.onfocuschange")}} property.
  • The Window.java and Window.packages attributes have been removed. These were never documented, and hopefully you're not using them!
  • The CSSRule.type associated with {{ domxref("CSSNamespaceRule") }} has been updated from UNKNOWN_RULE (0) to NAMESPACE_RULE (10). (bug 765590)

JavaScript

WebGL

SVG

MathML

  • The lspace and rspace attributes of {{ MathMLElement("mo") }} now correctly default to thickmathspace.

Network

Developer tools

  • There's now a handy developer toolbar you can access by going to Tools > Web Developer > Developer Toolbar, or by pressing Ctrl-Shift-V (Cmd-Opt-V on Mac OS X). This toolbar offers a command line interface as well as buttons for quickly accessing useful tools. The graphical command line interface (GCLI) is easy to expand and additional commands are expected in the future. Type "help" to get a list of supported commands.
  • The Web Console now displays an error count so you can quickly see how much work you have ahead of you.
  • The Scratchpad now offers a list of recently opened files.

Changes for add-on and Mozilla developers

Interface changes

New interfaces

Removed interfaces

The following interfaces have been removed.

See also

Revision Source

<p>{{ draft() }}</p>
<p>{{ ReleaseChannelInfo("16", "16", "October 2012", "Beta") }}</p>
<p>Want to help document Firefox 16? See the <a class="external" href="http://beta.elchi3.de/doctracker/#list=fx&amp;version=16.0">list of bugs that need to be written about</a> and pitch in!</p>
<h2 id="Changes_for_Web_developers">Changes for Web developers</h2>
<h3 id="HTML">HTML</h3>
<ul>
  <li>The {{HTMLElement("meter")}} element is now supported.</li>
  <!-- looks like it's not done yet. https://bugzilla.mozilla.org/show_bug.cgi?id=555985 -->
  <li>Support for the HTML Microdata API has been added. (<a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=591467">bug 591467</a>)</li>
  <li>{{ HTMLElement("canvas") }} now supports the CSS <code>currentColor</code> in all case ({{bug("629882")}})</li>
  <li>{{HTMLElement("input")}} now allows filtering based on arbitrary mimetypes in <code>accept</code>.</li>
</ul>
<h3 id="CSS">CSS</h3>
<ul>
  <li>Support for the standard, unprefixed version of <a href="/en-US/docs/CSS/Using_CSS_animations" title="En/CSS/Using_CSS_transforms">CSS Animations</a> has been landed. (<a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=762302">bug 762302</a>)</li>
  <li>Support for reverse animation direction (keywords <code>reverse</code> and <code>alternate-reverse</code> on the {{ cssxref("animation-direction") }} property) has been added. (<a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=655920">bug 655920</a>)</li>
  <li>You can now animate the CSS {{cssxref("height")}} and {{cssxref("width")}} properties.</li>
  <li>The {{ cssxref("animation-duration") }} and {{ cssxref("transition-duration") }} CSS properties now reject negative values (and do not handle them as <code>0s</code> anymore) (<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=773102" title="https://bugzilla.mozilla.org/show_bug.cgi?id=773102">bug 773102</a>)</li>
  <li>Support for the standard, unprefixed version of <a href="/En/CSS/Using_CSS_transforms" title="En/CSS/Using_CSS_transforms">CSS Transforms</a> has been landed. (<a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=745523">bug 745523</a>)</li>
  <li>Support for the standard, unprefixed version of <a href="/en/CSS/Using_CSS_gradients" title="en/CSS/Using_CSS_gradients">CSS Gradients</a> has been landed. Note that the syntax has changed significantly since the prefixed version, so you should read up on this. (<a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=752187">bug 752187</a>)</li>
  <li>The {{ cssxref("box-sizing", "-moz-box-sizing") }} implementation has been updated to apply to table cells too. (<a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=338554">bug 338554</a>)</li>
  <li>Support for the standard, unprefixed version of {{ cssxref("calc") }} has been landed. (<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=771678" title="https://bugzilla.mozilla.org/show_bug.cgi?id=771678">bug 771678</a>)</li>
  <li>The {{ xref_cssresolution() }} CSS data type has been extended to support the <code>dppx</code>. (<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=741644" title="https://bugzilla.mozilla.org/show_bug.cgi?id=741644">bug 741644</a>)</li>
  <li>On screen, for <a href="/en-US/docs/CSS/Media_queries" title="/en-US/docs/CSS/Media_queries">media queries</a>, <code>dppx</code>, <code>dpi</code>, and <code>dpcm</code> are now representing values based on CSS pixels and no more with the physical units. (<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=771390" title="https://bugzilla.mozilla.org/show_bug.cgi?id=771390">bug 771390</a>)</li>
  <li>Three new pseudo-classes <code>:-moz-meter-optimum</code>, <code>:-moz-meter-sub-optimum</code>, and <code>:-moz-meter-sub-sub-optimum</code> have been added for accessing/styling a {{HTMLElement("meter")}} element in a paraticular state. (<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=660238" title="https://bugzilla.mozilla.org/show_bug.cgi?id=660238">bug 660238</a>)</li>
  <li>The {{cssxref("-moz-appearance")}} property gains two new values: <code>meterbar</code> and <code>meterchunk</code>. They represent components inside the {{HTMLElement("meter")}} element. (<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=659999" title="https://bugzilla.mozilla.org/show_bug.cgi?id=659999">bug 659999</a>)</li>
  <li>The {{cssxref("min-width")}} and {{cssxref("min-height")}} now supports the <code>auto</code> keyword for flex items (and resolves to <code>0</code> for other items). ({{bug("763689")}})</li>
</ul>
<h3 id="DOM">DOM</h3>
<ul>
  <li>Two new properties <code>width</code> and <code>height</code> have been added to the {{ domxref("HTMLInputElement") }} interface. (<a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=683855">bug 683855</a>)</li>
  <li>IndexedDB properties and methods have been unprefixed, since IndexedDB has reached Candidate Recommendation status. (<a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=726378">bug 726378</a>)</li>
  <li>The <a href="/en-US/docs/DOM/window.navigator.battery" title="/en-US/docs/DOM/window.navigator.battery">Battery API</a> is now unprefixed.</li>
  <li>The Vibration API has been unprefixed.</li>
  <li>The {{domxref("Keyboard")}} interface, still prefixed as <code>mozKeyboard</code>, now has the {{domxref("Keyboard.setSelectedOption()")}} and {{domxref("Keyboard.setValue()")}} methods, as well as the {{domxref("Keyboard.onfocuschange")}} property.</li>
  <li>The <code>Window.java</code> and <code>Window.packages</code> attributes have been removed. These were never documented, and hopefully you're not using them!</li>
  <li>The <code>CSSRule.type</code> associated with {{ domxref("CSSNamespaceRule") }} has been updated from <code>UNKNOWN_RULE</code> (<code>0</code>) to <code>NAMESPACE_RULE</code> (<code>10</code>). (<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=765590" title="https://bugzilla.mozilla.org/show_bug.cgi?id=765590">bug 765590</a>)</li>
</ul>
<h3 id="JavaScript">JavaScript</h3>
<ul>
  <li><a href="/en-US/docs/JavaScript/Reference/Global_Objects/Number" title="/en-US/docs/JavaScript/Reference/Global_Objects/Number"><code>Number</code></a> objects now offer <code>isFinite()</code>, <code>toInteger()</code>, and <code>isInteger()</code> methods. (<a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=761480">bug 761480</a>, <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=761495">bug 761495</a>)</li>
  <li>The Harmony <a href="http://wiki.ecmascript.org/doku.php?id=harmony:spread" title="http://wiki.ecmascript.org/doku.php?id=harmony:spread">spread operator</a> has been added to <a href="/en-US/docs/JavaScript/Reference/Global_Objects/Array" title="/en-US/docs/JavaScript/Reference/Global_Objects/Array"><code>Array</code></a> objects. (<a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=574130">bug 574130</a>)</li>
</ul>
<h3 id="WebGL">WebGL</h3>
<h3 id="SVG">SVG</h3>
<h3 id="MathML">MathML</h3>
<ul>
  <li>The <code>lspace</code> and <code>rspace</code> attributes of {{ MathMLElement("mo") }} now correctly default to <code>thickmathspace</code>.</li>
</ul>
<h3 id="Network">Network</h3>
<h3 id="Developer_tools">Developer tools</h3>
<ul>
  <li>There's now a handy developer toolbar you can access by going to Tools &gt; Web Developer &gt; Developer Toolbar, or by pressing Ctrl-Shift-V (Cmd-Opt-V on Mac OS X). This toolbar offers a command line interface as well as buttons for quickly accessing useful tools. The graphical command line interface (<a href="/en-US/docs/Tools/GCLI" title="/en-US/docs/Tools/GCLI">GCLI</a>) is easy to expand and additional commands are expected in the future. Type "help" to get a list of supported commands.</li>
  <li>The Web Console now displays an error count so you can quickly see how much work you have ahead of you.</li>
  <li>The Scratchpad now offers a list of recently opened files.</li>
</ul>
<h2 id="Changes_for_add-on_and_Mozilla_developers">Changes for add-on and Mozilla developers</h2>
<h3 id="Interface_changes">Interface changes</h3>
<h4 id="New_interfaces">New interfaces</h4>
<h4 id="Removed_interfaces">Removed interfaces</h4>
<p>The following interfaces have been removed.</p>
<h2 id="See_also">See also</h2>
<ul style="-moz-column-width: 15em">
  <li><a href="/en/Firefox_15_for_developers" title="en/Firefox_15_for_developers">Firefox 15 for developers</a></li>
  <li><a href="/en/Firefox_14_for_developers" title="en/Firefox_14_for_developers">Firefox 14 for developers</a></li>
  <li><a href="/en/Firefox_13_for_developers" title="en/Firefox_13_for_developers">Firefox 13 for developers</a></li>
  <li><a href="/en/Firefox_12_for_developers" title="en/Firefox_12_for_developers">Firefox 12 for developers</a></li>
  <li><a href="/en/Firefox_11_for_developers" title="en/Firefox_11_for_developers">Firefox 11 for developers</a></li>
  <li><a href="/en/Firefox_10_for_developers" title="en/Firefox_10_for_developers">Firefox 10 for developers</a></li>
  <li><a href="/en/Firefox_9_for_developers" title="en/Firefox_9_for_developers">Firefox 9 for developers</a></li>
  <li><a href="/en/Firefox_8_for_developers" title="en/Firefox_8_for_developers">Firefox 8 for developers</a></li>
  <li><a href="/en/Firefox_7_for_developers" title="en/Firefox_7_for_developers">Firefox 7 for developers</a></li>
  <li><a href="/en/Firefox_6_for_developers" title="en/Firefox_6_for_developers">Firefox 6 for developers</a></li>
  <li><a href="/en/Firefox_5_for_developers" title="en/Firefox_5_for_developers">Firefox 5 for developers </a></li>
  <li><a href="/en/Firefox_4_for_developers" title="en/Firefox_4_for_developers">Firefox 4 for developers </a></li>
  <li><a href="/en/Firefox_3.6_for_developers" title="en/Firefox_3.6_for_developers">Firefox 3.6 for developers </a></li>
  <li><a href="/En/Firefox_3.5_for_developers" title="En/Firefox_3.5_for_developers">Firefox 3.5 for developers</a></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>
Revert to this revision