Em breve, os Edge PWAs terão barras de título avançadas

A Microsoft vai eliminar a diferença visual entre as barras de título do Edge PWA e outros aplicativos em execução no Windows. Atualmente, esse PWA tem uma barra de título que reproduz a moldura da janela do Edge. Isso mudará em um futuro próximo. O navegador permitirá que os desenvolvedores do PWA personalizem totalmente a aparência da moldura da janela.

Dê uma olhada na imagem a seguir. Aqui está como a nova implementação da moldura da janela se parece com o Edge PWA.

A Microsoft está prestes a tornar a área da barra de título mais personalizável para os desenvolvedores. Agora será possível colocar algum conteúdo extra nessa área, por exemplo, controles ou alguma informação, um logotipo personalizado ou uma caixa de pesquisa. Além disso, a barra de título manterá seus controles clássicos, como os botões minimizar, maximizar e fechar. O usuário será capaz de mover uma janela PWA com uma barra de título moderna usando arrastar e soltar.

Existe um sinalizador que controla esse comportamento. Aqui está como você pode habilitá-lo para testar esse recurso.

Habilitar barras de título avançadas para Edge PWAs

1. Abra o Microsoft Edge.
2. Modelo edge: // flags / # enable-desktop-pwas-controls-overlay na barra de endereço e pressione a tecla Enter.
3. Selecione Ativado ao lado de Sobreposição de controles do Windows PWA da área de trabalho.
4. Reinicie o navegador quando solicitado.

Isso habilitará o novo visual. Agora, navegue até um site que fornece Progressive Web Apps, por exemplo, Twitter ou YouTube, e veja a diferença.

No entanto, observe que levará algum tempo antes que a alteração seja amplamente usada em PWAs. Os desenvolvedores de aplicativos terão que atualizar seus aplicativos da web para usar todos os recursos fornecidos pela nova API. O projeto já é documentado no GitHub.

Além disso, você pode esperar que algo semelhante esteja eventualmente disponível no navegador Chrome. Isso ocorre porque os dois navegadores são desenvolvidos com base no projeto Chromium e costumam compartilhar seus recursos.

Graças a TECHTSP