Firefox 155 note de version pour les développeurs

Changements pour les développeur·euse·s web

Outils de développement

• Les boutons d'émulation des fonctionnalités média dans la vue Règles ^(angl.) sont désormais regroupés dans un panneau d'émulation dédié, qui s'ouvre en utilisant le bouton @. Le panneau ajoute également l'émulation de la fonctionnalité média prefers-reduced-motion. (bogue Firefox 1692434 ^(angl.) et bogue Firefox 1477920 ^(angl.)).
• L'observateur JSON ^(angl.) ouvre désormais les documents JSON Lines ^(angl.) (NDJSON), qui sont servis en tant que application/jsonlines, application/x-ndjson ou text/jsonl, ou qui ont une extension de fichier .jsonl. Chaque ligne est analysée séparément dans sa propre entrée repliable, étiquetée avec le numéro de ligne dont elle provient, et une ligne qui échoue à être analysée est signalée en incise sans affecter le reste du document. (bogue Firefox 2055774 ^(angl.), bogue Firefox 2060972 ^(angl.) et bogue Firefox 2060529 ^(angl.)).
• Un raccourci clavier a été ajouté pour désactiver les points d'arrêt dans le Débogueur. (bogue Firefox 1642578 ^(angl.)).

HTML

Pas de changements notables.

CSS

• La fonction CSS attr() peut désormais être utilisée dans n'importe quelle propriété CSS, et pas seulement dans content. Cela permet de piloter le style à partir des attributs HTML, par exemple width: attr(data-size px), sans utiliser JavaScript. Les valeurs <attr-type> (y compris les identificateurs d'unités tels que px et s), les valeurs de repli et les attributs avec espace de noms sont désormais pris en charge. Vous pouvez également utiliser attr() dans les requêtes de style de conteneur. (bogue Firefox 2038940 ^(angl.)).
• La fonction CSS progress() est désormais prise en charge. Elle retourne un nombre (<number>) représentant l'avancement d'une valeur entre une valeur de départ et une valeur de fin. Le résultat peut ensuite être utilisé pour calculer d'autres valeurs, par exemple opacity: calc(0.4 + progress(100cqw, 300px, 900px) * 0.6). (bogue Firefox 2047345 ^(angl.)).
• La fonction CSS alpha() est désormais prise en charge. Elle permet de passer une couleur et d'obtenir la couleur avec une valeur alpha (transparence) différente, en laissant les autres composants de la couleur inchangés. À l'intérieur de la fonction, vous pouvez utiliser le mot-clé alpha pour faire référence au canal alpha de la couleur d'origine, par exemple alpha(from var(--brand) / calc(alpha * 0.5)). (bogue Firefox 2059738 ^(angl.) et bogue Firefox 2059988 ^(angl.)).
• La propriété CSS font-width est désormais prise en charge, ainsi que le descripteur font-width de @font-face et la propriété CSSStyleDeclaration.fontWidth. Il s'agit du nouveau nom de la propriété font-stretch, qui continue de fonctionner comme alias hérité. Notez que l'énumération des styles calculés retourne désormais font-width plutôt que font-stretch. (bogue Firefox 1911075 ^(angl.)).

JavaScript

• Les méthodes statiques Promise.allKeyed() et Promise.allSettledKeyed() sont désormais prises en charge, comme défini dans la proposition du dictionnaire TC39 await ^(angl.). Elles se comportent comme Promise.all() et Promise.allSettled(), respectivement, sauf qu'elles prennent un objet de promesses au lieu d'un itérable. Elles se complètent avec un objet ayant les mêmes clés, de sorte que les résultats peuvent être lus par nom plutôt que par position. (bogue Firefox 2057270 ^(angl.)).
• Un module qui ne parvient pas à se charger en raison d'une erreur réseau ou d'un type MIME incorrect n'est plus mis en cache comme échec, de sorte que l'importation du même spécificateur de module peut réussir une fois que le serveur se rétablit. Cela s'applique aux modules JavaScript, JSON, CSS et texte, chargés soit statiquement, soit avec import dynamique, à la fois dans les fenêtres et les travailleurs (workers en anglais). De même, <link rel="modulepreload"> déclenche désormais l'évènement load plutôt que error pour les modules qui ont déjà été récupérés ou qui sont en cours de récupération, et un script de module se charge désormais même si un modulepreload précédent du même URL a échoué à sa vérification d'intégrité. (bogue Firefox 2055211 ^(angl.) et bogue Firefox 2052949 ^(angl.)).

