{"id":269803,"date":"2023-08-13T16:27:00","date_gmt":"2023-08-13T13:27:00","guid":{"rendered":"https:\/\/howto.mediadoma.com\/?p=269803"},"modified":"2025-03-13T18:35:20","modified_gmt":"2025-03-13T15:35:20","slug":"webview2-was-sie-als-windows-10-benutzer-wissen-sollten","status":"publish","type":"post","link":"https:\/\/howto.mediadoma.com\/de\/webview2-was-sie-als-windows-10-benutzer-wissen-sollten\/","title":{"rendered":"WebView2: Was Sie als Windows 10-Benutzer wissen sollten"},"content":{"rendered":"\n<p>Im Juni 2022 k\u00fcndigte Microsoft an, die WebView2-Laufzeit allen Windows 10-Ger\u00e4ten zur Verf\u00fcgung zu stellen, auf denen mindestens April 2018-Updates ausgef\u00fchrt werden.<\/p>\n<p>Der Hauptgrund besteht darin, die Vorteile der Technologie bei der Entwicklung von Webinhalten f\u00fcr Benutzer von Windows 10 leicht zug\u00e4nglich zu machen. Derzeit unterst\u00fctzt die WebView2-Technologie viele Webanwendungen, einschlie\u00dflich Microsoft Office.<\/p>\n<p>In diesem Artikel werden wir uns WebView2 ansehen, wie es im Vergleich zu Electron abschneidet und wie es sich auf webbasierte Anwendungen auswirkt.<\/p>\n<h2>Was ist 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 ist ein Steuerelement, mit dem Benutzer Webtechnologien wie HTML und JavaScript in ihre Inhaltsanwendungen integrieren k\u00f6nnen. Dieses Microsoft Edge-Laufzeitsteuerelement arbeitet jetzt standardm\u00e4\u00dfig mit dem Betriebssystem Windows 10.<\/p>\n<p>Die Microsoft Edge-Verbindung stellt sicher, dass die Laufzeit einen begrenzten Speicherplatz unter einem Produkt belegt, wenn sie dieselbe Version haben. Dadurch wird sichergestellt, dass die WebView-Installation so wenig Auswirkungen wie m\u00f6glich auf Ihren PC hat.<\/p>\n<h2>Wie kann sich WebView2 mit seiner Konkurrenz messen?<\/h2>\n<p>Es gibt einige Unterschiede zwischen WebView2 und seinem Konkurrenten Electron JS, insbesondere wenn man vergleicht, wie sie ihre Webinhalte rendern. Oberfl\u00e4chlich betrachtet ist ihr Wiedergabemuster ziemlich \u00e4hnlich. Einige Schl\u00fcsselelemente stechen jedoch hervor.<\/p>\n<h3>1 Basis bauen<\/h3>\n<p>Beide Technologien basieren auf Chromium. WebView2 ist jedoch st\u00e4rker auf die Funktion mit Microsoft Edge beschr\u00e4nkt.<\/p>\n<p>Electron erm\u00f6glicht es einem Entwickler, <a href=\"https:\/\/www.makeuseof.com\/best-cross-platform-apps-get-things-done\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">plattform\u00fcbergreifende Anwendungen zu erstellen, die auf Ihrem Desktop funktionieren,<\/a> w\u00e4hrend sie als Webanwendung gehostet werden. Diese Technologie fungiert als Kommunikationsmedium zwischen der Anwendung und dem Desktop.<\/p>\n<p>WebView hingegen ist eine Technologie, die als Teil Ihrer Anwendung zum Rendern von Webinhalten dient.<\/p>\n<p>Diese Abh\u00e4ngigkeit von Builds von Chromium oder Edge beeinflusst auch die Art der Plattformen, auf denen die Technologien ausgef\u00fchrt werden k\u00f6nnen. Dar\u00fcber hinaus funktioniert Electron gut auf Mac, Linux und Windows, w\u00e4hrend die einzige Plattform f\u00fcr WebView2 Windows ist.<\/p>\n<h3>2 Anwendungsprogrammierschnittstellen<\/h3>\n<p>Electron verf\u00fcgt \u00fcber APIs f\u00fcr die meisten Anwendungsanforderungen, wie den Zugriff auf Dateisysteme und Benachrichtigungen. WebView2 stellt jedoch keine APIs f\u00fcr seine Desktop-Anwendungen bereit.<\/p>\n<p>Wenn es jedoch um Sprachen geht, unterst\u00fctzen Electron und WebView die Verwendung von JavaScript, CSS und HTML beim Erstellen Ihrer Anwendungen.<\/p>\n<h3>3 Rendering-Prozess<\/h3>\n<p>Es gibt eine geringf\u00fcgige Abweichung in der Art und Weise, wie diese Technologien ihre Anwendungen wiedergeben. Das Electron-Prozessmodell ist in den Haupt- und den Renderer-Prozess unterteilt.<\/p>\n<p>Der prim\u00e4re Prozess arbeitet in einer <a href=\"https:\/\/www.makeuseof.com\/node-js-server-side-javascript\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Node.js-Umgebung<\/a> und dient als Einstiegspunkt f\u00fcr einzelne Anwendungen. Es wird dann in verschiedene Renderer-Prozesse aufgeteilt, die beim Rendern des Anwendungsinhalts helfen.<\/p>\n<p>Das WebView2-Prozessmodell hingegen ist normalerweise eine Gruppe, die verschiedene Laufzeitprozesse umfasst. Jeder Laufzeitprozess hat einen Browser, mindestens einen Renderer und ein paar andere Hilfsprozesse.<\/p>\n<p>Diese Hilfsprozesse sind normalerweise Hilfsdienste wie visuelle oder Audiodienste.<\/p>\n<h2>Was das f\u00fcr webbasierte Anwendungen bedeutet<\/h2>\n<p>Die Einf\u00fchrung von WebView2 in Windows 10 erm\u00f6glicht es Entwicklern, die F\u00e4higkeiten des Edge-Browsers voll auszusch\u00f6pfen. Die Technologie erm\u00f6glicht es Entwicklern auch, Webinhalte zu erstellen, die die Endbenutzer zu sch\u00e4tzen wissen, obwohl nur Entwickler direkt mit der Laufzeit arbeiten k\u00f6nnen.<\/p>\n<p>Da WebView2 nur unter Windows 11 verf\u00fcgbar war, war die Arbeit mit der Technologie f\u00fcr Entwickler mit \u00e4lteren Consumer-Ger\u00e4ten mit Windows 10 eine Herausforderung und teuer. Daher beseitigt diese Bereitstellung diesen Stress und \u00fcberbr\u00fcckt die L\u00fccke zum Einstieg in das WebView2-\u00d6kosystem.<\/p>\n<p>Dadurch erhalten Entwickler und Endbenutzer auch mehr Zugriff auf die vielen Vorteile der WebView2-Laufzeitumgebung. Einige dieser Vorteile umfassen den Kontakt mit der Webwelt und anderen <a href=\"https:\/\/www.makeuseof.com\/popular-professional-web-development-tools\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Webentwicklungstools<\/a> wie Bibliotheken; und Zugriff auf einen vollst\u00e4ndigen Satz nativer APIs, die Sie in Ihre Apps integrieren k\u00f6nnen.<\/p>\n<p>Dar\u00fcber hinaus k\u00f6nnen Sie mit WebView2 verschiedene Codes zu einer Codebasis hinzuf\u00fcgen und speichern, sodass die Codes \u00fcber mehrere Plattformen hinweg wiederverwendet werden k\u00f6nnen.<\/p>\n<h2>Ein Gewinn f\u00fcr Windows 10-Entwickler<\/h2>\n<p>Die Bereitstellung der WebView2-Laufzeit auf Windows 10 hat vielen Entwicklern geholfen. Folglich k\u00f6nnen wir schlussfolgern, dass diese Technologie ihren beabsichtigten Zweck erf\u00fcllen wird, basierend auf zwei Faktoren.<\/p>\n<p>Diese Faktoren sind die reduzierte Nutzung von Speicherplatz aufgrund der Einbindung in den Edge-Browser; und dass WebView2 nativen Apps Zugriff auf verschiedene Edge-Funktionen gew\u00e4hrt.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Aufnahmequelle:  <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>Ist WebView2 die beste Option f\u00fcr Windows 10-Benutzer? Und was bedeutet es f\u00fcr Benutzer des Betriebssystems? Lass es uns herausfinden.<\/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":[2917],"tags":[3058],"class_list":["post-269803","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-fenster","tag-affiai-de"],"_links":{"self":[{"href":"https:\/\/howto.mediadoma.com\/de\/wp-json\/wp\/v2\/posts\/269803","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/howto.mediadoma.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/howto.mediadoma.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/de\/wp-json\/wp\/v2\/comments?post=269803"}],"version-history":[{"count":1,"href":"https:\/\/howto.mediadoma.com\/de\/wp-json\/wp\/v2\/posts\/269803\/revisions"}],"predecessor-version":[{"id":300093,"href":"https:\/\/howto.mediadoma.com\/de\/wp-json\/wp\/v2\/posts\/269803\/revisions\/300093"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/de\/wp-json\/wp\/v2\/media\/246647"}],"wp:attachment":[{"href":"https:\/\/howto.mediadoma.com\/de\/wp-json\/wp\/v2\/media?parent=269803"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/de\/wp-json\/wp\/v2\/categories?post=269803"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/de\/wp-json\/wp\/v2\/tags?post=269803"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}