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 ! Ce n'est pas tout !

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 du dépôt de sources Chromium.

Progressive web apps de bureau sous 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 des PWA, Chrome déclenchera 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 est compatible avec un troisième type d'identifiant : l'identifiant de clé publique, qui permet aux applications Web de créer et d'utiliser des identifiants sécurisés, certifiés cryptographiquement, et des identifiants à l'échelle de l'application pour authentifier les utilisateurs de façon forte.

Je suis très enthousiaste, car cela 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 renforce la 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
Pas d'exécution intensive de JavaScript, pour 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 nœuds de calcul 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.