Nouveautés de Chrome 61

Pete LePage

  • Chrome 61 est désormais compatible avec les modules JavaScript de manière native, ce qui unifie la façon dont le JavaScript modulaire peut être écrit.
  • Vous pouvez maintenant utiliser navigator.share pour déclencher la boîte de dialogue de partage Android native.
  • L'API WebUSB, désormais disponible, permet aux applications Web d'accéder aux appareils USB autorisés par les utilisateurs.
  • Et ce n'est pas tout : beaucoup plus !

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

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

Modules JavaScript

Chrome 61 ajoute une compatibilité native avec les modules JavaScript via l'élément <script type="module">. Cela permet à Chrome de récupérer des dépendances précises en parallèle, en tirant parti de la mise en cache, en évitant les doublons sur la page et en veillant à ce que le script s'exécute dans le bon ordre.

<script type="module">
  import {addText} from './utils.js';
  addText('Modules are pretty cool.');
</script>

Ce système de modules standardisé unifie la façon dont le code JavaScript modulaire peut être écrit et envoyé aux navigateurs Web. À l'avenir, le même système sera disponible dans Node, ce qui vous permettra d'écrire et de déployer plus facilement du code JavaScript isomorphique.

Pour en savoir plus sur les modules et leurs aspects JavaScript concernés par ceux-ci, consultez les liens ci-dessous.

API Web Share

Si vous souhaitez que les utilisateurs puissent facilement partager votre contenu sur leur réseau social préféré, vous devez intégrer des boutons de partage sur votre site pour chaque réseau social. Il accroît la taille de votre page, ne s'adapte pas toujours parfaitement à votre UI et signifie que vous devez inclure le code d'un site tiers.

L'API Web Share, disponible aujourd'hui sur Chrome pour Android, vous permet d'appeler les fonctionnalités de partage natives de l'appareil de l'utilisateur. Celui-ci peut ainsi partager facilement du texte ou des liens avec l'une des applications natives qu'il a installées.

Dans une prochaine version, cette API pourra également partager du contenu avec les applications Web installées. Pour l'utiliser, il vous suffit d'appeler navigator.share avec les détails de la page que vous souhaitez partager. Le système s'occupera du reste.


navigator.share({
  title: document.title, text: 'Hello',
  url: window.location.href
}).then(() => {
  console.log('Successful share');
});

Consultez la mise à jour de l'API WebShare de Paul pour en savoir plus et découvrir les bonnes pratiques à suivre.

WebUSB

La plupart des périphériques matériels tels que les claviers, les souris, les imprimantes et les manettes de jeu sont compatibles avec des API de plate-forme Web de haut niveau. Toutefois, l'utilisation de périphériques USB spécialisés, éducatifs, scientifiques, industriels ou autres dans le navigateur était difficile, nécessitait souvent des pilotes spécialisés.

Chrome est désormais compatible avec l'API WebUSB, qui permet aux applications Web de communiquer avec les appareils USB, une fois que l'utilisateur a donné son consentement. Pour en savoir plus sur les considérations de sécurité et de confidentialité et la façon dont elles sont traitées, consultez la spécification WebUSB.

Lorsque vous serez prêt à vous lancer, consultez ensuite l'article WebUSB de François concernant les mises à jour.

Et bien plus !

  • Vous pouvez maintenant spécifier la fluidité du défilement avec la propriété CSS scroll-behavior.
  • Les valeurs de couleurs hexadécimales CSS peuvent désormais spécifier la transparence alpha en ajoutant des chiffres à la fin de la chaîne.
  • Vous pouvez accéder aux positions relatives du contenu de l'écran avec l'API Visual Viewport, ce qui permet d'accéder plus directement à des fonctionnalités complexes telles que le pincement et le zoom.

Ce ne sont là que quelques-unes des modifications apportées à Chrome 61 pour les développeurs.

Ensuite, abonnez-vous à notre chaîne YouTube. Vous recevrez une notification par e-mail chaque fois qu'une nouvelle vidéo sera mise en ligne.

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