HTTP

• Firefox utilise désormais Happy Eyeballs version 3 ^(angl.) lors de l'établissement de connexions, en mettant en concurrence les adresses IPv6 et IPv4 afin que la configuration de la connexion ne soit pas retardée par une famille d'adresses inaccessible. Notez que cela n'est actuellement pris en charge que sur certaines plateformes. (bogue Firefox 2062892 ^(angl.)).
• La négociation de version de QUIC est désormais prise en charge, permettant aux connexions HTTP/3 de négocier la version 2 de QUIC. (bogue Firefox 2059947 ^(angl.)).

APIs

• Diverses fonctionnalités de l'API WebTransport sont désormais prises en charge :
  • Les groupes d'envoi permettent de regrouper les flux qui doivent partager la bande passante et de prioriser les flux les uns par rapport aux autres au sein d'un groupe. Vous pouvez en créer un en utilisant WebTransport.createSendGroup(). Passez ensuite le WebTransportSendGroup retourné dans l'option sendGroup de WebTransport.createBidirectionalStream() ou WebTransport.createUnidirectionalStream(). (bogue Firefox 2007165 ^(angl.)).
  • La méthode WebTransport.exportKeyingMaterial() dérive le matériel de clé à partir de la connexion TLS sous-jacente pour un label et un contexte donnés, de sorte que les deux points de terminaison peuvent obtenir le même secret partagé. Cela permet, par exemple, à une poignée de main au niveau de l'application de détecter les attaques MITM dans le cas où une application se connecte à un pair qui ne possède qu'un certificat auto-signé. (bogue Firefox 2007200 ^(angl.)).
  • La méthode WebTransportDatagramDuplexStream.createWritable() retourne un flux WebTransportDatagramsWritable pour l'envoi de datagrammes, avec les propriétés sendGroup et sendOrder pour le prioriser par rapport aux autres émetteurs. (bogue Firefox 2007174 ^(angl.)).
  • Le constructeur WebTransport() accepte une option protocols listant les protocoles d'application pris en charge par le client. Le protocole sélectionné par le serveur, le cas échéant, est retourné dans la propriété WebTransport.protocol lorsque la connexion est établie et que le protocole WebTransport.ready est rempli. (bogue Firefox 2007150 ^(angl.)).
  • La propriété WebTransport.draining indique lorsque le serveur a demandé au client de commencer une fermeture en douceur de la session. (bogue Firefox 2007160 ^(angl.)).
• L'API WebGPU prend désormais en charge la fonctionnalité dual-source-blending sur le bureau, qui peut être demandée dans GPUAdapter.requestDevice(). Cela permet de définir src1, one-minus-src1, src1-alpha et one-minus-src1-alpha dans les propriétés srcFactor et dstFactor de createRenderPipeline() et createRenderPipelineAsync(). L'extension WGSL dual_source_blending est également prise en charge. (bogue Firefox 1924328 ^(angl.)).

DOM

• L'interface SVGAElement implémente désormais la composanteHyperlinkElementUtils ^(angl.). En conséquence, les éléments SVG <a> exposent les mêmes propriétés de composant URL que les éléments HTML <a>&nbsp,: protocol, username, password, host, hostname, port, pathname, search et hash. La propriété en lecture seule origin est également exposée. (bogue Firefox 2058578 ^(angl.)).
• Les interfaces SVGNumberList, SVGPointList, SVGStringList et SVGTransformList prennent désormais en charge les accesseurs indexés. Cela signifie que vous pouvez remplacer un élément de la liste en utilisant la notation entre crochets, par exemple transformList[0] = newTransform, au lieu d'appeler replaceItem(). L'interface SVGLengthList prend déjà en charge les accesseurs indexés. (bogue Firefox 2059426 ^(angl.)).
• La méthode SVGGraphicsElement.getBBox() prend désormais en compte son argument options, avec les propriétés fill, stroke, markers et clipped. Cela permet d'obtenir une boîte englobante qui tient compte du trait, des marqueurs et du découpage appliqués à un élément, plutôt que seulement de sa géométrie de remplissage. (bogue Firefox 2060873 ^(angl.)).
• Les éléments qui ne sont pas rendus, tels que ceux à l'intérieur de <mask>, <clipPath>, <marker>, <symbol> et <defs>, retournent désormais un rectangle vide depuis Element.getBoundingClientRect() et une liste vide depuis Element.getClientRects(), au lieu de signaler une boîte qui n'a jamais été peinte. (bogue Firefox 2061646 ^(angl.)).

