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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
|
---
title: Firefox 51 для разработчиков
slug: Mozilla/Firefox/Releases/51
translation_of: Mozilla/Firefox/Releases/51
---
<div>{{FirefoxSidebar}}</div><p><a style="float: right; margin-bottom: 20px; padding: 10px; text-align: center; border-radius: 4px; display: inline-block; background-color: #81BC2E; white-space: nowrap; color: white; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2), 0px -1px 0px 0px rgba(0, 0, 0, 0.3) inset;" href="https://www.mozilla.org/firefox/developer/">Установить Firefox Developer Edition</a>Firefox 51 был выпущен 24 января 2017 года.<br>
В этой статье перечислены ключевые изменения, которые полезны не только для веб-разработчиков, но и для разработчиков Firefox и Gecko, а также для разработчиков приложений.</p>
<h2 id="Изменения_для_веб-разработчиков">Изменения для веб-разработчиков</h2>
<h3 id="Инструменты_разработчика">Инструменты разработчика</h3>
<ul>
<li><a href="https://developer.mozilla.org/en-US/docs/Tools/Network_Monitor#Timings">Сетевой монитор теперь показывает состояние «Заблокировано» для сетевых запросов.</a> </li>
<li><a href="https://bugzilla.mozilla.org/buglist.cgi?list_id=13263768&resolution=FIXED&classification=Client%20Software&chfieldto=2016-09-19&query_format=advanced&chfield=resolution&chfieldfrom=2016-08-01&chfieldvalue=FIXED&bug_status=RESOLVED&bug_status=VERIFIED&component=Developer%20Tools&component=Developer%20Tools%3A%20about%3Adebugging&component=Developer%20Tools%3A%20Animation%20Inspector&component=Developer%20Tools%3A%20Canvas%20Debugger&component=Developer%20Tools%3A%20Computed%20Styles%20Inspector&component=Developer%20Tools%3A%20Console&component=Developer%20Tools%3A%20CSS%20Rules%20Inspector&component=Developer%20Tools%3A%20Debugger&component=Developer%20Tools%3A%20DOM&component=Developer%20Tools%3A%20Font%20Inspector&component=Developer%20Tools%3A%20Framework&component=Developer%20Tools%3A%20Graphic%20Commandline%20and%20Toolbar&component=Developer%20Tools%3A%20Inspector&component=Developer%20Tools%3A%20JSON%20Viewer&component=Developer%20Tools%3A%20Memory&component=Developer%20Tools%3A%20Netmonitor&component=Developer%20Tools%3A%20Object%20Inspector&component=Developer%20Tools%3A%20Performance%20Tools%20%28Profiler%2FTimeline%29&component=Developer%20Tools%3A%20Responsive%20Design%20Mode&component=Developer%20Tools%3A%20Scratchpad&component=Developer%20Tools%3A%20Shared%20Components&component=Developer%20Tools%3A%20Source%20Editor&component=Developer%20Tools%3A%20Storage%20Inspector&component=Developer%20Tools%3A%20Style%20Editor&component=Developer%20Tools%3A%20User%20Stories&component=Developer%20Tools%3A%20Web%20Audio%20Editor&component=Developer%20Tools%3A%20WebGL%20Shader%20Editor&component=Developer%20Tools%3A%20WebIDE&product=Firefox">Все ошибки devtools исправлены между Firefox 50 и Firefox 51</a></li>
</ul>
<h3 id="HTML">HTML</h3>
<p><em>No change.</em></p>
<h3 id="CSS">CSS</h3>
<ul>
<li>Implemented <code>inset()</code> value for {{cssxref("clip-path")}} behind the preference <code>layout.css.clip-path-shapes.enabled</code>, defaulting to <code>false</code> ({{bug(1246762)}}).</li>
<li>[css-grid] Implement {{cssxref("fit-content()")}} value for <track-size> ({{bug(1281320)}}).</li>
<li>[css-grid] Percentage gutters are wrong calculated on grid containers with indefinite sizes ({{bug(1279182)}}).</li>
<li>[css-grid] Reject repeat() column tracks in <grid-template> when there's a grid template area string in the row part ({{bug(1282643)}}).</li>
<li>Implemented {{cssxref(":indeterminate")}} for <input type="radio"> ({{bug(885359)}}).</li>
<li>Implemented {{cssxref(":placeholder-shown")}} pseudo-class ({{bug(1069015)}}).</li>
<li>Unprefixed {{cssxref("::placeholder")}} pseudo-element ({{bug(1069012)}}).</li>
</ul>
<h3 id="JavaScript">JavaScript</h3>
<ul>
<li>The ES2015 {{jsxref("Symbol.toStringTag")}} property has been implemented ({{bug(1114580)}}).</li>
</ul>
<h3 id="InterfacesAPIsDOM">Interfaces/APIs/DOM</h3>
<h4 id="DOM_HTML_DOM">DOM & HTML DOM</h4>
<ul>
<li>Throttling in background tabs of timers created by {{domxref("WindowTimers.setInterval", "Window.setInterval()")}} and {{domxref("WindowTimers.setTimeout", "Window.setTimeout()")}} was changed in Firefox 50 to no longer occur if a <a href="/en-US/docs/Web/API/Web_Audio_API">Web Audio API</a> {{domxref("AudioContext")}} is actively playing sound. However, this didn't resolve all scenarios in which timing-sensitive audio playback (such as music players generating individual notes using timers) could fail to work properly. For that reason, Firefox 51 no longer throttles background tabs which have an {{domxref("AudioContext")}}, even if it's not currently playing sound.</li>
</ul>
<h4 id="Canvas">Canvas</h4>
<p><em>No change.</em></p>
<h4 id="WebGL">WebGL</h4>
<p><em>No change.</em></p>
<h4 id="IndexedDB">IndexedDB</h4>
<p><em>No change.</em></p>
<h4 id="Service_Workers">Service Workers</h4>
<p><em>No change.</em></p>
<h4 id="WebRTC">WebRTC</h4>
<p><em>No change.</em></p>
<h4 id="New_APIs">New APIs</h4>
<p><em>No change.</em></p>
<h4 id="Others">Others</h4>
<p><em>No change.</em></p>
<h3 id="MathML">MathML</h3>
<p><em>No change.</em></p>
<h3 id="SVG">SVG</h3>
<ul>
<li>Added {{SVGAttr("tabindex")}} attribute ({{bug(778654)}}).</li>
<li>Added {{SVGAttr("href")}} attribute obsoleting {{SVGAttr("xlink:href")}} ({{bug(1245751)}}).</li>
</ul>
<h3 id="AudioVideo">Audio/Video</h3>
<ul>
<li>Add FLAC support (<a href="https://xiph.org/flac/index.html">FLAC codec</a>) in both FLAC and Ogg containers ({{bug(1195723)}}).</li>
<li>FLAC mimetype:
<ul>
<li><code>audio/flac</code></li>
<li><code>audio/x-flac</code></li>
</ul>
</li>
<li>FLAC in Ogg:
<ul>
<li><code>audio/ogg; codecs=flac</code></li>
<li><code>video/ogg; codecs=flac</code></li>
</ul>
</li>
</ul>
<h2 id="HTTP">HTTP</h2>
<p><em>No change.</em></p>
<h2 id="Networking">Networking</h2>
<p><em>No change.</em></p>
<h2 id="Security">Security</h2>
<p><em>No change.</em></p>
<h2 id="Changes_for_add-on_and_Mozilla_developers">Changes for add-on and Mozilla developers</h2>
<h3 id="Interfaces">Interfaces</h3>
<p><em>No change.</em></p>
<h3 id="XUL">XUL</h3>
<p><em>No change.</em></p>
<h3 id="JavaScript_code_modules">JavaScript code modules</h3>
<p><em>No change.</em></p>
<h3 id="XPCOM">XPCOM</h3>
<p><em>No change.</em></p>
<h3 id="Other">Other</h3>
<ul>
<li>The Mozilla-specific <a href="/en-US/docs/Mozilla/Projects/Social_API">Social API</a> has been substantially changed (largely to remove APIs no longer used), as follows:
<ul>
<li>The {{domxref("MozSocial")}} interface and the {{domxref("navigator.mozSocial")}} property which supports it have been removed.</li>
<li>The <a href="/en-US/docs/Mozilla/Projects/Social_API/Bookmarks">Social Bookmarks API</a> has been removed.</li>
<li>The Social chat functionality has been removed.</li>
<li>The Social Status API has been removed.</li>
<li>All of the <a href="/en-US/docs/Mozilla/Projects/Social_API/Widgets">social widgets</a>, except for the Share panel, have been removed. This includes the social sidebar, flyover panels, and so forth.</li>
<li>All supporting user interface features and functionality for the removed APIs have been removed as well.</li>
<li><a href="/en-US/docs/Mozilla/Projects/Social_API/Manifest">Social service provider manifest</a> properties supporting the removed functionality are no longer supported.</li>
</ul>
</li>
</ul>
<h2 id="See_also">See also</h2>
<ul>
<li><a href="https://www.fxsitecompat.com/en-US/versions/51">Site Compatibility for Firefox 51</a></li>
</ul>
<h2 id="Older_versions">Older versions</h2>
<p>{{Firefox_for_developers(50)}}</p>
|
