O Microsoft Edge agora pode tornar os aplicativos da Web de desktop mais nativos

Assim como o Google Chrome, o Microsoft Edge recebe novos lançamentos importantes aproximadamente a cada quatro semanas. Embora o Chrome 106 tenha chegado ontem, o Edge 106 ainda não foi disponibilizado. Antes de seu lançamento , a Microsoft detalhou uma nova API no Edge 105 que torna os aplicativos da Web para desktop mais naturais.

O Window Controls Overlay é um novo recurso do Progressive Web App (PWA) sobre o qual a Microsoft falou pela primeira vez em janeiro de 2020 . A empresa então começou a trabalhar em uma implementação inicial em março de 2021 sob o projeto Chromium, seguido por um teste Origin, e o Chrome realmente o adotou com a versão 102 em maio de 2022. publicado também.

Muito esforço foi colocado nessa frente porque faz com que o PWA pareça mais um lar. E isso é alcançado não pela melhoria de seu desempenho, mas por uma melhoria aparentemente insignificante no UX. Em vez de forçar a barra de título do aplicativo a corresponder às configurações padrão do sistema operacional, ele retorna cerca de 30 pixels de altura de volta ao PWA, dando a ele controle quase completo sobre a barra de título.

Embora 30px pareça pequeno, daria ao PWA autonomia para exibir títulos personalizados, barras de menu, guias de navegação e muito mais na área. Para lhe dar uma representação mais visual, a área branca no diagrama abaixo será controlada pelo PWA:

A Microsoft enfatizou que isso se adapta a vários sistemas operacionais, incluindo Windows, Mac e Linux. Um gráfico mostrando como o uso desses 30 pixels de altura pode variar em diferentes sistemas operacionais pode ser visto abaixo:

A Microsoft diz que:

Achamos que os PWAs são ótimos para criar aplicativos da Web para desktop. Transformar seu site em um aplicativo que realmente parece pertencer a um desktop nunca foi tão fácil, e usar o recurso de sobreposição de controle de janela ajudará você a criar aplicativos de desktop que parecem muito mais modernos e atraentes para seus usuários.

Se você é um desenvolvedor de PWA interessado em conferir alguns trechos de código para ver como personalizar a barra de título ao seu gosto, confira os exemplos da Microsoft aqui .

Curiosamente, a Microsoft observou que a sobreposição de controles de janela agora está habilitada por padrão no Edge 105, mas nenhum dos logs de alterações para versões principais ou secundárias dessa versão destaca isso. Temos que supor que, se você estiver na versão mais recente do Edge, a API deve estar habilitada para você por padrão.