Nouveautés de Chrome 58

Pete LePage

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 58 a de nouveau à offrir aux développeurs.

IndexedDB 2.0

La structure de la base de données de votre site a un impact important sur les performances et peut être difficile à modifier. IndexedDB 2.0 change cela.

  • Les magasins object et indexes peuvent désormais être renommés sur place après un refactoring.
  • Les clés binaires permettent d'utiliser des clés plus naturelles sans se soucier des pénalités de performances.
  • La récupération des données est plus facile avec les méthodes getKey(), openKeyCursor() et continuePrimaryKey().

La récupération groupée de l'ensemble des ensembles de données n'a plus besoin d'un curseur avec getAll() et getAllKey().

Progressive Web Apps en plein écran

Lorsque les progressive web apps sont lancées depuis l'écran d'accueil Android, elles s'exécutent en mode autonome semblable à une application qui masque la barre omnibox. Cela permet de créer une expérience utilisateur attrayante et de libérer de l'espace à l'écran pour le contenu.

Toutefois, pour des expériences encore plus immersives, comme les jeux, les lecteurs vidéo ou d'autres contenus riches, les éléments d'interface utilisateur mobile tels que les barres système peuvent toujours constituer une distraction et prendre de la place sur les pixels que vous souhaitez utiliser.

Vous pouvez désormais rendre votre progressive web app totalement immersive en définissant display: fullscreen dans votre fichier manifeste d'application Web.

Une PWA lancée depuis l'écran d'accueil (à gauche), lancée depuis l'écran d'accueil en mode standalone (au milieu) et lancée depuis l'écran d'accueil en mode fullscreen (à droite).

Lorsque votre application est lancée depuis l'écran d'accueil, tous les éléments d'interface utilisateur mobile autres que l'application sont masqués.

Améliorations apportées aux iFrames en bac à sable

Chrome 58 est désormais compatible avec le nouveau mot clé de bac à sable d'iframe allow-top-navigation-by-user-activation.

Lorsqu'il est déclenché par une interaction utilisateur, ce mot clé permet aux iFrames placées dans un bac à sable de naviguer sur la page de premier niveau, tout en bloquant les redirections automatiques.

Et bien plus !

Et bien sûr, il y en a bien d'autres.

  • Fini le piratage clearfix. Au lieu de réinitialiser manuellement plusieurs propriétés de mise en page telles que le flottant et le nettoyage, vous pouvez désormais ajouter un nouveau contexte de mise en forme de bloc à l'aide de display: flow-root.
  • PointerEvents.getCoalescedEvents() vous permet d'accéder à tous les événements d'entrée depuis la dernière fois qu'un PointerEvent a été envoyé. Parfait pour les applications de dessin, par exemple, lorsque vous avez besoin d'un historique précis des points.
  • Workers et SharedWorkers peuvent désormais être créés à l'aide d'URL data:, ce qui rend le développement avec Workers plus sécurisé en leur donnant une origine opaque.

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

Si vous avez apprécié cette vidéo, regardez Designer vs. Developer, une nouvelle série de vidéos qui tente de résoudre les défis auxquels sont confrontés les concepteurs et les développeurs lorsqu'ils travaillent ensemble.

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 59 sera disponible, je vous présenterai les nouveautés de Chrome.