Início Tutoriais 5 melhores maneiras de instalar e desinstalar PWAs no Chrome

5 melhores maneiras de instalar e desinstalar PWAs no Chrome

55

Acho Progressive Web Apps (PWA) uma explosão absoluta para trabalhar. Eles carregam coisas rapidamente, sentem-se incrivelmente responsivos e permanecem funcionais mesmo quando a conectividade de rede não é a melhor – alguns PWAs também são executados completamente offline. Mas o melhor é que, com o Google Chrome, posso instalá-los no meu PC e Mac.

Instalar desinstalar o Pwa no Chrome Em destaque "width =" 1392 "height =" 824 "data-size =" auto "size =" (largura mínima: 976px) 700px, (largura mínima: 448px) 75vw, 90vw "srcset =" https://www.aplicativosandroid.com/wp-content/uploads/2019/12/5-melhores-maneiras-de-instalar-e-desinstalar-PWAs-no-Chrome.png 1392w, https://cdn.guidingtech.com/imager /media/assets/2019/12/249121/Install-Uninstall-Pwa-in-Chrome-Featured_935adec67b324b146ff212ec4c69054f.png?1576590491 700w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249121/ Instalar-Desinstalar-Pwa-in-Chrome-Featured_40dd5eab97016030a3870d712fd9ef0f.png? 1576590492 500w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249121/Install-Uninstall-Pwa-in-Chrome-Featured_7c4a1 .png? 1576590492 340w

Apesar de rodar em um invólucro do Chrome, os PWAs dão a impressão de funcionar como qualquer outro aplicativo. Eles apresentam seus ícones na área de trabalho, eliminam completamente a barra e as guias de endereço do Chrome e permitem uma experiência totalmente imersiva.

O Chrome fornece várias maneiras de instalar e desinstalar PWAs no Windows e no macOS. Deixe-me guiá-lo pelas melhores maneiras de fazer isso.

Instalando aplicativos da Web progressivos

O processo real de instalação de um aplicativo Web progressivo no Google Chrome não é nada complicado. No entanto, nem todos os sites têm aplicativos da web progressivos. Portanto, você deve primeiro carregar um site para determinar se ele possui a funcionalidade PWA. Os dois primeiros métodos listados abaixo não funcionarão de outra forma.

Mas se o seu site favorito não for um aplicativo da web progressivo, não se preocupe. O Chrome permite basicamente converter qualquer site em um PWA usando a funcionalidade Criar atalho. Embora você não possa esperar os recursos avançados que você normalmente recebe de aplicativos da Web progressivos reais, eles funcionam da mesma forma. O terceiro método nesta lista o ajudará a fazer isso.

1. Opção 'Instalar' na barra de endereços

A maneira mais fácil de instalar um aplicativo Web progressivo no Chrome é usar o ícone Instalar na barra de endereços. Desde que o site seja compatível com a funcionalidade PWA, aguarde até a página carregar totalmente e clique no ícone em forma de '+' no lado direito da barra de URL.

Instalar desinstalar o Pwa no Chrome 1 "width =" 713 "height =" 374 "data-size =" auto "size =" (largura mínima: 976px) 700px, (largura mínima: 448px) 75vw, 90vw "srcset =" https://www.aplicativosandroid.com/wp-content/uploads/2019/12/1577100023_818_5-melhores-maneiras-de-instalar-e-desinstalar-PWAs-no-Chrome.png 713w, https://cdn.guidingtech.com/imager /media/assets/2019/12/249108/Install-Uninstall-Pwa-in-Chrome-1_935adec67b324b146ff212ec4c69054f.png?1576590492 700w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249108/ Install-Uninstall-Pwa-in-Chrome-1_40dd5eab97016030a3870d712fd9ef0f.png? 1576590492 500w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249108/Install-Uninstall-Pwa-in-Chrome-1c7a4a12a7b1a1b1a1b1a1b1a1b1a1b1aa .png? 1576590492 340w

Na caixa de confirmação Instalar aplicativo que aparece posteriormente, clique em Instalar. Isso deve levar o Chrome a instalar o site como um aplicativo da web progressivo. Você pode encontrá-lo listado na área de trabalho imediatamente.

