A Microsoft está melhorando a forma como os aplicativos da web no navegador Edge são exibidos em dispositivos desktop. A empresa anunciou a disponibilidade do recurso Window Controls Overlay, que permite aos desenvolvedores web use espaço adicional na barra de título de um aplicativo da web, semelhante ao que os aplicativos nativos fazem na maioria dos aplicativos operacionais. sistemas.
A forma como os aplicativos da web funcionam atualmente em dispositivos desktop é que eles só podem desenhar conteúdo especificamente dentro da janela do aplicativo. A barra de título, exibida na parte superior, é reservada para mostrar o título da página, os controles do navegador e os controles gerais da janela do sistema operacional. A menos que você esteja criando um aplicativo Web personalizado que não dependa de um navegador, isso limita a área na qual os desenvolvedores podem exibir conteúdo útil para seus aplicativos.
Com a sobreposição de controles de janela, o Microsoft Edge libera espaço na barra de título para exibição de aplicativos qualquer conteúdo que desejarem, o que pode ser útil para menus de nível superior, barras de pesquisa e outros recursos. Em vez de ter 30 linhas de pixels ocupadas pela barra de título, os controles da janela – como os botões minimizar e fechar – agora são exibidos como uma sobreposição no topo do conteúdo do aplicativo da web.
Como desenvolvedor, você pode aproveitar isso adicionando um membro do manifesto de substituição de exibição ao manifesto do seu aplicativo Web e em seguida, use variáveis CSS para evitar que seu aplicativo da web desenhe elementos sob os controles da janela no canto do aplicativo. Como os controles de janela são diferentes no Windows, Linux ou macOS, você precisará usar variáveis de largura diferentes dependendo da plataforma onde o aplicativo está sendo executado. Você pode encontrar mais informações sobre esse recurso no site Rede de desenvolvedores Mozilla.
A Microsoft falou pela primeira vez sobre o Window Controls Overlay há mais de dois anos e começou a implementá-lo no mecanismo Chromium algum tempo depois. O recurso agora está disponível no Edge e no Chrome a partir da versão 105, bem como na versão 91 do Opera. Outros navegadores baseados no Chromium também devem suportá-lo se estiverem executando a versão mais recente do Chromium. Há também uma especificação formal publicada que deve incentivar outros navegadores, como o Firefox, a implementar também o recurso.
Fonte:Microsoft