Nouveautés de Chrome 78

Pete LePage

Le déploiement de Chrome 78 est en cours.

Je m'appelle Pete LePage. Penchons-nous sur les nouveautés de Chrome 78 pour les développeurs.

API CSS Properties and Values

Les variables CSS, techniquement appelées "propriétés personnalisées", sont géniales. Elles vous permettent de définir et d'utiliser vos propres propriétés dans l'ensemble de votre CSS. Cependant, les propriétés personnalisées ne se limitent pas à une simple recherche et remplacement.

html {
  --my-color: green;
}
.thing {
  color: var(--my-color);
}

Si vous avez utilisé une variable pour une couleur, mais que vous avez attribué une URL en tant que valeur, la règle est simplement supprimée sans notification. Avec l'API CSS Properties and Values, vous pouvez définir un type et une valeur de remplacement par défaut pour vos propriétés personnalisées.

html {
  --my-color: url(‘not-a-color'); // Oops, not a color!
}
.thing {
  color: var(--my-color);
}

Pour enregistrer une propriété, il suffit d'appeler window.CSS.registerProperty() et de fournir le nom de la propriété que vous définissez, son type (si elle doit en hériter) et sa valeur initiale.

window.CSS.registerProperty({
  name: '--my-color',
  syntax: '<color>',
  inherits: false,
  initialValue: 'black',
});

Pour en savoir plus, consultez l'article de Sam Richard, propriétés personnalisées intelligentes avec la nouvelle API de Houdini, sur web.dev.

Services workers plus récents

Des vérifications octet par octet sont désormais effectuées pour les scripts de service worker importés par importScripts(). Auparavant, le seul moyen de forcer un service worker installé à récupérer les modifications apportées à un script importé consistait à modifier l'URL du script importé, généralement en ajoutant une valeur semver ou en effectuant un hachage de l'URL.

importScripts('https://example.com/v1.1.0/index.js');
importScripts('https://example.com/index.abcd1234.js');

À partir de Chrome 78, chaque fois qu'une vérification de mise à jour est effectuée pour un fichier service worker de niveau supérieur, Chrome vérifie également si le contenu des scripts importés a été modifié. Le cas échéant, le flux complet de mise à jour du nœud de calcul sera déclenché. Ainsi, Chrome est conforme aux spécifications et correspond à ce que font Firefox et Safari.

Jeff fournit tous les détails dans Fresher Service workers, par défaut, y compris certains points importants à savoir sur l'impact du cache HTTP sur le cycle de mise à jour.

Nouvelles phases d'évaluation

Les phases d'évaluation nous permettent de valider des fonctionnalités et des API expérimentales, et de nous faire part de vos commentaires sur leur facilité d'utilisation et leur efficacité dans un déploiement plus large.

Les fonctionnalités expérimentales ne sont généralement disponibles que derrière un drapeau. Toutefois, lorsque nous proposons une phase d'évaluation pour une fonctionnalité, vous pouvez vous inscrire à cette phase d'évaluation afin d'activer la fonctionnalité pour tous les utilisateurs de votre origine.

L'activation d'une phase d'évaluation vous permet de créer des démonstrations et des prototypes que les utilisateurs participant aux tests bêta peuvent essayer pendant toute la durée de l'essai sans qu'ils aient à émettre de signalements spéciaux dans Chrome.

Pour en savoir plus sur les phases d'évaluation, consultez le Guide des phases d'évaluation pour les développeurs Web. Vous pouvez consulter la liste des phases d'évaluation actives et vous y inscrire sur la page Phases d'évaluation de Chrome.


Système de fichiers natif

Une phase d'évaluation pour l'API Native File System commence dans Chrome 78 et devrait se dérouler jusqu'à Chrome 80.

L'API Native File System permet aux développeurs de créer des applications Web puissantes qui interagissent avec les fichiers de l'appareil local de l'utilisateur. Une fois qu'un utilisateur a accordé l'accès à une application Web, cette API permet aux applications Web de lire ou d'enregistrer les modifications directement dans les fichiers et les dossiers de l'appareil.

Toutes les nouvelles expériences qu'elle offre, je suis très enthousiaste à l'idée de ne plus avoir à "importer" ou "télécharger" les fichiers avec lesquels je veux travailler. Consultez mon article sur le système de fichiers natif pour tous les détails, y compris le code, une démonstration et la façon dont nous veillons à la sécurité des utilisateurs.

Récepteur de SMS

Une phase d'évaluation pour l'API SMS Receiver commence dans Chrome 78 et devrait se dérouler dans Chrome 80.

L'API SMS Receiver, désormais disponible en tant qu'évaluation, permet à votre application Web de recevoir des SMS spécialement mis en forme pour l'origine de votre application. Vous pouvez alors obtenir par programmation un mot de passe à usage unique à partir d'un message SMS et vérifier plus facilement le numéro de téléphone de l'utilisateur.

Eiji a écrit Valider les numéros de téléphone sur le Web avec l'API SMS Receiver en indiquant tous les détails et comment s'inscrire à la phase d'évaluation.

Sommet des développeurs Chrome 2019

N'oubliez pas de participer au Chrome Dev Summit qui se déroulera les 11 et 12 novembre en direct sur la chaîne YouTube des développeurs Chrome.


Complément d'informations

Nous n'abordons ici que certains des points forts. Consultez les liens ci-dessous pour en savoir plus sur les modifications supplémentaires apportées à Chrome 78.

S'abonner

Pour suivre l'actualité de nos vidéos, abonnez-vous à notre chaîne YouTube pour les développeurs Chrome afin de recevoir une notification par e-mail chaque fois que nous lancerons une nouvelle vidéo ou si vous ajoutez notre flux RSS à votre lecteur de flux.

Je m'appelle Pete LePage. Dès la sortie de Chrome 79, je serai là pour vous dire : quelles sont les nouveautés de Chrome !