Instalar desinstalar o Pwa no Chrome 2 "width =" 713 "height =" 380 "tamanho dos dados =" auto "tamanhos =" (largura mínima: 976px) 700px, (largura mínima: 448px) 75vw, 90vw "srcset =" https://www.aplicativosandroid.com/wp-content/uploads/2019/12/1577100023_513_5-melhores-maneiras-de-instalar-e-desinstalar-PWAs-no-Chrome.png 713w, https://cdn.guidingtech.com/imager /media/assets/2019/12/249109/Install-Uninstall-Pwa-in-Chrome-2_935adec67b324b146ff212ec4c69054f.png?1576590492 700w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249109/ Install-Uninstall-Pwa-in-Chrome-2_40dd5eab97016030a3870d712fd9ef0f.png? 1576590493 500w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249109/Install-Uninstall-Pwa-in-Chrome-2c7a4a12eb7b4a12a Tamanho do arquivo:

2. Opção 'Instalar' no menu do Chrome

Outro método fácil de instalar aplicativos da web progressivos envolve o uso do menu Chrome. Com o site carregado, abra o menu do Chrome e clique em Instalar 'nome do site'.

Instalar desinstalar o Pwa no Chrome 3 "width =" 716 "height =" 461 "data-size =" auto "size =" (largura mínima: 976px) 700px, (largura mínima: 448px) 75vw, 90vw "srcset =" https://www.aplicativosandroid.com/wp-content/uploads/2019/12/1577100024_119_5-melhores-maneiras-de-instalar-e-desinstalar-PWAs-no-Chrome.png 716w, https://cdn.guidingtech.com/imager /media/assets/2019/12/249110/Install-Uninstall-Pwa-in-Chrome-3_935adec67b324b146ff212ec4c69054f.png?1576590493 700w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249110/ Instalar-Desinstalar-Pwa-in-Chrome-3_40dd5eab97016030a3870d712fd9ef0f.png? 1576590493 500w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249110/Install-Uninstall-Pwa-in-Chrome-3c7a4a12a7c4a12a7a Tamanho do arquivo:

Mais uma vez, você será recebido com uma janela de confirmação. Clique em Instalar para instalar o site no seu computador.

Instalar desinstalar o Pwa no Chrome 4 "width =" 710 "height =" 374 "data-size =" auto "size =" (largura mínima: 976px) 700px, (largura mínima: 448px) 75vw, 90vw "srcset =" https://www.aplicativosandroid.com/wp-content/uploads/2019/12/1577100024_833_5-melhores-maneiras-de-instalar-e-desinstalar-PWAs-no-Chrome.png 710w, https://cdn.guidingtech.com/imager /media/assets/2019/12/249111/Install-Uninstall-Pwa-in-Chrome-4_935adec67b324b146ff212ec4c69054f.png?1576590493 700w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249111/ Instalar-Desinstalar-Pwa-no-Chrome-4_40dd5eab97016030a3870d712fd9ef0f.png? 1576590494 500w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249111/Install-Uninstall-Pwa-in-Chrome-4c5b5a1f7c4b4aaaa Tamanho do arquivo:

Este método é particularmente útil se você não vir o ícone Instalar no URL no primeiro método. Portanto, sempre vale a pena verificar o menu do Chrome para determinar se o site oferece suporte à funcionalidade do PWA.

3. Instalar usando a opção Criar atalho

O Chrome também inclui a capacidade de instalar qualquer site como um aplicativo da web progressivo à força. Você pode conseguir isso usando a funcionalidade Criar atalho presente no menu do Chrome. Você também pode usar esse método para instalar PWAs reais, mas os dois métodos acima são muito mais convenientes nesse sentido.

Comece abrindo o menu do Chrome. Aponte para Mais ferramentas e clique em Criar atalho.

Instalar desinstalar o Pwa no Chrome 5 "width =" 782 "height =" 503 "data-size =" auto "size =" (largura mínima: 976px) 700px, (largura mínima: 448px) 75vw, 90vw "srcset =" https://www.aplicativosandroid.com/wp-content/uploads/2019/12/1577100025_696_5-melhores-maneiras-de-instalar-e-desinstalar-PWAs-no-Chrome.png 782w, https://cdn.guidingtech.com/imager /media/assets/2019/12/249112/Install-Uninstall-Pwa-in-Chrome-5_935adec67b324b146ff212ec4c69054f.png?1576590494 700w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249112/ Instalar-Desinstalar-Pwa-no-Chrome-5_40dd5eab97016030a3870d712fd9ef0f.png? 1576590498 500w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249112/Install-Uninstall-Pwa-in-Chrome-5_cc4a12a7b4a12a7b4a12a7b4a12a1b428b .png? 1576590499 340w

