{"id":127581,"date":"2021-11-06T18:07:00","date_gmt":"2021-11-06T15:07:00","guid":{"rendered":"https:\/\/howto.mediadoma.com\/?p=127581"},"modified":"2025-03-15T00:35:32","modified_gmt":"2025-03-14T21:35:32","slug":"como-instalar-e-usar-pwas-com-edge-insider","status":"publish","type":"post","link":"https:\/\/howto.mediadoma.com\/pt-pt\/como-instalar-e-usar-pwas-com-edge-insider\/","title":{"rendered":"Como instalar e usar PWAs com Edge Insider"},"content":{"rendered":"<p>Para instalar um PWA com Edge Insider, clique no bot\u00e3o &#8220;Instalar&#8221; na barra de endere\u00e7o que \u00e9 exibida automaticamente em sites compat\u00edveis.<\/p>\n<h4>Aplica-se a todas as vers\u00f5es do Windows 10<\/h4>\n<p>Com o Edge sendo reconstru\u00eddo sobre o Chromium, o navegador agora suporta totalmente a &#8220;instala\u00e7\u00e3o&#8221; de sites com um manifesto de aplicativo da web v\u00e1lido. Esses sites s\u00e3o comumente chamados de &#8220;PWAs&#8221; pelos usu\u00e1rios, embora o termo na verdade descreva um conjunto mais amplo de tecnologias e conceitos. A instala\u00e7\u00e3o de aplicativos da Web \u00e9 apenas um recurso poss\u00edvel de um PWA.<\/p>\n<p>Quando voc\u00ea opta por instalar um site compat\u00edvel, ele se integra ao seu sistema da mesma forma que um aplicativo nativo. No caso do Windows 10, isso resulta na exibi\u00e7\u00e3o do aplicativo no menu Iniciar e no aplicativo Configura\u00e7\u00f5es.<\/p>\n<p><a href=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2021\/03\/post-4953-604ab1b5c4c83.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-4953-604ab1b5c4c83.png\" alt=\"Como instalar e usar PWAs com Edge Insider\" ><\/a><\/p>\n<p>O primeiro desafio \u00e9 encontrar um site que apresente um manifesto de aplicativo da web e se torne instal\u00e1vel. A Microsoft est\u00e1 simplificando isso vasculhando automaticamente a web em busca de tais sites e <a href=\"https:\/\/blogs.windows.com\/msedgedev\/2018\/02\/06\/welcoming-progressive-web-apps-edge-windows-10\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">criando listas de aplicativos<\/a> na Microsoft Store. No entanto, para este guia, estamos nos concentrando na instala\u00e7\u00e3o de aplicativos por meio do navegador Edge, conforme voc\u00ea usa a web.<\/p>\n<p>O Edge identificar\u00e1 os sites que podem ser instalados. Depois de acessar uma p\u00e1gina com um manifesto de aplicativo da web, voc\u00ea ver\u00e1 um bot\u00e3o &#8220;Instalar&#8221; aparecer brevemente na barra de endere\u00e7o. Ap\u00f3s alguns segundos, ele se condensa em um \u00edcone &#8220;+&#8221;.<\/p>\n<p><a href=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2021\/03\/post-4953-604ab1b7e6bd5.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-4953-604ab1b7e6bd5.png\" alt=\"Como instalar e usar PWAs com Edge Insider\" ><\/a><\/p>\n<p>Clique no bot\u00e3o ou \u00edcone para exibir o prompt de instala\u00e7\u00e3o. Clique em &#8220;Instalar&#8221; para adicion\u00e1-lo ao seu sistema. O aplicativo ser\u00e1 iniciado em sua pr\u00f3pria janela, como qualquer outro aplicativo em sua m\u00e1quina. Voc\u00ea ver\u00e1 que o site agora aparece com sua pr\u00f3pria identidade na barra de tarefas. Abra o menu Iniciar e voc\u00ea ver\u00e1 uma nova entrada para o aplicativo.<\/p>\n<p>Agora voc\u00ea pode usar o aplicativo em seu contexto aut\u00f4nomo, sem ter que abrir o Edge Insider. Na realidade, ainda \u00e9 o mecanismo de navegador Chromium do Edge que est\u00e1 renderizando a p\u00e1gina, mas parece um aplicativo \u00fanico.<\/p>\n<p><a href=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2021\/03\/post-4953-604ab1ba6fecb.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-4953-604ab1ba6fecb.png\" alt=\"Como instalar e usar PWAs com Edge Insider\" ><\/a><\/p>\n<p>Voc\u00ea pode manter o PWA instalado em seu sistema indefinidamente. Ele deve ser atualizado automaticamente com o tempo, conforme os desenvolvedores do site atualizam o site pelo qual ele \u00e9 dirigido. A maioria &#8211; mas n\u00e3o necessariamente todos &#8211; dos PWAs tamb\u00e9m funcionam offline, outra caracter\u00edstica &#8220;semelhante a um aplicativo&#8221; possibilitada por APIs da web modernas.<\/p>\n<p>Quando chegar a hora de desinstalar o PWA, voc\u00ea pode fazer isso de v\u00e1rias maneiras. Uma abordagem \u00e9 usar o aplicativo Configura\u00e7\u00f5es do Windows 10 ou clicar com o bot\u00e3o direito do mouse no aplicativo no menu Iniciar e escolher &#8220;Desinstalar&#8221;. Voc\u00ea tamb\u00e9m pode desinstalar de dentro do pr\u00f3prio PWA &#8211; clique no \u00edcone de pontos do menu no canto superior direito e pressione &#8220;Desinstalar&#8221;. Ele tamb\u00e9m cont\u00e9m uma op\u00e7\u00e3o para abrir o aplicativo diretamente no Edge Insider, caso deseje escapar do PWA para uma experi\u00eancia de navega\u00e7\u00e3o tradicional.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.onmsft.com\" class=\"external external_icon\">www.onmsft.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Com o Edge sendo reconstru\u00eddo sobre o Chromium, o navegador agora suporta totalmente a \u201cinstala\u00e7\u00e3o\u201d de sites com um manifesto de aplicativo da web v\u00e1lido. Esses sites s\u00e3o comumente referidos pelos usu\u00e1rios como \u201cP\u2026<\/p>\n","protected":false},"author":1,"featured_media":146538,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[1241],"tags":[3061],"class_list":["post-127581","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-como","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/127581","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=127581"}],"version-history":[{"count":1,"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/127581\/revisions"}],"predecessor-version":[{"id":315347,"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/127581\/revisions\/315347"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media\/146538"}],"wp:attachment":[{"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=127581"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=127581"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/tags?post=127581"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}