- Agora é possível criar sua própria tag HTML personalizada e fazer componentes da Web reutilizáveis com o Custom Elements v1.
- É mais fácil enviar mensagens entre janelas ou guias abertas na mesma origem com a API BroadcastChannel.
- A experiência de mídia fica melhor no Android, e a busca externa já está disponível como um teste de origem.
Meu nome é Pete LePage, e vamos conhecer as novidades para desenvolvedores no Chrome 54.
Elementos personalizados v1
Interfaces de usuário complexas costumam exigir uma grande quantidade de HTML. A maioria das linguagens permite que os desenvolvedores criem os próprios componentes baseados em primitivas de linguagem para reduzir esse tipo de verbosidade. Mas, até agora, tem sido difícil criar componentes reutilizáveis na Web.
Com os elementos personalizados, você pode criar suas próprias tags HTML e definir a API e o comportamento do novo elemento em JavaScript. O resultado é uma maneira nativa do navegador de criar componentes reutilizáveis e interoperáveis.
O Chrome 54 oferece suporte às mais recentes especificações V1 de elementos personalizados e continuará a oferecer suporte à API V0 até que vocês já migrem para a V1.
Confira nossa introdução sobre elementos personalizados para saber como você pode usá-los para criar componentes da Web reutilizáveis para seu site ou aplicativo.
API BroadcastChannel
Não é incomum que os usuários de computadores tenham várias janelas ou guias abertas simultaneamente, e alguns sites até incentivam esse comportamento, como editores da Web que abrem documentos nas próprias guias.
A comunicação entre essas guias pode ser difícil. A
API BroadcastChannel é uma nova API de mensagens um para muitos
entre janelas, guias, iframes, Web workers e service workers. Ela
permite que os scripts estabeleçam canais nomeados para enviar mensagens entre
contextos de navegação da mesma origem.
Outros recursos do BroadcastChannel
- Especificações
- Polyfill (link em inglês)
requestFullScreen
A mídia é uma parte cada vez mais importante da experiência de navegação.
Além de um gesto do usuário, agora você pode usar
Element.requestFullScreen()
para acionar o modo de tela cheia após uma
mudança de orientação da tela. Isso permite
criar experiências de mídia mais avançadas que incluem a opção de girar para tela cheia.
Busca externa
Imagine se uma origem usada com frequência, como um provedor de API, um serviço de fonte da Web ou outro serviço pudesse implantar o próprio service worker.
Em vez de sempre acessar a rede, o provedor pode implementar a própria lógica de rede personalizada e aproveitar uma única instância de cache autoritativa para armazenar as respostas.
Agora, graças à busca externa, disponível no Chrome 54 como um teste de origem, isso é uma realidade. Confira a postagem de Jeffrey no link dos comentários abaixo.
Encerramento
Essas são apenas algumas das mudanças no Chrome 54 para desenvolvedores.
Confira a descrição para mais detalhes e confira links para a documentação e especificações.
Ah, e não se esqueça de conferir a Chrome Dev Summit. O evento será transmitido no YouTube nos dias 10 e 11 de novembro.
Para ficar por dentro do Chrome e saber o que está por vir, clique no botão Inscrever-se.
Sou Pete LePage e, assim que o Chrome 55 for lançado, estarei aqui para contar as novidades do Chrome!