Revision 962187 of Firefox 36 for developers

<div>
<div><span class="seoSummary">Firefox 36 was released on February 24th, 2015. This article lists key changes that are useful not only for web developers, but also Firefox and Gecko developers as well as add-on developers.</span></div>

<div>&nbsp;</div>
</div>

<h2 id="Changes_for_Web_developers">Changes for Web developers</h2>

<h3 id="Developer_Tools">Developer Tools</h3>

<p>Highlights:</p>

<ul>
 <li><a href="/en-US/docs/Tools/Debugger#Debug_eval_sources">eval sources now appear in the Debugger</a></li>
 <li><a href="/en-US/docs/Tools/Remote_Debugging/Debugging_Firefox_for_Android_with_WebIDE">Simpler process for connecting to Firefox for Android</a></li>
 <li>Box Model Highlighter works on remote targets</li>
 <li><a href="/en-US/docs/Tools/Performance#Inverting_the_call_tree">"Invert the call tree" option in the Profiler </a></li>
 <li><a href="/en-US/docs/Tools/Web_Console#Type-specific_rich_output">Inspect DOM promises in the console</a></li>
 <li><a href="/en-US/docs/Tools/Page_Inspector#Element_popup_menu_2">Extra "Paste" commands in the Inspector</a></li>
</ul>

<p><a class="external external-icon" href="https://bugzilla.mozilla.org/buglist.cgi?resolution=FIXED&amp;classification=Client%20Software&amp;chfieldto=2014-11-28&amp;chfield=resolution&amp;query_format=advanced&amp;chfieldfrom=2014-10-13&amp;chfieldvalue=FIXED&amp;bug_status=RESOLVED&amp;bug_status=VERIFIED&amp;component=Developer%20Tools&amp;component=Developer%20Tools%3A%203D%20View&amp;component=Developer%20Tools%3A%20Canvas%20Debugger&amp;component=Developer%20Tools%3A%20Console&amp;component=Developer%20Tools%3A%20Debugger&amp;component=Developer%20Tools%3A%20Framework&amp;component=Developer%20Tools%3A%20Graphic%20Commandline%20and%20Toolbar&amp;component=Developer%20Tools%3A%20Inspector&amp;component=Developer%20Tools%3A%20Memory&amp;component=Developer%20Tools%3A%20Netmonitor&amp;component=Developer%20Tools%3A%20Object%20Inspector&amp;component=Developer%20Tools%3A%20Profiler&amp;component=Developer%20Tools%3A%20Responsive%20Mode&amp;component=Developer%20Tools%3A%20Scratchpad&amp;component=Developer%20Tools%3A%20Source%20Editor&amp;component=Developer%20Tools%3A%20Storage%20Inspector&amp;component=Developer%20Tools%3A%20Style%20Editor&amp;component=Developer%20Tools%3A%20Timeline&amp;component=Developer%20Tools%3A%20User%20Stories&amp;component=Developer%20Tools%3A%20Web%20Audio%20Editor&amp;component=Developer%20Tools%3A%20WebGL%20Shader%20Editor&amp;component=Developer%20Tools%3A%20WebIDE&amp;product=Firefox&amp;list_id=11736454">All devtools bugs fixed between Firefox 35 and Firefox 36</a>.</p>

<h3 id="CSS">CSS</h3>

