- Vous pouvez désormais créer vos propres balises HTML personnalisées et des composants Web réutilisables avec Éléments personnalisés v1.
- Il est plus facile d'envoyer des messages entre des fenêtres ou des onglets ouverts de la même origine avec l'API BroadcastChannel.
- Amélioration de l'expérience multimédia sur Android et extraction à l'étranger est désormais disponible en phase d'évaluation.
Je m'appelle Pete LePage. Découvrons les nouveautés de Chrome 54 pour les développeurs.
Éléments personnalisés 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 afin d'atténuer ce type de verbosité. Mais jusqu'à présent, il a été difficile de créer des composants réutilisables sur le Web.
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. Vous disposez ainsi d'une solution native pour navigateur pour créer des composants réutilisables et interopérables.
Chrome 54 est compatible avec les dernières spécifications V1 des éléments personnalisés et continuera à prendre en charge l'API V0 jusqu'à ce que vous soyez suffisamment nombreux à passer à la version 1.
Consultez notre introduction aux éléments personnalisés afin de découvrir comment créer des composants Web réutilisables pour votre site ou votre application.
API BroadcastChannel
Il n'est pas rare pour les utilisateurs d'ordinateurs d'ouvrir simultanément plusieurs fenêtres ou onglets. Certains sites encouragent même ce comportement, tels que les éditeurs Web qui ouvrent les documents dans leurs propres onglets.
Il peut être difficile de communiquer entre ces onglets. L'API BroadcastChannel est une nouvelle API de messagerie 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 des contextes de navigation ayant la même origine.
Autres ressources sur BroadcastChannel
requestFullScreen
Les contenus multimédias occupent une place de plus en plus importante dans l'expérience de navigation.
En plus du geste de l'utilisateur, vous pouvez désormais utiliser Element.requestFullScreen() pour déclencher le mode plein écran après un changement d'orientation de l'écran, ce qui vous permet de créer des expériences multimédias plus riches, y compris une rotation en plein écran.
Extraction 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 mettre en œuvre sa propre logique de mise en réseau personnalisée et exploiter une seule instance de cache primaire pour stocker ses réponses.
Désormais, grâce à la récupération étrangère, disponible dans Chrome 54 en tant qu'évaluation initiale, elle est devenue réalité. Consultez le post de Jeffrey dont le lien figure dans les commentaires ci-dessous.
Conclusion
Ce ne sont là que quelques-unes des modifications apportées à Chrome 54 pour les développeurs.
Consultez la description pour en savoir plus, et ajoutez des liens vers la documentation et les spécifications.
Et n'oubliez pas de vous rendre sur le Chrome Dev Summit, qui sera diffusé en streaming sur YouTube les 10 et 11 novembre.
Si vous souhaitez rester informé des nouveautés de Chrome et savoir ce qui vous attend, cliquez sur le bouton S'abonner dans la partie supérieure.
Je m'appelle Pete LePage. Dès la sortie de Chrome 55, je serai là pour vous dire quelles sont les nouveautés de Chrome !