Nouveautés de Chrome 70

Pete LePage

Dans Chrome 70, nous avons ajouté la prise en charge des éléments suivants:

Et ce n'est pas tout : beaucoup plus !

Je m'appelle Pete LePage. C'est parti pour découvrir les nouveautés de Chrome 70 pour les développeurs !

Vous souhaitez consulter la liste complète des modifications ? Consultez la liste des modifications apportées au dépôt source Chromium.

Progressive web apps pour ordinateur sous Windows et Linux

Les utilisateurs peuvent désormais installer des progressive web apps pour ordinateur sous Windows et Linux.

Une fois installées, elles sont lancées à partir du menu Démarrer et s'exécutent comme toutes les autres applications installées, sans barre d'adresse ni onglets. Les service workers s'assurent qu'ils sont rapides et fiables. L'expérience de la fenêtre de l'application leur donne le sentiment de n'importe quelle autre application installée.

Vous êtes déjà en train de vous lancer. Tout le travail que vous avez effectué pour votre progressive web app existante s'applique toujours ! Si votre application répond aux critères standards des PWA, Chrome déclenche l'événement beforeinstallprompt. Enregistrez l'événement, puis ajoutez une interface utilisateur (comme un bouton d'installation d'application) pour indiquer à l'utilisateur que votre application peut être installée. Ensuite, lorsque l'utilisateur clique sur le bouton, appelez prompt() sur l'événement enregistré. Chrome affiche ensuite l'invite à l'utilisateur. S'il clique sur "Ajouter", Chrome ajoute votre PWA à son menu Démarrer et à son bureau.

Pour en savoir plus, consultez mon article sur les PWA de bureau.

API Credential Management: identifiants de clé publique

L'API de gestion des identifiants facilite grandement la connexion des utilisateurs. Elle permet à votre site d'interagir avec le gestionnaire d'identifiants du navigateur ou les services de comptes fédérés comme Google et Facebook.

Chrome 70 est compatible avec un troisième type d'identifiants : les identifiants de clé publique, qui permettent aux applications Web de créer et d'utiliser des identifiants renforcés et certifiés cryptographiquement, ou à l'échelle de l'application, pour authentifier les utilisateurs de manière sécurisée.

Cela m'enthousiasme beaucoup parce qu'il permet aux sites d'utiliser mon empreinte digitale pour l'authentification à deux facteurs. Toutefois, il prend également en charge d'autres types de clés de sécurité et améliore la sécurité sur le Web.

Consultez la documentation de l'API de gestion des identifiants pour en savoir plus, ou essayez la démonstration WebAuthn et découvrez comment vous lancer.

Nom : workers

Les nœuds de calcul permettent de déplacer facilement JavaScript du thread principal à l'arrière-plan. Cette approche est essentielle pour que votre site reste interactif, car cela signifie que le thread principal ne se verrouille pas lorsqu'il exécute un calcul JavaScript coûteux ou complexe.

Sans WebWorkers

Thread principal
De nombreux scripts JavaScript sont en cours d'exécution, ce qui se traduit par une expérience lente et irrégulière.

Avec WebWorkers

Thread principal
Pas d'exécution lourde de JavaScript, ce qui se traduit par une expérience rapide et fluide.
WebWorker
Un code JavaScript très sollicité est en cours d'exécution. Cela n'affecte pas le thread principal.

Dans Chrome 70, les nœuds de calcul disposent désormais d'un attribut name, qui est spécifié par un argument facultatif au niveau du constructeur.

const url = '/scripts/my-worker.js';
const wNYC = new Worker(url, {name: 'NewYork'});
const oSF = {name: 'SanFrancisco'};
const wSF = new Worker(url, oSF);

Cela vous permet de distinguer les nœuds de calcul dédiés grâce à name lorsque plusieurs nœuds de calcul ont la même URL. Vous pouvez également imprimer le nom dans la console DevTools, ce qui permet d'identifier plus facilement le nœud de calcul que vous déboguez.

L'attribution de noms aux nœuds de calcul est déjà disponible dans Firefox, Edge et Safari. Pour en savoir plus, consultez la discussion sur GitHub.

Et bien plus !

Ce ne sont là que quelques-unes des modifications apportées à Chrome 70 pour les développeurs, mais il y en a bien d'autres.

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 qu'une nouvelle vidéo est mise en ligne.

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