Como instalar PWA e obter Jump Lists no Chrome e Edge

Instalar PWA e obter Jump Lists no Chrome e Edge
PWAs são Aplicativos Web Progressivos, que são, essencialmente, uma maneira para um desenvolvedor oferecer um atalho de desktop para um site ou serviço.

Com as últimas versões canárias do Chrome e Edge, agora é possível até ter opções de seleção para PWAs diretamente a partir da Jump List.

A Jump List é o menu que você obtém quando clica com o botão direito no ícone de um aplicativo na barra de tarefas.

Recentemente, o Google e a Microsoft adicionaram suporte para PWA nas Jump Lists do Chrome e Edge.

Como posso instalar PWA e habilitar Jump Lists no Chrome?

Primeiro, você precisa habilitar PWAs instaladas para incluir um menu de atalhos associado ao ícone do aplicativo do Chrome. Para fazer isso, siga os próximos passos:

  1. Abra o Google Chrome Canary e digite chrome://flags/ na barra de endereços.
  2. Na próxima janela, digite #enable-desktop-pwas-app-icon-shortcuts-menu na barra de pesquisa ou apenas role para baixo até encontrar o recurso. como habilitar PWAs de desktop
  3. Por último, clique no botão à direita e defina para habilitar, em seguida, reinicie o navegador.

Como posso instalar um PWA no Chrome e ver sua Jump List?

Agora você precisa acessar um PWA e instalá-lo. O Google preparou um site de teste, sadchonks.com, então vamos brincar com isso. Aqui está como fazer.

  1. Assim que abrir o site, no canto direito da barra de endereços, você verá um sinal de mais. Clique nele. como instalar um pwa
  2. Você verá um diálogo perguntando se deseja instalar o aplicativo. Clique em instalar.

instalando sad chonks

  1. Você está pronto para começar. Agora, você verá o ícone do aplicativo na sua barra de tarefas e se clicar com o botão direito nele, verá todas as opções possíveis. Você pode ver todas as novas fotos, suas escolhas salvas e você pode fixá-lo na barra de tarefas. jump list para PWA

O aplicativo do gato robusto é apenas um exemplo bobo, mas, por exemplo, fizemos o mesmo para o Twitter.

Depois de instalarmos o aplicativo do Twitter a partir do site, obtivemos uma Jump List mais útil.

Como você pode ver na imagem abaixo, você pode facilmente ir para um novo tweet, explorar, ver as notificações ou enviar uma mensagem direta com apenas um clique com o botão direito no ícone da barra de tarefas. jump list para twitter

Como posso instalar PWA e habilitar Jump Lists no Edge?

Da mesma forma que com o Chrome, primeiro, você precisará habilitar PWAs de desktop na versão canária do Edge.

  1. Abra o Edge Canary e digite edge://flags/ na barra de endereços.
  2. Na próxima janela, digite #enable-desktop-pwas-app-icon-shortcuts-menu na barra de pesquisa ou apenas role para baixo até encontrar o recurso. como habilitar PWAs de desktop no Edge
  3. Por fim, clique no botão à direita e defina para habilitar, em seguida, reinicie o navegador.

Como posso instalar um PWA no Edge e ver sua Jump List?

Para o bem deste experimento, usaremos o mesmo PWA fornecido pelo Google, sadchonks.com.

  1. Depois de abrir o site, clique no sinal de mais na borda da barra de endereços e selecione instalar o aplicativo. como instalar sad chonks no Edge
  2. É isso. O ícone do aplicativo na sua barra de tarefas e, se você clicar com o botão direito nele, verá as opções assim como se o instalasse com o navegador Chrome.

Se você instalar o PWA com o Chrome ou Edge, você também verá o aplicativo no menu iniciar. o PWA aparece no menu iniciar

Você instalou algum PWA? Você gosta da opção Jump List para PWAs? O que você acha deles? Deixe-nos uma mensagem com seus pensamentos na seção de comentários abaixo.