Dans Chrome 75, nous avons ajouté la prise en charge des éléments suivants:
- Il existe un nouveau moyen de réduire la latence sur les éléments
canvas
. - Les applications Web peuvent désormais partager des fichiers avec d'autres applications installées à l'aide de la feuille de partage au niveau du système.
- Les littéraux numériques autorisent désormais les traits de soulignement comme séparateurs pour les rendre plus lisibles.
- La conférence Google I/O 2019 est terminée, et toutes les conférences sont disponibles sur notre chaîne YouTube.
Je m'appelle Pete LePage. Découvrons ce qu'il y a de nouveau pour les développeurs dans Chrome 75.
Journal des modifications
Cet article ne présente que certains des points forts. Consultez les liens ci-dessous pour en savoir plus sur les modifications supplémentaires apportées à Chrome 75.
- Nouveautés des outils pour les développeurs Chrome (75)
- Abandons et suppressions de Chrome 75
- Mises à jour du site ChromeStatus.com pour Chrome 75
- Nouveautés de JavaScript dans Chrome 75
- Liste des modifications du dépôt source Chromium
Conseil pour les contextes canvas
à faible latence
Pour dessiner à l'écran avec l'élément canevas, la page doit synchroniser les mises à jour des graphiques avec le DOM. Cette synchronisation peut parfois entraîner une latence. Par exemple, dans une application de dessin, les latences supérieures à 50 millisecondes peuvent interférer avec la coordination œil-main, ce qui les rend difficiles à utiliser.
La suggestion 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. Ce conseil indique au système d'ignorer autant de compositions que possible. Dans certains cas, le tampon sous-jacent de canvas
est envoyé directement au contrôleur d'affichage. Cela élimine la latence que pourrait causer l'utilisation de la file d'attente du compositeur du moteur de rendu.
Il suffit d'ajouter desynchronized: true
à l'objet d'options lors de la création du canevas pour utiliser la suggestion désynchronisée.
const opts = { desynchronized: true };
const ctx = canvas.getContext('2d', opts);
Consultez l'article de Joe concernant le rendu à faible latence avec la suggestion désynchronisée pour en savoir plus, y compris sur la détection de 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 le système d'exploitation, 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 prend désormais en charge le partage de fichiers. Cette fonctionnalité m'intéresse particulièrement, car elle permet aux applications de partager plus facilement des photos, des vidéos, etc. Squoosh permet de partager un fichier une fois que vous avez fini de le compresser. L'API Web Share est actuellement compatible avec le partage de fichiers audio, d'images, de vidéos et de documents texte.
Il est préférable d'utiliser la détection de fonctionnalités pour vérifier si l'API Web Share est compatible. Dans le cas contraire, il est préférable d'utiliser le mécanisme traditionnel. 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 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 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
}
}
Essayez la démonstration et consultez l'article Partager des fichiers avec le Partage Web pour en savoir plus.
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 les chiffres. Les traits de soulignement consécutifs ne sont pas autorisés. Ainsi, les littéraux tels que 3._14
, _2.71
ou 1.6__2
sont interdits.
La conférence Google I/O 2019 s'achève
Si vous n'êtes pas allé à Google I/O ou si vous l'avez fait, et que vous n'avez pas vu toutes les conférences, elles sont toutes disponibles sur la chaîne YouTube des développeurs Chrome, dans la playlist "Web at Google I/O 2019".
- Tom et moi avons présenté l'article Débloquer de nouvelles fonctionnalités pour le Web afin d'aborder certaines des incroyables nouvelles fonctionnalités disponibles cette année dans les navigateurs.
- Addy et Katie ont présenté des conseils et astuces pour améliorer leurs performances dans "Speed at Scale" (Vitesse à grande échelle).
- Elizabeth et Paul se plongent dans quelques outils de développement sympas dans Demystifying Speed Tooling (Démystifier les outils de vitesse).
- Dans Créer des applications Web fluides et rapides, du téléphone multimédia au bureau, Mariko nous a montré comment elle a conçu Proxx avec son équipe pour qu'elle fonctionne sur n'importe quel appareil, du feature phone au smartphone en passant par l'ordinateur de bureau. Si vous n'avez pas encore essayé Proxx, c'est un clone de démineur super amusant.
S'abonner
Pour suivre l'actualité de nos vidéos, abonnez-vous à notre chaîne YouTube pour les développeurs Chrome afin de recevoir une notification par e-mail chaque fois qu'une nouvelle vidéo est mise en ligne.
Je m'appelle Pete LePage et, dès la sortie de Chrome 76, je serai là pour vous dire : les nouveautés de Chrome !
Crédits photo
- Photo de croquis de Balázs Kétyi de Unsplash