- Agora você pode criar sua própria tag HTML personalizada e componentes da Web reutilizáveis com os Elementos personalizados v1.
- É mais fácil enviar mensagens entre janelas ou guias abertas na mesma origem com a API BroadcastChannel.
- A experiência de mídia está melhor no Android, e o fetch externo agora está disponível como um teste de origem.
Meu nome é Pete LePage. Vamos conferir as novidades para desenvolvedores no Chrome 54.
Elementos personalizados v1
Interfaces do usuário complexas geralmente exigem uma grande quantidade de HTML. A maioria das linguagens permite que os desenvolvedores criem os próprios componentes com base nas primitivas de linguagem para reduzir esse tipo de verbosidade. Mas até agora, criar componentes reutilizáveis na Web era difícil.
Os elementos personalizados permitem que você crie suas próprias tags HTML personalizadas e defina 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 à especificação V1 mais recente de elementos personalizados e continuará a oferecer suporte à API V0 até que um número suficiente de usuários migre para a V1.
Confira nosso manual sobre elementos personalizados para saber como usá-los para criar componentes da Web reutilizáveis para seu site ou aplicativo.
API BroadcastChannel
Não é incomum que usuários de computadores tenham várias janelas ou guias abertas ao mesmo tempo, 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. Ele
permite que os scripts estabeleçam canais nomeados para enviar mensagens entre
contextos de navegação da mesma origem.
Outros recursos de 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 ricas que incluem a rotação para tela cheia.
Busca externa
Imagine se uma origem usada com frequência, como um provedor de API, um serviço de fontes da Web ou outro serviço, pudesse implantar o próprio worker de serviço.
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, que está disponível no Chrome 54 como um teste de origem, isso é uma realidade. Confira a postagem de Jeffrey vinculada nos 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 links para a documentação e as especificações.
Ah, e não se esqueça de conferir a Chrome Dev Summit, que vai ser transmitida no YouTube nos dias 10 e 11 de novembro.
Se você quiser ficar por dentro das novidades do Chrome e saber o que está por vir, clique no botão Inscrever-se.
Meu nome é Pete LePage, e assim que o Chrome 55 for lançado, vou estar aqui para contar as novidades do Chrome.