Firefox 147 pour les développeurs

Changements pour les développeur·euse·s web

Outils de développement

• Lorsque vous sélectionnez un pseudo-élément (tel que ::before ou ::after) dans le panneau HTML de l'Inspecteur, vous pouvez désormais modifier le sélecteur de la règle correspondante dans le panneau CSS. (bogue Firefox 1998704 ^(angl.)).
• Lors d'une transition de vue, les pseudo-éléments ::view-transition apparaissent désormais dans le panneau Éléments. (bogue Firefox 1996608 ^(angl.)).
• Lors d'une transition de vue, les animations associées apparaissent désormais dans le panneau Animations. (bogue Firefox 1995296 ^(angl.)).
• Les éléments avec un anchor-name valide reçoivent un badge « anchor » dans le panneau Éléments. (bogue Firefox 1895196 ^(angl.)).
• Les règles @position-try associées à un élément mis en surbrillance sont désormais affichées dans le panneau Règles CSS. (bogue Firefox 1895176 ^(angl.)).
• Les charges utiles JSON peuvent être importées dans Firefox Profiler depuis le visualiseur JSON à l'aide d'un nouveau bouton. Cela fournit une répartition de la taille de la ressource. (bogue Firefox 1997209 ^(angl.)).

HTML

Aucun changement notable.

SVG

• Lorsqu'un fichier SVG est utilisé comme source d'image (par exemple, intégré dans une page via un élément HTML <img> ou comme background-image en CSS), l'URL du SVG prend désormais en charge les fragments média. (bogue Firefox 1999989 ^(angl.)). Cela signifie que :
  • Lorsque le SVG inclut une animation SMIL, vous pouvez utiliser la syntaxe de dimension temporelle pour lire une portion de l'animation d'un instant de départ à un instant de fin précis, après quoi l'animation sera mise en pause.
  • Vous pouvez utiliser la syntaxe de dimension spatiale pour afficher une zone spécifique du document SVG.

CSS

• La mise en forme par ancrage CSS est désormais activée par défaut. (bogue Firefox 1988225 ^(angl.)).
  • La valeur anchor-center, qui offre un moyen pratique de centrer un élément positionné par ancrage sur son ancre, a été ajoutée dans la version 147. Elle est disponible sur les propriétés align-items, align-self, justify-items, justify-self, place-items et place-self. (bogue Firefox 1909339 ^(angl.))
  • La valeur none de position-anchor a été ajoutée dans la version 147, ce qui permet de supprimer l'association implicite ou explicite entre une ancre CSS et un élément positionné par ancrage. (bogue Firefox 1999972 ^(angl.)).
• La version préfixée -webkit- de la propriété perspective est désormais prise en charge avec des valeurs sans unité — par exemple -webkit-perspective: 800 — pour une meilleure compatibilité. (bogue Firefox 1362499 ^(angl.)).
• Les types de transition de vue sont désormais pris en charge, ce qui permet de définir différents types pour les transitions de vue actives. Le CSS peut alors être utilisé pour appliquer des animations aux éléments du DOM lorsque leur contenu est mis à jour, selon le type de transition spécifié. Firefox 147 ajoute la prise en charge uniquement des types de transition de vue pour les applications monopage (SPA), et non des transitions entre documents. (bogue Firefox 2001878 ^(angl.)).
• Les propriétés counter-increment, counter-reset, counter-set et quotes sont désormais prises en charge sur le pseudo-élément ::marker. (bogue Firefox 2000404 ^(angl.)).
• Les unités de longueur relatives basées sur la police de l'élément racine suivantes sont désormais prises en charge : rcap, rch, rex et ric. Ces unités permettent de définir des valeurs de <longueur> en fonction de la taille d'un caractère particulier ou d'un attribut de police de l'élément racine. (bogue Firefox 1740584 ^(angl.)).

JavaScript

