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

Cela ne couvre que certains points clés. Consultez les liens ci-dessous pour connaître les modifications supplémentaires dans Chrome 75.

Indice pour les contextes canvas à faible latence

Pour dessiner à l'écran avec l'élément canevas, la page doit synchroniser les mises à jour des éléments 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);

Consultez l'article de Joe intitulé Rendu à faible latence avec l'indice désynchronisé pour en savoir plus, y compris sur la détection de caractéristiques.

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 est désormais compatible avec le partage de 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 pris en charge.


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

Si navigator.canShare renvoie true, le partage de ces fichiers est possible. Vous pouvez donc appeler navigator.share et transmettre un objet contenant le tableau de fichiers que vous souhaitez partager. Chrome ouvre la feuille de partage système et affiche 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 afin de 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 est terminé

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