Freigeben über

Einführung in Microsoft Edge WebView2

  • Artikel

Mit dem Microsoft Edge WebView2-Steuerelement können Sie Webtechnologien (HTML, CSS und JavaScript) in Ihre nativen Apps einbetten. Das WebView2-Steuerelement verwendet Microsoft Edge als Rendering-Modul, um den Webinhalt in nativen Apps anzuzeigen.

Mit WebView2 können Sie Webcode in verschiedene Teile Ihrer nativen App einbetten oder die gesamte native App in einer einzigen WebView2-Instanz aufbauen.

Diagramm einer App mit nativen UI-Bereichen links und oben links sowie WebView2-UI-Bereichen oben rechts und unten

Hybrid-App-Ansatz

Entwickler müssen sich häufig zwischen dem Erstellen einer Web-App oder einer nativen App entscheiden. Diese Entscheidung hängt von der Abwägung zwischen Reichweite und Leistung ab:

  • Web-Apps ermöglichen eine breite Reichweite. Als Webentwickler können Sie den größten Teil ihres Codes auf verschiedenen Plattformen wiederverwenden.

  • Verwenden Sie eine systemeigene App, um auf alle leistungsstarken Funktionen einer nativen Plattform zuzugreifen.

Das folgende Diagramm zeigt das Spektrum der Apps von der maximalen Reichweite bis zur maximalen Leistung:

Das Spektrum der Apps, von maximaler Reichweite, aber weniger Leistung, über eine optimale Hybridmischung bis hin zu maximaler Leistung, aber weniger Reichweite

  • Die breite Reichweite umfasst Websites und Progressive Web Apps.

  • In der Mitte befinden sich Hybrid-Apps wie z. B. WebViews und Electron.

  • Unter maximale Leistung sind systemeigene Apps zu finden.

Hybrid-Apps in der Mitte dieses Spektrums ermöglichen es Ihnen, das Beste aus beiden Welten zu genießen: die Omnipräsenz und Stärke der Webplattform in Kombination mit der Leistungsfähigkeit und den umfassenden Funktionen der systemeigenen Plattform.

WebView2-Vorteile

  • Webökosystem und Qualifikationssatz. Nutzen Sie die gesamte Webplattform, Bibliotheken, Tools und Talente, die im Webökosystems vorhanden sind.

  • Schnelle Innovation. Die Webentwicklung ermöglicht eine schnellere Bereitstellung und Iteration.

  • unterstützung für Windows 10 und 11. Unterstützung für eine konsistente Benutzererfahrung in Windows 10 und Windows 11.

  • Native Funktionen. Greifen Sie auf den vollständigen Satz nativer APIs zu.

  • Codefreigabe. Das Hinzufügen von Webcode zu Ihrer Codebasis ermöglicht eine höhere Wiederverwendung über mehrere Plattformen.

  • Microsoft-Support. Microsoft bietet Support und fügt neue Featureanforderungen auf unterstützten Plattformen hinzu.

  • Evergreen-Verteilung. Verlassen Sie sich auf eine aktuelle Version von Chromium mit regelmäßigen Plattformupdates und Sicherheitspatches.

  • Verteilung der festen Version. Verpacken Sie optional eine bestimmte Version der Chromium Bits in Ihrer App.

  • Inkrementelle Einführung. Fügen Sie Ihrer App Stück für Stück Webkomponenten hinzu.

Unterstützte Plattformen

Die folgenden Programmierumgebungen werden unterstützt:

  • Win32 C/C++
  • .NET Framework 4.6.2 oder höher
  • .NET Core 3.1 oder höher
  • .NET 5 oder höher
  • WinUI 2.0
  • WinUI 3.0

WebView2-Apps können unter den folgenden Windows-Versionen ausgeführt werden:

  • Windows 11
  • Windows 10
  • Windows 10 IoT Enterprise LTSC x32 2019
  • Windows 10 IoT Enterprise LTSC x64 2019
  • Windows 10 IoT Enterprise 21h1 x64
  • Windows Server 2022
  • Windows Server 2019
  • Windows Server 2016

WebView2 wird auch auf den folgenden Geräten unterstützt:

  • Xbox
  • HoloLens 2

Windows 7 und 8

WebView2 Runtime Version 109 ist die endgültige Version, die die folgenden Versionen von Windows unterstützt. WebView2 Runtime und SDK Version 110.0.1519.0 und höher unterstützen diese Betriebssysteme nicht.

  • Windows 8/8.1
  • Windows 7
  • Windows Server 2012 R2
  • Windows Server 2012
  • Windows Server 2008 R2

Siehe auch:

Sequenz von Beispielen zum Installieren und Ausführen

Verwenden Sie die folgende empfohlene Sequenz, um mit dem Erlernen von WebView2 zu beginnen:

  1. Installieren Sie Visual Studio, installieren Sie Vorschaukanäle von Microsoft Edge, und klonen Sie das WebView2Samples Repository. Weitere Informationen finden Sie unter Einrichten Ihrer Entwicklungsumgebung für WebView2.
  2. Installieren Sie das Standard Beispiel, und führen Sie es aus. Weitere Informationen finden Sie unter Win32-Beispiel-App.
  3. Installieren Sie das Beispiel, und führen Sie es für Ihre Zielplattform aus, wenn es sich um eine andere Plattform als Win32 handelt. Weitere Informationen finden Sie unter Beispiel-Apps.
  4. Installieren Und ausführen Sie das fertige Erste Schritte Tutorial für Ihre Zielplattform (sofern das fertige Projekt bereitgestellt wird). Weitere Informationen finden Sie Erste Schritte Tutorials.
  5. Führen Sie die Erste Schritte Schritte aus, um WebView2-Code zum Visual Studio-Startprojekt für Ihre Plattform hinzuzufügen. Weitere Informationen finden Sie Erste Schritte Tutorials.

Einige Beispiele erfordern möglicherweise die Aktualisierung eines SDK, wie im Artikel für jedes Beispiel erläutert.

Nachdem Ihre Umgebung eingerichtet und die Beispiele auf Ihrem Computer erstellt und ausgeführt wurden, können Sie Ihre App entwickeln, indem Sie die andere Dokumentation lesen, z. B. Übersicht über WebView2-APIs.

Weitere Informationen

developer.microsoft.com:

Microsoft.com:

YouTube: