Nouveautés de Chrome 70

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

Et ce n'est pas tout : il y a encore beaucoup d'autres fonctionnalités !

Je m'appelle Pete LePage. Voyons ce que Chrome 70 a de nouveau à offrir aux 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 de bureau sur Windows et Linux

Les utilisateurs peuvent désormais installer des applications Web progressives pour ordinateur sur 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 garantissent leur rapidité et leur fiabilité. L'expérience de la fenêtre de l'application les fait ressembler à n'importe quelle autre application installée.

Pour vous lancer, il vous suffit de suivre les étapes que vous suivez déjà. Tout le travail que vous avez effectué pour votre progressive web app existante reste valable. Si votre application répond aux critères standards de PWA, Chrome déclenche l'événement beforeinstallprompt. Enregistrez l'événement, puis ajoutez une UI (comme un bouton d'installation de l'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 affichera alors l'invite à l'utilisateur. S'il clique sur "Ajouter", Chrome ajoutera votre PWA à son menu de démarrage et à son bureau.

Pour en savoir plus, consultez mon article sur les PWA pour ordinateur.

API Gestion des identifiants: identifiants de clé publique

L'API Gestion des identifiants simplifie la connexion pour les utilisateurs. Il permet à votre site d'interagir avec le gestionnaire d'identifiants du navigateur ou les services de comptes fédérés tels que Google et Facebook pour la connexion.

Chrome 70 prend en charge un troisième type d'identifiants : les identifiants de clé publique, qui permettent aux applications Web de créer et d'utiliser des identifiants forts, attestés par cryptographie et de portée application pour authentifier fortement les utilisateurs.

Je suis très enthousiaste, car cela permet aux sites d'utiliser mon empreinte digitale pour l'authentification à deux facteurs. Il est également compatible avec d'autres types de clés de sécurité et offre une meilleure sécurité sur le Web.

Pour en savoir plus, consultez la documentation de l'API Gestionnaire d'identifiants. Vous pouvez également essayer la démo WebAuthn et découvrir comment vous lancer.

Nom : workers

Les nœuds de calcul sont un moyen simple de déplacer JavaScript du thread principal vers l'arrière-plan. Cela est essentiel pour maintenir l'interactivité de votre site, car cela signifie que le thread principal ne se bloquera pas lorsqu'il exécute un calcul JavaScript coûteux ou complexe.

Sans WebWorkers

Thread principal
Beaucoup de JavaScript lourds en cours d'exécution, ce qui entraîne une expérience lente et saccadée.

Avec WebWorkers

Thread principal
Aucune exécution JavaScript lourde, ce qui offre une expérience rapide et fluide.
WebWorker
Beaucoup de JavaScript lourd en cours d'exécution, n'affecte pas le thread principal.

Dans Chrome 70, les workers disposent désormais d'un attribut name, qui est spécifié par un argument facultatif sur le 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 par name lorsque vous avez plusieurs nœuds de calcul avec la même URL. Vous pouvez également imprimer le nom dans la console DevTools, ce qui vous permet de savoir beaucoup plus facilement quel nœud de calcul vous déboguez.

L'attribution de noms aux travailleurs 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.

S'abonner

Si vous souhaitez rester informé de 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.

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