O recurso de sobreposição de controles de janela agora pode fazer com que os aplicativos da Web pareçam mais com aplicativos de desktop nativos
2 minutos. ler
Publicado em
Compartilhe este artigo
Melhore este guia
Leia nossa página de divulgação para descobrir como você pode ajudar o MSPoweruser a sustentar a equipe editorial Saiba mais
Os aplicativos da Web funcionam bem não apenas em telefones celulares, mas também se tornaram uma ótima alternativa aos aplicativos de desktop nativos. E para preencher ainda mais a lacuna entre aplicativos da Web e aplicativos de desktop nativos, a Microsoft anunciou o recurso Window Controls Overlay, permitindo que os desenvolvedores criem suas próprias barras de título em vez de forçá-las a usar as padrão.
Aplicativos da Web e aplicativos de desktop nativos parecem semelhantes hoje em dia, exceto que o primeiro usa uma experiência padrão da barra de título, que contém informações relacionadas ao nome do site e outros botões de controle. E agora, com a incorporação do Window Controls Overlay, os desenvolvedores podem usar toda a área onde a barra de título padrão é normalmente exibida. Os botões de janela críticos do sistema, no entanto, permanecerão inalterados.
Os desenvolvedores agora podem usar esse espaço extra para exibir um título personalizado, uma barra de menus, algumas informações da conta, guias de navegação e muito mais em seus aplicativos da Web para torná-los mais parecidos com aplicativos de desktop nativos. A imagem acima postada pela Microsoft explica bem as mudanças que o Window Controls Overlay trará quando você usar a solução.
A Microsoft propôs o Window Control Overlay em junho de 2022, mas a empresa levou mais tempo para construir a implementação inicial no Chromium. E agora, depois de mais de dois anos, a Microsoft finalmente está tornando uma experiência padrão para todos usarem no Microsoft Edge Google Chrome com a versão 105. Também está disponível no Opera 91.
Para optar por usar essa funcionalidade, os desenvolvedores precisam usar o display_override membro manifesto e defina seu valor como [“janela-controles-sobreposição“]. Ele também precisará do novo titlebar-área-* Variáveis de ambiente CSS e a nova API JavaScript navigator.windowControlsOverlay. A Microsoft recomenda que os desenvolvedores verifiquem o documentação técnica bem como o Rede de desenvolvedores da Mozilla documentos de referência para saber mais sobre como incorporar a nova solução em aplicativos da web.
