Cette page détaille les fonctionnalités expérimentales ou partiellement implémentées présentes dans Firefox. Cela inclut les fonctionnalités concernées par les standards web très récents ou en cours de construction. Les informations de cette page permettent de savoir quelles versions contiennent ces fonctionnalités, si elles sont activées par défaut et lapréférence qui peut être utilisée pour les activer ou les désactiver. Cela vous permet de tester les fonctionnalités avant leur sortie « générale ».

Les nouvelles fonctionnalités sont d'abord introduites dansFirefox Nightly où elles sont activées par défaut la plupart du temps. Elles passent ensuite sur la versionFirefox Developer Edition puis enfin dans la version finale (release). Lorsqu'une fonctionnalité est activée par défaut dans une versionrelease, elle n'est plus considérée comme expérimentale et devrait être retiré de cette liste.

Les fonctionnalités expérimentales peuvent être activées ou désactivées vial'éditeur de configuration Firefox (accessible en saisissantabout:config dans la barre d'adresse de Firefox) en modifiant la ou lespréférence(s) indiquées ci-après.

HTML

L'élément <dialog>

L'élément HTML<dialog> et les API du DOM associées permettent de créer des boîtes de dialogue modales en HTML. L'implémentation actuelle manque de finesse mais permet les fonctionnalités de base. Voirle bug 840640 pour plus de détails.

Attribut global inputmode

L'implémentation de l'attribut globalinputmode a été mise à jour afin de suivre la spécification WHATWG (le bug 1509527), mais d'autres changements sont encore nécessaires (par exemple, le rendre disponible pour le contenucontenteditable), voirle bug 1205133 pour plus de détails.

Attribut inert

La propriétéHTMLElement.inert deHTMLElement est un booléen qui, lorsqu'il est présent, peut permettre au navigateur d'ignorer l'élément pour les technologies d'assistance, la recherche sur la page et la sélection de texte. Pour plus de détails sur cette fonctionnalité, voirle bug 1655722.

Disposition pour les champs input de type search

La mise en forme des élémentsinput type="search" a été mise à jour. Il y a désormais une icône qui apparaît après une saisie pour permettre d'effacer le champ. Ce comportement permet de rejoindre celui des autres navigateurs. Voirle bug 558594 pour plus de détails.

CSS

Affichage des caractères de contrôle (rectangle avec valeur hexadécimale)

Cette fonctionnalité affiche les caractères de contrôle (catégorie Unicode Cc) autres quetab (U+0009),saut de ligne (U+000A),saut de page (U+000C) etretour chariot (U+000D) sous la forme d'un rectangle avec leur valeur hexadécimale à l'intérieur lorsque ces caractères sont inattendus. Voirle bug 1099557 pour plus de détails.

Propriété initial-letter

La propriété CSSinitial-letter fait partie du module de spécificationCSS3 Inline et permet d'indiquer l'élévation (entre autres) des lettres initiales. Voirle bug 1223880 pour plus de détails.

Propriété aspect-ratio

La propriété CSSaspect-ratio est décrite dans le module de spécificationCSS4 Sizing et permet de créer des boîtes qui respectent des proportions (aspect ratio en anglais) données. Voirle bug 1639963 etle bug 1646096 pour plus de détails.

Descripteur size-adjust

Le descripteur CSS@font-face/size-adjust est décrit dans le module de spécificationCSS5 Fonts et définit un facteur de multiplication pour les contours des glyphes et les métriques associées à la police. Cela facilite l'harmonisation lorsqu'on utilise plusieurs polices qui sont affichées avec le même corps. Voirle bug 1698495 pour plus de détails.

Nombres seuls pour les proportions dans les requêtes média

Il s'agit ici de la prise en charge permettant d'utiliser un seul nombre (number) pour exprimer leratio lors de la définition d'unerequête média. Voirle bug 1565562 pour plus de détails.

Propriété backdrop-filter

La propriétébackdrop-filter permet d'appliquer des effets de filtre à la zone située derrière un élément. Voirle bug 1178765 pour plus de détails.

