Novidades no Aplicativos Web Progressivo

Esta página lista as atualizações para PWAs (Aplicativos Web Progressivos) e Aplicativos Web da equipe do Microsoft Edge Aplicativos Web. Para experimentar novos recursos, leia esses anúncios. Para se manter atualizado com os recursos mais recentes e maiores, baixe os canais de versão prévia do Microsoft Edge (Beta, Desenvolvimento e Canário).

As seções deste documento correspondem a versões históricas do Microsoft Edge e não são atualizadas ao longo do tempo. Por exemplo, as referências abaixo a "novos recursos" ou "avaliações de origem" podem ficar desatualizadas à medida que novas versões do Microsoft Edge forem lançadas.

Novidades no Microsoft Edge 114

A partir do Microsoft Edge 114, você pode detectar quando seu PWA é executado na barra lateral no Microsoft Edge usando User-Agent Dicas do Cliente.

Para saber mais, marcar esses recursos:

Novidades no Microsoft Edge 112

A partir do Microsoft Edge 112, o Aplicativos Web Progressivo pode aceitar experimentalmente para ser fixado na barra lateral no Microsoft Edge.

A barra lateral no Microsoft Edge permite que os usuários acessem facilmente sites e utilitários populares ao lado de suas guias do navegador. O conteúdo na barra lateral aumenta a tarefa principal do usuário, habilitando a navegação lado a lado e minimizando a necessidade de alternar contextos entre as guias do navegador.

Para deixar seu PWA pronto para fixar na barra lateral no Microsoft Edge, use o membro do edge_side_panel manifesto.

Microsoft Edge com uma guia aberta em um aplicativo de lista TODO e PWAmp na barra lateral

Para saber mais, confira Criar PWAs para a barra lateral no Microsoft Edge.

Novidades no Microsoft Edge 108

O Microsoft Edge 108 apresenta suporte experimental para Aplicativos Web progressivos para definir seus próprios widgets no Widgets Board em Windows 11.

Os widgets são definidos no arquivo de manifesto PWA usando o membro do widgets manifesto. Os widgets são exibidos usando modelos de Cartões Adaptáveis, o que facilita a criação de widgets e facilita a adaptação a vários painéis de widgets do sistema operacional no futuro. O Microsoft Edge também possibilita lidar com ações do usuário em widgets PWA do arquivo de trabalho do serviço.

A captura de tela a seguir mostra o Quadro de Widgets do Windows à esquerda e o aplicativo de demonstração PWAmp à direita. O Widgets Board contém o widget do mini player PWAmp, mostrando a música atual que está sendo reproduzida no aplicativo PWAmp:

O widget do mini player PWAmp, no quadro Widgets do Windows, ao lado do aplicativo PWAmp

Para saber mais, confira Criar widgets controlados por PWA.

Novidades no Microsoft Edge 105

O Microsoft Edge 105 traz os novos recursos a seguir para o Aplicativos Web Progressivo.

API sobreposição de controles de janela

A API de Sobreposição de Controles de Janela agora está disponível por padrão, começando com o Microsoft Edge 105. Use a API de Sobreposição de Controles de Janela para assumir o controle da área que normalmente seria usada pela barra de título de uma janela PWA instalada. O código PWA pode usar essa área para renderizar conteúdo arbitrário da Web, como uma área de título personalizada, botões de navegação ou uma barra de menus.

Esse recurso torna PWAs instaladas em sistemas operacionais da área de trabalho, como Windows, macOS e Linux, mais semelhantes aos seus equivalentes nativos.

Um PWA, com uma barra de título personalizada

Para saber mais, marcar esses recursos:

As notificações de um PWA agora são indicadas como provenientes da PWA

Em versões anteriores, as notificações criadas por PWAs pareciam ter sido emitidas pelo Microsoft Edge.

Com o Microsoft Edge 105, as notificações de um PWA agora exibem o nome e o ícone da PWA em vez de exibir "Microsoft Edge":

Uma janela do aplicativo PWA, com uma notificação mostrada perto da barra de tarefas do Windows. A notificação tem o ícone e o nome do PWA

Novidades no Microsoft Edge 101

O Microsoft Edge 101 apresenta o recurso de pesquisa de barra lateral para PWAs. A pesquisa na barra lateral permite que os usuários de PWAs instalados pesquisem e naveguem conteúdo da Web em uma barra lateral localizada na janela PWA.

