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
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
|
---
title: Експериментальні функції в Firefox
slug: Mozilla/Firefox/Experimental_features
translation_of: Mozilla/Firefox/Experimental_features
---
<div>{{FirefoxSidebar}}</div><p class="summary">In order to test new features, Mozilla publishes a test version of the Firefox browser, <a href="https://nightly.mozilla.org/">Firefox Nightly</a>, every day. Experimental features, for example implementations of proposed Web platform standards, are available. This page lists features that are in Nightly versions of Firefox along with information on how to activate them, if necessary. You can test your Web sites and applications before these features get released and ensure everything will still work with the latest Web technology capabilities.</p>
<p>To test these experimental features, you need to download <a href="https://nightly.mozilla.org/">Firefox Nightly</a> or <a href="https://www.mozilla.org/uk/firefox/developer/">Firefox Developer Edition</a>.</p>
<h2 id="HTML">HTML</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Функція</th>
<th scope="col">Firefox Nightly</th>
<th scope="col">Firefox Developer Edition</th>
<th scope="col">Firefox Бета</th>
<th scope="col">Firefox Release</th>
<th scope="col">Переваги</th>
</tr>
<tr>
<td><strong>Date and time inputs</strong><br>
The UI for the {{HTMLElement("input")}} <a href="/uk/docs/Web/HTML/Element/input/date">date</a> and <a href="/uk/docs/Web/HTML/Element/input/time">time</a> related input types.</td>
<td>Вимкнено<br>
<sub>(available since 51)</sub></td>
<td>Вимкнено<br>
<sub>(available since 51)</sub></td>
<td>Вимкнено<br>
<sub>(available since 51)</sub></td>
<td>---</td>
<td><code>dom.forms.datetime</code></td>
</tr>
</thead>
</table>
<h2 id="CSS">CSS</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Функція</th>
<th scope="col">Firefox Nightly</th>
<th scope="col">Firefox Developer Edition</th>
<th scope="col">Firefox Бета</th>
<th scope="col">Firefox Release</th>
<th scope="col">Переваги</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong><a href="/uk/docs/Web/CSS/CSS_Grid_Layout">Grid Layout</a></strong></td>
<td>40</td>
<td>40</td>
<td>Увімкнено<br>
<sub>(available since 40, enabled by default since 52)</sub></td>
<td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1217086">Вимкнено</a></td>
<td><code>layout.css.grid.enabled</code></td>
</tr>
<tr>
<td><strong>Subgrids</strong></td>
<td>Вимкнено</td>
<td>Вимкнено</td>
<td>Вимкнено</td>
<td>Вимкнено</td>
<td><code>layout.css.grid-template-subgrid-value.enabled</code></td>
</tr>
<tr>
<td><strong>Logical values for <code>clear</code> and <code>float</code> CSS properties</strong><br>
The values {{cssxref("clear")}}<code>:</code> <code>inline-start</code> and <code>clear:</code> <code>inline-end</code> as well as {{cssxref("float")}}<code>:</code> <code>inline-start</code> and <code>float:</code> <code>inline-end</code> are making easier to create layouts that are agnostic to the text directionality.</td>
<td>45</td>
<td>45</td>
<td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1253919">Вимкнено</a></td>
<td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1253919">Вимкнено</a></td>
<td><code>layout.css.float-logical-values.enabled</code></td>
</tr>
<tr>
<td><strong>Display stray control characters in CSS as hex boxes</strong><br>
This feature renders control characters (Unicode category Cc) other than <em>tab</em> (<code>U+0009</code>), <em>line feed</em> (<code>U+000A</code>), <em>form feed</em> (<code>U+000C</code>), and <em>carriage return</em> (<code>U+000D</code>) as a hexbox when they are not expected.</td>
<td>43</td>
<td>43</td>
<td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1329613">Вимкнено</a></td>
<td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1329613">Вимкнено</a></td>
<td><code>layout.css.control-characters.enabled</code></td>
</tr>
<tr>
<td><strong>The <code>transform-box</code> property</strong><br>
Controls the box the relative values of {{cssxref("transform-origin")}} and {{cssxref("transform")}} relate too.</td>
<td>41</td>
<td>41</td>
<td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1208550">Вимкнено</a></td>
<td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1208550">Вимкнено</a></td>
<td><code>svg.transform-box.enabled</code></td>
</tr>
<tr>
<td><strong>Basic shapes in </strong><code><strong>clip-path</strong></code><br>
Adds the functions <code>circle()</code>, <code>ellipse()</code>, and <code>polygon()</code> to the set of possible values for {{cssxref("clip-path")}}. This is a part of CSS Masks Level 1.</td>
<td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1303654">Увімкнено</a><br>
<sub>(available since 47, enabled by default since 53)</sub></td>
<td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1303654">Увімкнено</a><br>
<sub>(available since 47, enabled by default since 53)</sub></td>
<td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1247229">Вимкнено</a><br>
<sub>(available since 47)</sub></td>
<td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1247229">Вимкнено</a><br>
<sub>(available since 47)</sub></td>
<td><code>layout.css.clip-path-shapes.enabled</code></td>
</tr>
<tr>
<td><strong>Positioned CSS Masks</strong><br>
A subset of CSS Masks that includes <a href="/uk/docs/Web/CSS/CSS_Masks">longhand properties of CSS Masks</a>, as well as a change in the shorthand property</td>
<td>51</td>
<td>51</td>
<td>53</td>
<td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1251161">Вимкнено</a><br>
<sub>(planned for 53)</sub></td>
<td>Controlled by a compile flag (MOZ_ENABLE_MASK_AS_SHORTHAND).</td>
</tr>
<tr>
<td><strong>The <code>font-display</code> descriptor for <code>@font-face</code></strong><br>
To improve Web fonts performance, {{cssxref("@font-face")}} has an experimental {{cssxref("@font-face/font-display", "font-display")}} descriptor.</td>
<td>Вимкнено<br>
<sub>(available since 46)</sub></td>
<td>Вимкнено<br>
<sub>(available since 46)</sub></td>
<td>Вимкнено<br>
<sub>(available since 46)</sub></td>
<td>Вимкнено<br>
<sub>(available since 46)</sub></td>
<td><code>layout.css.font-display.enabled</code></td>
</tr>
<tr>
<td><strong>The <code>touch-action</code> CSS property</strong><br>
The {{cssxref("touch-action")}} CSS property is part of the {{SpecName("Pointer Events")}} specification and allows to specify how and in what way the user is able to manipulate an object by touch.</td>
<td>50</td>
<td>—</td>
<td>—</td>
<td>—</td>
<td><code>layout.css.touch_action.enabled</code></td>
</tr>
<tr>
<td>
<p><strong id="shape-outside">The <code>shape-outside</code> CSS property</strong><br>
The {{cssxref("shape-outside")}} CSS property is part of the {{SpecName("CSS Shapes")}} specification and allows to specify a float area causing inline contents to wrap around a shape.</p>
<p>Firefox currently implements the <code><shape-box></code> values ({{bug(1309467)}}) as well as the <code>circle()</code> ({{bug(1311244)}}) and <code>ellipse()</code> ({{bug(1326406)}}) functions.</p>
</td>
<td>Вимкнено<br>
<sub>(available since 53)</sub></td>
<td>—</td>
<td>—</td>
<td>—</td>
<td><code>layout.css.shape-outside.enabled</code></td>
</tr>
<tr>
<td><strong>The <code>contain</code> CSS property</strong><br>
The {{cssxref("contain")}} CSS property is part of the {{SpecName("CSS Containment")}} specification and allows to indicate that an element and its contents are independent of the rest of the document tree, allowing {{Glossary("User agent", "user agents")}} to optimize the rendering of a page.</td>
<td>Вимкнено<br>
<sub>(available since 45)</sub></td>
<td>Вимкнено<br>
<sub>(available since 45)</sub></td>
<td>Вимкнено<br>
<sub>(available since 45)</sub></td>
<td>Вимкнено<br>
<sub>(available since 45)</sub></td>
<td><code>layout.css.contain.enabled</code></td>
</tr>
</tbody>
</table>
<h2 id="JavaScript">JavaScript</h2>
<p id="ECMAScript_2016">See also <a href="/uk/docs/Web/JavaScript/New_in_JavaScript/ECMAScript_Next_support_in_Mozilla">ECMAScript Next support</a> for implemented features of ECMAScript 2016 and later, that are not experimental and thus available without preferences in Firefox Release.</p>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Функція</th>
<th scope="col">Firefox Nightly</th>
<th scope="col">Firefox Developer Edition</th>
<th scope="col">Firefox Бета</th>
<th scope="col">Firefox Release</th>
<th scope="col">Переваги</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Additions to the <code>ArrayBuffer</code> object</strong><br>
Adds the {{jsxref("ArrayBuffer.transfer()")}} that returns a new <code>ArrayBuffer</code> whose contents have been taken from the <code>oldBuffer</code>'s data (<a href="https://gist.github.com/lukewagner/2735af7eea411e18cf20">spec</a>).</td>
<td>36</td>
<td>Вимкнено</td>
<td>Вимкнено</td>
<td>Вимкнено</td>
<td>None</td>
</tr>
<tr>
<td><strong>TypedObject objects</strong> (<a href="https://github.com/dslomov-chromium/typed-objects-es7">spec</a>)</td>
<td>Увімкнено</td>
<td>Вимкнено</td>
<td>Вимкнено</td>
<td>Вимкнено</td>
<td>None</td>
</tr>
<tr>
<td><a href="/uk/docs/Web/JavaScript/Reference/Global_Objects/SIMD">SIMD</a> (<a href="https://github.com/johnmccutchan/ecmascript_simd">specification and polyfill</a>)</td>
<td>Увімкнено</td>
<td>Вимкнено</td>
<td>Вимкнено</td>
<td>Вимкнено</td>
<td>None</td>
</tr>
<tr>
<td><strong>Shared Memory objects</strong><br>
{{jsxref("SharedArrayBuffer")}}<br>
{{jsxref("Atomics")}}</td>
<td>Увімкнено<br>
<sub>(available since 46)</sub></td>
<td>Увімкнено<br>
<sub>(available since 51)</sub></td>
<td>Вимкнено<br>
<sub>(available since 46)</sub></td>
<td>Вимкнено<br>
<sub>(available since 46)</sub></td>
<td><code>javascript.options.shared_memory</code></td>
</tr>
</tbody>
</table>
<h2 id="APIs">APIs</h2>
<h3 id="Canvas_WebGL">Canvas & WebGL</h3>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Функція</th>
<th scope="col">Firefox Nightly</th>
<th scope="col">Firefox Developer Edition</th>
<th scope="col">Firefox Бета</th>
<th scope="col">Firefox Release</th>
<th scope="col">Переваги</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong><code>WEBGL_debug_renderer_info</code> extension</strong><br>
The {{domxref("WEBGL_debug_renderer_info")}} extension allows to transmit information useful to help debugging problems to the server.</td>
<td>42</td>
<td>42</td>
<td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=742798">Вимкнено</a></td>
<td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=742798">Вимкнено</a></td>
<td><code>webgl.enable-debug-renderer-info</code></td>
</tr>
<tr>
<td><strong>OffscreenCanvas</strong><br>
The {{domxref("OffscreenCanvas")}} interface provides a canvas that can be rendered off screen. It is available in both the window and <a href="/uk/docs/Web/API/Web_Workers_API">worker</a> contexts.</td>
<td>Вимкнено<br>
<sub>(available since 44)</sub></td>
<td>Вимкнено<br>
<sub>(available since 44)</sub></td>
<td>Вимкнено<br>
<sub>(available since 44)</sub></td>
<td>Вимкнено<br>
<sub>(available since 44)</sub></td>
<td><code>gfx.offscreencanvas.enabled</code></td>
</tr>
<tr>
<td><strong><a href="/uk/docs/Web/API/Canvas_API/Tutorial/Hit_regions_and_accessibility">Hit regions</a></strong><br>
Whether the mouse coordinates are within a particular area on the canvas, is a common problem to solve. The hit region API allows you define an area of your canvas and provides another possibility to expose interactive content on a canvas to accessibility tools.</td>
<td>Вимкнено<br>
<sub>(available since 30)</sub></td>
<td>Вимкнено<br>
<sub>(available since 30)</sub></td>
<td>Вимкнено<br>
<sub>(available since 30)</sub></td>
<td>Вимкнено<br>
<sub>(available since 30)</sub></td>
<td><code>canvas.hitregions.enabled</code></td>
</tr>
</tbody>
</table>
<h3 id="DOM"> DOM</h3>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Функція</th>
<th scope="col">Firefox Nightly</th>
<th scope="col">Firefox Developer Edition</th>
<th scope="col">Firefox Бета</th>
<th scope="col">Firefox Release</th>
<th scope="col">Переваги</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>WebVR API</strong><br>
The <a href="/uk/docs/Web/API/WebVR_API">WebVR API</a> allows to control and use virtual reality devices.</td>
<td>46<br>
<sub>A major update of the interface happened in version 51.</sub></td>
<td>46<br>
<sub>A major update of the interface happened in version 51.</sub></td>
<td>Вимкнено</td>
<td>Вимкнено</td>
<td><code>dom.vr.enabled</code></td>
</tr>
<tr>
<td><strong>FlyWeb</strong><br>
<a href="https://flyweb.github.io/">FlyWeb</a> is a project at Mozilla focused on bringing a new set of APIs to the browser for advertising and discovering local-area web servers.</td>
<td>51</td>
<td>Вимкнено</td>
<td>Вимкнено</td>
<td>Вимкнено</td>
<td><code>dom.flyweb.enabled</code></td>
</tr>
<tr>
<td><code><strong>HTMLMediaElement.seekToNextFrame()</strong></code><br>
Part of an experimentation process around support non-real-time access to media for tasks including filtering, editing, and so forth, the {{domxref("HTMLMediaElement.seekToNextFrame()")}} advances the the current play position to the next frame in the media.</td>
<td>49<br>
<sub>(Fundamental update in version 50)</sub></td>
<td>49<br>
<sub>(Fundamental update in version 50)</sub></td>
<td>Вимкнено</td>
<td>Вимкнено</td>
<td><code>media.seekToNextFrame.enabled</code></td>
</tr>
<tr>
<td><strong><code>GeometryUtils.getBoxQuads()</code></strong> ({{bug(917755)}})</td>
<td>31</td>
<td>31</td>
<td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1107559">Вимкнено</a></td>
<td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1107559">Вимкнено</a></td>
<td><code>layout.css.getBoxQuads.enabled</code></td>
</tr>
<tr>
<td><strong><code>GeometryUtils.convertPointFromNode()</code></strong>,<br>
<strong><code>GeometryUtils.RectFromNode()</code></strong>, and<br>
<code><strong>GeometryUtils.convertQuadFromNode()</strong></code><br>
({{bug(918189)}})</td>
<td>31</td>
<td>31</td>
<td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1107559">Вимкнено</a></td>
<td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1107559">Вимкнено</a></td>
<td><code>layout.css.convertFromNode.enabled</code></td>
</tr>
<tr>
<td><strong><code>Node.rootNode</code></strong><br>
The {{domxref("Node.rootNode")}} property returns a {{domxref("Node")}} object representing the topmost node in the tree, or the current node if it's the topmost node in the tree.<br>
<em>This feature is kept experimental as its naming poses Web compatibility problems. It will be renamed in the future.</em></td>
<td>48</td>
<td>48</td>
<td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1269155">Вимкнено</a></td>
<td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1269155">Вимкнено</a></td>
<td><code>dom.node.rootNode.enabled</code></td>
</tr>
<tr>
<td><strong>Performance Observer API</strong><br>
The {{domxref("PerformanceObserver")}} interface is used to <em>observe</em> performance measurement events and be notified of new <a href="/uk/docs/Web/API/PerformanceEntry" title="The PerformanceEntry object encapsulates a single performance metric that is part of the performance timeline. A performance entry can be directly created by making a performance mark or measure (for example by calling the mark() method) at an explicit point in an application. Performance entries are also created in indirect ways such as loading a resource (such as an image).">performance entries</a> as they are recorded in the browser's <em>performance timeline</em>.</td>
<td>49</td>
<td>Вимкнено</td>
<td>Вимкнено</td>
<td>Вимкнено</td>
<td><code>dom.enable_performance_observer</code></td>
</tr>
<tr>
<td><strong>WebVTT Regions API</strong><br>
<a href="/uk/docs/Web/API/Web_Video_Text_Tracks_Format">WebVTT</a> regions are parts of the video viewport that provide a rendering area for WebVTT cues. The {{domxref("VTTRegion")}} is the interface exposing the WebVTT cues.<br>
<em>This interface is considered to be in flux and isn't therefore activated in any version by default.</em></td>
<td>Вимкнено<br>
<sub>(Experimental implementation since version 30)</sub></td>
<td>Вимкнено</td>
<td>Вимкнено</td>
<td>Вимкнено</td>
<td><code>media.webvtt.regions.enabled</code></td>
</tr>
<tr>
<td><strong>Support for audio and video tracks</strong><br>
Implements {{domxref("HTMLMediaElement.audioTracks")}} and {{domxref("HTMLMediaElment.videoTracks")}}.<br>
<em>Firefox doesn't support multiple audio or video tracks, preventing the most common use cases for these properties to work properly. That's why these properties are not activated by default in any version.</em></td>
<td>Вимкнено<br>
<sub>(Experimental implementation since version 33)</sub></td>
<td>Вимкнено</td>
<td>Вимкнено</td>
<td>Вимкнено</td>
<td><code>media.track.enabled</code></td>
</tr>
<tr>
<td><strong>Better value for <code>Event.timestamp</code></strong><br>
The property {{domxref("Event.timestamp")}} is returning a {{domxref("DOMHighResTimeStamp")}}, but the value is not the time since but since the reboot. This change allow for returning a timestamp relative to the Unix epoch.</td>
<td>32 (Windows)<br>
43 (Linux)</td>
<td>32 (Windows)<br>
43 (Linux)</td>
<td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1026804">Вимкнено</a></td>
<td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1026804">Вимкнено</a></td>
<td><code>media.track.enabled</code></td>
</tr>
<tr>
<td><strong>Pointer Events</strong></td>
<td>50</td>
<td>Вимкнено</td>
<td>Вимкнено</td>
<td>Вимкнено</td>
<td><code>dom.w3c_pointer_events.enabled</code></td>
</tr>
<tr>
<td><strong><code>MediaDevices.ondevicechange</code> and the <code>devicechange</code> event</strong><br>
The {{domxref("MediaDevices.ondevicechange")}} event handler and corresponding {{event("devicechange")}} event make it possible to detect and react when audio and video devices are attached to or removed from the computer.</td>
<td>
<p><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1308115">Вимкнено</a><br>
51 (Mac)</p>
<p>Увімкнено<br>
52 (Mac)<br>
52 (Windows)<br>
52 (Linux)</p>
</td>
<td>
<p><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1308115">Вимкнено</a><br>
51 (Mac)</p>
<p>Увімкнено<br>
52 (Mac)<br>
52 (Windows)<br>
52 (Linux)</p>
</td>
<td>
<p><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1308115">Вимкнено</a><br>
51 (Mac)</p>
<p>Увімкнено<br>
52 (Mac)<br>
52 (Windows)<br>
52 (Linux)</p>
</td>
<td>
<p><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1308115">Вимкнено</a><br>
51 (Mac)</p>
<p>Увімкнено<br>
52 (Mac)<br>
52 (Windows)<br>
52 (Linux)</p>
</td>
<td><code>media.ondevicechange.enabled</code></td>
</tr>
<tr>
<td><strong>Intersection Observer API</strong><br>
The {{domxref("Intersection Observer API")}} allows you to configure a callback that is called whenever one item, called a target, intersects either the device viewport or a specified element called.</td>
<td>Вимкнено<br>
<sub>(available since 53)</sub></td>
<td>---</td>
<td>---</td>
<td>---</td>
<td><code>dom.IntersectionObserver.enabled</code></td>
</tr>
<tr>
<td><strong><a href="/uk/docs/Web/API/Web_Animations_API">Web Animations API</a></strong><br>
The {{domxref("KeyframeEffectReadOnly.KeyframeEffectReadOnly()")}} and {{domxref("KeyframeEffect.KeyframeEffect()")}} constructors can be used to clone existing {{domxref("KeyframeEffectReadOnly")}} object instances by being given the object to clone as their only parameter (see {{bug(1273784)}}.) The <code>KeyframeEffect.clone()</code> method, which was meant to provide this functionality but was never implemented in Firefox, has been removed from the spec.</td>
<td>52</td>
<td>52</td>
<td>Вимкнено</td>
<td>Вимкнено</td>
<td>None</td>
</tr>
</tbody>
</table>
<h2 id="Developer_Tools">Developer Tools</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Функція</th>
<th scope="col">Firefox Nightly</th>
<th scope="col">Firefox Developer Edition</th>
<th scope="col">Firefox Бета</th>
<th scope="col">Firefox Release</th>
<th scope="col">Переваги</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Debugger rewrite in HTML</strong></td>
<td>52</td>
<td>52</td>
<td>Вимкнено</td>
<td>Вимкнено</td>
<td><code>devtools.debugger.new-debugger-frontend</code></td>
</tr>
<tr>
<td><strong>Console rewrite in HTML</strong></td>
<td>52</td>
<td>Вимкнено</td>
<td>Вимкнено</td>
<td>Вимкнено</td>
<td><code>devtools.webconsole.new-frontend-enabled</code></td>
</tr>
<tr>
<td><strong>Responsive Design Mode rewrite in HTML</strong><br>
A rewrite of Responsive Design Mode using HTML adds new features like a device selector (applies size, UA, dPR), UI redesign, and there's more still to come.</td>
<td>52</td>
<td>52</td>
<td>52</td>
<td>52</td>
<td><code>devtools.responsive.html.enabled</code></td>
</tr>
<tr>
<td><strong>Experimental Performance tool options</strong><br>
Enables options in the UI for JIT optimizations, memory, etc.</td>
<td>41</td>
<td>Вимкнено</td>
<td>Вимкнено</td>
<td>Вимкнено</td>
<td><code>devtools.performance.ui.experimental</code></td>
</tr>
<tr>
<td><strong>Layout side panel</strong><br>
The Layout side panel allows to inspect and manage different CSS layout types like <a href="/uk/docs/Web/CSS/CSS_Grid_Layout">CSS Grid Layout</a>.</td>
<td>Вимкнено<br>
<sub>(available since 52)</sub></td>
<td>Вимкнено<br>
<sub>(available since 52)</sub></td>
<td>---</td>
<td>---</td>
<td><code>devtools.layoutview.enabled</code></td>
</tr>
</tbody>
</table>
<h2 id="See_also">See also</h2>
<ul>
<li><a href="/uk/docs/Mozilla/Firefox/Releases">Firefox developer release notes</a></li>
<li><a href="https://nightly.mozilla.org/">Firefox Nightly</a></li>
<li><a href="https://www.mozilla.org/uk/firefox/developer/">Firefox Developer Edition</a></li>
</ul>
|