Marque a caixa ao lado de Abrir como janela e clique em Criar para adicionar um atalho ao site.

Instalar desinstalar o Pwa no Chrome 6 "width =" 839 "height =" 404 "tamanhos de dados =" auto "tamanhos =" (largura mínima: 976px) 700px, (largura mínima: 448px) 75vw, 90vw "srcset =" https://www.aplicativosandroid.com/wp-content/uploads/2019/12/1577100025_759_5-melhores-maneiras-de-instalar-e-desinstalar-PWAs-no-Chrome.png 839w, https://cdn.guidingtech.com/imager /media/assets/2019/12/249113/Install-Uninstall-Pwa-in-Chrome-6_935adec67b324b146ff212ec4c69054f.png?1576590502 700w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249113/ Instalar-Desinstalar-Pwa-no-Chrome-6_40dd5eab97016030a3870d712fd9ef0f.png? 1576590502 500w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249113/Install-Uninstall-Pwa-in-Chrome-6c7b4a3b1a1b4aaaa .png? 1576590495 340w

Nota: Se você não marcar a caixa ao lado de Abrir como janela, o atalho que você criar não abrirá em uma janela dedicada do Chrome.

Desinstalando aplicativos da Web progressivos

Embora os PWAs estejam 'instalados' no seu PC ou Mac, eles não estão totalmente integrados ao sistema operacional. Portanto, você não pode desinstalá-los como aplicativos comuns do Windows ou macOS, embora isso possa ser uma possibilidade posteriormente.

A simples exclusão dos ícones da área de trabalho também não é suficiente, pois o Chrome ainda pressupõe que você os tenha instalado. Em vez disso, aqui estão as duas maneiras apropriadas que você pode seguir para remover os PWAs do seu PC ou Mac.

1. Opção 'Desinstalar' no menu PWA

Abra o aplicativo PWA que você deseja remover e clique no ícone de três pontos no canto superior direito da tela. No menu exibido, clique em Desinstalar 'nome do aplicativo'.

Instalar desinstalar o Pwa no Chrome 8 "width =" 695 "height =" 350 "tamanhos de dados =" auto "tamanhos =" (largura mínima: 976px) 700px, (largura mínima: 448px) 75vw, 90vw "srcset =" https://www.aplicativosandroid.com/wp-content/uploads/2019/12/1577100025_901_5-melhores-maneiras-de-instalar-e-desinstalar-PWAs-no-Chrome.png 695w, https://cdn.guidingtech.com/imager /media/assets/2019/12/249115/Install-Uninstall-Pwa-in-Chrome-8_40dd5eab97016030a3870d712fd9ef0f.png?1576590507 500w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249115/ Install-Uninstall-Pwa-in-Chrome-8_7c4a12eb7455b3a1ce1ef1cadcf29289.png? 1576590507 340w

Em seguida, você encontrará um prompt de confirmação. Marque a caixa ao lado de Limpar também os dados do Chrome se desejar remover os dados de navegação e os cookies relacionados ao aplicativo PWA. É ideal para solucionar problemas e pode ajudar a lidar com problemas causados ​​por um cache desatualizado do navegador.

Caso contrário, mantenha a caixa desmarcada. Clique em Remover para desinstalar o PWA.

Instalar desinstalar o Pwa no Chrome 9 "width =" 854 "height =" 416 "tamanhos de dados =" auto "tamanhos =" (largura mínima: 976px) 700px, (largura mínima: 448px) 75vw, 90vw "srcset =" https://www.aplicativosandroid.com/wp-content/uploads/2019/12/1577100026_426_5-melhores-maneiras-de-instalar-e-desinstalar-PWAs-no-Chrome.png 854w, https://cdn.guidingtech.com/imager /media/assets/2019/12/249116/Install-Uninstall-Pwa-in-Chrome-9_935adec67b324b146ff212ec4c69054f.png?1576594629 700w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249116/ Instalar-Desinstalar-Pwa-in-Chrome-9_40dd5eab97016030a3870d712fd9ef0f.png? 1576594629 500w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249116/Install-Uninstall-Pwa-in-Chrome-9c5b1f1c1b4aa1f1c4aaa .png? 1576594629 340w

2. Desinstale usando o Disparador de Aplicativos