Para acessar a pesquisa da barra lateral:

  1. Clique no botão Abrir pesquisa de barra lateral na barra de título do PWA instalado:

    O ícone de pesquisa da barra lateral, mostrado na barra de título do aplicativo

  2. Digite uma consulta de pesquisa e pressione Enter. Os resultados da pesquisa são exibidos e você pode acessar uma página da Web a partir daí:

    A pesquisa da barra lateral, aberta ao lado de um PWA, com alguns resultados de pesquisa exibidos

Novidades no Microsoft Edge 100

Microsoft Edge Dev e canários mudaram para a versão 100 em 9 de fevereiro de 2022. Neste marco, estamos testando os novos recursos do aplicativo Web a seguir. Esperamos ver esses novos recursos sendo lançados para Estável após o período de teste.

Sincronização de Aplicativos

O serviço de sincronização que alimenta recursos, incluindo Favoritos, Configurações, Histórico e muito mais foi expandido para incluir seus aplicativos Web instalados - ou seja, PWAs e sites instalados como aplicativos. O serviço de sincronização funciona quando você está conectado ao seu perfil e optou pela sincronização.

À medida que testamos e liberamos gradualmente esse recurso nas próximas semanas, os usuários que optaram por sincronizar começarão a ver uma seção Seus aplicativos disponíveis na edge://apps página e um menu aplicativos redesenhados.

A seção Seus aplicativos disponíveis

A seção Aplicativos disponíveis mostrará todos os aplicativos instalados em outros dispositivos com o mesmo perfil conectado, que não estão instalados atualmente na instância do Microsoft Edge que você está usando. Os aplicativos disponíveis serão mostrados em sua própria seção com ícones cinzas. Clique no botão Instalar em um aplicativo para instalar o aplicativo nesse dispositivo:

Aplicativos disponíveis mostrados na página Aplicativos com o botão de instalação realçado

A sincronização de aplicativos está disponível somente em dispositivos de área de trabalho, nesta fase. Para manter seus aplicativos em sincronização entre dispositivos, adicionar um aplicativo em um dispositivo o adicionará à seção Seus aplicativos disponíveis em outros dispositivos. A desinstalação de um aplicativo em um dispositivo o removerá de outros dispositivos.

Menu Aplicativos Redesenhados

No Microsoft Edge, o comando Aplicativos no menu Configurações e mais está sendo redesenhado:

  • O ícone de menu Aplicativos pode ser adicionado à barra de ferramentas para acesso rápido.
  • O menu pop-up pode ser fixado aberto como uma barra lateral para mostrar seus aplicativos ao lado do conteúdo da Web.
  • Opções de exibição e classificação personalizáveis foram adicionadas, juntamente com uma seção Meus aplicativos disponíveis para dar suporte ao recurso Sincronização de Aplicativos.

Os usuários podem mostrar o ícone do menu Aplicativos na barra de ferramentas para acesso rápido:

O ícone Aplicativos pode ser mostrado na barra de ferramentas para acesso rápido

Os usuários podem fixar o menu Aplicativos aberto como uma barra lateral:

Os usuários podem fixar o menu Aplicativos aberto como uma barra lateral

Os usuários podem escolher entre uma lista ou uma exibição de grade:

Os usuários podem escolher entre a lista ou a exibição de grade para seus aplicativos

Os usuários podem escolher a ordem de classificação de seus aplicativos:

Os usuários podem escolher a ordem de classificação de seus aplicativos

Novidades no Microsoft Edge 97

O Microsoft Edge versão 96 está programado para se tornar a versão estável em 18 de novembro de 2021. A versão 97 do Microsoft Edge passará do canal de visualização Dev para Beta após essa data.

Armazenar aplicativos registrados como manipuladores de URL ocultam a interface do usuário da guia personalizada

As PWAs instaladas na loja que estão participando da Avaliação de Origem do Manipulador de URL não mostrarão mais a CCT (Guia Personalizada do Chrome) ao redirecionar do domínio da PWA para um nome de domínio correspondente com um TLD (domínio de nível superior diferente). Esse redirecionamento geralmente acontece em aplicativos com domínios específicos da localidade; por exemplo, redirecionamento de contoso.com para para contoso.ca usuários no Canadá.

Novidades no Microsoft Edge 96

Manipuladores de Protocolo de URL se movem para Estável

O julgamento de origem foi concluído. O recurso Manipuladores de Protocolo de URL agora está sendo enviado no Microsoft Edge 96 Stable.

Veja também:

