Par Tristan LE GODAIS (@PolariTOON)
Firefox 69 sort aujourd’hui et comme d’habitude avec un paquet de nouveautés :
Du côté des outils de développement :
Du côté de Flash (encore lui ?) :
Du côté de HTML :
<keygen/> ; cet élément qui était spécifié dans une ancienne version d’HTML (jusqu’à HTML 5.1 en fait) permettait comme son nom l’indique de générer automatiquement des clés publiquesDu côté du JS :
Les déclarations de champs de classes publics (proposition en stage 3) sont désormais supportés ; youpi ! on peut déclarer les attributs publics à la fois dans Chrome et Firefox maintenant
L’API ResizeObserver permet de réagir plus intelligemment au redimensionnement des différents éléments, et plus seulement de toute la page en écoutant l’évènement "resize" sur l’objet global window
La nouvelle fonction queueMicrotask permet de programmer une microtâche (parfois appelée job) à exécuter prioritairement, et constitue en cela une alternative déterministe aux techniques à base de setTimeout(..., 0) voire pire, de setImmediate() (fonctionnalité non-standard disponible uniquement dans feux Internet Explorer et l’ancienne version de Edge)
Les nouveaux évènements "unhandledrejection" et "rejectionhandled" sont désormais disponibles pour ceux qui oublieraient de catch les erreurs dans le code asynchrone ou à base de promesses pour faire de la télémétrie et du débogage
La nouvelle méthode statique DOMMatrix.fromMatrix() permet de cloner une matrice (ne me demandez pas pourquoi ce n’était pas possible avant), par contre, la méthode DOMMatrix.scaleNonUniformSelf() a été retirée au profit de la méthode DOMMatrix.scaleSelf() déjà disponible
Les méthodes Blob.text(), Blob.arrayBuffer() et Blob.stream() permettent une lecture plus facile des objets binaires comme les fichiers de manière asynchrone
Du côté des CSS :
La propriété user-select, qui permet de spécifier de quelle manière un élément peut-être sélectionné, a été dépréfixée suite à des clarifications dans la spécification
La nouvelle propriété line-break et la nouvelle valeur break-spaces de la propriété white-space on été ajoutées pour une meilleure gestion des sauts de lignes, notamment pour les modes d’écritures CJK (Chinois, Japonais, Coréen)
Les propriétés logiques overflow-block et overflow-inline constituent désormais les alias des propriétés overflow-x et overflow-y selon le mode d’écriture spécifié par la valeur de la propriété writing-mode
Un certain nombre de propriétés géométriques SVG peuvent désormais être renseignées directement via des CSS ! cela inclut les propriétés width et height des éléments <svg></svg> par exemple, mais aussi les coordonnées des éléments avec x, y, cx, cy, rx, ry et r
La propriété contain a été exposée et permet d’améliorer les performances du moteur de rendu en indiquant explicitement à quel point l’apparence des différentes parties de la page peuvent être calculées indépendamment
La règle @supports permet d’appliquer conditionnellement du style plus seulement lorsqu’une certaine propriété CSS est implémentée, mais aussi selon le support d’un sélecteur CSS (du moment que sa syntaxe est valide), du genre ::marker, ::marker::marker, :focus-within, :target-within, :is(), :has() ou :where() qui sont peu répandus
Et parce que les changements ne se résument pas seulement à ça, consultez les pages https://hacks.mozilla.org/2019/09/firefox-69-a-tale-of-resize-observer-microtasks-css-and-devtools/, https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/69 et https://www.fxsitecompat.dev/en-CA/versions/69/ pour plus d’informations
Par ailleurs, Igalia nous fait à nouveau un point sur l’état de l’implémentation de MathML dans Chrome en effectuant une petite comparaison des différents navigateurs : https://mathml.igalia.com/news/2019/08/28/mathml-and-browsers/