{"id":269809,"date":"2023-08-13T16:42:00","date_gmt":"2023-08-13T13:42:00","guid":{"rendered":"https:\/\/howto.mediadoma.com\/?p=269809"},"modified":"2025-03-14T21:24:12","modified_gmt":"2025-03-14T18:24:12","slug":"webview2-vad-du-bor-veta-som-windows-10-anvandare","status":"publish","type":"post","link":"https:\/\/howto.mediadoma.com\/sv\/webview2-vad-du-bor-veta-som-windows-10-anvandare\/","title":{"rendered":"WebView2: Vad du b\u00f6r veta som Windows 10-anv\u00e4ndare"},"content":{"rendered":"\n<p>I juni 2022 meddelade Microsoft att de skulle g\u00f6ra WebView2-runtime tillg\u00e4nglig f\u00f6r alla Windows 10-enheter som k\u00f6r minst april 2018-uppdateringar.<\/p>\n<p>Det fr\u00e4msta sk\u00e4let \u00e4r att g\u00f6ra f\u00f6rdelarna med tekniken inom webbinneh\u00e5llsutveckling l\u00e4ttillg\u00e4ngliga f\u00f6r Windows 10-anv\u00e4ndare. F\u00f6r n\u00e4rvarande hj\u00e4lper WebView2-tekniken till att driva m\u00e5nga webbapplikationer, inklusive Microsoft Office.<\/p>\n<p>I den h\u00e4r artikeln kommer vi att titta p\u00e5 WebView2, hur det kan j\u00e4mf\u00f6ras med Electron och hur det p\u00e5verkar webbaserade applikationer.<\/p>\n<h2>Vad \u00e4r 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 \u00e4r en kontroll som hj\u00e4lper anv\u00e4ndare att inkludera webbteknologier som HTML och JavaScript i sina inneh\u00e5llsapplikationer. Denna Microsoft Edge runtime-kontroll fungerar nu med operativsystemet Windows 10 som standard.<\/p>\n<p>Microsoft Edge-anslutningen s\u00e4kerst\u00e4ller att k\u00f6rtiden upptar ett begr\u00e4nsat diskutrymme under en produkt om de \u00e4r av samma version. Att g\u00f6ra detta garanterar att WebView-installationen har s\u00e5 liten inverkan som m\u00f6jligt p\u00e5 din PC.<\/p>\n<h2>Hur klarar WebView2 sina konkurrenter?<\/h2>\n<p>Det finns n\u00e5gra skillnader mellan WebView2 och dess konkurrent, Electron JS, s\u00e4rskilt n\u00e4r man j\u00e4mf\u00f6r hur de renderar sitt webbinneh\u00e5ll. P\u00e5 ytan \u00e4r deras \u00e5tergivningsm\u00f6nster ganska lika. Men n\u00e5gra nyckelelement sticker ut.<\/p>\n<h3>1 Bygg bas<\/h3>\n<p>B\u00e5da teknologierna \u00e4r Chromium-baserade. \u00c4ven om WebView2 \u00e4r mer begr\u00e4nsad till att fungera med Microsoft Edge.<\/p>\n<p>Electron g\u00f6r det m\u00f6jligt f\u00f6r en utvecklare att skapa <a href=\"https:\/\/www.makeuseof.com\/best-cross-platform-apps-get-things-done\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">plattformsoberoende applikationer som fungerar p\u00e5 ditt skrivbord<\/a> samtidigt som de \u00e4r v\u00e4rd f\u00f6r det som en webbapplikation. Denna teknik fungerar som ett kommunikationsmedium mellan applikationen och skrivbordet.<\/p>\n<p>WebView, \u00e5 andra sidan, \u00e4r en teknik som fungerar som en del av din applikation f\u00f6r att rendera webbinneh\u00e5ll.<\/p>\n<p>Detta byggberoende p\u00e5 antingen Chromium eller Edge p\u00e5verkar ocks\u00e5 vilken typ av plattformar teknikerna kan k\u00f6ras p\u00e5. Dessutom fungerar Electron bra p\u00e5 Mac, Linux och Windows, medan den enda plattformen f\u00f6r WebView2 \u00e4r Windows.<\/p>\n<h3>2 Applikationsprogrammeringsgr\u00e4nssnitt<\/h3>\n<p>Electron har API:er f\u00f6r de flesta applikationsbehov, som tillg\u00e5ng till filsystem och aviseringar. WebView2 tillhandah\u00e5ller dock inga API:er f\u00f6r sina skrivbordsapplikationer.<\/p>\n<p>\u00c4ven n\u00e4r det kommer till spr\u00e5k, st\u00f6djer Electron och WebView att anv\u00e4nda JavaScript, CSS och HTML n\u00e4r du bygger dina applikationer.<\/p>\n<h3>3 \u00c5tergivningsprocess<\/h3>\n<p>Det finns en liten variation i hur dessa teknologier \u00e5terger sina applikationer. Elektronprocessmodellen \u00e4r uppdelad i huvud- och renderarprocesserna.<\/p>\n<p>Den prim\u00e4ra processen fungerar i en <a href=\"https:\/\/www.makeuseof.com\/node-js-server-side-javascript\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Node.js-milj\u00f6<\/a> och fungerar som ing\u00e5ngspunkt f\u00f6r enskilda applikationer. Den delas sedan upp i olika renderingsprocesser som hj\u00e4lper till att rendera applikationsinneh\u00e5llet.<\/p>\n<p>Samtidigt \u00e4r WebView2-processmodellen vanligtvis en grupp som best\u00e5r av olika k\u00f6rtidsprocesser. Varje k\u00f6rningsprocess har en webbl\u00e4sare, minst en renderare och ett par andra hj\u00e4lpprocesser.<\/p>\n<p>Dessa hj\u00e4lpprocesser \u00e4r vanligtvis hj\u00e4lptj\u00e4nster som bilder eller ljudtj\u00e4nster.<\/p>\n<h2>Vad detta betyder f\u00f6r webbaserade applikationer<\/h2>\n<p>Genom att introducera WebView2 till Windows 10 kan utvecklare utnyttja Edge-webbl\u00e4sarens funktioner fullt ut. Tekniken till\u00e5ter \u00e4ven utvecklare att skapa webbinneh\u00e5ll som slutanv\u00e4ndarna kommer att uppskatta, \u00e4ven om endast utvecklare kan arbeta direkt med k\u00f6rtiden.<\/p>\n<p>Eftersom WebView2 bara var tillg\u00e4ngligt p\u00e5 Windows 11 var det utmanande och dyrt att arbeta med tekniken f\u00f6r utvecklare med \u00e4ldre konsumentenheter som k\u00f6r Windows 10. D\u00e4rf\u00f6r raderar denna leverans den stressen och \u00f6verbryggar klyftan f\u00f6r att komma in i WebView2-ekosystemet.<\/p>\n<p>Att g\u00f6ra detta ger ocks\u00e5 utvecklare och slutanv\u00e4ndare mer tillg\u00e5ng till de m\u00e5nga f\u00f6rdelarna med WebView2-runtime. N\u00e5gra av dessa f\u00f6rdelar inkluderar exponering f\u00f6r webbv\u00e4rlden och andra <a href=\"https:\/\/www.makeuseof.com\/popular-professional-web-development-tools\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">webbutvecklingsverktyg<\/a> som bibliotek; och tillg\u00e5ng till en komplett upps\u00e4ttning inbyggda API:er som du kan integrera i dina appar.<\/p>\n<p>Dessutom kan du med WebView2 l\u00e4gga till och spara olika koder till en kodbas s\u00e5 att koderna \u00e4r \u00e5teranv\u00e4ndbara \u00f6ver flera plattformar.<\/p>\n<h2>En vinst f\u00f6r Windows 10-utvecklare<\/h2>\n<p>Leveransen av WebView2 runtime p\u00e5 Windows 10 har gynnat m\u00e5nga utvecklare. F\u00f6ljaktligen kan vi dra slutsatsen att denna teknik kommer att tj\u00e4na sina avsedda syften baserat p\u00e5 tv\u00e5 faktorer.<\/p>\n<p>Dessa faktorer \u00e4r minskad anv\u00e4ndning av diskutrymme p\u00e5 grund av dess inkorporering med edge-webbl\u00e4saren; och att WebView2 ger inbyggda appar tillg\u00e5ng till olika Edge-funktioner.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <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>\u00c4r WebView2 det b\u00e4sta alternativet f\u00f6r Windows 10-anv\u00e4ndare? Och vad betyder det f\u00f6r personer som anv\u00e4nder operativsystemet? L\u00e5t oss ta reda p\u00e5.<\/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":[2889],"tags":[3063],"class_list":["post-269809","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-windows-7","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/269809","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/comments?post=269809"}],"version-history":[{"count":1,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/269809\/revisions"}],"predecessor-version":[{"id":313757,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/269809\/revisions\/313757"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/media\/246647"}],"wp:attachment":[{"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/media?parent=269809"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/categories?post=269809"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/sv\/wp-json\/wp\/v2\/tags?post=269809"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}