Os aplicativos da Web no Windows tornaram-se mais como software nativo

A Microsoft introduziu o recurso Window Controls Overlay, que fornece aos desenvolvedores de Progressive Web Application (PWA) controles adicionais da barra de título. Isso significa que no ambiente Windows eles se tornarão mais parecidos com programas nativos.

Fonte da imagem: blogs.windows.com

Até agora, os aplicativos da Web não tinham acesso ao estilo da barra de título, o que levou a consequências não intencionais, como espaços em branco, conflitos de cores e outros bugs que tornaram os PWAs muito diferentes do software tradicional. Com a ferramenta Window Controls Overlay, todos esses problemas ficam para trás: os desenvolvedores têm acesso a “toda a superfície” da janela do aplicativo – você não pode personalizar apenas a área no canto superior direito onde estão localizados os botões de controle da janela.

A barra de título na janela do PWA é controlada por meio de três ferramentas: a função é acessada no arquivo de manifesto do aplicativo Web; a aparência do fragmento de linha é controlada em CSS usando a função env() e quatro variáveis ​​titlebar-area-x/y/width/height; e o feedback para controlar as alterações na geometria da barra de título é fornecido por meio da interface Navigator.windowControlsOverlay em JavaScript.

A Microsoft apresentou originalmente esse recurso em janeiro de 2020, mostrando-o em ação em um aplicativo Web de demonstração. O suporte para a sobreposição de controles de janela no Chrome apareceu em abril de 2022 como um recurso beta e foi lançado em agosto com o lançamento do Chrome 105.