{"id":269812,"date":"2023-08-13T16:24:00","date_gmt":"2023-08-13T13:24:00","guid":{"rendered":"https:\/\/howto.mediadoma.com\/?p=269812"},"modified":"2025-03-13T23:22:27","modified_gmt":"2025-03-13T20:22:27","slug":"webview2-o-que-voce-deve-saber-como-usuario-do-windows-10","status":"publish","type":"post","link":"https:\/\/howto.mediadoma.com\/pt-pt\/webview2-o-que-voce-deve-saber-como-usuario-do-windows-10\/","title":{"rendered":"WebView2: O que voc\u00ea deve saber como usu\u00e1rio do Windows 10"},"content":{"rendered":"\n<p>Em junho de 2022, a Microsoft anunciou que disponibilizaria o tempo de execu\u00e7\u00e3o do WebView2 para todos os dispositivos Windows 10 executando pelo menos as atualiza\u00e7\u00f5es de abril de 2018.<\/p>\n<p>O principal motivo \u00e9 tornar os benef\u00edcios da tecnologia no desenvolvimento de conte\u00fado da Web facilmente acess\u00edveis aos usu\u00e1rios do Windows 10. Atualmente, a tecnologia WebView2 ajuda a alimentar muitos aplicativos da Web, incluindo o Microsoft Office.<\/p>\n<p>Neste artigo, veremos o WebView2, como ele se compara ao Electron e como ele afeta os aplicativos baseados na web.<\/p>\n<h2>O que \u00e9 WebView2?<\/h2>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/-ri7TmPeqLc\" frameborder=\"0\"><\/iframe><\/div>\n<p>WebView2 \u00e9 um controle que ajuda os usu\u00e1rios a incluir tecnologias da Web como HTML e JavaScript em seus aplicativos de conte\u00fado. Esse controle de tempo de execu\u00e7\u00e3o do Microsoft Edge agora opera com o sistema operacional Windows 10 por padr\u00e3o.<\/p>\n<p>A conex\u00e3o do Microsoft Edge garante que o tempo de execu\u00e7\u00e3o ocupe um espa\u00e7o em disco limitado em um produto se eles forem da mesma vers\u00e3o. Isso garante que a instala\u00e7\u00e3o do WebView tenha o menor impacto poss\u00edvel em seu PC.<\/p>\n<h2>Como o WebView2 se compara \u00e0 concorr\u00eancia?<\/h2>\n<p>Existem algumas diferen\u00e7as entre o WebView2 e seu concorrente, o Electron JS, especialmente ao comparar como eles renderizam seu conte\u00fado da web. Na superf\u00edcie, seu padr\u00e3o de renderiza\u00e7\u00e3o \u00e9 bastante semelhante. No entanto, alguns elementos-chave se destacam.<\/p>\n<h3>1 Base de constru\u00e7\u00e3o<\/h3>\n<p>Ambas as tecnologias s\u00e3o baseadas no Chromium. Embora, o WebView2 seja mais restrito a funcionar com o Microsoft Edge.<\/p>\n<p>O Electron permite que um desenvolvedor crie <a href=\"https:\/\/www.makeuseof.com\/best-cross-platform-apps-get-things-done\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">aplicativos multiplataforma que funcionam em seu desktop<\/a> enquanto o hospeda como um aplicativo da web. Essa tecnologia atua como um meio de comunica\u00e7\u00e3o entre o aplicativo e o desktop.<\/p>\n<p>O WebView, por outro lado, \u00e9 uma tecnologia que funciona como parte do seu aplicativo para renderizar conte\u00fado da web.<\/p>\n<p>Essa depend\u00eancia do Chromium ou do Edge tamb\u00e9m influencia o tipo de plataforma nas quais as tecnologias podem ser executadas. Al\u00e9m disso, o Electron funciona bem em Mac, Linux e Windows, enquanto a \u00fanica plataforma para WebView2 \u00e9 o Windows.<\/p>\n<h3>2 Interfaces de Programa\u00e7\u00e3o de Aplicativos<\/h3>\n<p>O Electron possui APIs para a maioria das necessidades de aplicativos, como acesso a sistemas de arquivos e notifica\u00e7\u00f5es. O WebView2, no entanto, n\u00e3o fornece APIs para seus aplicativos de desktop.<\/p>\n<p>Embora, quando se trata de linguagens, o Electron e o WebView suportam JavaScript, CSS e HTML ao criar seus aplicativos.<\/p>\n<h3>3 Processo de renderiza\u00e7\u00e3o<\/h3>\n<p>H\u00e1 uma pequena varia\u00e7\u00e3o na forma como essas tecnologias renderizam suas aplica\u00e7\u00f5es. O modelo de processo Electron \u00e9 dividido nos processos principal e renderizador.<\/p>\n<p>O processo prim\u00e1rio opera em um <a href=\"https:\/\/www.makeuseof.com\/node-js-server-side-javascript\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ambiente Node.js<\/a> e serve como ponto de entrada para aplicativos individuais. Em seguida, ele se divide em diferentes processos de renderiza\u00e7\u00e3o que ajudam a renderizar o conte\u00fado do aplicativo.<\/p>\n<p>Enquanto isso, o modelo de processo do WebView2 geralmente \u00e9 um grupo composto por diferentes processos de tempo de execu\u00e7\u00e3o. Cada processo de tempo de execu\u00e7\u00e3o tem um navegador, pelo menos um renderizador e alguns outros processos auxiliares.<\/p>\n<p>Esses processos auxiliares geralmente s\u00e3o servi\u00e7os utilit\u00e1rios, como servi\u00e7os visuais ou de \u00e1udio.<\/p>\n<h2>O que isso significa para aplicativos baseados na Web<\/h2>\n<p>A introdu\u00e7\u00e3o do WebView2 no Windows 10 permite que os desenvolvedores aproveitem totalmente os recursos do navegador Edge. A tecnologia tamb\u00e9m permite que os desenvolvedores criem conte\u00fado da Web que os usu\u00e1rios finais apreciar\u00e3o, embora apenas os desenvolvedores possam trabalhar diretamente com o tempo de execu\u00e7\u00e3o.<\/p>\n<p>Como o WebView2 estava dispon\u00edvel apenas no Windows 11, trabalhar com a tecnologia era desafiador e caro para desenvolvedores com dispositivos de consumidor mais antigos executando o Windows 10. Portanto, essa entrega elimina esse estresse e preenche a lacuna para entrar no ecossistema WebView2.<\/p>\n<p>Isso tamb\u00e9m permite que desenvolvedores e usu\u00e1rios finais tenham mais acesso aos muitos benef\u00edcios do tempo de execu\u00e7\u00e3o do WebView2. Alguns desses benef\u00edcios incluem exposi\u00e7\u00e3o ao mundo web e outras <a href=\"https:\/\/www.makeuseof.com\/popular-professional-web-development-tools\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ferramentas de desenvolvimento web<\/a> como bibliotecas; e acesso a um conjunto completo de APIs nativas que voc\u00ea pode incorporar em seus aplicativos.<\/p>\n<p>Al\u00e9m disso, com o WebView2, voc\u00ea pode adicionar e salvar c\u00f3digos diferentes em uma base de c\u00f3digo para que os c\u00f3digos sejam reutiliz\u00e1veis \u200b\u200bem v\u00e1rias plataformas.<\/p>\n<h2>Uma vit\u00f3ria para os desenvolvedores do Windows 10<\/h2>\n<p>A entrega do tempo de execu\u00e7\u00e3o do WebView2 no Windows 10 beneficiou muitos desenvolvedores. Consequentemente, podemos concluir que essa tecnologia servir\u00e1 aos prop\u00f3sitos pretendidos com base em dois fatores.<\/p>\n<p>Esses fatores s\u00e3o o uso reduzido de espa\u00e7o em disco devido \u00e0 sua incorpora\u00e7\u00e3o com o navegador de borda; e que o WebView2 d\u00e1 aos aplicativos nativos acesso a diferentes recursos do Edge.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.makeuseof.com\" class=\"external external_icon\">www.makeuseof.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>O WebView2 \u00e9 a melhor op\u00e7\u00e3o para usu\u00e1rios do Windows 10? E o que isso significa para as pessoas que usam o sistema operacional? Vamos descobrir.<\/p>\n","protected":false},"author":1,"featured_media":246647,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[2919],"tags":[3061],"class_list":["post-269812","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-janelas","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/269812","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=269812"}],"version-history":[{"count":1,"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/269812\/revisions"}],"predecessor-version":[{"id":303436,"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/269812\/revisions\/303436"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media\/246647"}],"wp:attachment":[{"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=269812"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=269812"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/tags?post=269812"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}