{"id":108669,"date":"2021-05-26T18:28:00","date_gmt":"2021-05-26T15:28:00","guid":{"rendered":"https:\/\/howto.mediadoma.com\/?p=108669"},"modified":"2025-03-14T15:40:33","modified_gmt":"2025-03-14T12:40:33","slug":"como-instalar-o-pwa-e-obter-jump-lists-no-chrome-e-edge","status":"publish","type":"post","link":"https:\/\/howto.mediadoma.com\/pt-pt\/como-instalar-o-pwa-e-obter-jump-lists-no-chrome-e-edge\/","title":{"rendered":"Como instalar o PWA e obter Jump Lists no Chrome e Edge"},"content":{"rendered":"<hr \/>\n<ul>\n<li>PWAs s\u00e3o Progressive Web Apps, que s\u00e3o, essencialmente, uma maneira de um desenvolvedor oferecer um atalho de desktop para um site ou servi\u00e7o.<\/li>\n<li>Com as vers\u00f5es can\u00e1rio mais recentes do Chrome e do Edge, agora \u00e9 poss\u00edvel at\u00e9 ter op\u00e7\u00f5es de sele\u00e7\u00e3o para PWAs diretamente da Lista de Atalhos.<\/li>\n<li>Os navegadores s\u00e3o as principais ferramentas de conectividade. Faz sentido aprender mais sobre eles em nossa <a href=\"https:\/\/windowsreport.com\/category\/browsers\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">se\u00e7\u00e3o Navegadores<\/a>.<\/li>\n<li>Adoramos criar guias e ajud\u00e1-lo. V\u00e1 para nosso <a href=\"https:\/\/windowsreport.com\/category\/how-to\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Centro de Tutoriais T\u00e9cnicos<\/a> para mais artigos como este.<\/li>\n<\/ul>\n<p><strong>Para corrigir v\u00e1rios problemas do PC, recomendamos DriverFix:<\/strong> Este software manter\u00e1 seus drivers ativos e funcionando, protegendo-o contra erros comuns de computador e falhas de hardware. Verifique todos os seus drivers agora em 3 etapas f\u00e1ceis:<\/p>\n<ol>\n<li><strong><a href=\"https:\/\/www.driverfix.com\/includes\/route.php?tracking=GUDF&#038;exec=run&#038;banner=top_restoro_non_selling&#038;adgroup=https:\/\/windowsreport.com\/install-pwa-jump-lists-chrome-and-edge\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Baixe DriverFix<\/a><\/strong> (arquivo de download verificado).<\/li>\n<li>Clique em <strong>Iniciar verifica\u00e7\u00e3o<\/strong> para encontrar todos os drivers problem\u00e1ticos.<\/li>\n<li>Clique em <strong>Atualizar drivers<\/strong> para obter novas vers\u00f5es e evitar o mau funcionamento do sistema.<\/li>\n<\/ol>\n<ul>\n<li>DriverFix foi baixado por 502.786 leitores este m\u00eas.<\/li>\n<\/ul>\n<p>Os PWAs s\u00e3o <a href=\"https:\/\/windowsreport.com\/download-pwa-microsoft-store\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Progressive Web Apps<\/a>, que s\u00e3o, essencialmente, uma forma de um desenvolvedor oferecer um atalho na \u00e1rea de trabalho para um site ou servi\u00e7o.<\/p>\n<p>Com as vers\u00f5es can\u00e1rio mais recentes do <a href=\"https:\/\/windowsreport.com\/google-chrome\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Chrome<\/a> e <a href=\"https:\/\/windowsreport.com\/edge\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Edge<\/a>, agora \u00e9 poss\u00edvel at\u00e9 ter op\u00e7\u00f5es de sele\u00e7\u00e3o para PWAs diretamente da <a href=\"https:\/\/windowsreport.com\/jump-lists-start-menu-windows-10\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Lista de Atalhos<\/a>.<\/p>\n<p>A Lista de Atalhos \u00e9 o menu que voc\u00ea obt\u00e9m ao clicar com o bot\u00e3o direito do mouse no \u00edcone de um aplicativo na barra de tarefas.<\/p>\n<p>Recentemente, o Google e a Microsoft adicionaram suporte para PWA nas Jump Lists do Chrome e Edge.<\/p>\n<h2>Como posso instalar o PWA e ativar as Jump Lists no Chrome?<\/h2>\n<p>Primeiro, voc\u00ea precisa ativar os PWAs instalados para incluir um menu de atalhos associados ao \u00edcone do aplicativo do Chrome. Para fazer isso, siga as pr\u00f3ximas etapas:<\/p>\n<ol>\n<li>Abra o Google Chrome Canary e digite chrome: \/\/ flags \/ na barra de endere\u00e7o.<\/li>\n<li>Na pr\u00f3xima janela, digite # enable-desktop-pwas-app-icon-shortcuts-menu na barra de pesquisa ou apenas role para baixo at\u00e9 encontrar o recurso.<img decoding=\"async\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2021\/03\/post-64350-604fed4031b17.png\" alt=\"Como instalar o PWA e obter Jump Lists no Chrome e Edge\" \/><\/li>\n<li>Por \u00faltimo, clique no bot\u00e3o \u00e0 direita e defina-o como habilitado e reinicie o navegador.<\/li>\n<\/ol>\n<h3>Como posso instalar um PWA no Chrome e ver sua lista de atalhos?<\/h3>\n<p>Agora voc\u00ea precisa ir para um PWA e instal\u00e1-lo. O Google preparou um site de teste, <a href=\"https:\/\/sadchonks.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">sadchonks.com<\/a>, ent\u00e3o vamos brincar com ele. Ent\u00e3o, aqui est\u00e1 como fazer isso.<\/p>\n<ol>\n<li>Depois de abrir o site, no canto direito da barra de endere\u00e7o, voc\u00ea ver\u00e1 um sinal de adi\u00e7\u00e3o. Clique nisso.<img decoding=\"async\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2021\/03\/post-64350-604fed445bafa.png\" alt=\"Como instalar o PWA e obter Jump Lists no Chrome e Edge\" \/><\/li>\n<li>Voc\u00ea ver\u00e1 uma caixa de di\u00e1logo perguntando se deseja instalar o aplicativo. Clique em instalar.<br \/><a href=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2021\/03\/post-64350-604fed4944b34.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2021\/03\/post-64350-604fed4944b34.png\" alt=\"Como instalar o PWA e obter Jump Lists no Chrome e Edge\" ><\/a><\/li>\n<li>Voc\u00ea est\u00e1 pronto para ir. Agora, voc\u00ea ver\u00e1 o \u00edcone do aplicativo na barra de tarefas e se clicar com o bot\u00e3o direito sobre ele, ver\u00e1 todas as op\u00e7\u00f5es poss\u00edveis. Voc\u00ea pode ver todas as novas fotos, suas escolhas salvas e pode fix\u00e1-las na barra de tarefas.<img decoding=\"async\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2021\/03\/post-64350-604fed4d04e22.png\" alt=\"Como instalar o PWA e obter Jump Lists no Chrome e Edge\" \/><\/li>\n<\/ol>\n<p>O aplicativo chunky cat \u00e9 apenas um exemplo bobo, mas, por exemplo, fizemos o mesmo para o Twitter.<\/p>\n<p>Depois de instalar o aplicativo Twitter do site, obtivemos uma lista de atalhos mais \u00fatil.<\/p>\n<p>Como voc\u00ea pode ver na imagem abaixo, voc\u00ea pode facilmente ir para um novo tweet, explorar, ver as notifica\u00e7\u00f5es ou enviar uma mensagem direta apenas com um clique com o bot\u00e3o direito do mouse no \u00edcone da barra de tarefas.<img decoding=\"async\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2021\/03\/post-64350-604fed4f451e5.png\" alt=\"Como instalar o PWA e obter Jump Lists no Chrome e Edge\" \/><\/p>\n<h3>Como posso instalar o PWA e ativar as Jump Lists no Edge?<\/h3>\n<p>Da mesma forma que com o Chrome, primeiro, voc\u00ea precisar\u00e1 habilitar os PWAs de desktop na compila\u00e7\u00e3o do Edge Canary.<\/p>\n<ol>\n<li>Abra o Edge Canary e digite edge: \/\/ flags \/ na barra de endere\u00e7o.<\/li>\n<li>Na pr\u00f3xima janela, digite # enable-desktop-pwas-app-icon-shortcuts-menu na barra de pesquisa ou apenas role para baixo at\u00e9 encontrar o recurso.<img decoding=\"async\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2021\/03\/post-64350-604fed529190b.png\" alt=\"Como instalar o PWA e obter Jump Lists no Chrome e Edge\" \/><\/li>\n<li>Por fim, clique no bot\u00e3o \u00e0 direita e defina-o como habilitado e reinicie o navegador.<\/li>\n<\/ol>\n<h3>Como posso instalar um PWA no Edge e ver sua lista de atalhos?<\/h3>\n<p>Para fins deste experimento, usaremos o mesmo PWA fornecido pelo Google, sadchonks.com.<\/p>\n<ol>\n<li>Depois de abrir o site, clique no an\u00fancio de sinal de mais na borda da barra de endere\u00e7o e selecione para instalar o aplicativo.<img decoding=\"async\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2021\/03\/post-64350-604fed56dba24.png\" alt=\"Como instalar o PWA e obter Jump Lists no Chrome e Edge\" \/><\/li>\n<li>\u00c9 isso. O \u00edcone do aplicativo na barra de tarefas e se voc\u00ea clicar com o bot\u00e3o direito sobre ele, ver\u00e1 as op\u00e7\u00f5es como se voc\u00ea o instalasse com o navegador Chrome.<\/li>\n<\/ol>\n<p>Se voc\u00ea instalar o PWA com Chrome ou Edge, tamb\u00e9m ver\u00e1 o aplicativo no menu iniciar.<img decoding=\"async\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2021\/03\/post-64350-604fed5b626b4.png\" alt=\"Como instalar o PWA e obter Jump Lists no Chrome e Edge\" \/><\/p>\n<p>Voc\u00ea instalou algum PWAs? Voc\u00ea gosta da op\u00e7\u00e3o Jump List para PWAs? O que voc\u00ea acha deles? Escreva-nos com as suas ideias na sec\u00e7\u00e3o de coment\u00e1rios abaixo.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/windowsreport.com\" class=\"external external_icon\">windowsreport.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Com as vers\u00f5es can\u00e1rio mais recentes do Chrome e Edge, os PWAs t\u00eam op\u00e7\u00f5es de sele\u00e7\u00e3o dispon\u00edveis diretamente na Lista de Atalhos. Mostraremos como fazer isso.<\/p>\n","protected":false},"author":1,"featured_media":135220,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[1704],"tags":[3061],"class_list":["post-108669","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-navegadores","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/108669","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=108669"}],"version-history":[{"count":1,"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/108669\/revisions"}],"predecessor-version":[{"id":310116,"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/108669\/revisions\/310116"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media\/135220"}],"wp:attachment":[{"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=108669"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=108669"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/tags?post=108669"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}