Grilles : disposition en maçonnerie

Cette fonctionnalité ajoute la prise en charge pourles dispositions « en maçonnerie » basées sur les grilles où un axe est organisé avec une disposition donnée et où l'autre suit une disposition de grille normale. Cela permet aux développeuses et développeurs de créer plus facilement des dispositions pour des galeries. Voirle bug 1607954 pour plus de détails.

Caractéristique média prefers-contrast

La caractéristique médiaprefers-contrast est utilisée afin de déterminer si une utilisatrice ou un utilisateur indiqué une préférence pour un contraste élevé ou non. Voirle bug 1506364 pour plus de détails.

Propriété math-style

La propriétémath-style indique si les équations MathML doivent être affichées avec une hauteur normale ou compacte. Voirle bug 1665975 pour plus de détails.

JavaScript

Méthode at() pour l'indexation relative

La méthodeat() qui permet d'utiliser une indexation relative a été ajoutée aux objetsArray,String etTypedArray. L'utilisation d'un entier positif comme argument renverra l'élément situé à cet index tandis qu'un entier négatif permettra de récupérer un élément à partir de la fin du tableau ou de la chaîne. Ainsi1 fournira le deuxième élément tandis que-1 renverra le dernier élément. VoirArray.prototype.at(),String.prototype.at() etTypedArray.prototype.at() pour plus de détails.

Champs de classe privés

Voir la pagesur les champs de classe privés pour plus d'informations.

Fonctionnalités des API Web

Graphismes : Canvas, WebGL, WebGPU

CanvasRenderingContext2D.createConicGradient()

L'interfaceCanvasRenderingContext2D rattachée à l'APICanvas fournit désormais une méthodecreateConicGradient(). Celle-ci renvoie une valeurCanvasGradient à la façon des méthodes existantes pour lesdégradés linéaires etradiaux mais pour les dégradés coniques. Voirle bug 1627014 pour plus de détails.

Interface OffscreenCanvas

L'interfaceOffscreenCanvas fournit un canevas dont le rendu est effectué en dehors de l'écran. Il est disponible dans les contextes de la fenêtre et desworkers. Voirle bug 1390089 pour plus de détails.

API Hit Regions

Déterminer si les coordonnées de la souris sont situées dans une région donnée d'un canevas est un problème courant. L'API Hit Regions permet de définir une zone du canevas et fournit d'autres outils pour exposer le contenu interactif d'un canevas aux outils d'accessibilité.

WebGPU API

Cette nouvelle API fournit une prise en charge bas niveau pour les calculs et le rendu graphique en utilisant le GPU de l'appareil.La spécification est toujours en cours d'écriture. Voirle bug 1602129 pour l'état de l'implémentation pour cette API.

API HTML DOM

Méthode setSinkId() pour HTMLMediaElement

HTMLMediaElement.setSinkId() permet de définir l'identifiant d'un « sink » d'un appareil de sortie audio sur unHTMLMediaElement ce qui permet de modifier l'endroit où l'audio sort. Voirle bug 934425 pour plus de détails.

Propriétés audioTracks et videoTracks pour HTMLMediaElement

Cette fonctionnalité ajoute les propriétésHTMLMediaElement.audioTracks etHTMLMediaElement.videoTracks aux éléments HTML qui sont des médias. Toutefois, comme Firefox ne prend actuellement pas en charge les pistes audio et vidéo multiples, les cas d'usage de ces propriétés ne fonctionnent pas et elles sont donc désactivées par défaut. Voirle bug 1057233 pour plus de détails.

DOM

ClipboardItem

L'interfaceClipboardItem, rattachée à l'APIClipboard API est désormais prise en charge etClipboard.write() accepte une série d'éléments de presse-papier (ClipboardItem) plutôt que l'implémentation précédente avec des objetsDataTransfer. Elle est disponible avec la préférencedom.events.asyncClipboard.clipboardItem qui était précédemment intituléedom.events.asyncClipboard.dataTransfer. Voirle bug 1619947 pour plus de détails.

API HTML Sanitizer

