Nouveautés de Chrome 75

Pete LePage

Dans Chrome 75, nous avons ajouté la prise en charge des éléments suivants:

Je m'appelle Pete LePage. Je vais vous présenter les nouveautés de Chrome 75 pour les développeurs.

Journal des modifications

Il ne s'agit là que de quelques-uns des points forts. Pour en savoir plus sur les modifications apportées à Chrome 75, consultez les liens ci-dessous.

Indice pour les contextes canvas à faible latence

Le dessin à l'écran avec l'élément canvas nécessite que la page synchronise les mises à jour graphiques avec le DOM. Cette synchronisation peut parfois entraîner une latence. Par exemple, dans une application de dessin, les latences supérieures à 50 ms peuvent interférer avec la coordination œil-main, ce qui les rend difficiles à utiliser.

L'indice desynchronized, lors de la création d'un contexte canvas, utilise un chemin de code différent, qui contourne le mécanisme de mise à jour DOM habituel. L'indice indique au système d'ignorer autant de composition que possible. Dans certains cas, le tampon sous-jacent de canvas est envoyé directement au contrôleur d'affichage de l'écran. Cela élimine la latence qui serait causée par l'utilisation de la file d'attente du compositeur du moteur de rendu.

L'utilisation de l'indice de déssynchronisation est simple. Il vous suffit d'ajouter desynchronized: true à l'objet d'options lors de la création du canevas.

const opts = { desynchronized: true };
const ctx = canvas.getContext('2d', opts);

Pour en savoir plus, consultez l'article de Joe Rendu à faible latence avec l'indice de déssynchronisation, qui explique comment effectuer la détection des fonctionnalités.

Partager des fichiers avec l'API Web Share

L'API Web Share vous permet de vous connecter au service de partage fourni par l'OS, ce qui facilite le partage de pages Web et d'applications avec d'autres applications installées sur l'appareil de l'utilisateur.

Dans Chrome 75, l'API Web Share permet désormais de partager des fichiers. Je suis particulièrement enthousiaste à ce sujet, car cela permet aux applications de partager des photos, des vidéos et plus encore beaucoup plus facilement. Squoosh prend désormais en charge le partage d'un fichier une fois que vous avez terminé de le compresser. L'API Web Share permet actuellement de partager des fichiers audio, des images, des vidéos et des documents texte.

Il est préférable d'utiliser la détection de fonctionnalités pour voir si l'API Web Share est prise en charge et de revenir à votre mécanisme traditionnel si ce n'est pas le cas. Vous pouvez également utiliser navigator.canShare pour vérifier si le partage de fichiers est compatible.


const webShareAvailable = {
  links: 'share' in navigator,
  files: 'canShare' in navigator,
};

Si navigator.canShare renvoie true, le partage de ces fichiers est pris en charge. Vous pouvez donc appeler navigator.share et transmettre un objet avec le tableau de fichiers que vous souhaitez partager. Chrome ouvre la feuille de partage du système et vous fournit la liste des applications installées avec lesquelles vous pouvez partager les fichiers.

if (webShareAvailable.files) {
  const shareData = { files: filesArray };
  if (navigator.canShare(shareData)) {
    shareData.title = 'Squooshed files.';
    navigator.share(shareData)
      .then(...)
      .catch(...);
  } else {
    // File sharing not supported
  }
}

Pour en savoir plus, regardez la démonstration et consultez l'article Partager des fichiers avec Web Share.

Séparateurs numériques

Les littéraux numériques autorisent désormais les traits de soulignement (_, U+005F) comme séparateurs pour les rendre plus lisibles. Par exemple, 1_000_000_000 sera interprété par les opérations mathématiques comme équivalent à 1000000000.

Les traits de soulignement ne peuvent apparaître qu'entre des chiffres, et les traits de soulignement consécutifs ne sont pas autorisés. Par conséquent, les littéraux tels que 3._14, _2.71 ou 1.6__2 sont illégaux.

Google I/O 2019 s'est achevé

Si vous n'avez pas pu assister à I/O ou si vous n'avez pas vu toutes les conférences, vous pouvez les regarder sur la chaîne YouTube des développeurs Chrome, dans la playlist "Web à Google I/O 2019".

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 la sortie de Chrome 76, je serai là pour vous présenter les nouveautés de Chrome.

Crédits photo