Novo design do hub para gerenciar seus aplicativos Web instalados

O Microsoft Edge Canary chegou à versão 96 em 5 de outubro de 2021. Com um subconjunto de nossos usuários, estamos testando um novo design para gerenciar melhor seus aplicativos Web instalados. Quando você acessa edge://apps o navegador, ele agora exibe um hub redesenhado que lista PWAs e sites instalados como aplicativos.

Ordem de classificação

Você pode classificar seus aplicativos por qualquer um dos seguintes:

  • Usado recentemente.
  • Em ordem alfabética, com base no título.
  • Data da instalação.
Exibição de lista ou exibição de grade

Você pode organizar aplicativos em uma lista ou exibição de grade usando a lista suspensa Exibir como suspensa. Nesta imagem, o modo de exibição de grade está selecionado:

A nova página de gerenciamento de aplicativos no Microsoft Edge

Para ampliar: clique com o botão direito do mouse > em Abrir imagem na nova guia.

Fixar aplicativos, criar atalhos para aplicativos, executar aplicativo no logon

Você pode fixar aplicativos facilmente na barra de tarefas ou no menu Iniciar . Você pode criar um atalho e permitir que os aplicativos sejam executados no logon do usuário.

App details page

Agora há uma página de detalhes do aplicativo, que fornece uma maneira de acessar facilmente o seguinte:

  • Permissões e detalhes de privacidade para a origem associada.
  • Mais detalhes sobre o aplicativo.

A página de detalhes do aplicativo:

A página de detalhes do aplicativo no Microsoft Edge

Novidades no Microsoft Edge 95

O Microsoft Edge versão 95 foi transferido para o canal Beta em 28 de setembro de 2021. As avaliações de origem permanecem ativas para os seguintes recursos:

Esperamos que a avaliação de origem dos manipuladores de protocolo termine em 21 de outubro de 2021.

Novidades no Microsoft Edge 94

O Microsoft Edge versão 94 mudou-se para Stable em 23 de setembro de 2021. Esse ciclo de lançamento foi curto— apenas três semanas do Microsoft Edge 93 Stable para o Microsoft Edge 94 Stable, conforme avançamos para o novo ciclo de lançamento de 4 semanas. Essa nova cadência de lançamento corresponde à nova cadência de Chromium marcos, descritos em Acelerar o ciclo de lançamento do Chrome.

Devido ao ciclo de lançamento reduzido do Microsoft Edge versão 94, focamos em estabilizar a logística do ciclo de lançamento e mudamos o desenvolvimento de recursos para o Microsoft Edge versão 95.

As avaliações de origem permanecem ativas para os seguintes recursos:

Esperamos que a avaliação de origem dos manipuladores de protocolo termine com o Microsoft Edge versão 94 à medida que recebemos os comentários finais e nos preparamos para mover o recurso de manipuladores de protocolo para Estável. Caso você esteja registrado na avaliação de origem para manipuladores de protocolo, planejamos encerrar o período de avaliação após o Microsoft Edge versão 94. Em seguida, determinaremos quando esse recurso se tornará estável.

Novidades no Microsoft Edge 93

O Microsoft Edge versão 93 tornou-se o canal estável do Microsoft Edge em 2 de setembro de 2021. Este artigo lista as atualizações feitas para PWAs (Progressive Aplicativos Web) do ponto de vista do desenvolvedor e do consumidor.

Medir o uso do PWA instalado na Loja

O Microsoft Edge agora inclui um cabeçalho de referenciador com a solicitação para a primeira navegação do PWA instalado na Microsoft Store.

Esse recurso foi introduzido pela primeira vez no Microsoft Edge versão 91 e enviamos uma correção de bug no Microsoft Edge versão 93.

Saiba mais em Publicar um Aplicativo Web Progressivo na Microsoft Store.

Avaliações de origem de sobreposição de controles de janela

Para ter mais controle sobre a área da barra de título exibida atualmente no modo de exibição autônomo, talvez você queira experimentar a Sobreposição de Controles de Janela. A WCO (Window Controls Overlay) é um conjunto de recursos que funcionam juntos para fornecer apenas os controles essenciais necessários para a janela do aplicativo. Esse layout libera mais espaço para a camada de conteúdo da Web. O WCO está disponível para PWAs de área de trabalho instaladas.

Saiba mais sobre como experimentar a Sobreposição de Controles de Janela na exibição de conteúdo na barra de título.