O Iniciador de aplicativos do Google Chrome também fornece os meios para desinstalar PWAs. Se você já excluiu o ícone da área de trabalho do PWA, isso oferece os meios perfeitos para desinstalar o aplicativo completamente.

Tipo chrome: // apps na barra de endereços e pressione Enter para abrir o Iniciador de aplicativos.

Instalar desinstalar o Pwa no Chrome 10 "width =" 791 "height =" 449 "data-size =" auto "size =" (largura mínima: 976px) 700px, (largura mínima: 448px) 75vw, 90vw "srcset =" https://www.aplicativosandroid.com/wp-content/uploads/2019/12/1577100026_531_5-melhores-maneiras-de-instalar-e-desinstalar-PWAs-no-Chrome.png 791w, https://cdn.guidingtech.com/imager /media/assets/2019/12/249117/Install-Uninstall-Pwa-in-Chrome-10_935adec67b324b146ff212ec4c69054f.png?1576590510 700w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249117/ Instalar-Desinstalar-Pwa-no-Chrome-10_40dd5eab97016030a3870d712fd9ef0f.png? 1576590496 500w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249117/Install-Uninstall-Pwa-in-Chrome-10f7c4a12a7b4a12a .png? 1576590511 340w

Clique com o botão direito do mouse no PWA na lista de aplicativos e clique em Remover do Chrome.

Instalar desinstalar o Pwa no Chrome 11 "width =" 767 "height =" 503 "data-size =" auto "size =" (largura mínima: 976px) 700px, (largura mínima: 448px) 75vw, 90vw "srcset =" https://www.aplicativosandroid.com/wp-content/uploads/2019/12/1577100026_572_5-melhores-maneiras-de-instalar-e-desinstalar-PWAs-no-Chrome.png 767w, https://cdn.guidingtech.com/imager /media/assets/2019/12/249118/Install-Uninstall-Pwa-in-Chrome-11_935adec67b324b146ff212ec4c69054f.png?1576590514 700w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249118/ Instalar-Desinstalar-Pwa-in-Chrome-11_40dd5eab97016030a3870d712fd9ef0f.png? 1576590515 500w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249118/Install-Uninstall-Pwa-in-Chrome-11f7c4a12a7b4a12a Tamanho do arquivo:

Clique em Remover para confirmar. Depois disso, marque a caixa ao lado de Limpar também dados do Chrome se desejar remover o cache do navegador do PWA.

Instalar desinstalar o Pwa no Chrome 12 "width =" 743 "height =" 446 "data-size =" auto "size =" (largura mínima: 976px) 700px, (largura mínima: 448px) 75vw, 90vw "srcset =" https://www.aplicativosandroid.com/wp-content/uploads/2019/12/1577100027_37_5-melhores-maneiras-de-instalar-e-desinstalar-PWAs-no-Chrome.png 743w, https://cdn.guidingtech.com/imager /media/assets/2019/12/249119/Install-Uninstall-Pwa-in-Chrome-12_935adec67b324b146ff212ec4c69054f.png?1576590518 700w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249119/ Instalar-Desinstalar-Pwa-no-Chrome-12_40dd5eab97016030a3870d712fd9ef0f.png? 1576590519 500w, https://cdn.guidingtech.com/imager/media/assets/2019/12/249119/Install-Uninstall-Pwa-in-Chrome-12f7c4a12a7b4a12a .png? 1576590497 340w

Gorjeta: O Iniciador de aplicativos também fornece os meios para adicionar ícones PWA excluídos de volta à área de trabalho. Clique com o botão direito do mouse no aplicativo e clique em Criar atalhos para fazer isso.

Amá-los ou odiá-los

Os aplicativos da web progressivos mudam o jogo. Adoro o fato de poder me concentrar em uma tarefa sem me distrair com dezenas de guias do Chrome. Mas os PWAs ainda são poucos e distantes, portanto, não se esqueça de 'forçar' o Chrome a criar aplicativos para sites que ainda não suportam a funcionalidade. Mas é claro que nem todos os aplicativos da web progressivos são os melhores; portanto, remova os que não oferecem nada de especial.

Próximo: Você se depara com elementos irritantes da página da web o tempo todo? Aqui estão cinco extensões surpreendentes do Chrome para bloqueá-las.

Última atualização em 17 dez, 2019

Fonte

DEIXE UMA RESPOSTA

Por favor digite seu comentário!
Por favor, digite seu nome aqui