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
161
162
163
164
165
166
167
168
|
---
title: Firefox 45 для разработчиков
slug: Mozilla/Firefox/Releases/45
translation_of: Mozilla/Firefox/Releases/45
---
<div>{{FirefoxSidebar}}</div>
<p><a href="https://nightly.mozilla.org/" 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;">Установить Firefox Developer Edition</a> Firefox 45 был выпущен 8 марта 2016 года. В этой статье перечислены ключевые изменения, которые полезны не только для веб-разработчиков, но и для разработчиков Firefox и Gecko, а также для разработчиков приложений.</p>
<h2 id="Изменения_для_Веб_разработчиков">Изменения для Веб разработчиков</h2>
<h3 id="Инструменты_разработчика">Инструменты разработчика</h3>
<p><em>Без изменений.</em></p>
<h3 id="HTML">HTML</h3>
<ul>
<li>Настройки безопасности содержимого можно устанавливать прямо на html элемент {{HTMLElement("meta")}} ({{bug(663570)}}).</li>
<li>Атрибут<code> referrer</code> переименован в <code>referrerpolicy</code> в тегах {{HTMLElement("image")}}, {{HTMLElement("area")}}, {{HTMLElement("a")}}, and {{HTMLElement("iframe")}} ({{bug(1187357)}}).</li>
</ul>
<h3 id="CSS">CSS</h3>
<ul>
<li>В {{cssxref("word-spacing")}} можно указывать значения в процентах ({{bug(1038663)}}).</li>
<li>Добавлены <code>inline-start</code> <code>и inline-end</code> в {{cssxref("float")}} and {{cssxref("clear")}} ({{bug(1122918)}}). Они активированы по умолчанию в Nightly и Aurora (Dev edition), а также в Firefox OS; чтобы активировать их в текущем релизе или бете, нужно установить значение <code>layout.css.float-logical-values.enabled</code> в true (about:config).</li>
<li>Реализованы The {{cssxref("text-emphasis")}}, {{cssxref("text-emphasis-style")}}, {{cssxref("text-emphasis-color")}}, и {{cssxref("text-emphasis-position")}}; по умолчанию они недоступны, чтобы активировать их (установите значение <code>layout.css.text-emphasis.enabled</code> в true ({{bug(1040668)}}).</li>
<li>Алиас -webkit-transform related CSS properties ({{bug(1179444)}}).</li>
<li>Support -webkit-min-device-pixel-ratio in CSS media queries (nonstandard version of "min-resolution") ({{bug(1176968)}}).</li>
<li>Remove pref layout.css.ruby.enabled ({{bug(1202940)}}).</li>
<li> [css-grid][css-flexbox] Implement grid/flex layout for <fieldset> ({{bug(1230207)}}).</li>
<li>Support -webkit-box styling, as aliases for modern CSS flexbox (behind a pref) ({{bug(1208635)}}).</li>
<li>Our experimental implementation of CSS Grids has been improved:
<ul>
<li>Gutters, that is the {{cssxref("grid-column-gap")}}, {{cssxref("grid-row-gap")}}, and {{cssxref("grid-gap")}} properties are now supported ({{bug(1176792)}}).</li>
<li>The implied minimum size of grid Items, that is the special {{cssxref("min-width")}} and {{cssxref("min-height")}} <code>auto</code> behavior has been implemented ({{bug(1176775)}}).</li>
<li>Percentage lengths for grid item are now calculated correctly ({{bug(1163435)}}).</li>
<li>{{cssxref("align-self")}} and {{cssxref("justify-self")}} are now supported on grid layouts ({{bug(1151213)}}).</li>
<li>{{cssxref("align-content")}} and {{cssxref("justify-content")}} are now supported on grid layouts ({{bug(1151214)}}).</li>
<li>An empty grid now still has one explicit grid line in each axis ({{bug(1215099)}}).</li>
<li>Negative line numbers should start counting from the end of the explicit grid ({{bug(1215957)}}).</li>
<li>Make our "Implicit Named Areas" handling match the spec ({{bug(1215182)}}).</li>
<li>Tweak the implementation of Grid Placement Conflict Handling (due to a spec change) ({{bug(1211260)}}).</li>
<li>min-height is not applied to grid container ({{bug(1229165)}}).</li>
<li>Grid item with 100%-wide image ends up hugely tall ({{bug(1227285)}}).</li>
<li>Fix grid-auto-flow: dense algorithm error ({{bug(1228984)}}).</li>
<li>abs.pos. child spanning from an 'auto' start position to an end line should end on the start side of the gutter ({{bug(1230695)}}).</li>
</ul>
</li>
</ul>
<h3 id="JavaScript">JavaScript</h3>
<ul>
<li>{{jsxref("Operators/Expression_closures", "Expression closures", "", 1)}} are deprecated and will now present a warning in the console ({{bug(995610)}}).</li>
<li>{{jsxref("String.prototype.replace")}} does not restore {{jsxref("Global_Objects/RegExp/n", "RegExp static properties", "", 1)}} after executing function parameter anymore ({{bug(1226936)}}).</li>
<li>The ES2016 (ES7) {{jsxref("Object.entries()")}} and {{jsxref("Object.values()")}} methods have been implemented in non-release channels ({{bug(1208464)}}).</li>
<li>The ES2015 (ES6) block-level functions have been implemented ({{bug(1071646)}}).</li>
</ul>
<h3 id="InterfacesAPIsDOM">Interfaces/APIs/DOM</h3>
<h4 id="DOM_HTML_DOM">DOM & HTML DOM</h4>
<ul>
<li>Для улучшения совместимости реализовано нестандартное свойство <code><a href="/en-US/docs/Web/API/Node/innerText">Node.innerText</a></code> ({{bug(264412)}}).</li>
<li><img srcset> реагирует на изменения размеров/области просмотра ({{bug(1166138)}}).</li>
</ul>
<h4 id="WebGL">WebGL</h4>
<p><em>Без изменений.</em></p>
<h4 id="IndexedDB">IndexedDB</h4>
<p><em>Без изменений.</em></p>
<h4 id="Service_Workers">Service Workers</h4>
<ul>
<li>Реализованы {{domxref("Clients.get()")}} и {{domxref("FetchEvent.clientId")}} ({{bug(1222464)}}.)</li>
<li>Реализовано {{domxref("Clients.openWindow()")}} ({{bug(1172870)}}.)</li>
</ul>
<h4 id="WebRTC">WebRTC</h4>
<p><em>Без изменений.</em></p>
<h4 id="New_APIs">New APIs</h4>
<p><em>Без изменений.</em></p>
<h4 id="Разное">Разное</h4>
<ul>
<li><a href="/en-US/docs/Web/API/Web_Speech_API">Web Speech Synthesis API</a> has been implemented on Firefox Desktop ({{bug(1003439)}}).Реализован API</li>
<li>The {{domxref("Window.onstorage")}} event handler has been added.</li>
<li>The interface {{domxref("ComputedTiming")}} have been added to our experimental implmenation of <a href="/en-US/docs/Web/API/Web_Animations_API">Web Animations API</a> ({{bug(1108055)}}).</li>
</ul>
<p><em>No change.</em></p>
<h3 id="MathML">MathML</h3>
<p><em>No change.</em></p>
<h3 id="SVG">SVG</h3>
<ul>
<li>SVG stroke hit-testing is buggy when cairo is the Moz2D backend ({{bug(676001)}}).</li>
<li>Unable to interact with elements who have large transform / translate values ({{bug(1217012)}}).</li>
</ul>
<h3 id="AudioVideo">Audio/Video</h3>
<ul>
<li>Fixed: Regression (since Firefox 41) whereby audio playback was stuttering due to duration time rounding errors ({{bug(1222866)}}.)</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>
<ul>
<li>Support of the <code>child-src</code> <a href="/en-US/docs/Web/Security/CSP/CSP_policy_directives">CSP policy directive</a> has been implemented ({{bug(1045891)}}).</li>
<li>EV certificates with a validity greater than 27 months are now considered and handled as DV certificates ({{bug(1222903)}}).</li>
</ul>
<h2 id="Changes_for_add-on_and_Mozilla_developers">Changes for add-on and Mozilla developers</h2>
<h3 id="Interfaces">Interfaces</h3>
<p><em>Без изменений.</em></p>
<h3 id="XUL">XUL</h3>
<p><em>Без изменений</em></p>
<h3 id="JavaScript_code_modules">JavaScript code modules</h3>
<p><em>Без изменений</em>.</p>
<h3 id="XPCOM">XPCOM</h3>
<p><em>Без изменений.</em></p>
<h3 id="Other">Other</h3>
<ul>
<li>WebIDL constructors could be called without the <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/new"><code>new</code></a> operator in chrome context.. Now such code will raise a <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/TypeError"><code>TypeError</code></a> like in Web content since Firefox 30. For example, <code>var req = XMLHttpRequest();</code> need to be <code>var req = new XMLHttpRequest();</code>.</li>
</ul>
<h2 id="See_also">See also</h2>
<ul>
<li><a href="https://www.fxsitecompat.com/en-US/versions/45/">Site Compatibility for Firefox 45</a></li>
</ul>
<h2 id="Older_versions">Older versions</h2>
<p>{{Firefox_for_developers(44)}}</p>
|
