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
|
---
title: Firefox 56 for developers
slug: Mozilla/Firefox/Releases/56
translation_of: Mozilla/Firefox/Releases/56
---
<div>{{FirefoxSidebar}}</div><article class="text-content" id="wikiArticle">
<p>本文介绍了一些在Firefox 56中的一些改进，这些改进会对开发者们产生影响。Firefox 56是当前Firefox的Beta版，预计在2017年9月26日正式发布。</p>
<article class="text-content" id="wikiArticle">
<h2 id="针对网页开发者们的若干改变">针对网页开发者们的若干改变</h2>
<h3 id="开发者工具">开发者工具</h3>
<ul>
<li>在CSS格检查器中显示以负号开始的行号({{bug(1369942)}}).</li>
</ul>
<h3 id="HTML">HTML</h3>
<ul>
<li>在打标签的窗体控件中采用<code>labels</code> 属性，比如 {{domxref("HTMLInputElement.labels")}} ({{bug(556743)}}).</li>
<li>实现了 <code><link rel="preload"></code>; 更详细的内容，可以参见 <a href="/en-US/docs/Web/HTML/Preloading_content">Preloading content with rel="preload"</a> ({{bug(1222633)}}). 需要注意的是，当前的Firefox只支持对可缓存的资源进行预加载。</li>
</ul>
<h3 id="CSS">CSS</h3>
<ul>
<li>实现了Mozilla自有的属性 {{cssxref("<color>")}} 值为 <code>-moz-win-accentcolor</code> 以及 <code>-moz-win-accentcolortext</code> (可以参见 {{bug(1344910)}}), 以及专用的媒体查询语句 <code><a href="/en-US/docs/Web/CSS/Media_Queries/Using_media_queries#-moz-windows-accent-color-in-titlebar">-moz-windows-accent-color-in-titlebar</a></code> (参见{{bug(1379938)}}).</li>
</ul>
<h3 id="SVG">SVG</h3>
<p><em>无修改.</em></p>
<h3 id="JavaScript">JavaScript</h3>
<ul>
<li>The <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl">Intl API</a> has been enabled on Firefox for Android ({{bug(1344625)}}).</li>
</ul>
<h3 id="APIs">APIs</h3>
<h4 id="New_APIs">New APIs</h4>
<p><em>No changes.</em></p>
<h4 id="DOM">DOM</h4>
<ul>
<li>On Mac, {{domxref("Document.hidden")}} is now true when the window is behind another non-translucent application {{bug(1236512)}}.</li>
<li>The {{domxref("Gamepad.displayId")}} property has been implemented ({{bug(1375816)}}).</li>
<li>The {{domxref("PerformanceTiming.secureConnectionStart")}} property has been implemented ({{bug(772589)}}).</li>
<li>Firefox used to accept <code>iso-2022-jp-2</code> sequences silently when an <code>iso-2022-jp</code> {{domxref("TextDecoder.TextDecoder","TextDecoder()")}} was instantiated, however this has now been removed to simplify the API, as no other browsers support it and no pages seem to use it. ({{bug(715833)}}).</li>
<li>The 4ms clamping behaviour of {{domxref("WindowOrWorkerGlobalScope.setTimeout","setTimeout()")}} and {{domxref("WindowOrWorkerGlobalScope.setInterval","setInterval()")}} has been updated to be more in line with other browsers, as described in <a href="/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout#Timeouts_throttled_to_%3E4ms">Timeouts throttled to >=4ms</a> ({{bug(1378586)}}).</li>
<li>The <a href="/en-US/docs/Web/API/Page_Visibility_API">Page Visibility API's</a> {{domxref("Document.onvisibilitychange")}} handler has been added ({{bug("1333912")}}).</li>
<li>The {{domxref("Window.showModalDialog()")}} method has been removed ({{bug(981796)}}).</li>
</ul>
<h4 id="DOM_events">DOM events</h4>
<ul>
<li>{{domxref("GlobalEventHandlers.onwheel")}} is now available on {{domxref("HTMLElement")}} — it wasn't before ({{bug(1370550)}}).</li>
</ul>
<h4 id="WebRTC">WebRTC</h4>
<ul>
<li>Firefox now supports the {{domxref("RTCPeerConnection")}} properties which let you examine the current and pending configurations of the local and remote ends of the connection, to help manage changes in configuration: {{domxref("RTCPeerConnection.currentLocalDescription", "currentLocalDescription")}}, {{domxref("RTCPeerConnection.pendingLocalDescription", "pendingLocalDescription")}}, {{domxref("RTCPeerConnection.currentRemoteDescription", "currentRemoteDescription")}}, and {{domxref("RTCPeerConnection.pendingRemoteDescription", "pendingRemoteDescription")}}.</li>
</ul>
<h4 id="Canvas_and_WebGL">Canvas and WebGL</h4>
<ul>
<li>The {{domxref("CanvasRenderingContext2D.drawImage()")}} method has been updated so that smoothing occurs when downscaling even if <code>imageSmoothingEnabled</code> is <code>false</code>. This is not mandatory as per spec, but follows Chrome's behaviour. See {{bug(1360415)}}.</li>
<li>An {{domxref("SVGImageElement")}} can now be used as a {{domxref("CanvasImageSource")}}, e.g. as the image source in a {{domxref("CanvasRenderingContext2D.drawImage","drawImage()")}} call ({{bug(1382027)}}).</li>
</ul>
<h3 id="Security">Security</h3>
<p><em>No changes.</em></p>
<h3 id="Plugins">Plugins</h3>
<p><em>No changes.</em></p>
<h3 id="Other">Other</h3>
<ul>
<li>Gecko now encodes URLs internally as <a href="https://en.wikipedia.org/wiki/Punycode">punycode</a>, to avoid URL encoding problems (see {{bug("945240")}}, also see discussion in {{bug("942074")}}).</li>
<li>Firefox on Windows and Mac OS X can now be made to run in <a href="/en-US/docs/Mozilla/Firefox/Headless_mode">headless mode</a> using the <code>-headless</code> flag (see {{bug(1355150)}} and {{bug(1355147)}}).</li>
</ul>
<h2 id="Removals_from_the_web_platform">Removals from the web platform</h2>
<h3 id="HTML_2">HTML</h3>
<ul>
<li>The {{htmlelement("isindex")}} element has been removed from the HTML parser, and from form submission ({{bug(1266495)}}).</li>
<li>The {{htmlelement("applet")}} element has been removed ({{bug(1279218)}}).</li>
</ul>
<h3 id="APIs_2">APIs</h3>
<p><em>No changes.</em></p>
<h3 id="SVG_2">SVG</h3>
<p><em>No changes.</em></p>
<h2 id="Changes_for_add-on_and_Mozilla_developers">Changes for add-on and Mozilla developers</h2>
<h3 id="WebExtensions">WebExtensions</h3>
<p><em>No changes.</em></p>
<h2 id="See_also">See also</h2>
<ul>
<li><a href="https://www.fxsitecompat.com/en-US/versions/56">Site Compatibility for Firefox 56</a></li>
</ul>
</article>
<ul>
</ul>
<h2 id="Older_versions">Older versions</h2>
<p>{{Firefox_for_developers(55)}}</p>
</article>
|
