Nouveautés de Chrome 58

Pete LePage

  • La norme IndexedDB 2.0 est désormais entièrement compatible avec Chrome. Elle propose de nouvelles fonctionnalités de gestion des schémas, des méthodes d'actions groupées et une gestion plus standardisée des défaillances.
  • Les progressive web apps deviennent plus immersives avec display: fullscreen.
  • allow-top-navigation-by-user-activation offre de nouveaux pouvoirs iframes en bac à sable
  • Et ce n'est pas tout, ce n'est pas tout !

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. C'est parti pour découvrir les nouveautés de Chrome 58 pour les 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 la donne.

  • Les magasins object et indexes peuvent désormais être renommés sur place après une refactorisation.
  • Les clés binaires permettent 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().

De plus, la récupération groupée d'ensembles de données entiers n'a plus besoin d'un curseur avec getAll() et getAllKey().

Progressive web apps plein écran

Lorsque les progressive web apps sont lancées à partir de l'écran d'accueil Android, elles se lancent dans un mode autonome semblable à une application qui masque l'omnibox. Cela permet de créer une expérience utilisateur engageante 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 enrichis, des éléments d'interface utilisateur pour mobile tels que les barres système peuvent toujours constituer une distraction et occuper les pixels précieux que vous souhaiterez peut-être.

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

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

Lorsque votre application est lancée à partir de l'écran d'accueil, tous les éléments d'interface utilisateur mobile qui ne sont pas associés à l'application sont masqués.

Améliorations apportées aux cadres iFrame en bac à sable

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

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

Et bien plus !

Et bien d'autres choses encore.

  • Dites adieu au hack clearfix. Au lieu de réinitialiser manuellement plusieurs propriétés de mise en page telles que float et clear, 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 livraison d'une PointerEvent. Idéal lorsque vous avez besoin d'un historique précis des points pour des applications de dessin, par exemple.
  • Workers et SharedWorkers peuvent désormais être créés à l'aide d'URL data:, ce qui renforce la sécurité du développement avec Workers 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, consultez Designer vs. Developer (Concepteur ou développeur), une nouvelle série de vidéos qui tente de résoudre les problèmes rencontrés lorsque les concepteurs et les développeurs travaillent ensemble.

Ensuite, abonnez-vous à notre chaîne YouTube. Vous recevrez une notification par e-mail chaque fois qu'une nouvelle vidéo sera mise en ligne.

Je m'appelle Pete LePage et, dès la sortie de Chrome 59, je serai là pour vous dire : quelles sont les nouveautés de Chrome !