{"id":269800,"date":"2023-08-13T16:19:00","date_gmt":"2023-08-13T13:19:00","guid":{"rendered":"https:\/\/howto.mediadoma.com\/?p=269800"},"modified":"2025-03-14T17:30:27","modified_gmt":"2025-03-14T14:30:27","slug":"webview2-hva-du-bor-vite-som-windows-10-bruker","status":"publish","type":"post","link":"https:\/\/howto.mediadoma.com\/no\/webview2-hva-du-bor-vite-som-windows-10-bruker\/","title":{"rendered":"WebView2: Hva du b\u00f8r vite som Windows 10-bruker"},"content":{"rendered":"\n<p>I juni 2022 kunngjorde Microsoft at de ville gj\u00f8re WebView2-kj\u00f8retiden tilgjengelig for alle Windows 10-enheter som kj\u00f8rer minst april 2018-oppdateringer.<\/p>\n<p>Hovedgrunnen er \u00e5 gj\u00f8re fordelene med teknologien innen utvikling av nettinnhold lett tilgjengelig for Windows 10-brukere. For \u00f8yeblikket hjelper WebView2-teknologi til \u00e5 drive mange nettapplikasjoner, inkludert Microsoft Office.<\/p>\n<p>I denne artikkelen skal vi se p\u00e5 WebView2, hvordan det er sammenlignet med Electron, og hvordan det p\u00e5virker nettbaserte applikasjoner.<\/p>\n<h2>Hva er 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 er en kontroll som hjelper brukere \u00e5 inkludere nettteknologier som HTML og JavaScript i innholdsapplikasjonene sine. Denne kj\u00f8retidskontrollen fra Microsoft Edge fungerer n\u00e5 med Windows 10-operativsystemet som standard.<\/p>\n<p>Microsoft Edge-tilkoblingen sikrer at kj\u00f8retiden opptar en begrenset diskplass under ett produkt hvis de er av samme versjon. \u00c5 gj\u00f8re dette garanterer at WebView-installasjonen har s\u00e5 liten innvirkning som mulig p\u00e5 PC-en din.<\/p>\n<h2>Hvordan m\u00e5ler WebView2 konkurrentene?<\/h2>\n<p>Det er noen f\u00e5 forskjeller mellom WebView2 og konkurrenten Electron JS, spesielt n\u00e5r man sammenligner hvordan de gjengir nettinnholdet sitt. P\u00e5 overflaten er gjengivelsesm\u00f8nsteret deres ganske likt. Noen n\u00f8kkelelementer skiller seg imidlertid ut.<\/p>\n<h3>1 Bygg base<\/h3>\n<p>Begge teknologiene er Chromium-baserte. Selv om WebView2 er mer begrenset til \u00e5 fungere med Microsoft Edge.<\/p>\n<p>Electron gj\u00f8r det mulig for en utvikler \u00e5 lage <a href=\"https:\/\/www.makeuseof.com\/best-cross-platform-apps-get-things-done\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">applikasjoner p\u00e5 tvers av plattformer som fungerer p\u00e5 skrivebordet ditt<\/a> mens de er vert for det som en nettapplikasjon. Denne teknologien fungerer som et kommunikasjonsmedium mellom applikasjonen og skrivebordet.<\/p>\n<p>WebView, p\u00e5 den annen side, er en teknologi som fungerer som en del av applikasjonen din for \u00e5 gjengi nettinnhold.<\/p>\n<p>Denne byggeavhengigheten av enten Chromium eller Edge p\u00e5virker ogs\u00e5 hvilken type plattformer teknologiene kan kj\u00f8re p\u00e5. I tillegg fungerer Electron godt p\u00e5 Mac, Linux og Windows, mens den eneste plattformen for WebView2 er Windows.<\/p>\n<h3>2 applikasjonsprogrammeringsgrensesnitt<\/h3>\n<p>Electron har APIer for de fleste applikasjonsbehov, som tilgang til filsystemer og varsler. WebView2 tilbyr imidlertid ikke API-er for sine skrivebordsapplikasjoner.<\/p>\n<p>Skj\u00f8nt, n\u00e5r det kommer til spr\u00e5k, st\u00f8tter Electron og WebView bruk av JavaScript, CSS og HTML n\u00e5r du bygger applikasjonene dine.<\/p>\n<h3>3 Gjengivelsesprosess<\/h3>\n<p>Det er en liten variasjon i m\u00e5ten disse teknologiene gjengir applikasjonene sine p\u00e5. Elektronprosessmodellen er delt inn i hoved- og renderingsprosessen.<\/p>\n<p>Den prim\u00e6re prosessen opererer i et <a href=\"https:\/\/www.makeuseof.com\/node-js-server-side-javascript\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Node.js-milj\u00f8<\/a> og fungerer som inngangspunkt for individuelle applikasjoner. Den deler seg deretter inn i forskjellige gjengivelsesprosesser som hjelper til med \u00e5 gjengi applikasjonsinnholdet.<\/p>\n<p>I mellomtiden er WebView2-prosessmodellen vanligvis en gruppe som best\u00e5r av forskjellige kj\u00f8retidsprosesser. Hver kj\u00f8retidsprosess har \u00e9n nettleser, minst \u00e9n renderer og et par andre hjelpeprosesser.<\/p>\n<p>Disse hjelpeprosessene er vanligvis hjelpetjenester som visuelle eller lydtjenester.<\/p>\n<h2>Hva dette betyr for nettbaserte applikasjoner<\/h2>\n<p>Ved \u00e5 introdusere WebView2 til Windows 10 kan utviklere utnytte Edge-nettleserens muligheter fullt ut. Teknologien lar ogs\u00e5 utviklere lage nettinnhold som sluttbrukerne vil sette pris p\u00e5, selv om bare utviklere kan jobbe direkte med kj\u00f8retiden.<\/p>\n<p>Fordi WebView2 kun var tilgjengelig p\u00e5 Windows 11, var det utfordrende og dyrt \u00e5 jobbe med teknologien for utviklere med eldre forbrukerenheter som kj\u00f8rer Windows 10. Derfor sletter denne leveransen dette stresset og bygger bro over gapet for \u00e5 komme inn i WebView2-\u00f8kosystemet.<\/p>\n<p>\u00c5 gj\u00f8re dette gir ogs\u00e5 utviklere og sluttbrukere mer tilgang til de mange fordelene med WebView2 runtime. Noen av disse fordelene inkluderer eksponering for nettverdenen og andre <a href=\"https:\/\/www.makeuseof.com\/popular-professional-web-development-tools\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">webutviklingsverkt\u00f8y<\/a> som biblioteker; og tilgang til et komplett sett med native API-er som du kan integrere i appene dine.<\/p>\n<p>I tillegg kan du med WebView2 legge til og lagre ulike koder til en kodebase slik at kodene kan gjenbrukes p\u00e5 flere plattformer.<\/p>\n<h2>En seier for Windows 10-utviklere<\/h2>\n<p>Leveringen av WebView2 runtime p\u00e5 Windows 10 har v\u00e6rt til nytte for mange utviklere. F\u00f8lgelig kan vi konkludere med at denne teknologien vil tjene sine tiltenkte form\u00e5l basert p\u00e5 to faktorer.<\/p>\n<p>Disse faktorene er redusert bruk av diskplass p\u00e5 grunn av dens inkorporering med edge-nettleseren; og at WebView2 gir innf\u00f8dte apper tilgang til forskjellige Edge-funksjoner.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Opptakskilde:  <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>Er WebView2 det beste alternativet for Windows 10-brukere? Og hva betyr det for folk som bruker operativsystemet? La oss finne det ut.<\/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":[2887],"tags":[3060],"class_list":["post-269800","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-windows-5","tag-affiai-no"],"_links":{"self":[{"href":"https:\/\/howto.mediadoma.com\/no\/wp-json\/wp\/v2\/posts\/269800","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/howto.mediadoma.com\/no\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/howto.mediadoma.com\/no\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/no\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/no\/wp-json\/wp\/v2\/comments?post=269800"}],"version-history":[{"count":1,"href":"https:\/\/howto.mediadoma.com\/no\/wp-json\/wp\/v2\/posts\/269800\/revisions"}],"predecessor-version":[{"id":311035,"href":"https:\/\/howto.mediadoma.com\/no\/wp-json\/wp\/v2\/posts\/269800\/revisions\/311035"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/no\/wp-json\/wp\/v2\/media\/246647"}],"wp:attachment":[{"href":"https:\/\/howto.mediadoma.com\/no\/wp-json\/wp\/v2\/media?parent=269800"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/no\/wp-json\/wp\/v2\/categories?post=269800"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/no\/wp-json\/wp\/v2\/tags?post=269800"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}