- Vous pouvez désormais créer votre propre balise HTML personnalisée et créer des composants Web réutilisables avec Custom Elements V1.
- L'API BroadcastChannel permet d'envoyer plus facilement des messages entre des fenêtres ou des onglets ouverts de la même origine.
- L'expérience multimédia s'améliore sur Android, et la récupération externe est désormais disponible en version d'essai pour les origines.
Je m'appelle Pete LePage. Je vais vous présenter les nouveautés de Chrome 54 pour les développeurs.
Custom Elements v1
Les interfaces utilisateur complexes nécessitent souvent une grande quantité de code HTML. La plupart des langages permettent aux développeurs de créer leurs propres composants basés sur des primitives de langage pour atténuer ce type de verbosité. Mais jusqu'à présent, la création de composants réutilisables sur le Web était difficile.
Les éléments personnalisés vous permettent de créer vos propres balises HTML personnalisées, et de définir l'API et le comportement du nouvel élément en JavaScript. Le résultat est une méthode native du navigateur permettant de créer des composants réutilisables et interopérables.
Chrome 54 est compatible avec la dernière spécification V1 des éléments personnalisés et continuera de l'être avec l'API V0 jusqu'à ce que suffisamment d'entre vous ayez migré vers la version V1.
Consultez notre guide sur les éléments personnalisés pour découvrir comment les utiliser pour créer des composants Web réutilisables pour votre site ou votre application.
API BroadcastChannel
Il n'est pas rare que les utilisateurs de bureau aient plusieurs fenêtres ou onglets ouverts simultanément. Certains sites encouragent même ce comportement, comme les éditeurs Web qui ouvrent des documents dans leurs propres onglets.
La communication entre ces onglets peut être difficile. L'API BroadcastChannel est une nouvelle API de messagerie de type "un à plusieurs" entre les fenêtres, les onglets, les iFrames, les web workers et les service workers. Il permet aux scripts d'établir des canaux nommés pour envoyer des messages entre les contextes de navigation de la même origine.
Autres ressources BroadcastChannel
requestFullScreen
Les contenus multimédias occupent une place de plus en plus importante dans l'expérience de navigation.
En plus d'un geste utilisateur, vous pouvez désormais utiliser Element.requestFullScreen() pour déclencher le mode plein écran après un changement d'orientation de l'écran. Vous pouvez ainsi créer des expériences multimédias plus riches, y compris la rotation en plein écran.
Récupération externe
Imaginez qu'une origine couramment utilisée, comme un fournisseur d'API, un service de polices Web ou un autre service, puisse déployer son propre service worker.
Au lieu de toujours accéder au réseau, le fournisseur peut implémenter sa propre logique de mise en réseau personnalisée et tirer parti d'une seule instance de cache faisant autorité pour stocker ses réponses.
Grâce à la récupération externe, disponible dans Chrome 54 en tant qu'essai d'origine, c'est désormais une réalité. Consultez le post de Jeffrey en lien dans les commentaires ci-dessous.
Conclusion
Ce ne sont là que quelques-uns des changements apportés à Chrome 54 pour les développeurs.
Consultez la description pour en savoir plus et accéder aux liens vers la documentation et les spécifications.
N'oubliez pas de suivre le Sommet des développeurs Chrome, que nous diffuserons en direct sur YouTube les 10 et 11 novembre.
Si vous souhaitez vous tenir informé de Chrome et savoir ce qui vous attend, cliquez sur le bouton S'abonner en haut de la page.
Je m'appelle Pete LePage. Dès la sortie de Chrome 55, je serai là pour vous présenter les nouveautés de Chrome.