L'APIHTML Sanitizer permet aux développeuses et développeurs de prendre en entrée des chaînes de caractères HTML non sécurisées et de les nettoyer afin de pouvoir les insérer dans le DOM d'un document. Les éléments par défaut pour chaque propriété de configuration sont toujours en cours d'étude. Pour cette raison, le paramètre de configuration n'a pas été implémenté. Voirla documentation du constructeur pour plus d'informations etle bug 1673309 pour plus de détails.

Propriété autoplayPolicy pour Document

La propriétéautoplayPolicy, rattachée àdocument, renvoie une chaîne de caractères indiquant la façon dont le navigateur gère les requêtes pour la lecture automatique des médias (déclenchée avec l'utilisation de la propriétéautoplay ou via le déclenchement de la lecture depuis du code JavaScript). La spécification de cette API est en cours d'écriture. La valeur de cette propriété évolue selon les actions de l'utilisateur, leurs préférences/configurations et de l'état du navigateur. Les valeurs possibles sontallowed (la lecture automatique est possible),allowed-muted (la lecture automatique est possible mais sans audio), etdisallowed (la lecture automatique n'est pas possible). Voirle bug 1506289 pour plus de détails.

Méthodes convertPointFromNode(), convertRectFromNode(), et convertQuadFromNode() pour GeometryUtils

Les méthodesconvertPointFromNode(),convertRectFromNode(), etconvertQuadFromNode() effectuent la correspondance entre un point, un rectangle ou un quadrilatère donné et leNode depuis lequel ils sont appelés vers un autre nœud. Voirle bug 918189 pour plus de détails.

Méthode getBoxQuads() pour GeometryUtils

La méthodegetBoxQuads() pourGeometryUtils renvoie les boîtes CSS d'un objetNode relatif à un autre nœud ou à la zone d'affichage. Voirle bug 917755 pour plus de détails.

API Payment Request

Gestion de la méthode de paiement principale

L'APIPayment Request permet de gérer les paiements au sein de contenu ou d'application web. En raison d'un bug lors des tests de l'interface utilisateur, il a été décidé de suspendre la sortie de cette API tant que des discussions sont en cours sur des changements potentiels à cette API. Le travail est en cours. Voirle bug 1318984 pour plus de détails.

API Basic Card

Il s'agit d'étendre l'APIPayment Request avec des dictionnaires définissant les structures de données qui décrivent les types de cartes de paiement et les réponses de paiement. VoirBasicCardRequest etBasicCardResponse.

API Visual Viewport

L'APIVisual Viewport (qu'on peut traduire en « zone d'affichage visuelle ») donne accès à des informations décrivant la position dela zone d'affichage visuelle relative au document et à la zone de contenu de la fenêtre. Elle contient également des évènements pour surveiller les évolutions. Voirle bug 1550390 pour plus de détails. Il n'est pas prévu de fournir cette API sur la version pour ordinateur de bureau, voirle bug 1551302 si besoin.

Constructeur pour les feuilles de style

Cette fonctionnalité ajoute un constructeur pour l'interfaceCSSStyleSheet et d'autres modifications permettant de créer de nouvelles feuilles de style sans avoir à ajouter la feuille au HTML. Cela permet de créer des feuilles de style réutilisables beaucoup plus facilement afin de les utiliser avecShadow DOM. L'implémentation actuelle n'est pas encore terminée. Voirle bug 1520690 pour plus de détails.

WebRTC et média

Les fonctionnalités expérimentales qui suivent incluent celles relatives aux API suivantesWebRTC,Web Audio,Media Source Extensions,Encrypted Media Extensions, etMedia Capture and Streams.

Méthodes asynchrones pour l'ajout et le retrait sur SourceBuffer

Cette fonctionnalité ajoute les méthodesappendBufferAsync() etremoveAsync() qui fonctionnent avec des promesses et permettent d'ajouter et de retirer des tampons de source média à l'interfaceSourceBuffer. Voirle bug 1280613 etle bug 778617 pour plus d'informations.

Prise en charge du format AVIF (AV1 Image File)

Avec cette fonctionnalité, Firefox prend en charge le formatAV1 Image File (AVIF). Il s'agit d'un format d'image tirant parti des algorithmes de compression vidéo AV1 pour réduire la taille des images. Voirle bug 1443863 pour plus de détails.

Prise en charge d'AV1 pour Firefox sur Android

Cette fonctionnalité permet à Firefox sur Android d'utiliserle format AV1. Cette fonctionnalité est disponible pour les versionsnightly pour Firefox sur Android à partir de la version 81. Elle est activée par défaut.

Sécurité et confidentialité

Block plain text requests from Flash on encrypted pages

Afin d'atténuer le risque d'attaque de l'homme du milieu (MitM) pour le contenu Flash sur les pages chiffrées, une préférence a été ajoutée afin de traiterOBJECT_SUBREQUEST comme du contenu actif. Voirle bug 1190623 pour plus de détails.

Indication des pages non-sécurisées

Les deux préférences suivantes permettent d'ajouter un libellé « Non-sécurisé » dans la barre d'adresse à côté de l'icône de cadenas lorsqu'une page est chargée de façon non-sécurisée (viaHTTP plutôt qu'avecHTTPS). Voirle bug 1335970 pour plus de détails.

Mise à niveau pour les médias chargés avec une sécurité mixte

Lorsque la préférence correspondante est activée, Firefox passe les requêtes des contenus média HTTP en HTTPS pour les pages sécurisées. L'objectif est d'éviter des conditions de contenu mixte où du contenu serait chargé de façon sécurisée tandis qu'un autre contenu serait chargé de façon non-sécurisée. Si la bascule en HTTPS échoue (par exemple si l'hôte qui sert le média ne prend pas en charge HTTPS), le média n'est pas chargé. Voirle bug 1435733pour plus de détails.

Cela modifie également l'avertissement de la console : si la mise à niveau réussit, un message indiquant que la requête a été mise à niveau est affiché plutôt qu'un avertissement.

En-tête Feature-Policy

Feature-Policy est un en-tête HTTP qui permet de choisir l'activation, la désactivation ou certaines des fonctionnalités et API dans le navigateur. Cet en-tête est similaire au CSP mais permet de contrôler des fonctionnalités plutôt que des traits liés à la sécurité.

Outils de développement

Sélecteur pour le contexte d'exécution

Cette fonctionnalité affiche un bouton sur la ligne de commande de la console qui permet de changer le contexte dans lequel l'expression saisie est exécutée. Voirle bug 1605154 etle bug 1605153 pour plus de détails.

Prise en charge des gestes mobiles en vue adaptative

Les gestes à la souris peuvent être utilisés pour simuler des gestes tactiles sur mobiles comme le défilement, le zoom en pinçant, l'appui long ou l'appui double. Voirle bug 1621781,le bug 1245183, etle bug 1401304 pour plus de détails.

[1] La prise en charge pour le geste de double toucher a été ajouté avec Firefox 76. Les autres gestes ont été ajoutés avec Firefox 79.

Évènements émis par le serveur dans le moniteur réseau

Cette fonctionnalité permet au moniteur réseau d'afficher des informations surles évènements émis par le serveur. Voirle bug 1405706 pour plus de détails.

Bulles d'informations pour la compatibilité CSS des navigateurs

La vue pour les règles CSS peut afficher des bulles d'informations pour la compatibilité des navigateurs pour les propriétés qui ont des problèmes connus. Pour plus d'informations, voir :Examiner et éditer le HTML > Avertissements de compatibilité navigateur.

Interface utilisateur (UI)

Zoom (version bureau)

Cette fonctionnalité permet, pour les ordinateurs de bureau, un zoom doux avec le geste de pincement sans qu'il y ait de redessin de l'écran, à la façon des appareils mobiles. Voirle bug 1245183 etle bug 1620055 pour plus de détails.

Voir aussi

• Les notes de version pour Firefox destinées aux développeuses et développeurs
• Firefox Nightly
• Firefox Developer Edition