Webview2 C# Beispiel (Wie es für Entwickler funktioniert)

WebView2die neueste Iteration der Web-View-Technologie von Microsoft basiert auf der Chromium-Engine, der gleichen Engine, die auch den beliebten Microsoft Edge-Browser antreibt. Die Fixversion ermöglicht es C#-Entwicklern, Webtechnologien wie Hyper Text Markup Language, CSS und JavaScript direkt in ihre nativen Anwendungen einzubetten. Diese Integration eröffnet eine Welt von Möglichkeiten, von der Anzeige dynamischer Inhalte bis zur Erstellung komplexer Benutzeroberflächen.

IronPDF Überblick bietet die Möglichkeit, PDF-Dokumente in C#-Anwendungen zu erzeugen, zu bearbeiten und darzustellen. Ob es um die Konvertierung von Online-Inhalten in PDFs geht oder um die Erstellung von Dokumenten von Grund auf, IronPDF bietet einen unkomplizierten Ansatz für die Handhabung von PDFs neben webbasierten Daten und Schnittstellen.

Dieses Tutorial führt Sie durch die Integration von WebView2 und IronPDF in eine C#-Anwendung. Von der grundlegenden Einrichtung bis hin zu fortgeschrittenen Funktionen werden wir erkunden, wie diese Tools im Tandem verwendet werden können, um die Möglichkeiten Ihrer Anwendung zu erweitern.

Einführung in WebView2

WebView2, das auf dem Chromium-basierten Microsoft Edge-Browser basiert, stellt einen bedeutenden Fortschritt bei der Einbettung von Webinhalten in C#-Anwendungen dar. Diese Technologie ermöglicht es Entwicklern, das gesamte Spektrum des modernen Webs in ihre Windows-Anwendungen einzubinden und so die Leistung, Kompatibilität und Funktionalität zu verbessern.

Der Vorteil von Chromium Edge

Chromium-basiert: WebView2 nutzt dieselbe Engine wie Microsoft Edge und bietet eine konsistentere und zuverlässigere Darstellung von Webinhalten im Vergleich zu älteren Web View Controls.

Moderne Webstandards: Durch die Unterstützung der neuesten Webstandards können Entwickler sicherstellen, dass die Webinhalte in ihren Windows-Anwendungen mit den aktuellen Webtechnologien Schritt halten.

Erste Schritte mit WebView2

Einrichten von WebView2 in C#-Projekten

Die Integration von WebView2 in ein C# Projekt ist ein unkomplizierter Prozess. Dazu muss das WebView2 SDK über NuGet, Microsofts Paketmanager für .NET, hinzugefügt werden. Dieses SDK stellt die notwendigen Bibliotheken und Werkzeuge zur Verfügung, um Webinhalte in Ihre Anwendungen mit WebView2 einzubetten.

Implementierung von WebView2 in Windows Forms und WPF

WebView2 kann in verschiedenen Arten von C#-Anwendungen eingesetzt werden, einschließlich Windows Forms(WinForms) und Windows Presentation Foundation(WPF). Jedes Framework hat seine Nuancen in Bezug auf die Implementierung, aber das Kernkonzept bleibt dasselbe: WebView2 fungiert als Container für Webinhalte innerhalb Ihrer Anwendung.

Ein einfaches Beispiel für das Laden von Webinhalten

Sobald WebView2 eingerichtet ist, können Sie damit beginnen, Webseiten in Ihre Anwendung zu laden. Das kann so einfach sein wie die Einstellung der Quell-URL, um eine Webseite anzuzeigen. Hier ist ein einfaches Beispiel für den Anfang:

var webView = new WebView2();
webView.Source = new Uri("https://www.ironpdf.com");

var webView = new WebView2();
webView.Source = new Uri("https://www.ironpdf.com");

Dim webView = New WebView2()
webView.Source = New Uri("https://www.ironpdf.com")

In diesem Codeschnipsel wird eine neue Instanz von WebView2 erstellt und die IronPDF-Website wird in diese geladen. Dies veranschaulicht, wie WebView2 zum Rendern von Webseiten innerhalb einer C#-Anwendung verwendet werden kann.

Einbetten einfacher Webinhalte

Anzeige von HTML, CSS und JS in WebView2

