Nouveautés de Chrome 78

Pete LePage

Chrome 78 est en cours de déploiement.

Je m'appelle Pete LePage. Découvrons les nouveautés de Chrome 78 pour les développeurs !

API CSS Properties and Values

Les variables CSS, ou "propriétés personnalisées" d'un point de vue technique, sont très utiles. Elles vous permettent de définir et d'utiliser vos propres propriétés dans l'ensemble de votre CSS. Toutefois, les propriétés personnalisées ne sont pas beaucoup plus qu'une simple recherche et un simple 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 comme valeur, la règle est simplement supprimée sans notification. L'API CSS Properties and Values vous permet de 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 vous suffit d'appeler window.CSS.registerProperty() et de fournir le nom de la propriété pour laquelle vous définissez le type, s'il doit 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 sur les propriétés personnalisées plus intelligentes grâce à la nouvelle API de Houdini sur web.dev.

Service workers plus récents

Des vérifications par octet sont désormais effectuées pour les scripts de service worker importés par importScripts(). Auparavant, le seul moyen de forcer un worker de service installé à prendre en compte les modifications apportées à un script importé était de modifier l'URL du script importé, généralement en ajoutant une valeur semver ou un hachage dans 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 de service worker de niveau supérieur, Chrome vérifie également si le contenu de tous les scripts importés a changé ou non. Si c'est le cas, le flux de mise à jour complet du service worker sera déclenché. Chrome est ainsi conforme à la spécification, et correspond au fonctionnement de Firefox et de Safari.

Jeff fournit tous les détails dans Service workers plus récents, par défaut, y compris des informations importantes sur l'impact du cache HTTP sur le cycle de mise à jour.

Nouveaux tests Origin

Les essais Origin nous permettent de valider les fonctionnalités et API expérimentales, et vous permettent de nous faire part de vos commentaires sur leur usabilité et leur efficacité lors d'un déploiement plus large.

Les fonctionnalités expérimentales ne sont généralement disponibles qu'avec un indicateur. Toutefois, lorsque nous proposons une phase d'évaluation pour une fonctionnalité, vous pouvez vous inscrire à cette phase d'évaluation afin de l'activer pour tous les utilisateurs de votre région d'origine.

L'activation d'un essai d'origine vous permet de créer des démonstrations et des prototypes que vos utilisateurs de test bêta peuvent essayer pendant toute la durée de l'essai sans avoir à activer des indicateurs spéciaux dans Chrome.

Pour en savoir plus sur les phases d'évaluation d'origine, consultez le guide des phases d'évaluation d'origine pour les développeurs Web. Vous pouvez consulter la liste des essais d'origine actifs et vous y inscrire sur la page Essais d'origine Chrome.


Système de fichiers natif

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

L'API Native File System permet aux développeurs de créer des applications Web puissantes qui interagissent avec les fichiers sur 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 de l'utilisateur.

Je suis très enthousiaste à propos de toutes les nouvelles expériences que cela permet, car je n'ai plus besoin d'importer ni de télécharger les fichiers avec lesquels je souhaite travailler. Consultez mon article sur le système de fichiers natif pour en savoir plus, y compris sur le code, une démonstration et la façon dont nous nous efforçons de protéger les utilisateurs.

Récepteur de SMS

Une phase d'évaluation de l'API SMS Receiver commence dans Chrome 78 et devrait se poursuivre jusqu'à Chrome 80.

L'API SMS Receiver, désormais disponible en phase d'évaluation pour l'origine, permet à votre application Web de recevoir des messages SMS spécialement formatés pour l'origine de votre application. Vous pouvez alors programmer l'obtention d'un mot de passe à usage unique à partir d'un SMS et valider le numéro de téléphone de l'utilisateur plus facilement.

Eiji a écrit Valider les numéros de téléphone sur le Web avec l'API SMS Receiver avec tous les détails et la procédure à suivre pour s'inscrire au test d'origine.

Chrome Dev Summit 2019

N'oubliez pas d'assister au Sommet des développeurs Chrome qui se tiendra les 11 et 12 novembre. Il sera diffusé en direct sur la chaîne YouTube des développeurs Chrome.


Documentation complémentaire

Il ne s'agit là que de quelques-uns des points clés. Consultez les liens ci-dessous pour en savoir plus sur les modifications supplémentaires dans Chrome 78.

S'abonner

Pour ne pas manquer nos vidéos, abonnez-vous à notre chaîne YouTube pour les développeurs Chrome. Vous recevrez alors une notification par e-mail chaque fois que nous lancerons une nouvelle vidéo, ou ajoutez notre flux RSS à votre lecteur de flux.

Je m'appelle Pete LePage. Dès que Chrome 79 sera disponible, je vous présenterai les nouveautés de Chrome.