Chrome 89 commence à être déployé dans la version stable.
Voici quelques points à retenir :
- Les API WebHID, WebNFC et Web Serial ont été validées après leurs versions d'essai et sont désormais disponibles dans la version stable.
- Nous comblons une faille que certains développeurs utilisaient pour contourner les vérifications d'installabilité des PWA.
- Les API Web Share et Web Share Target sont désormais disponibles sur ordinateur.
- Et ce n'est pas tout : bien d'autres sont à venir.
Je suis Pete LePage. Je travaille et je tourne des vidéos depuis chez moi. Découvrons ensemble 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 pas possibles auparavant, en interagissant avec du matériel réel.
Elles permettent aux développeurs de se connecter à du matériel amusant et original, ainsi qu'à des applications de visioconférence 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 qui peut interagir avec le REPL MicroPython sur une Raspberry Pi Pico. Web Serial est également utilisé par Espruino dans son IDE Web.
Lors de la CDS 2019, François a écrit un jeu amusant de type "mémoire" à l'aide de Web NFC. Vous deviez appuyer sur la carte du téléphone à droite, dans le bon ordre.
Et mon préféré, @bramus, a utilisé WebHID pour se connecter à un StreamDeck et créer un drum pad Daft Punk. Si vous n'avez 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 sont gagnants, car ils n'ont pas besoin d'installer de pilotes ni de logiciels spéciaux.
Pour en savoir plus sur certains des appareils que vous pouvez connecter, consultez web.dev/devices ou les guides de démarrage pour WebHID, WebNFC et Web Serial.
Modifications des critères d'installabilité des PWA
La prise en charge hors connexion est un élément clé des critères d'installabilité des applications Web progressives depuis le début. Comme pour les autres applications installées, les utilisateurs s'attendent à ce qu'elle fonctionne de manière fiable. Il doit être rapide et l'utilisateur ne doit jamais voir le dinosaure hors connexion.
Dans le courant de l'année, nous prévoyons de combler une lacune qui a permis à quelques sites de répondre aux critères d'installabilité sans proposer d'expérience hors connexion. Si votre PWA propose déjà une expérience hors connexion, vous n'avez rien d'autre à faire. Aucune action n'est requise, mais si vous n'en avez pas encore, il est temps d'en ajouter un !
À partir de Chrome 89, si votre PWA ne fournit pas de réponse valide lorsqu'elle est hors connexion, un avertissement s'affiche dans les outils de développement, sous l'onglet "Problèmes". Lighthouse indique également qu'il y a un problème. L'application de cette règle commencera dans Chrome 93, plus tard cette 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 simple page de secours hors connexion.
Pour en savoir plus sur ce changement et sur les raisons qui nous poussent à l'effectuer, 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 qui peuvent alimenter un service worker prêt pour la production pour votre PWA. Pour une page de secours hors connexion simple, l'article Créer une page de secours 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.
Web Share permet aux utilisateurs d'envoyer des fichiers ou des données à d'autres applications installées sur leur appareil (par exemple, partager une photo de 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 beaucoup 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.
De plus, si vous avez utilisé une activité Web de confiance pour rendre votre PWA disponible dans 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 que de quelques-uns des points clés. Consultez les liens ci-dessous pour découvrir les autres modifications apportées à Chrome 89.
- Nouveautés des outils pour les développeurs Chrome 89
- Suppression et abandon de fonctionnalités dans 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 de code source Chromium
S'abonner
Pour ne pas manquer nos vidéos, abonnez-vous à notre chaîne YouTube Chrome Developers. Vous recevrez une notification par e-mail chaque fois que nous publierons une nouvelle vidéo.
Je m'appelle Pete LePage et, dès que Chrome 90 sera disponible, je serai là pour vous présenter les nouveautés de Chrome.
Crédits
Les photos des Raspberry Pi et d'Arduino sont de Harrison Broadbent sur Unsplash.