In order to test new features, Mozilla publishes a test version of the Firefox browser, Firefox Nightly, 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.
To test these experimental features, you need to download Firefox Nightly or Firefox Developer Edition.
| Функція | Firefox Nightly | Firefox Developer Edition | Firefox Бета | Firefox Release | Переваги |
|---|---|---|---|---|---|
| Date and time inputs The UI for the {{HTMLElement("input")}} date and time related input types. |
Вимкнено (available since 51) |
Вимкнено (available since 51) |
Вимкнено (available since 51) |
--- | dom.forms.datetime |
| Функція | Firefox Nightly | Firefox Developer Edition | Firefox Бета | Firefox Release | Переваги |
|---|---|---|---|---|---|
| Grid Layout | 40 | 40 | Увімкнено (available since 40, enabled by default since 52) |
Вимкнено | layout.css.grid.enabled |
| Subgrids | Вимкнено | Вимкнено | Вимкнено | Вимкнено | layout.css.grid-template-subgrid-value.enabled |
Logical values for clear and float CSS propertiesThe values {{cssxref("clear")}} : inline-start and clear: inline-end as well as {{cssxref("float")}}: inline-start and float: inline-end are making easier to create layouts that are agnostic to the text directionality. |
45 | 45 | Вимкнено | Вимкнено | layout.css.float-logical-values.enabled |
| Display stray control characters in CSS as hex boxes This feature renders control characters (Unicode category Cc) other than tab ( U+0009), line feed (U+000A), form feed (U+000C), and carriage return (U+000D) as a hexbox when they are not expected. |
43 | 43 | Вимкнено | Вимкнено | layout.css.control-characters.enabled |
The transform-box propertyControls the box the relative values of {{cssxref("transform-origin")}} and {{cssxref("transform")}} relate too. |
41 | 41 | Вимкнено | Вимкнено | svg.transform-box.enabled |
Basic shapes in clip-pathAdds the functions circle(), ellipse(), and polygon() to the set of possible values for {{cssxref("clip-path")}}. This is a part of CSS Masks Level 1. |
Увімкнено (available since 47, enabled by default since 53) |
Увімкнено (available since 47, enabled by default since 53) |
Вимкнено (available since 47) |
Вимкнено (available since 47) |
layout.css.clip-path-shapes.enabled |
| Positioned CSS Masks A subset of CSS Masks that includes longhand properties of CSS Masks, as well as a change in the shorthand property |
51 | 51 | 53 | Вимкнено (planned for 53) |
Controlled by a compile flag (MOZ_ENABLE_MASK_AS_SHORTHAND). |
The font-display descriptor for @font-faceTo improve Web fonts performance, {{cssxref("@font-face")}} has an experimental {{cssxref("@font-face/font-display", "font-display")}} descriptor. |
Вимкнено (available since 46) |
Вимкнено (available since 46) |
Вимкнено (available since 46) |
Вимкнено (available since 46) |
layout.css.font-display.enabled |
The touch-action CSS propertyThe {{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. |
50 | — | — | — | layout.css.touch_action.enabled |
|
The Firefox currently implements the |
Вимкнено (available since 53) |
— | — | — | layout.css.shape-outside.enabled |
The contain CSS propertyThe {{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. |
Вимкнено (available since 45) |
Вимкнено (available since 45) |
Вимкнено (available since 45) |
Вимкнено (available since 45) |
layout.css.contain.enabled |
See also ECMAScript Next support for implemented features of ECMAScript 2016 and later, that are not experimental and thus available without preferences in Firefox Release.
| Функція | Firefox Nightly | Firefox Developer Edition | Firefox Бета | Firefox Release | Переваги |
|---|---|---|---|---|---|
Additions to the ArrayBuffer objectAdds the {{jsxref("ArrayBuffer.transfer()")}} that returns a new ArrayBuffer whose contents have been taken from the oldBuffer's data (spec). |
36 | Вимкнено | Вимкнено | Вимкнено | None |
| TypedObject objects (spec) | Увімкнено | Вимкнено | Вимкнено | Вимкнено | None |
| SIMD (specification and polyfill) | Увімкнено | Вимкнено | Вимкнено | Вимкнено | None |
| Shared Memory objects {{jsxref("SharedArrayBuffer")}} {{jsxref("Atomics")}} |
Увімкнено (available since 46) |
Увімкнено (available since 51) |
Вимкнено (available since 46) |
Вимкнено (available since 46) |
javascript.options.shared_memory |
| Функція | Firefox Nightly | Firefox Developer Edition | Firefox Бета | Firefox Release | Переваги |
|---|---|---|---|---|---|
WEBGL_debug_renderer_info extensionThe {{domxref("WEBGL_debug_renderer_info")}} extension allows to transmit information useful to help debugging problems to the server. |
42 | 42 | Вимкнено | Вимкнено | webgl.enable-debug-renderer-info |
| OffscreenCanvas The {{domxref("OffscreenCanvas")}} interface provides a canvas that can be rendered off screen. It is available in both the window and worker contexts. |
Вимкнено (available since 44) |
Вимкнено (available since 44) |
Вимкнено (available since 44) |
Вимкнено (available since 44) |
gfx.offscreencanvas.enabled |
| Hit regions 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. |
Вимкнено (available since 30) |
Вимкнено (available since 30) |
Вимкнено (available since 30) |
Вимкнено (available since 30) |
canvas.hitregions.enabled |
| Функція | Firefox Nightly | Firefox Developer Edition | Firefox Бета | Firefox Release | Переваги |
|---|---|---|---|---|---|
| WebVR API The WebVR API allows to control and use virtual reality devices. |
46 A major update of the interface happened in version 51. |
46 A major update of the interface happened in version 51. |
Вимкнено | Вимкнено | dom.vr.enabled |
| FlyWeb FlyWeb is a project at Mozilla focused on bringing a new set of APIs to the browser for advertising and discovering local-area web servers. |
51 | Вимкнено | Вимкнено | Вимкнено | dom.flyweb.enabled |
HTMLMediaElement.seekToNextFrame()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. |
49 (Fundamental update in version 50) |
49 (Fundamental update in version 50) |
Вимкнено | Вимкнено | media.seekToNextFrame.enabled |
GeometryUtils.getBoxQuads() ({{bug(917755)}}) |
31 | 31 | Вимкнено | Вимкнено | layout.css.getBoxQuads.enabled |
GeometryUtils.convertPointFromNode(),GeometryUtils.RectFromNode(), andGeometryUtils.convertQuadFromNode()({{bug(918189)}}) |
31 | 31 | Вимкнено | Вимкнено | layout.css.convertFromNode.enabled |
Node.rootNodeThe {{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. This feature is kept experimental as its naming poses Web compatibility problems. It will be renamed in the future. |
48 | 48 | Вимкнено | Вимкнено | dom.node.rootNode.enabled |
| Performance Observer API The {{domxref("PerformanceObserver")}} interface is used to observe performance measurement events and be notified of new performance entries as they are recorded in the browser's performance timeline. |
49 | Вимкнено | Вимкнено | Вимкнено | dom.enable_performance_observer |
| WebVTT Regions API WebVTT 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. This interface is considered to be in flux and isn't therefore activated in any version by default. |
Вимкнено (Experimental implementation since version 30) |
Вимкнено | Вимкнено | Вимкнено | media.webvtt.regions.enabled |
| Support for audio and video tracks Implements {{domxref("HTMLMediaElement.audioTracks")}} and {{domxref("HTMLMediaElment.videoTracks")}}. 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. |
Вимкнено (Experimental implementation since version 33) |
Вимкнено | Вимкнено | Вимкнено | media.track.enabled |
Better value for Event.timestampThe 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. |
32 (Windows) 43 (Linux) |
32 (Windows) 43 (Linux) |
Вимкнено | Вимкнено | media.track.enabled |
| Pointer Events | 50 | Вимкнено | Вимкнено | Вимкнено | dom.w3c_pointer_events.enabled |
MediaDevices.ondevicechange and the devicechange eventThe {{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. |
Вимкнено Увімкнено |
Вимкнено Увімкнено |
Вимкнено Увімкнено |
Вимкнено Увімкнено |
media.ondevicechange.enabled |
| Intersection Observer API 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. |
Вимкнено (available since 53) |
--- | --- | --- | dom.IntersectionObserver.enabled |
| Web Animations API 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 KeyframeEffect.clone() method, which was meant to provide this functionality but was never implemented in Firefox, has been removed from the spec. |
52 | 52 | Вимкнено | Вимкнено | None |
| Функція | Firefox Nightly | Firefox Developer Edition | Firefox Бета | Firefox Release | Переваги |
|---|---|---|---|---|---|
| Debugger rewrite in HTML | 52 | 52 | Вимкнено | Вимкнено | devtools.debugger.new-debugger-frontend |
| Console rewrite in HTML | 52 | Вимкнено | Вимкнено | Вимкнено | devtools.webconsole.new-frontend-enabled |
| Responsive Design Mode rewrite in HTML 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. |
52 | 52 | 52 | 52 | devtools.responsive.html.enabled |
| Experimental Performance tool options Enables options in the UI for JIT optimizations, memory, etc. |
41 | Вимкнено | Вимкнено | Вимкнено | devtools.performance.ui.experimental |
| Layout side panel The Layout side panel allows to inspect and manage different CSS layout types like CSS Grid Layout. |
Вимкнено (available since 52) |
Вимкнено (available since 52) |
--- | --- | devtools.layoutview.enabled |