---
title: Firefox 27 for developers
slug: Mozilla/Firefox/Releases/27
translation_of: Mozilla/Firefox/Releases/27
---
<div>{{FirefoxSidebar}}</div><h2 id="Web_开发者需要注意的变化">Web 开发者需要注意的变化</h2>
<h3 id="开发者工具">开发者工具</h3>
<ul>
 <li>可以在调试器中监控到 DOM 事件.</li>
 <li>查看器可以直接编辑元素的 html 源码, 不再需要安装额外的扩展.</li>
 <li>可以在查看器中直接预览背景图片和颜色值.</li>
 <li>可以输出 reflow 日志.</li>
</ul>
<p>更多详情, 请看<a style="line-height: 1.572;" href="https://hacks.mozilla.org/2013/11/firefox-developer-tools-episode-27-edit-as-html-codemirror-more/">这篇文章</a>.</p>
<h3 id="CSS">CSS</h3>
<ul>
 <li><code><span style="line-height: 21px;">CSS {{cssxref("cursor")}} 属性值中 </span>-moz-grab</code> 和 <code>-moz-grabbing</code> 关键字脱前缀, 成为 <code>grab</code> 和 <code>grabbing</code> ({{bug("880672")}}).</li>
</ul>
<h3 id="HTML">HTML</h3>
<ul>
 <li>桌面浏览器上实现了<code>&lt;input type = "color"&gt;</code></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) 实现了:</p>
<ul>
 <li><a href="http://wiki.ecmascript.org/doku.php?id=harmony:spread">展开运算符</a>支持在函数调用时的实参左边位置使用 ({{bug("762363")}}).</li>
 <li>实现了多个数学函数 {{jsxref("Global_Objects/Math/hypot", "Math.hypot()")}}  ({{bug("896264")}}).</li>
</ul>
<h3 id="InterfacesAPIsDOM">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><em>No change.</em></p>
<h2 id="附加组件和_Mozilla_开发者需要注意的变化">附加组件和 Mozilla 开发者需要注意的变化</h2>
<ul>
 <li><code>移除了 downloads-indicator</code>, 你应该使用 <code>downloads-button</code> 元素来代替.</li>
 <li>Firefox 不再使用 <code>chrome://browser/skin/downloads/indicator.css</code> 样式.</li>
</ul>
<h2 id="相关链接">相关链接</h2>
<ul>
 <li><a href="/en-US/docs/Mozilla/Firefox/Releases/27/Site_Compatibility">Site Compatibility for Firefox 27</a></li>
</ul>
<h3 id="更早版本">更早版本</h3>
<p>{{Firefox_for_developers('26')}}</p>