Découvrez quelques-unes des fonctionnalités intéressantes qui ont été intégrées aux navigateurs Web stables et bêta en octobre 2024.
Versions stables du navigateur
En octobre 2024, Firefox 131, Firefox 132, Safari 18.1 et Chrome 130 sont devenus stables. Cet article présente les nouvelles fonctionnalités ajoutées à la plate-forme Web.
Assistants d'itérateur synchrones
Firefox 131 prend en charge les assistants d'itérateurs synchrones. Par exemple, Iterator.prototype.forEach() et Iterator.prototype.map(). Ces assistants permettent d'effectuer des opérations semblables à des tableaux sur des itérateurs sans créer d'objets de tableau intermédiaires, y compris pour de très grands ensembles de données où la création d'un tableau intermédiaire ne serait pas possible.
Fragments de texte
Firefox 131 est également compatible avec les fragments de texte, ainsi qu'avec le pseudo-élément CSS ::target-text
.
Cookies Having Independent Partitioned State (CHIPS)
Firefox 131 inclut CHIPS, qui vous permet d'activer le stockage partitionné des cookies à l'aide de la directive partitioned
de l'en-tête HTTP Set-Cookie
.
Actualités multimédias
La deuxième version de Firefox en octobre comprend un ensemble de fonctionnalités multimédias qui rejoignent toutes la fonctionnalité "Nouveau disponible" de la version de référence.
Firefox 132 inclut les méthodes requestVideoFrameCallback()
et cancelVideoFrameCallback()
de HTMLVideoElement
.
La méthode MediaStreamTrack.getCapabilities()
est également incluse.
fetchPriority
L'API Fetch Priority indique la priorité relative des ressources par rapport au navigateur. Elle est compatible à partir de Firefox 132, ce qui signifie que cette API utile est désormais disponible en tant que référence.
Pour en savoir plus, consultez la section Optimiser le chargement des ressources avec l'API Fetch Priority.
Compatibilité complète avec box-decoration-break
Chrome 130 est entièrement compatible avec la propriété CSS box-decoration-break
sans préfixe. Cela inclut la valeur de clone
pour la fragmentation par bloc et par ligne.
Pour en savoir plus sur cette propriété, consultez Propriété box-decoration-break dans Chrome 130.
Règle sur les déclarations imbriquées
Chrome 130 et Firefox 132 sont compatibles avec les déclarations imbriquées CSS. Cela signifie que le CSS imbriqué est correctement analysé, comme expliqué dans Amélioration de l'imbrication CSS avec CSSNestedDeclarations
.
Navigateurs pris en charge
Attribut connected
de la série Web et événements de connexion RFCOMM
Chrome 130 ajoute un attribut booléen SerialPort.connected
.
L'attribut renvoie la valeur "true" si le port série est connecté logiquement.
Avec cette fonctionnalité, les ports série RFCOMM Bluetooth distribuent ces événements lorsque le port est connecté ou déconnecté de manière logique.
Cette fonctionnalité est destinée à permettre aux applications de détecter si un port série RFCOMM Bluetooth est disponible sans ouvrir le port.
Pour en savoir plus, consultez la section Mises à jour Bluetooth RFCOMM dans Web Serial.
Navigateurs pris en charge
Corrections d'accessibilité dans Safari
La version Safari 18.1 est disponible peu de temps après Safari 18 et corrige un certain nombre de problèmes d'accessibilité, en particulier avec display: contents
.
Versions bêta du navigateur
Les versions bêta du navigateur vous donnent un aperçu des nouveautés de la prochaine version stable du navigateur. C'est le moment idéal pour tester les nouvelles fonctionnalités ou les suppressions qui pourraient avoir un impact sur votre site avant que tout le monde ne les ait. Les nouvelles versions bêta sont Firefox 133 et Chrome 131. Ces versions apportent de nombreuses fonctionnalités intéressantes à la plate-forme. Pour en savoir plus, consultez les notes de version. Voici quelques-uns des points forts.
Firefox 133 prend en charge les interfaces ImageDecoder
, ImageTrackList
et ImageTrack
de l'API WebCodecs, ce qui permet de décoder les images à partir des threads principaux et de travail.
Firefox 133 est également compatible avec WorkerNavigator.permissions
.
Chrome 131 inclut l'héritage de la mise en surbrillance CSS, où les pseudo-classes de mise en surbrillance CSS, telles que ::selection
et ::highlight
, héritent de leurs propriétés via la chaîne de mise en surbrillance pseudo, plutôt que via la chaîne d'éléments.
Résultat : un modèle plus intuitif pour l'héritage des propriétés dans les sélections.
Chrome 131 est également compatible avec les zones de marge @page
de média paginé CSS. Vous pouvez ainsi fournir des en-têtes et des pieds de page personnalisés lors de l'impression depuis le Web.