mozilla

Revision 293910 of Firefox 16 for developers

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

Revision Content

{{ draft() }}

{{ ReleaseChannelInfo("16") }}

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)

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)
  • 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)
  • You can now animate the CSS {{cssxref("height")}} and {{cssxref("width")}} properties.
  • CSS animations now support the reverse and alternate-reverse keywords, which allow reversing of animations.

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 {{cssxref("animation-direction")}} property now supports the reverse and alternate-reverse keywords, allowing animations to be reversed.
  • 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.

JavaScript

  • Support for the Number.isFinite() method has been added. (bug 761480)
  • Number objects now offer isFinite(), toInteger(), and isInteger() methods.
  • Direct proxies are now supported.
  • The spread operator has been added to Array objects.

WebGL

SVG

MathML

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") }}</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>
  <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>
</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>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>You can now animate the CSS {{cssxref("height")}} and {{cssxref("width")}} properties.</li>
  <li>CSS animations now support the reverse and alternate-reverse keywords, which allow reversing of animations.</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 {{cssxref("animation-direction")}} property now supports the <code>reverse</code> and <code>alternate-reverse</code> keywords, allowing animations to be reversed.</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>
</ul>
<h3 id="JavaScript">JavaScript</h3>
<ul>
  <li>Support for the <code>Number.isFinite()</code> method has been added. (<a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=761480">bug 761480</a>)</li>
  <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.</li>
  <li>Direct proxies are now supported.</li>
  <li>The spread operator 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.</li>
</ul>
<h3 id="WebGL">WebGL</h3>
<h3 id="SVG">SVG</h3>
<h3 id="MathML">MathML</h3>
<h3 id="Network">Network</h3>
<h3>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