Média, WebRTC et Web Audio

• L'évènement error déclenché sur un objet RTCDataChannel peut désormais signaler sctp-failure dans sa propriété error.errorDetail si le transport est fermé en raison d'une erreur. De plus, RTCError et RTCErrorEvent sont désormais disponibles dans les travailleurs dédiés (cette exposition n'est pas encore dans la spécification). (bogue Firefox 1814460 ^(angl.)).
• La propriété RTCPeerConnection.sctp retourne désormais un RTCSctpTransport aux moments requis par la spécification, y compris dans l'état de signalisation have-remote-offer, où elle était auparavant null. Le transport atteint désormais également les états connected et closed, et ses propriétés maxChannels et maxMessageSize sont correctement renseignées. (bogue Firefox 2019361 ^(angl.) et bogue Firefox 2056412 ^(angl.)).
• Les extensions d'en-tête RTP sur deux octets sont désormais prises en charge, de sorte que les extensions d'en-tête avec un identifiant de 15 ou plus peuvent être négociées au lieu de provoquer une OperationError. (bogue Firefox 2014357 ^(angl.)).
• La propriété selectedCandidatePairChanges est désormais signalée dans RTCTransportStats. (bogue Firefox 2055911 ^(angl.)).
• Les statistiques transport retournées par RTCPeerConnection.getStats() sont désormais correctes avant la négociation, c'est-à-dire après setLocalDescription() mais avant qu'une description distante n'ait été définie. La propriété dtlsRole est désormais signalée comme unknown jusqu'à ce que la poignée de main DTLS sélectionne un rôle, alors qu'auparavant elle n'était pas signalée du tout (bogue Firefox 2053296 ^(angl.)), et la propriété iceState commence désormais par new plutôt que checking, ce qui indiquait à tort que les vérifications de connectivité étaient déjà en cours (bogue Firefox 2053297 ^(angl.)).

WebAssembly

• La section d'importation compacte ^(angl.) du format binaire est désormais prise en charge, ce qui réduit la taille des modules ayant de nombreux imports. (bogue Firefox 2062344 ^(angl.)).
• La proposition d'arithmétique large ^(angl.) est désormais prise en charge, ajoutant les instructions i64.add128, i64.sub128, i64.mul_wide_s et i64.mul_wide_u. Celles-ci produisent des résultats sur 128 bits à partir d'opérandes sur 64 bits, ce qui devait auparavant être émulé dans le code compilé en WebAssembly, comme dans les bibliothèques de grands nombres et de cryptographie. (bogue Firefox 2062374 ^(angl.)).

Conformité WebDriver (WebDriver BiDi, Marionette)

Général

• Désactivation du panneau de téléchargement pour empêcher le document actuel de perdre la sélection lorsqu'un téléchargement commence. (bogue Firefox 2035439 ^(angl.)).
• Correction de l'API Actions afin que l'évènement dblclick soit déclenché lors d'un double-clic tout en maintenant la touche Ctrl enfoncée sur les plateformes non macOS. (bogue Firefox 2058556 ^(angl.)).

WebDriver BiDi

• Mise à jour du module spécifique à Mozilla moz:debugging pour ne plus dépendre de la même API de boucle d'évènements imbriquée que les outils de développement, ce qui empêche les conflits lorsque WebDriver BiDi et DevTools sont utilisés en parallèle. (bogue Firefox 2041335 ^(angl.)).
• Correction de la commande browsingContext.reload qui échouait lorsqu'elle était utilisée pour des cadres. (bogue Firefox 2030909 ^(angl.)).
• Suppression de la prise en charge de l'argument contexts dans la commande session.unsubscribe. Désormais, les clients ne peuvent se désabonner que par nom d'évènement ou par ID d'abonnement. (bogue Firefox 1988723 ^(angl.)).

Changements pour les développeur·euse·s d'extensions

Fonctionnalités web expérimentales

Ces fonctionnalités sont disponibles dans Firefox 155 mais sont désactivées par défaut. Pour les tester, recherchez la préférence appropriée dans la page about:config et définissez-la sur true. Vous pouvez en trouver d'autres sur la page Fonctionnalités expérimentales.

• Animations pilotées par le défilement : layout.css.scroll-driven-animations.enabled

  Les animations pilotées par le défilement permettent à une animation de progresser en fonction de la position de défilement d'un conteneur de défilement, ou de la position d'un élément à l'intérieur de son conteneur de défilement, plutôt qu'en fonction du temps. Cette préférence couvre les propriétés scroll-timeline et view-timeline ainsi que leurs formes longues, y compris la propriété view-timeline-inset, ainsi que les notations fonctionnelles scroll() et view(). Dans cette version, la forme longue view-timeline-inset a été ajoutée au raccourci view-timeline. (bogue Firefox 2046602 ^(angl.)).

• Modèle d'objets typés CSS Niveau 1 : layout.css.typed-om.enabled

  L'API de modèle d'objets typés CSS expose les valeurs CSS sous forme d'objets JavaScript typés plutôt que de chaînes de caractères, ce qui simplifie la manipulation du CSS depuis le script. (bogue Firefox 1278697 ^(angl.)).

• Prise en charge des requêtes at-rule() : layout.css.supports.at-rule.enabled

  La fonction at-rule() dans la règle @supports permet de tester si le navigateur prend en charge une règle CSS donnée, par exemple @supports at-rule(@scope). (bogue Firefox 2060754 ^(angl.)).

• L'API Audio Session : dom.audio_session.enabled

  L'API Audio Session permet à un site de déclarer comment son audio doit se comporter par rapport à d'autres audios en cours de lecture sur l'appareil, par exemple s'il doit se mélanger avec, s'atténuer ou interrompre les autres audios. (bogue Firefox 2055710 ^(angl.)).

• Les formes de base CSS autorisent les mots-clés farthest-corner et closest-corner : layout.css.ellipse-corners.enabled

  Les mots-clés farthest-corner et closest-corner peuvent être utilisés pour définir les valeurs des rayons des ellipse() et circle() formes de base CSS. (bogue Firefox 2037673 ^(angl.)).

• Tronquer le contenu avec line-clamp : layout.css.line-clamp.enabled

  La propriété CSS line-clamp fonctionne sans le préfixe fournisseur -webkit-, et prend désormais également en charge le mot-clé no-ellipsis et les valeurs <string> pour choisir ce qui est affiché là où le texte est tronqué. (bogue Firefox 2042999 ^(angl.) et bogue Firefox 2043000 ^(angl.)).

• Registres d'éléments personnalisés à portée limitée : dom.scoped-custom-element-registries.enabled

  Un CustomElementRegistry peut être construit et passé à Element.attachShadow(), de sorte qu'une racine d'ombre puisse définir des éléments personnalisés qui ne sont pas en conflit avec ceux définis dans le registre global. (bogue Firefox 2018900 ^(angl.)). Cette version ajoute également l'attribut global customelementregistry, pour sélectionner le registre auquel un élément est associé à partir du balisage. (bogue Firefox 2029965 ^(angl.)).

• Assertions de limite de tampon dans les expressions rationnelles : (Nightly seulement) javascript.options.experimental.regexp_buffer_boundaries

  La proposition TC39 sur les limites de tampon des expressions rationnelles ^(angl.) ajoute les assertions \A, \z et \Z aux expressions rationnelles. Celles-ci correspondent au début ou à la fin de l'ensemble de l'entrée, que le drapeau m soit défini ou non. (bogue Firefox 2047706 ^(angl.)).

• Valeur border-area pour background-clip : layout.css.background-clip.border-area.enabled

  La valeur border-area de la propriété CSS background-clip découpe l'arrière-plan jusqu'à la zone peinte par la bordure de l'élément, ce qui permet d'utiliser un dégradé ou une image comme bordure. (bogue Firefox 2045230 ^(angl.)).