Atualização 2023: esse recurso não está mais na Avaliação de Origem e está disponível para todos os usuários, portanto, o seguinte não se aplica mais: Registre sua origem para a avaliação sobreposição de controles de janela de aplicativo Web no Console do Desenvolvedor de Avaliações de Origem.

Avaliação de origem dos Manipuladores de URL

Os desenvolvedores agora podem usar o recurso experimental Manipuladores de URL do Aplicativo Web na avaliação de origem. Esse recurso permite que o registro de um PWA instalado abra links de outros aplicativos que se referem ao seu escopo.

Atualização 2023: esse recurso não está mais em Avaliação de Origem e foi removido, portanto, o seguinte não se aplica mais, e o recurso Manipuladores de URL PWA foi removido do mecanismo do navegador Chromium: Registre seu domínio para a avaliação manipuladores de URL do Aplicativo Web no Console do Desenvolvedor de Avaliações de Origem.

Veja também:

Suporte para a API de Compartilhamento no macOS

Implementamos o suporte para a navigator.share API para macOS. O recurso está sendo lançado para navegadores estáveis do Microsoft Edge no macOS nas próximas semanas.

Saiba mais sobre a API navigator.share().

Novidades no Microsoft Edge 92

O Microsoft Edge versão 92 tornou-se o canal estável do Microsoft Edge em 22 de julho de 2021. Este artigo lista as atualizações feitas para PWAs (Progressive Aplicativos Web) do ponto de vista do desenvolvedor e do consumidor.

Avaliação de origem dos manipuladores de protocolo

Agora você pode registrar seu PWA para lidar com protocolos específicos com o sistema operacional host. Saiba mais sobre como usar manipuladores de protocolo com o PWA em Manipular protocolos no Aplicativos Web Progressivo.

Atualização 2023: esse recurso não está mais em Avaliação de Origem e está disponível para todos os usuários, portanto, o seguinte não se aplica mais: A avaliação do Windows para manipuladores de protocolo agora está disponível. Você pode registrar sua origem para a avaliação do Manipulador de Protocolo de Aplicativo Web na página de inscrição de avaliação de origem.

Menu Informações simplificadas do aplicativo

Quando um usuário seleciona o botão reticências (...) na barra de título do aplicativo, o menu informações do aplicativo é exibido. Atualizamos o menu informações do aplicativo e simplificamos a experiência do usuário das seguintes maneiras, para fornecer uma experiência do usuário mais parecida com um aplicativo de área de trabalho do que uma interface do usuário do navegador:

  • Moveu as informações do Editor do aplicativo para o nível superior e fez dela a primeira coisa que um usuário vê:

    O novo menu Informações do Aplicativo simplificado

  • Moveu as informações de privacidade e os controles para um menu de privacidade dedicado de 2º nível:

    Controles de privacidade no menu Privacidade dedicada

  • Moveu ferramentas relacionadas ao conteúdo para um menu dedicado mais ferramentas de 2º nível:

    As ferramentas relacionadas ao conteúdo agora são encontradas no menu Mais Ferramentas

Caixa de diálogo de flyout pós-instalação

Depois que um PWA é instalado no navegador Microsoft Edge no Windows, os usuários agora podem selecionar entre quatro opções para iniciar facilmente seus aplicativos:

  • Fixar na barra de tarefas
  • Fixar para Iniciar
  • Criar atalho da Área de Trabalho
  • Iniciar automaticamente o logon do dispositivo

Para conveniência, essa caixa de diálogo de sobrevoo é mostrada na primeira vez que o aplicativo é iniciado:

A caixa de diálogo de flyout pós-instalação com opções para Fixar na Barra de Tarefas, Fixar para Iniciar, Criar Atalho da Área de Trabalho e Iniciar Automaticamente no Logon do Dispositivo

Esse recurso está sendo implantado gradualmente para todos os usuários. Enquanto isso, se você quiser usar esse recurso, acesse edge://flags e habilite o sinalizador Aplicativos Web Caixa de Diálogo Pós-Instalação.

Restaurar Aplicativos Web

Sites instalados e PWAs que estavam em execução antes de um desligamento inesperado agora serão restaurados (ou seja, serão reiniciados) quando o sistema se recuperar.

Um desligamento inesperado pode ocorrer devido a falha no processo, reinicialização do sistema ou interrupção de energia. Antes dessa alteração, sites instalados e PWAs tinham um comportamento indeterminado após a restauração do sistema.

Confira também