Novas funcionalidades no Firefox
Com intuito de testar as novas funcionalidades, a Mozilla publica uma versão de testes do navegador Firefox, Firefox Nightly, diariamente. Funcionalidades experimentais, por exemplo implementações de propostas de padrões para plataforma Web, estão disponíveis. Essa página lista funcionalidades que estão nas versões Nightly do Firefox juntamente com informações de como ativá-las, se necessário. Você pode testar seus websites e aplicações antes dessas funcionalidades serem lançadas e garantir que tudo ainda irá funcionar com os recursos mais recentes da tecnologia da Web.
Para testar essas funcionalidades experimentais, você precisa baixar o Firefox Nightly ou o Firefox Developer Edition.
CSS
| Feature | Firefox Nightly | Firefox Developer Edition | Firefox Beta | Firefox Release | Preference |
|---|---|---|---|---|---|
| Grid Layout | 40 | 40 | Disabled | Disabled | layout.css.grid.enabled |
| Subgrids | Disabled | Disabled | Disabled | Disabled | layout.css.grid-template-subgrid-value.enabled |
Logical values for clear and float CSS properties The values clear: inline-end as well as float: inline-end are making easier to create layouts that are agnostic to the text directionality. |
45 | 45 | Disabled | Disabled | 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 | Disabled | Disabled | layout.css.control-characters.enabled |
The transform-box property Controls the box the relative values of transform-origin (en-US) and transform relate too. |
41 | 41 | Disabled | Disabled | svg.transform-box.enabled |
Basic shapes in clip-path Adds the functions circle(), ellipse(), and polygon() to the set of possible values for clip-path (en-US). |
Enabled (available since 47, enabled by default since 53) | Enabled (available since 47, enabled by default since 53) | Disabled (available since 47) | Disabled (available since 47) | layout.css.clip-path-shapes.enabled |
The font-display descriptor for @font-face To improve Web fonts performance, @font-face has an experimental font-display (en-US) descriptor. |
Disabled (available since 46) | Disabled (available since 46) | Disabled (available since 46) | Disabled (available since 46) | layout.css.font-display.enabled |
Longhand properties of CSS Masks The longhand properties of CSS Masks (en-US) are only available behind a compile flag (MOZ_ENABLE_MASK_AS_SHORTHAND). |
--- | --- | --- | --- | --- |
The touch-action CSS property The touch-action CSS property is part of the Pointer Events specification, and lets the CSS specify how and in what way the user is able to manipulate an object by touch. |
50 | --- | --- | --- | layout.css.touch_action.enabled |
JavaScript
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.
| Feature | Firefox Nightly | Firefox Developer Edition | Firefox Beta | Firefox Release | Preference |
|---|---|---|---|---|---|
| Exponentiation operator (en-US) | 42 | Will ship in version 52, see bug 1291212 | Will ship in version 52, see bug 1291212 | Will ship in version 52, see bug 1291212 | None |
Additions to the ArrayBuffer object Adds the ArrayBuffer.transfer() that returns a new ArrayBuffer whose contents have been taken from the oldBuffer's data (spec). |
36 | Disabled | Disabled | Disabled | None |
| TypedObject objects (spec) | Enabled | Disabled | Disabled | Disabled | None |
| SIMD (specification and polyfill) | Enabled | Disabled | Disabled | Disabled | None |
Shared Memory objects SharedArrayBuffer (en-US) Atomics |
Enabled (available since 46) | Disabled (available since 46) | Disabled (available since 46) | Disabled (available since 46) | javascript.options.shared_memory |
APIs
Canvas & WebGL
| Feature | Firefox Nightly | Firefox Developer Edition | Firefox Beta | Firefox Release | Preference |
|---|---|---|---|---|---|
WebGL 2 The WebGL2RenderingContext (en-US) interface provides the OpenGL ES 3.0 rendering context for the drawing surface of an HTML <canvas> element. |
46 (implemented with disabled pref before 46) | Enabled in 51 | Enabled in 51 | Enabled in 51 | webgl.enable-webgl2 |
WEBGL_debug_renderer_info extension The WEBGL_debug_renderer_info (en-US) extension allows to transmit information useful to help debugging problems to the server. |
42 | 42 | Disabled | Disabled | webgl.enable-debug-renderer-info |
OffscreenCanvas The OffscreenCanvas (en-US) interface provides a canvas that can be rendered off screen. It is available in both the window and worker contexts. |
Disabled (available since 44) | Disabled (available since 44) | Disabled (available since 44) | Disabled (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. | Disabled (available since 30) | Disabled (available since 30) | Disabled (available since 30) | Disabled (available since 30) | canvas.hitregions.enabled |
DOM
| Feature | Firefox Nightly | Firefox Developer Edition | Firefox Beta | Firefox Release | Preference |
|---|---|---|---|---|---|
| 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. | Disabled | Disabled | 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 | Disabled | Disabled | Disabled | 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 HTMLMediaElement.seekToNextFrame() (en-US) 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) | Disabled | Disabled | media.seekToNextFrame.enabled |
GeometryUtils.getBoxQuads() (bug 917755) |
31 | 31 | Disabled | Disabled | layout.css.getBoxQuads.enabled |
GeometryUtils.convertPointFromNode(), GeometryUtils.RectFromNode(), and GeometryUtils.convertQuadFromNode() (bug 918189) |
31 | 31 | Disabled | Disabled | layout.css.convertFromNode.enabled |
Node.rootNode The Node.rootNode (en-US) property returns a 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 | Disabled | Disabled | dom.node.rootNode.enabled |
Performance Observer API The PerformanceObserver (en-US) interface is used to observe performance measurement events and be notified of new performance entries (en-US) as they are recorded in the browser's performance timeline. |
49 | Disabled | Disabled | Disabled | dom.enable_performance_observer |
WebVTT Regions API WebVTT (en-US) regions are parts of the video viewport that provide a rendering area for WebVTT cues. The VTTRegion (en-US) 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. |
Disabled (Experimental implementation since version 30) | Disabled | Disabled | Disabled | media.webvtt.regions.enabled |
Support for audio and video tracks Implements HTMLMediaElement.audioTracks (en-US) and 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. |
Disabled (Experimental implementation since version 33) | Disabled | Disabled | Disabled | media.track.enabled |
Better value for Event.timestamp The property Event.timestamp (en-US) is returning a DOMHighResTimeStamp (en-US), 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) | Disabled | Disabled | media.track.enabled |
| Pointer Events | 50 | Disabled | Disabled | Disabled | dom.w3c_pointer_events.enabled |
MediaDevices.ondevicechange and the devicechange event The MediaDevices.ondevicechange (en-US) event handler and corresponding devicechange event make it possible to detect and react when audio and video devices are attached to or removed from the computer. |
Disabled 51 (Mac)Enabled 52 (Mac) 52 (Windows) 52 (Linux) | Disabled 51 (Mac)Enabled 52 (Mac) 52 (Windows) 52 (Linux) | Disabled 51 (Mac)Enabled 52 (Mac) 52 (Windows) 52 (Linux) | Disabled 51 (Mac)Enabled 52 (Mac) 52 (Windows) 52 (Linux) | media.ondevicechange.enabled |
Developer Tools
| Feature | Firefox Nightly | Firefox Developer Edition | Firefox Beta | Firefox Release | Preference |
|---|---|---|---|---|---|
| Debugger rewrite in HTML | 52 | 52 | 52 | 52 | devtools.debugger.new-debugger-frontend |
| Console rewrite in HTML | 52 | Disabled | Disabled | Disabled | 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 | Disabled | Disabled | Disabled | devtools.performance.ui.experimental |