• Les scripts modules CSS sont désormais pris en charge, ce qui permet de charger une feuille de style dans un script en tant qu'instance CSSStyleSheet à l'aide du mot-clé import et de l'attribut d'import type défini à type="css". (bogue Firefox 1986681 ^(angl.)).
• La méthode Iterator.concat() est désormais prise en charge. Cette méthode permet de créer un nouvel itérateur qui combine plusieurs itérables d'entrée en une seule séquence. (bogue Firefox 1986672 ^(angl.)).

APIs

• La propriété Document.activeViewTransition est désormais prise en charge, elle retourne une instance ViewTransition représentant la transition de vue actuellement active sur le document. Cela offre un moyen cohérent d'accéder à une transition de vue active dans n'importe quel contexte sans avoir à stocker manuellement une référence pour une utilisation ultérieure. (bogue Firefox 2001836 ^(angl.)).
• La prise en charge de l'API WebGPU est désormais activée pour toutes les versions de macOS sur les appareils équipés de processeurs Apple Silicon (auparavant, seule la prise en charge de macOS Tahoe était activée). (bogue Firefox 1993341 ^(angl.)).
• L'API Navigation est désormais prise en charge. Cela permet d'initier, d'intercepter et de gérer les actions de navigation du navigateur, ainsi que d'examiner les entrées de l'historique d'une application. Il s'agit d'une évolution des fonctionnalités précédentes de la plateforme web telles que l'API History et window.location, qui en corrige les limites et vise spécifiquement les besoins des applications monopage (SPA). (bogue Firefox 1997962 ^(angl.)).
• La compression Brotli est désormais prise en charge à la fois pour CompressionStream et DecompressionStream. (bogue Firefox 1921583 ^(angl.)).
• Les service workers peuvent désormais être des scripts modules ECMAScript. Pour charger un module de service worker, définissez un type à 'module' lors de l'appel à ServiceWorkerContainer.register(). (bogue Firefox 1360870 ^(angl.)).

Conformité WebDriver (WebDriver BiDi, Marionette)

Général

• Correction de la réponse à la nouvelle session pour inclure la propriété requise setWindowRect. (bogue Firefox 1916522 ^(angl.)).

WebDriver BiDi

• Implémentation de l'évènement input.fileDialogOpened, émis chaque fois qu'un sélecteur de fichier est déclenché par la page de contenu, par exemple après un clic sur un champ de type file. (bogue Firefox 1855045 ^(angl.)).
• Implémentation de la commande emulation.setScreenSettingsOverride pour permettre aux clients d'émuler les dimensions de l'écran pour une liste de contextes de navigation ou d'utilisateur·ice. (bogue Firefox 2000651 ^(angl.)).
• Correction d'un problème où browsingContext.navigate avec wait=none ne contenait pas toujours la véritable URL cible. (bogue Firefox 2004191 ^(angl.)).
• Mise à jour de script.evaluate et script.callFunction pour contourner la politique de sécurité du contenu (CSP). (bogue Firefox 1941780 ^(angl.)).
• Correction de l'absence de l'évènement script.realmCreated pour les nouveaux contextes de navigation créés via window.open. (bogue Firefox 2002721 ^(angl.)).
• Mise à jour de emulation.setLocaleOverride pour remplacer l'en-tête Accept-Language. (bogue Firefox 1995691 ^(angl.)).
• Mise à jour de emulation.setLocaleOverride pour lever une erreur lorsqu'il est appelé avec l'argument locale égal à undefined. (bogue Firefox 2003992 ^(angl.)).

Marionette

• Correction de la sérialisation JSON des fenêtres Chrome. (bogue Firefox 2000801 ^(angl.)).

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

• Les extensions Manifest Version 3 chargées temporairement peuvent désormais charger des scripts depuis l'hôte local, comme expliqué dans Scripts depuis localhost de l'article sur la politique de sécurité du contenu. (bogue Firefox 1864284 ^(angl.))

Fonctionnalités web expérimentales

Ces fonctionnalités sont livrées dans Firefox 147 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.