O que você precisa saber
- A Microsoft acaba de lançar um recurso para desenvolvedores que ajuda os Progressive Web Apps a se parecerem mais com aplicativos nativos.
- O recurso, chamado Window Controls Overlay, permite que os aplicativos da Web personalizem a barra de título.
- A Microsoft explicou que, embora a área da barra de título seja pequena, ter acesso a ela é “enorme” para PWAs.
Os Progressive Web Apps, também conhecidos como PWAs, são uma categoria crescente de aplicativos da Web que oferecem vários benefícios para desenvolvedores e usuários finais. A natureza multiplataforma dos PWAs os torna úteis em dispositivos móveis e desktops. Usá-los em vez de outras formas de aplicativos também facilita a tensão do desenvolvimento, pois um único PWA pode funcionar em uma ampla variedade de dispositivos. Embora haja muitos benefícios no desenvolvimento de um PWA, ainda existem algumas desvantagens.
Os Progressive Web Apps podem parecer menos nativos do que os aplicativos criados para plataformas específicas. Claro, isso é em parte porque isso é preciso. Os PWAs são, em essência, aplicativos da web sofisticados. Mas a Microsoft trabalhou duro ao longo dos anos para tornar os PWAs mais nativos. A empresa recentemente deu mais um passo para melhorar os Progressive Web Apps.
Os desenvolvedores agora podem personalizar a área da barra de título dos PWAs. A Microsoft anunciou a disponibilidade do recurso, chamado Window Control Overlay, e explicou seus benefícios em uma postagem do blog.
“Mesmo que a barra de título tenha apenas 30 pixels de altura, as implicações de design de ter acesso à área que ela normalmente ocupa são enormes”, disse a Microsoft. “O que podemos fazer com apenas 30 pixels? Exibir um título personalizado, uma barra de menus, algumas informações da conta, guias de navegação? Veja outros aplicativos de desktop que você usa e perceberá rapidamente que todos eles usam essa área em alguns E agora, os aplicativos da web instalados também podem!”
No mínimo, a barra de título dos PWAs geralmente é um espaço desperdiçado. Em alguns casos, pode se destacar um pouco devido a cores conflitantes. A sobreposição de controle de janela deve corrigir esses problemas. “Transformar seu site em um aplicativo que realmente parece pertencer ao desktop nunca foi tão fácil e usar o recurso Window Controls Overlay ajudará você a criar aplicativos de desktop que parecem muito mais modernos e atraentes para seus usuários”, disse a Microsoft.
A postagem no blog da empresa explica como implementar o novo recurso e garantir que ele se ajuste a diferentes sistemas operacionais e quando as janelas forem redimensionadas.
O Window Control Overlay está em andamento há muito tempo. A Microsoft propôs o recurso em janeiro de 2020 e, em seguida, construiu uma implementação no Chromium. A gigante da tecnologia trabalhou então com várias empresas e fabricantes de navegadores como parte do Projeto de recursos da Web para fazê-lo funcionar.