Nouveautés de Chrome 61

Pete LePage

  • Chrome 61 est désormais compatible de manière native avec les modules JavaScript, ce qui unifie la façon dont le code JavaScript modulaire peut être écrit.
  • Vous pouvez désormais utiliser navigator.share pour déclencher la boîte de dialogue de partage Android native.
  • L'API WebUSB est disponible, ce qui permet aux applications Web d'accéder aux appareils USB autorisés par l'utilisateur.
  • Et ce n'est pas tout ! En savoir 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. Voyons ce que Chrome 61 propose aux développeurs.

Modules JavaScript

Chrome 61 ajoute la compatibilité native avec les modules JavaScript via l'élément <script type="module">. Chrome peut ainsi récupérer des dépendances précises en parallèle, en profitant de la mise en cache, en évitant les duplications sur la page et en s'assurant que le script s'exécute dans l'ordre correct.

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

Ce système de modules standardisés unifie la façon dont le code JavaScript modulaire peut être écrit et distribué 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 isomorphe.

Pour en savoir plus sur les modules et les aspects de JavaScript qui sont affectés par les modules, consultez les liens ci-dessous.

API Web Share

Si vous souhaitez que les utilisateurs puissent facilement partager vos contenus sur leur réseau social préféré, vous devez intégrer des boutons de partage à votre site pour chaque réseau social. Cela alourdit votre page, ne s'adapte pas toujours bien à votre UI et vous oblige à inclure du code provenant d'un site tiers.

L'API Web Share, disponible dès aujourd'hui sur Chrome pour Android, vous permet d'appeler les fonctionnalités de partage natives de l'appareil de l'utilisateur, ce qui lui permet de partager facilement du texte ou des liens avec l'une de ses applications natives installées.

Dans une prochaine version, cette API pourra également partager avec les applications Web installées. Pour l'utiliser, appelez simplement 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 quelques 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 les API de plate-forme Web de haut niveau. Toutefois, l'utilisation d'appareils USB éducatifs, scientifiques, industriels ou autres spécialisés dans le navigateur a été difficile, nécessitant souvent des pilotes spécialisés.

Chrome est désormais compatible avec l'API WebUSB, ce qui permet aux applications Web de communiquer avec des 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 sur la façon dont elles sont traitées, consultez la spécification WebUSB.

Lorsque vous êtes prêt à vous lancer, consultez le post sur WebUSB de François pour en savoir plus sur les mises à jour.

Et bien plus !

  • Vous pouvez désormais spécifier la fluidité du défilement avec la propriété CSS scroll-behavior.
  • Les valeurs de couleur hexadécimale 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, qui expose de manière plus directe 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 alors une notification par e-mail chaque fois que nous lancerons une nouvelle vidéo.

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