mozilla

Revision 518423 of Firefox 27 for developers

  • Revision slug: Mozilla/Firefox/Releases/27
  • Revision title: Firefox 27 for developers
  • Revision id: 518423
  • Created:
  • Creator: Luke314
  • Is current revision? No
  • Comment
Tags: 

Revision Content

This page is not complete
Firefox 27 hasn't reached its feature freeze yet. New features will be added to it in the near future.

{{ ReleaseChannelInfo("27", "27", "February 2014", "Beta") }}

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

Changes for Web developers

Developer Tools

  • The debugger can break on DOM events.
  • Javascript in the debugger panel can be unminified, using the { } button.
  • The inspector now has edit-element-html feature, without needing an addon.
  • Background-urls and colors have preview in inspector. Even hovering over canvas elements will give a popup with an image preview.
  • Reflow logging
  • Styles of SVG elements inspectable (Bug 921191)
  • Failure to find the image when clicking url link in CSS inspector has been fixed (Bug 921686)

Details in this post

CSS

  • The -moz-grab and -moz-grabbing keywords on the CSS {{cssxref("cursor")}} property have been unprefixed to grab and grabbing ({{bug("880672")}}).
  • Implement 'true' alignment for text-align - Bug 929991

HTML

  • The "color" value of the "input" type attribute has been implemented on Desktop platforms

JavaScript

EcmaScript 6 (Harmony) implementation continues!

  • The Harmony spread operator is now supported in Function calls ({{bug("762363")}}).
  • The mathematical function {{jsxref("Global_Objects/Math/hypot", "Math.hypot()")}} has been implemented ({{bug("896264")}}).

Interfaces/APIs/DOM

No change.

MathML

No change.

SVG

Blending with HTML fixes (Bug 902525)

Canvas

Implement canvasRenderingContext2D.get/setLineDash - Bug 768067

Changes for addon and Mozilla developers

  • The downloads-indicator button has gone away. You should now use the downloads-button element. If you need to check that it has loaded its overlay, check for the indicator attribute on that button.
  • The chrome://browser/skin/downloads/indicator.css stylesheet is no longer referenced in Firefox.

Security

  • TLS 1.2 implemented for better security (Bug 861266)

See also

Older versions

{{Firefox_for_developers('26')}}

Revision Source

<div class="overheadIndicator draft draftHeader">
 <strong>This page is not complete</strong>
 <div>
  Firefox 27 hasn't reached its feature freeze yet. New features will be added to it in the near future.</div>
</div>
<p>{{ ReleaseChannelInfo("27", "27", "February 2014", "Beta") }}</p>
<p>Want to help document Firefox 27? See the <a class="external" href="http://beta.elchi3.de/doctracker/#list=fx&amp;version=27.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="Developer_Tools">Developer Tools</h3>
<ul>
 <li>The debugger can break on DOM events.</li>
 <li>Javascript in the debugger panel can be unminified, using the { } button.</li>
 <li>The inspector now has edit-element-html feature, without needing an addon.</li>
 <li>Background-urls and colors have preview in inspector. Even hovering over canvas elements will give a popup with an image preview.</li>
 <li>Reflow logging</li>
 <li>Styles of SVG elements inspectable (Bug 921191)</li>
 <li>Failure to find the image when clicking url link in CSS inspector has been fixed (Bug 921686)</li>
</ul>
<p>Details in <a href="https://hacks.mozilla.org/2013/11/firefox-developer-tools-episode-27-edit-as-html-codemirror-more/">this post</a></p>
<h3 id="CSS">CSS</h3>
<ul>
 <li>The <code>-moz-grab</code> and <code>-moz-grabbing</code> keywords on the CSS {{cssxref("cursor")}} property have been unprefixed to <code>grab</code> and <code>grabbing</code> ({{bug("880672")}}).</li>
 <li><span id="summary_alias_container"><span id="short_desc_nonedit_display">Implement 'true' alignment for text-align -</span> </span><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=929991"><b>Bug&nbsp;929991</b></a></li>
</ul>
<h3 id="HTML">HTML</h3>
<ul>
 <li>The "color" value of the "input" type attribute has been implemented on Desktop platforms</li>
</ul>
<h3 id="JavaScript">JavaScript</h3>
<p><a href="/en-US/docs/Web/JavaScript/ECMAScript_6_support_in_Mozilla" title="/en-US/docs/Web/JavaScript/ECMAScript_6_support_in_Mozilla">EcmaScript 6</a> (Harmony) implementation continues!</p>
<ul>
 <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> is now supported in Function calls ({{bug("762363")}}).</li>
 <li>The mathematical function {{jsxref("Global_Objects/Math/hypot", "Math.hypot()")}} has been implemented ({{bug("896264")}}).</li>
</ul>
<h3 id="Interfaces.2FAPIs.2FDOM">Interfaces/APIs/DOM</h3>
<p><em>No change.</em></p>
<h3 id="MathML">MathML</h3>
<p><em>No change.</em></p>
<h3 id="SVG">SVG</h3>
<p>Blending with HTML fixes (Bug 902525)</p>
<h3 id="Canvas">Canvas</h3>
<p><span id="summary_alias_container"><span id="short_desc_nonedit_display">Implement canvasRenderingContext2D.get/setLineDash</span> </span>- <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=768067"><b>Bug&nbsp;768067</b></a></p>
<h2 id="Changes_for_addon_and_Mozilla_developers">Changes for addon and Mozilla developers</h2>
<ul>
 <li>The <code>downloads-indicator</code> button has gone away. You should now use the <code>downloads-button</code> element. If you need to check that it has loaded its overlay, check for the <code>indicator</code> attribute on that button.</li>
 <li>The <code>chrome://browser/skin/downloads/indicator.css</code> stylesheet is no longer referenced in Firefox.</li>
</ul>
<h2 id="Security">Security</h2>
<ul>
 <li>TLS 1.2 implemented for better security (Bug 861266)</li>
</ul>
<h2 id="See_also">See also</h2>
<ul>
 <li><a href="/en-US/docs/Mozilla/Firefox/Releases/27/Site_Compatibility">Site Compatibility for Firefox 27</a></li>
</ul>
<h3 id="Older_versions">Older versions</h3>
<p>{{Firefox_for_developers('26')}}</p>
Revert to this revision