1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
|
---
title: Firefox 31 for developers
slug: Mozilla/Firefox/Releases/31
tags:
- Firefox
- Firefox 31
- Firefox for Developers
- NeedsTranslation
- TopicStub
translation_of: Mozilla/Firefox/Releases/31
---
<div>{{FirefoxSidebar}}</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="https://developer.mozilla.org/en-US/docs/Tools/Eyedropper">Eyedropper tool to select colors in web pages</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Tools/Web_Console#Error_messages">full stack traces for console error messages</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector#Box_model_view">editable Box Model View</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Tools/Web_Console#Styling_messages">%c formatting to style console messages</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Tools/Network_Monitor#Copy_as_cURL">"copy as cURL" command in Network Monitor</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/tools/Keyboard_shortcuts#Source_editor">Sublime Text keybindings in the source editor</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Tools/Network_Monitor#Network_request_list">Option to make Network Monitor logs persistent</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Tools/Web_Console#JavaScript_errors_and_warnings">JavaScript warnings on by default in the Web Console</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector#HTML_pane_2">Alt+click to expand all descendants of a node</a></li>
</ul>
<p><a class="external external-icon" href="https://bugzilla.mozilla.org/buglist.cgi?resolution=FIXED&classification=Client%20Software&chfieldto=2014-04-28&chfield=resolution&query_format=advanced&chfieldfrom=2014-03-17&chfieldvalue=FIXED&bug_status=RESOLVED&bug_status=VERIFIED&component=Developer%20Tools&component=Developer%20Tools%3A%203D%20View&component=Developer%20Tools%3A%20App%20Manager&component=Developer%20Tools%3A%20Canvas%20Debugger&component=Developer%20Tools%3A%20Console&component=Developer%20Tools%3A%20Debugger&component=Developer%20Tools%3A%20Framework&component=Developer%20Tools%3A%20Graphic%20Commandline%20and%20Toolbar&component=Developer%20Tools%3A%20Inspector&component=Developer%20Tools%3A%20Memory&component=Developer%20Tools%3A%20Netmonitor&component=Developer%20Tools%3A%20Object%20Inspector&component=Developer%20Tools%3A%20Profiler&component=Developer%20Tools%3A%20Responsive%20Mode&component=Developer%20Tools%3A%20Scratchpad&component=Developer%20Tools%3A%20Source%20Editor&component=Developer%20Tools%3A%20Style%20Editor&component=Developer%20Tools%3A%20User%20Stories&component=Developer%20Tools%3A%20WebGL%20Shader%20Editor&product=Firefox&list_id=10022921">All devtools bugs fixed between Firefox 30 and Firefox 31</a>.</p>
<h3 id="CSS">CSS</h3>
<ul>
<li>Changed <code>var-</code> prefix of CSS Variables to <code>--</code> to reflect the final spec change ({{Bug(985838)}}).</li>
<li>The {{cssxref("hyphens")}} property now support Polish hyphenation rules ({{Bug(987668)}}).</li>
<li>Removed an unwanted white space for multiple of 10,000 in Korean counter styles ({{Bug(985186)}}).</li>
<li>CSS opacity transition broken with parent pseudo :before and overflow auto ({{Bug(990340)}}).</li>
<li>The <code>::-moz-math-stretchy</code> pseudo-element has been removed ({{Bug(1000879)}}).</li>
</ul>
<h3 id="HTML">HTML</h3>
<ul>
<li>{{HTMLElement("track")}} has been implemented ({{Bug(629350)}}).</li>
</ul>
<h3 id="JavaScript">JavaScript</h3>
<p>New ECMAScript 6 features implemented:</p>
<ul>
<li>New <code>Array</code> built-in: {{jsxref("Array.prototype.fill()")}} ({{Bug(911147)}})</li>
<li>New <code>Math</code> function: {{jsxref("Math.clz32()")}} ({{Bug(925123)}})</li>
<li>New <code>String</code> built-in: {{jsxref("String.prototype.normalize()")}} is available in Firefox Desktop ({{Bug(918987)}}).</li>
<li>New <code>Object</code> method {{jsxref("Object.setPrototypeOf()")}}.</li>
<li>New <code>Number</code> constants: {{jsxref("Number.MAX_SAFE_INTEGER")}} and {{jsxref("Number.MIN_SAFE_INTEGER")}}.</li>
<li>The ES6 Proxy {{jsxref("Global_Objects/Proxy/handler/isExtensible", "isExtensible")}} trap have been implemented ({{bug(978235)}}).</li>
</ul>
<h3 id="InterfacesAPIsDOM">Interfaces/APIs/DOM</h3>
<ul>
<li>Constructor of <code>KeyboardEvent</code> has been implemented ({{Bug(930893)}}).</li>
<li>The Resource Timing API has been implemented (see {{ Bug("822480") }}).</li>
<li><code>KeyboardEvent.isComposing</code> attribute has been implemented ({{Bug(993234)}}).</li>
<li><code>InputEvent</code> interface has been implemented ({{Bug(993253)}}).</li>
<li><code>InputEvent.isComposing</code> attribute has been implemented ({{Bug(993253)}}).</li>
<li>{{domxref("CSS.escape", "CSS.escape()")}} has been implemented ({{Bug(955860)}}).</li>
<li>{{event("mousemove") }} is now cancelable like in other browsers ({{Bug(704423)}}). Calling <code>preventDefault()</code> only sets <code>defaultPrevented</code> attribute to <code>true;</code> any other behaviors are not changed. E.g., it cannot prevent to set <code>:hover</code> state.</li>
<li>The {{domxref("Path2D")}} interface has been implemented.</li>
<li>The {{domxref("CanvasRenderingContext2D.isPointInPath()")}}, {{domxref("CanvasRenderingContext2D.isPointInStroke()")}}, {{domxref("CanvasRenderingContext2D.clip()")}}, {{domxref("CanvasRenderingContext2D.fill()")}} and {{domxref("CanvasRenderingContext2D.stroke()")}} methods have been updated to optionally accept a {{domxref("Path2D")}} object.</li>
<li>Implemented {{domxref("HTMLMediaElement.fastSeek()")}}.</li>
<li>The <code>Connection</code> interface has been renamed to {{domxref("NetworkInformation")}} and has been modified to match the new specificaiton ({{bug(960426)}}).</li>
</ul>
<h3 id="MathML">MathML</h3>
<ul>
<li>Partial implementation of the <a href="http://mpeg.chiariglione.org/standards/mpeg-4/open-font-format/text-isoiec-cd-14496-22-3rd-edition">OpenType MATH table</a>, section 6.3.6 ({{Bug(407059)}}). For details, see the <a href="https://developer.mozilla.org/en-US/docs/Mozilla/MathML_Project/Fonts">fonts for Mozilla's MathML engine</a> and try the <a href="https://developer.mozilla.org/en-US/docs/Mozilla/MathML_Project/MathML_Torture_Test">MathML torture test</a> .</li>
<li>The <code>:</code><span id="summary_alias_container"><span id="short_desc_nonedit_display"><code>:-moz-math-stretchy</code> pseudo-element has been removed</span></span> ({{Bug(1000879)}}).</li>
<li><span id="summary_alias_container"><span id="short_desc_nonedit_display">When available, the Unicode Mathematical alphanumeric characters are used for bold, italic and bold-italic mathvariants</span></span> ({{Bug(930504)}}).</li>
</ul>
<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="Security">Security</h2>
<ul>
<li><a href="/en-US/docs/Xray_vision#Xrays_for_JavaScript_objects">Privileged code now gets Xray vision for <code>Date</code> instances</a>.</li>
</ul>
<h2 id="Changes_for_add-on_and_Mozilla_developers">Changes for add-on and Mozilla developers</h2>
<ul>
<li>The "<code>align</code>" attribute on the <code>urlbar-wrapper</code> (formerly on the <code>urlbar-container</code>) which was set to "<code>center</code>" since <a href="http://bonsai.mozilla.org/cvsview2.cgi?diff_mode=context&whitespace_mode=show&root=/cvsroot&subdir=mozilla/browser/base/content&command=DIFF_FRAMESET&file=browser.xul&rev2=1.10&rev1=1.9">time immemorial</a>, has been removed. This is known to affect third-party themes. You should look carefully at what the right fix is for your theme, but for maintaining the equivalent effect, you can add the following CSS rule to your theme:<br>
<code>#urlbar-wrapper {<br>
-moz-box-align: center;<br>
}</code></li>
<li><a href="/en-US/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIDOMWindowUtils#sendQueryContentEvent()"><code>nsIDOMWindowUtils.sendQueryContentEvent()</code></a> and <a href="/en-US/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIDOMWindowUtils#sendSelectionSetEvent%28%29"><code>nsIDOMWindowUtils.sendSelectionSetEvent()</code></a> have <code>aAdditionalFlags</code> as optional argument. If you called <code>nsIDOMWindowUtils.sendSelectionSetEvent()</code> with <code>true</code> for <code>aReverse</code>, the behavior would be broken by this change. See <a href="/en-US/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIDOMWindowUtils#Constants">explanation of each flag</a> (<code>QUERY_CONTENT_FLAG_*</code> and <code>SELECTION_SET_FLAG_*</code>) for the detail of <code>aAdditionalFlags</code>.</li>
</ul>
<h3 id="Add-on_SDK">Add-on SDK</h3>
<p>Highlights:</p>
<ul>
<li><a href="https://developer.mozilla.org/en-US/Add-ons/Add-on_Debugger">Add-on Debugger</a></li>
<li>Added the ability to convert <a href="https://developer.mozilla.org/en-US/Add-ons/SDK/High-Level_APIs/windows#Converting_to_DOM_windows">between high-level BrowserWindow objects and DOM windows</a>, and <a href="https://developer.mozilla.org/en-US/Add-ons/SDK/High-Level_APIs/tabs#Converting_to_XUL_tabs">between high-level Tab objects and XUL tabs</a>.</li>
<li>Updated the default theme used for panels on Mac OS X.</li>
<li>Added <a href="https://developer.mozilla.org/en-US/Add-ons/SDK/High-Level_APIs/panel#Styling_panel_content">contentStyle and contentStyleFile</a> options to panel.</li>
</ul>
<p><a class="external external-icon" href="https://github.com/mozilla/addon-sdk/compare/firefox30...firefox31">GitHub commits made between Firefox 30 and Firefox 31</a>. This will not include any uplifts made after this release entered Aurora.</p>
<p><a class="external external-icon" href="https://bugzilla.mozilla.org/buglist.cgi?resolution=FIXED&chfieldto=2014-04-29&chfield=resolution&query_format=advanced&chfieldfrom=2014-03-18&chfieldvalue=FIXED&bug_status=RESOLVED&bug_status=VERIFIED&bug_status=CLOSED&product=Add-on%20SDK&list_id=10493962">Bugs fixed between Firefox 30 and Firefox 31</a>. This will not include any uplifts made after this release entered Aurora.</p>
<h2 id="See_also">See also</h2>
<ul>
<li><a href="https://www.fxsitecompat.com/en-US/versions/31/">Site Compatibility for Firefox 31</a></li>
</ul>
<h3 id="Older_versions">Older versions</h3>
<p>{{Firefox_for_developers('30')}}</p>
|