<ul>
 <li>The {{cssxref("will-change")}} property has been enabled by default ({{bug(961871)}}).</li>
 <li>The {{cssxref("white-space")}} property is now working on {{HTMLElement("textarea")}} HTML elements ({{bug(82711)}}).</li>
 <li>The {{cssxref("unicode-range")}} descriptor is now supported by {{cssxref("@font-face")}} ({{bug(475891)}}), but not enabled by default.</li>
 <li>The properties {{cssxref("text-decoration-color")}}, {{cssxref("text-decoration-line")}}, and {{cssxref("text-decoration-style")}} are unprefixed ({{bug(825004)}}). The prefixed version are still available for some time to ease transition ({{bug(1097922)}}).</li>
 <li>The {{cssxref("text-decoration")}} property is turned into shorthand property ({{bug(1039488)}}).</li>
 <li>The properties {{cssxref("object-fit")}} and {{cssxref("object-position")}} are now supported ({{bug(624647)}})</li>
 <li>The <code>contents</code> value of the {{cssxref("display")}} property has been experimentally implemented. It is preffed off by default ({{bug(907396)}}).</li>
 <li>In <a href="/en-US/docs/Quirks_Mode_and_Standards_Mode">Quirks mode</a>, the <a href="https://developer.mozilla.org/en-US/docs/Mozilla_Quirks_Mode_Behavior#Miscellaneous_.26_Style"><code>:active</code> and <code>:hover</code> quiver quirk</a> has been altered to be applied less often: it is now used only on links, only if there are no pseudo-element or other pseudo-class in the element and if it isn't part of a pseudo-class element ({{bug(783213)}}).</li>
 <li>The {{cssxref("isolation")}} property has been implemented ({{bug(1077872)}}).</li>
 <li>CSS {{xref_cssgradient}} now applies on the premultiplied colors, matching the spec and other browsers, and getting rid of unexpected gray colors appearing in them ({{bug(591600)}}).</li>
 <li>Interpolation hint syntax has been added to {{xref_cssgradient}} ({{bug(1074056)}}).</li>
 <li>The {{cssxref("scroll-behavior")}} property has been implemented ({{bug(1010538)}}).</li>
</ul>

<h3 id="HTML">HTML</h3>

<ul>
 <li>Support for <a href="/en-US/docs/Web/HTML/Element/meta"><code>&lt;meta name="referrer"&gt;</code></a> has been added ({{bug(704320)}}).</li>
 <li>In Firefox, {{HTMLElement("input")}} filters specified in the {{htmlattrxref("accept", "input")}} attribute will always be selected by default, unless there is a unknown value, that is an unknown mime type or badly formatted value in the {{htmlattrxref("accept", "input")}} attribute. Previously specified filters were only selected by default for <code>image/*</code>,<code>video/*</code> and <code>audio/*</code> values ({{bug(826185)}}).</li>
</ul>

<h3 id="JavaScript">JavaScript</h3>

<ul>
 <li>The <a href="/en-US/docs/Web/JavaScript/New_in_JavaScript/ECMAScript_6_support_in_Mozilla">ECMAScript 6</a> Symbol data type has been enabled by default (was available in the Nightly channel since version 33) ({{bug(1066322)}}):

  <ul>
   <li>{{jsxref("Symbol")}}</li>
   <li>{{jsxref("Symbol.for()")}}</li>
   <li>{{jsxref("Symbol.keyFor()")}}</li>
   <li>{{jsxref("Object.getOwnPropertySymbols()")}}</li>
  </ul>
 </li>
 <li>The old placeholder string <code>"@@iterator"</code> has been replaced with the real ES6 well-known symbol {{jsxref("Symbol.iterator")}} for the <a href="/en-US/docs/Web/JavaScript/Guide/iterable">iterable</a> interface property key ({{bug(918828)}}).</li>
 <li>The spec-internal abstract operation <code>ToNumber(string)</code> now supports binary (<code>0b</code>) and octal (<code>0o</code>) literals, this is a potentially breaking change from ES5 ({{bug(1079120)}}).
  <ul>
   <li><code>Number("0b11")</code> now returns <code>3</code>, not <code>NaN</code>.</li>
   <li><code>"0o11" == 9</code> now returns <code>true</code>, not <code>false</code>.</li>
  </ul>
 </li>
 <li>The <a href="/en-US/docs/Web/JavaScript/Reference/Statements/const"><code>const</code></a> declaration is now block-scoped and requires an initializer ({{bug(611388)}}). It also can not be redeclared anymore ({{bug(1095439)}}).
  <ul>
   <li><code>{const a=1}; a;</code> now throws a {{jsxref("ReferenceError")}} and does not return <code>1</code> anymore due to block-scoping.</li>
   <li><code>const a;</code> now throws a {{jsxref("SyntaxError")}} ("missing = in const declaration<code>"</code>): An initializer is required.</li>
   <li><code>const a = 1; a = 2;</code> now also throws a {{jsxref("SyntaxError")}} ("invalid assignment to const a").</li>
  </ul>
 </li>
 <li>The ES7 method {{jsxref("Array.prototype.includes")}} has been implemented, but for now, it is only enabled in Nightly builds ({{bug(1069063)}}).</li>
 <li>The <a href="/en-US/docs/Web/JavaScript/Reference/Operators/delete"><code>delete</code></a> operator now triggers the "<a href="/en-US/docs/Web/JavaScript/Reference/Statements/let#Temporal_dead_zone_and_errors_with_let">temporal dead zone</a>" when using with <a href="/en-US/docs/Web/JavaScript/Reference/Statements/let"><code>let</code></a> and <a href="/en-US/docs/Web/JavaScript/Reference/Statements/const"><code>const</code></a> ({{bug(1074571)}}).</li>
 <li>The non-standard <a href="/en-US/docs/Web/JavaScript/Reference/Statements/let#Non-standard_let_extensions"><code>let</code> blocks and <code>let</code> expressions</a> are deprecated and will now log a warning in the console. Do not use them anymore, they will be removed in the future.</li>
 <li><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/WeakMap">WeakMap</a> constructor now handles optional iterable argument ({{bug(1092537)}}).</li>
</ul>

<h3 id="InterfacesAPIsDOM">Interfaces/APIs/DOM</h3>

<ul>
 <li>The {{domxref("CanvasRenderingContext2D.resetTransform()")}} method of the Canvas API has been implemented ({{bug(1099148)}}).</li>
 <li>ECDSA is now supported in the Web Crypto API ({{bug(1034854)}}).</li>
 <li>Our experimental implementation of WebGL 2.0 is going forward!
  <ul>
   <li>The {{domxref("WebGLQuery")}} interface is available ({{bug(1048719)}}).</li>
   <li>The {{domxref("WebGL2RenderingContext.invalidateFrameBuffer()")}} method has been implemented ({{bug(1076456)}}).</li>
  </ul>
 </li>
 <li>The {{domxref("MediaDevices")}} interface, containing the {{jsxref("Promise")}}-based version of {{domxref("MediaDevices.getUserMedia()", "getUserMedia()")}}, has been added. It is available via {{domxref("Navigator.mediaDevices")}} ({{bug(1033885)}}).</li>
 <li>The EME-related {{domxref("Navigator.requestMediaKeySystemAccess()")}} method, and the related {{domxref("MediaKeySystemAccess")}}, is now supported ({{bug(1095257)}}).</li>
 <li>The {{event("keyschange")}} event is now sent when an EME-related CDM change keys in a session ({{bug(1081755)}}).</li>
 <li>Experimental support for virtual reality devices has landed behind the <code>dom.vr.enabled</code> preference, off by default ({{bug(1036604)}}).</li>
 <li>The function associated with {{domxref("RTCPeerConnection.onsignalingstatechange")}} now receives an event as parameter, as per spec ({{bug(1075133)}}).</li>
 <li>The experimental implementation of Web Animations make progress: the method {{domxref("AnimationPlayer.play()")}} and {{domxref("AnimationPlayer.pause()")}} are now supported ({{bug(1070745)}}), as well as {{domxref("AnimationPlayer.playState")}} ({{bug(1037321)}}).</li>
 <li>The non-standard {{domxref("DOMRequest")}} interface has now a {{domxref("DOMRequest.then()", "then()")}} method ({{bug(839838)}}).</li>
 <li>The CSSOM View scroll behavior controlling methods, {{domxref("Element.scroll()")}}, {{domxref("Element.scrollTo()")}}, {{domxref("Element.scrollBy()")}}, and {{domxref("Element.scrollIntoView()")}}, have been implemented or extended ({{bug(1045754)}} and {{bug(1087559)}}).</li>
 <li>Assigning to {{domxref("Element.innerHTML")}} on an {{domxref("SVGElement")}} now create elements in the SVG namespace ({{bug(886390)}}).</li>
 <li>The <a href="/en-US/Mozilla/Tech/XPCOM/Reference/Interface/nsIWebBrowserPersist#saveURI()"><code>nsIWebBrowserPersist.saveURI()</code></a> method now requires 8 arguments, in an order incompatible with previous releases.</li>
 <li>Support for Media Source Extensions (MSE) is activated by default in non-build releases (Nightly and Developer Edition only) ({{bug(1000686)}}). It keeps being preffed off on Beta and Release version.</li>
</ul>

<section id="sect13">&nbsp;</section>

<h3 id="MathML">MathML</h3>

<p><em>No change.</em></p>

<h3 id="SVG">SVG</h3>

<p><em>No change.</em></p>

<h3 id="AudioVideo">Audio/Video</h3>

<p><em>No change.</em></p>

<h2 id="Networking">Networking</h2>

<ul>
 <li>Support for SPDY/3 has been removed; support for SPDY/3.1 is still available ({{bug(1097944)}}).</li>
</ul>

<h2 id="Security">Security</h2>

<ul>
 <li>RC4 is now considered as insecure and all UI indicators will react as such; SSLv3 has been disabled by default in Firefox 34, but the UI has been changed to help the user better understand what is happening ({{bug(1093595)}}).</li>
 <li>Also, RC4 is no longer offered in the initial handshake of TLS ({{bug(1088915)}}).</li>
 <li>The <a href="/en-US/docs/Web/Security/CSP/CSP_policy_directives#form-action"><code>form-action</code></a> directive of CSP 1.1 is now supported ({{bug(529697)}}).</li>
 <li>In the preferences of Firefox, The <a href="/en-US/docs/Web/Security/Do_not_track_field_guide">Do not track </a>selection widget is again an on/off switch ({{bug(1071747)}}).</li>
</ul>

<h2 id="Changes_for_add-on_and_Mozilla_developers">Changes for add-on and Mozilla developers</h2>

<h3 id="Add-on_SDK">Add-on SDK</h3>

<h4 id="Highlights">Highlights</h4>

<ul>
 <li>The <code><a href="en-US/Add-ons/SDK/Low-Level_APIs/test_httpd">sdk/test/httpd</a></code> module was removed in <a href="/en-US/Firefox/Releases/36">Firefox 36</a>, please use the <a href="https://www.npmjs.com/package/addon-httpd">addon-httpd</a> npm module instead.</li>
 <li>Add badges to <code><a href="en-US/Add-ons/SDK/High-Level_APIs/ui">sdk/ui</a></code> buttons ({{bug(994280)}}).</li>
 <li>Implemented global <code>require</code> function to access sdk modules anywhere ({{bug(1070927)}}), using:</li>
</ul>

<pre>
var { require } = Cu.import("resource://gre/modules/commonjs/toolkit/require.js", {});</pre>

<h4 id="Details">Details</h4>

<p><a href="https://github.com/mozilla/addon-sdk/compare/firefox35...firefox36">Github commits made between Firefox 35 and Firefox 36</a>.</p>

<h3 id="JavaScript_code_modules">JavaScript code modules</h3>

<ul>
 <li><a href="https://developer.mozilla.org/en-US/docs/Mozilla/JavaScript_code_modules/PromiseUtils.jsm#resolveOrTimeout()" title="PromiseUtils.resolveOrTimeout">PromiseUtils.resolveOrTimeout</a> is implemented ({{bug(1080466)}}).</li>
 <li><a href="https://developer.mozilla.org/en-US/docs/Mozilla/JavaScript_code_modules/PromiseUtils.jsm#defer()" title="PromiseUtils.defer">PromiseUtils.defer</a> (a replacement for <a href="https://developer.mozilla.org/en-US/docs/Mozilla/JavaScript_code_modules/Promise.jsm#defer()" title="Promise.defer">Promise.defer</a>) is implemented ({{bug(1093021)}}).</li>
</ul>

<h3 id="Interfaces">Interfaces</h3>

<h4 id="nsIContentPolicy">nsIContentPolicy</h4>

<p>New constants have been added to {{interface("nsIContentPolicy")}} to allow Gecko internals and add-on code to better differentiate different types of requests. These are:</p>

<dl>
 <dt><code>TYPE_FETCH</code></dt>
 <dd>Indicates a content load request initiated by the {{domxref("GlobalFetch.fetch()")}} method.</dd>
 <dt><code>TYPE_IMAGESET</code></dt>
 <dd>Indicates a request to load an {{HTMLElement("img")}} (with the {{htmlattrxref("srcset", "img")}} attribute or {{HTMLElement("picture")}} element.</dd>
</dl>

<h3 id="XUL">XUL</h3>

<p><em>No change.</em></p>

<h3 id="Other">Other</h3>

<ul>
 <li>Firefox <code>-remote</code> <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Command_Line_Options">command line option</a> has been removed ({{bug(1080319)}}).</li>
</ul>

<h2 id="See_also">See also</h2>

<ul>
 <li><a href="https://www.fxsitecompat.com/en-US/versions/36/">Site Compatibility for Firefox 36</a></li>
</ul>

<h2 id="Older_versions">Older versions</h2>

<p>{{Firefox_for_developers('35')}}</p>