Chrome 89 commence à être déployé en version stable.
Voici les informations à retenir :
- WebHID, WebNFC et Web Serial ont terminé leurs essais d'origine et sont désormais disponibles en version stable.
- Nous fermons une faille utilisée par certains développeurs pour contourner les vérifications d'installabilité des PWA.
- Partage Web et cible de partage Web arrivent sur ordinateur.
- Et ce n'est pas tout : il y a encore beaucoup d'autres fonctionnalités.
Je m'appelle Pete LePage. Je travaille et filme depuis chez moi. Je vais vous présenter les nouveautés de Chrome 89 pour les développeurs.
WebHID, WebNFC et Web Serial
Je suis très enthousiaste à propos de WebHID, WebNFC et Web Serial. Ils ouvrent de nouveaux scénarios pour les utilisateurs qui n'étaient jamais possibles auparavant, en interagissant avec du matériel réel.
Ils permettent aux fabricants de se connecter à des applications de visioconférence et à du matériel amusant et original pour utiliser les boutons de téléphonie dédiés sur des enceintes spécialisées. Ou tout autre cas d'utilisation.
À l'aide de Web Serial et d'environ 60 lignes de code, @AndreBan a créé une page pouvant interagir avec le REPL MicroPython sur un Raspberry Pi Pico. Espruino l'utilise également dans son IDE Web.
Lors du CDS 2019, François a créé un jeu amusant de type "mémoire" à l'aide de la technologie Web NFC. Vous deviez appuyer sur le téléphone contre la bonne carte, dans le bon ordre.
Et mon préféré, @bramus, a utilisé WebHID pour se connecter à un StreamDeck et créer un pad de batterie Daft Punk. Si vous ne possédez pas de StreamDeck, regardez sa vidéo de démonstration sur YouTube et consultez le code sur GitHub.
Que ce soit votre site qui interagit avec votre matériel ou votre matériel qui peut interagir avec de nombreux sites, les utilisateurs en profitent, car ils n'ont pas besoin d'installer de pilotes ou de logiciels spéciaux.
Pour en savoir plus sur certains des appareils auxquels vous pouvez vous connecter, consultez la page web.dev/devices ou les guides de démarrage pour WebHID, WebNFC et Web Serial.
Modifications des critères d'installabilité des PWA
La compatibilité hors connexion a toujours été un élément clé des critères d'installabilité des applications Web progressives. Comme pour les autres applications installées, les utilisateurs s'attendent à ce qu'elle fonctionne de manière fiable. Elle doit être rapide et les utilisateurs ne doivent jamais voir le dinosaure hors connexion.
Dans le courant de l'année, nous prévoyons de corriger une faille qui permettait à certains sites de passer les critères d'installabilité, sans expérience hors connexion. Si votre PWA dispose déjà d'une expérience hors connexion, vous n'avez rien d'autre à faire. Aucune action n'est requise, mais si vous n'en avez pas, il est temps d'en ajouter un.
À partir de Chrome 89, si votre PWA ne fournit pas de réponse valide en mode hors connexion, un avertissement s'affiche dans les outils de développement sous l'onglet "Problèmes", et Lighthouse indique qu'un problème est présent. L'application de cette règle commencera dans Chrome 93, plus tard dans l'année.
Vous pouvez choisir le type d'expérience hors connexion que vous souhaitez proposer. Idéalement, vous devez fournir autant d'informations que possible sur votre expérience. Toutefois, au minimum, il peut s'agir d'une page de remplacement hors connexion.
Pour en savoir plus sur ce changement et sur les raisons de ce changement, consultez Améliorer la détection de la compatibilité hors connexion des applications Web progressives.
Si vous ne savez pas par où commencer, consultez Workbox. Il dispose d'un ensemble de bibliothèques pouvant alimenter un service worker prêt pour la production pour votre PWA. Pour une page de remplacement hors connexion simple, l'article Créer une page de remplacement hors connexion contient tout le code dont vous avez besoin. Vous pouvez le copier et le coller directement sur votre site.
Partage Web et cible de partage Web pour ordinateur
Si votre site permet aux utilisateurs de créer, de modifier ou d'interagir avec des fichiers, vous devez utiliser les API Web Share et Web Share Target. Ces API sont disponibles sur mobile depuis un certain temps, mais sont désormais compatibles avec ChromeOS et Windows.
Le partage Web permet aux utilisateurs d'envoyer des fichiers ou des données à d'autres applications installées sur leur appareil, par exemple pour partager une photo Google Photos sur Twitter.
async function share(title, text, url) {
try {
await navigator.share({title, text, url});
return true;
} catch (ex) {
console.error('Share failed', ex);
return false;
}
}
Pour vous enregistrer en tant que cible afin que d'autres applications puissent partager des fichiers ou des données avec vous, vous devez utiliser l'API Web Share Target.
"share_target": {
"action": "/?share-target",
"method": "POST",
"enctype": "multipart/form-data",
"params": {
"files": [
{
"name": "file",
"accept": ["image/*"],
},
],
},
},
Consultez les guides de démarrage Intégrer l'UI de partage de l'OS avec l'API Web Share et Recevoir des données partagées avec l'API Web Share Target.
Et bien plus encore
Et bien sûr, il y en a bien d'autres.
Chrome autorise désormais les await de premier niveau dans les modules JavaScript.
Pour éviter toute confusion chez les utilisateurs, nous avons modifié l'icône affichée dans l'omnibox pour les PWA installables.
Si vous avez utilisé une activité Web sécurisée pour rendre votre PWA disponible sur le Play Store pour ChromeOS, vous pouvez vous inscrire à la phase d'évaluation de l'origine de l'API Digital Goods.
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 apportées à Chrome 89.
- Nouveautés des outils pour les développeurs Chrome (89)
- Obsoletes et suppressions de Chrome 89
- Mises à jour de ChromeStatus.com pour Chrome 88
- Nouveautés de JavaScript dans Chrome 88
- Liste des modifications apportées au dépôt source Chromium
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 90 sera disponible, je serai là pour vous présenter les nouveautés de Chrome.
Crédits
La photo des Raspberry Pi et de l'Arduino est de Harrison Broadbent sur Unsplash.