Mit WebView2 können C#-Anwendungen Standard-Webinhalte einbetten und anzeigen. Dazu gehören HTML-Seiten, Cascading Style Sheets für das Styling und JavaScript für die Interaktivität. Die Steuerungsfunktionen ähneln einem in Ihre Anwendung eingebetteten Webbrowser, der Webinhalte so wiedergibt, wie sie in Microsoft Edge erscheinen würden.

Laden von Web-Seiten in WebView2

Die Hauptfunktion von WebView2 ist das Laden und Anzeigen von Webseiten. Dies wird durch die Angabe einer URL oder das direkte Laden von HTML-Inhalten erreicht. Zum Beispiel:

webView.CoreWebView2.Navigate("https://www.ironpdf.com");

webView.CoreWebView2.Navigate("https://www.ironpdf.com");

webView.CoreWebView2.Navigate("https://www.ironpdf.com")

Dieser Code navigiert das WebView2-Steuerelement zu einer bestimmten Webseite und zeigt sie innerhalb der Anwendung an.

Interaktion mit JavaScript

WebView2 ermöglicht die Interaktion mit JavaScript innerhalb des eingebetteten Webinhalts. Das bedeutet, dass Sie JavaScript-Code von Ihrer C#-Anwendung aus ausführen können und umgekehrt, was dynamische Inhaltsaktualisierungen und reaktionsfähige Benutzeroberflächen ermöglicht.

Anpassen des Webangebots

Mit WebView2 haben Sie die Kontrolle darüber, wie Webinhalte angezeigt werden, und können verschiedene Aspekte wie Größe, Sichtbarkeit und Benutzerinteraktionseinstellungen anpassen. Diese Anpassung ermöglicht die nahtlose Integration der Webinhalte in die native Benutzeroberfläche Ihrer Anwendung.

Integration von WebView2 und IronPDF

WebView2 und IronPDF gemeinsam nutzen

Die Kombination von WebView2 und IronPDF in einem C# Projekt eröffnet spannende Möglichkeiten. Während WebView2 hervorragend für die Anzeige und Interaktion mit Webinhalten geeignet ist, zeichnet sich IronPDF durch die Konvertierung dieser Inhalte in das PDF-Format aus. Diese Integration ermöglicht es Entwicklern, Anwendungen zu erstellen, die nicht nur Webinhalte anzeigen, sondern auch Funktionen fürkonvertierung von Webinhalten in PDF-Dokumente.

Erfassen von WebView2-Inhalten mit IronPDF

Das Erstellen einer Windows Forms-Anwendung, die WebView2 enthält, ermöglicht es Benutzern, innerhalb Ihrer Anwendung im Internet zu surfen. Beginnen Sie mit dem Hinzufügen eines WebView2-Steuerelements zu Ihrem Formular. Dieses Steuerelement sollte einen großen Teil des Formulars ausfüllen und ausreichend Platz für das Browsen im Internet bieten. Darüber hinaus sollten Sie Steuerelemente für die Navigation wie Adressleisten und Schaltflächen einbeziehen, um das Surfen zu vereinfachen.

Hinzufügen der PDF-Konvertierungsfunktion

Fügen Sie in Ihr Formular eine Schaltfläche mit der Bezeichnung "In PDF konvertieren" ein Diese Schaltfläche ist der Auslöser für Benutzer, die aktuell angezeigte Webseite mit IronPDF in ein PDF-Dokument zu konvertieren.

IronPDF-Bibliothek installieren

Installation mit NuGet-Paketmanager

Um IronPDF mit Hilfe des NuGet-Paketmanagers in Ihr WebView2-Projekt zu integrieren, gehen Sie folgendermaßen vor:

1. Öffnen Sie Visual Studio und klicken Sie im Projektmappen-Explorer mit der rechten Maustaste auf Ihr Projekt.

2. Wählen Sie "NuGet-Pakete verwalten..." aus dem Kontextmenü.

3. Gehen Sie auf die Registerkarte Durchsuchen und suchen Sie nach IronPDF.

4. Wählen Sie die IronPDF-Bibliothek aus den Suchergebnissen aus und klicken Sie auf die Schaltfläche "Installieren".

5. Akzeptieren Sie die Aufforderung zu einer Lizenzvereinbarung.

   Wenn Sie IronPDF über die Paketmanager-Konsole in Ihr Projekt einbinden möchten, führen Sie den folgenden Befehl in der Paketmanager-Konsole aus:

Install-Package IronPdf

Es wird IronPDF in Ihr Projekt holen und installieren.

Installation über die NuGet-Website

Einen detaillierten Überblick über IronPDF, einschließlich seiner Funktionen, Kompatibilität und zusätzlicher Download-Optionen, finden Sie auf der IronPDF-Seite auf der NuGet-Website unter https://www.nuget.org/packages/IronPdf.

Installation über DLL

Alternativ können Sie IronPDF auch direkt in Ihr Projekt einbinden, indem Sie die DLL-Datei verwenden. Laden Sie die ZIP-Datei, die die DLL enthält, von dieser Seite herunterDLL-Download-Seite. Entpacken Sie die Datei, und binden Sie die DLL in Ihr Projekt ein.

Implementierung der Konvertierungslogik

Wenn der Benutzer auf die Schaltfläche "In PDF konvertieren" klickt, sollte Ihre Anwendung die URL oder den HTML-Inhalt erfassen, der in dem WebView2-Steuerelement angezeigt wird. Nutzen Sie die Möglichkeiten von IronPDF, um diese Webinhalte in eine PDF-Datei zu konvertieren. Hier ist ein Beispiel für einen Ansatz:

1. Aktuellen Inhalt erfassen: Wenn der Benutzer die Konvertierung einleitet, holen Sie den aktuellen Inhalt aus dem WebView2-Steuerelement. Dies kann die URL oder direkt der HTML-Inhalt sein.

2. PDF-Erstellung mit IronPDF: Verwenden Sie IronPDF, um aus den erfassten Webinhalten ein PDF zu erstellen. Die Klasse "HtmlToPdf" kann die aktuelle Webseite in ein PDF-Dokument umwandeln.

3. Speichern und benachrichtigen: Speichern Sie die generierte PDF-Datei an einem vordefinierten Ort oder fordern Sie den Benutzer auf, einen Speicherort zu wählen. Nach dem Speichern der PDF-Datei sollte der Benutzer über die erfolgreiche Konvertierung benachrichtigt werden, möglicherweise über ein Nachrichtenfeld.

private void ConvertToPdfButton_Click(object sender, EventArgs e)
{
    var renderer = new IronPdf.ChromePdfRenderer();
    var pdf = renderer.RenderUrlAsPdf(webView.CoreWebView2.Source.ToString());
    pdf.SaveAs("ConvertedWebPage.pdf");
    MessageBox.Show("PDF conversion successful!");
}

private void ConvertToPdfButton_Click(object sender, EventArgs e)
{
    var renderer = new IronPdf.ChromePdfRenderer();
    var pdf = renderer.RenderUrlAsPdf(webView.CoreWebView2.Source.ToString());
    pdf.SaveAs("ConvertedWebPage.pdf");
    MessageBox.Show("PDF conversion successful!");
}

Private Sub ConvertToPdfButton_Click(ByVal sender As Object, ByVal e As EventArgs)
	Dim renderer = New IronPdf.ChromePdfRenderer()
	Dim pdf = renderer.RenderUrlAsPdf(webView.CoreWebView2.Source.ToString())
	pdf.SaveAs("ConvertedWebPage.pdf")
	MessageBox.Show("PDF conversion successful!")
End Sub

Hier ist die UI-Ausgabe:

Wenn Sie auf die Schaltfläche "Konvertieren" klicken, wird das Web in eine PDF-Datei umgewandelt und das folgende Meldungsfenster angezeigt:

Schlussfolgerung

Zum Abschluss unserer Erkundung von WebView2 und IronPDF im Bereich der C#-Entwicklung wird deutlich, dass die Synergie zwischen diesen beiden Technologien eine Vielzahl von Möglichkeiten zur Erstellung dynamischer und vielseitiger Anwendungen bietet.

Durch die Integration von WebView2 können Sie fortschrittliche Webtechnologien direkt in Ihre C#-Anwendungen einbetten und so deren Funktionalität und Benutzerfreundlichkeit verbessern. IronPDF ergänzt dies durch die Bereitstellung von Werkzeugen zur Konvertierung dieser webbasierten Schnittstellen und Inhalte in zugängliche PDF-Dokumente, die sich ideal für die Berichterstattung, Dokumentation und den Datenaustausch eignen.

Erleben Sie das volle Potenzial von IronPDF mit einerkostenlose Testversion von IronPDF und schalten Sie den kompletten Funktionsumfang mit Lizenzen ab $749 frei.