.NET 幫助

Webview2 C# 範例（開發者如何運作）

發佈 2024年1月4日

WebView2，來自微軟的最新網頁視圖技術迭代基於Chromium引擎，這是驅動受歡迎的Microsoft Edge瀏覽器的相同引擎。固定版本分發允許 C# 開發者直接將網頁技術如超文本標記語言、CSS 和 JavaScript 嵌入他們的本機應用程式中。這個整合開啟了無限可能的世界，從顯示動態內容到建構複雜的使用者介面。

IronPDF 概述提供在 C# 應用程式中生成、操作和呈現 PDF 文件的功能。無論是將線上內容轉換為 PDF 還是從頭開始創建文檔，IronPDF 提供了一種簡單的方法來處理 PDF 以及基於網頁的數據和界面。

本教程將指導您在 C# 應用程式中整合 WebView2 和 IronPDF。從基本設置到高級功能，我們將探討如何將這些工具結合使用來提升您的應用程式能力。

WebView2 簡介

WebView2，由基於 Chromium 的 Microsoft Edge 瀏覽器提供支持，代表著在 C# 應用程式中嵌入網頁內容的一個重大進步。這項技術使開發人員能將現代網絡的全方位功能融入到他們的 Windows 應用程式中，提供更高的性能、兼容性和功能性。

Chromium Edge 的優勢

Chromium-Based：利用與 Microsoft Edge 相同的引擎，WebView2 提供了比舊版 web view 控件更一致和可靠的網頁內容呈現。

現代網頁標準：支援最新的網頁標準，開發人員可以確保其 Windows 應用程式中的網頁內容與當前的網頁技術保持同步。

開始使用 WebView2

在 C# 專案中設定 WebView2

將 WebView2 整合到 C# 專案是一個簡單的過程。這涉及透過 NuGet（.NET 的微軟套件管理工具）新增 WebView2 SDK。此 SDK 提供必要的庫和工具，以使用 WebView2 將網頁內容嵌入到您的應用程式中。

Webview2 C# 範例（適用於開發人員的工作原理）：圖 1 - WebView2

在 Windows Forms 和 WPF 中實現 WebView2

WebView2 可以用於不同類型的 C# 應用程式，包括 Windows Forms(WinForms)和 Windows Presentation Foundation(WPF). 每個框架在實現方面都有其細微差異，但核心概念保持不變：WebView2 作為您應用程式中網頁內容的容器。

加載網頁內容的基本範例

一旦 WebView2 設置完成，您可以開始將網頁加載到您的應用程式中。這可以簡單到僅需設置來源 URL 來顯示網頁。這裡有一個基本範例讓你開始：

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")

VB C#

在此程式碼片段中，創建了一個新的 WebView2 實例，並將 IronPDF 的網站加載到其中。這說明了如何在 C# 應用程式中使用 WebView2 來呈現網頁。

Webview2 C# 範例（開發者操作說明）：圖 2 - IronPDF

嵌入基本網頁內容

在 WebView2 中顯示 HTML、CSS 和 JS

WebView2 允許 C# 應用程式嵌入和顯示標準網頁內容。這包括 HTML 頁面、用於樣式的層疊樣式表 (CSS) 和用於互動的 JavaScript。控制功能類似於嵌入在應用程式中的網頁瀏覽器，呈現網頁內容的效果如同在 Microsoft Edge 中顯示一樣。

在 WebView2 中加載網頁

WebView2 的主要功能是載入和顯示網頁。這是通過指定 URL 或直接加載 HTML 內容來實現的。例如：

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

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

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

VB C#

此程式碼將 WebView2 控件導航到指定的網頁，並在應用程式中顯示該頁面。

與 JavaScript 互動

WebView2允許與嵌入式網頁內容中的JavaScript進行互動。這意味著您可以從您的 C# 應用程式執行 JavaScript 代碼，反之亦然，從而實現動態內容更新和響應式使用者介面。

自訂網頁體驗

使用 WebView2，您可以控制網頁內容的顯示方式，並自訂各種方面，例如大小、可見性和使用者互動設置。這項自訂化功能使您能夠將網頁內容無縫整合到應用程式的原生使用者介面中。

整合 WebView2 和 IronPDF

結合使用WebView2和IronPDF

在 C# 專案中結合 WebView2 和 IronPDF 開啟了令人興奮的可能性。雖然 WebView2 在顯示和交互網頁內容方面表現優異，但 IronPDF 在將這些內容轉換為 PDF 格式方面更加出色。此整合使開發人員能夠創建應用程式，不僅可以顯示網頁內容，還提供功能來將網頁內容轉換為 PDF 文件.

使用IronPDF捕捉WebView2內容

建立一個包含 WebView2 的 Windows Forms 應用程式可讓使用者在您的應用程式中瀏覽互聯網。首先，在您的表單中添加一個 WebView2 控制項。此控制項應該佔據表單的大部分，提供充足的空間進行網頁瀏覽。另外，請包含像是地址欄和按鈕這樣的導覽控制，以提供完整的瀏覽體驗。

新增 PDF 轉換功能

在您的表單中加入一個標籤為「轉換為 PDF」的按鈕。這個按鈕將成為用戶使用 IronPDF 將當前查看的網頁轉換成 PDF 文件的觸發器。

安裝 IronPDF 庫

使用 NuGet 套件管理器安裝

要使用 NuGet 包管理器將 IronPDF 集成到您的 WebView2 項目中，請遵循以下步驟：

打開 Visual Studio，然後在方案總管中右鍵單擊您的項目。
從內容選單中選擇「管理 NuGet 套件...」。
前往瀏覽標籤並搜尋IronPDF。
從搜尋結果中選擇IronPDF程式庫，然後點擊安裝按鈕。
接受任何許可協議提示。
如果您想通過套件管理器主控台在專案中包含IronPDF，請在套件管理器主控台中執行以下命令：

Install-Package IronPdf

這將會將 IronPDF 取回並安裝到您的專案中。

使用 NuGet 網站安裝

如需詳細了解 IronPDF，包括其功能、兼容性和其他下載選項，請訪問 NuGet 網站上的 IronPDF 頁面：https://www.nuget.org/packages/IronPdf。

通過 DLL 安裝

或者，您可以使用其 DLL 文件直接將 IronPDF 整合到您的專案中。從此處下載包含該 DLL 的 ZIP 文件。DLL 下載頁面. 解壓縮後，將 DLL 包含在您的專案中。

實施轉換邏輯

當使用者點擊「Convert to PDF」按鈕時，您的應用程序應該捕捉 WebView2 控制項中顯示的 URL 或 HTML 內容。利用 IronPDF 的功能將此網頁內容轉換為 PDF。以下是示範方法：

捕捉當前內容：當用戶啟動轉換時，從 WebView2 控制項中獲取當前內容。這可能是網址或直接的 HTML 內容。
使用 IronPDF 生成 PDF：使用 IronPDF 從捕獲的網頁內容創建 PDF。 HtmlToPdf 類可以將當前網頁渲染為 PDF 文件。
保存與通知：將生成的 PDF 保存到預定位置或提示用戶選擇保存位置。 PDF儲存後，透過訊息框通知使用者成功轉換。

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

VB C#

以下是用戶介面輸出：

Webview2 C# 示例（開發人員如何使用）：圖3－網頁轉PDF