Webview2 C# 範例（面向開發者的工作原理）

鉻合金優勢

基於 Chromium： WebView2 利用與 Microsoft Edge 相同的引擎，與舊版 Web 視圖控制項相比，能夠更一致、更可靠地渲染 Web 內容。

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

在 C# 專案中設定 WebView2

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

WebView2 C# 範例（開發者使用方法）：圖 1 - WebView2

在 Windows Forms 和 WPF 中實作 WebView2

WebView2 可用於不同類型的 C# 應用程序，包括 Windows Forms (WinForms) 和 Windows Presentation Foundation (WPF)。 每個框架在實作方面都有其細微差別，但核心概念保持不變：WebView2 充當應用程式內 Web 內容的容器。

載入網頁內容的基本範例

WebView2 設定完成後，就可以開始將網頁載入到應用程式中了。 這可以很簡單，例如設定來源 URL 來顯示網頁。 以下是一個簡單的例子，供您入門：

using System;
using Microsoft.Web.WebView2.WinForms; // Ensure WebView2 is included

public class WebViewExample
{
    public void LoadWebPage()
    {
        var webView = new WebView2();
        webView.Source = new Uri("https://www.ironpdf.com");
        // The URI of IronPDF's site is set as the source URL for WebView
    }
}

using System;
using Microsoft.Web.WebView2.WinForms; // Ensure WebView2 is included

public class WebViewExample
{
    public void LoadWebPage()
    {
        var webView = new WebView2();
        webView.Source = new Uri("https://www.ironpdf.com");
        // The URI of IronPDF's site is set as the source URL for WebView
    }
}

在這段程式碼片段中，建立了 WebView2 的新實例，並將 IronPDF 的網站載入到其中。 這說明如何在 C# 應用程式中使用 WebView2 來渲染網頁。

Webview2 C# 範例（開發者使用方法）：圖 2 - IronPDF

在 WebView2 中顯示 HTML、CSS 和 JS

WebView2 使 C# 應用程式能夠嵌入和顯示標準 Web 內容。 這包括 HTML 頁面、用於樣式設定的層疊樣式表 (CSS) 和用於互動的 JavaScript。 控制功能類似於嵌入在應用程式中的 Web 瀏覽器，它會像在 Microsoft Edge 中一樣呈現 Web 內容。

在 WebView2 中載入網頁

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

public void NavigateWebPage()
{
    var webView = new WebView2();
    webView.CoreWebView2.Navigate("https://www.ironpdf.com");
    // Navigates to the specified URL displaying the page in the application
}

public void NavigateWebPage()
{
    var webView = new WebView2();
    webView.CoreWebView2.Navigate("https://www.ironpdf.com");
    // Navigates to the specified URL displaying the page in the application
}

這段程式碼將 WebView2 控制項導覽到指定的網頁，並在應用程式中顯示該網頁。

與 JavaScript 交互

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

客製化網路體驗

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

結合使用 WebView2 和 IronPDF

在 C# 專案中將 WebView2 和 IronPDF 結合使用，可以帶來令人興奮的可能性。 雖然 WebView2 在顯示和與 Web 內容互動方面表現出色，但 IronPDF 在將這些內容轉換為 PDF 格式方面表現卓越。 這種整合使開發人員能夠創建不僅可以顯示網頁內容，而且還能將網頁內容轉換為 PDF 文件的應用程式。

使用 IronPDF 擷取 WebView2 內容

建立一個包含 WebView2 的 Windows 窗體應用程序，可讓使用者在應用程式內瀏覽網路。首先，將 WebView2 控制項新增至窗體。 此控制項應佔據表單的大部分空間，為網頁瀏覽提供充足的空間。 此外，還應包含網址列和按鈕等導航控件，以提供完整的瀏覽體驗。

新增 PDF 轉換功能

在表單上新增一個名為"轉換為 PDF"的按鈕。使用者點擊此按鈕後，即可使用 IronPDF 將目前瀏覽的網頁轉換為 PDF 文件。

使用 NuGet 套件管理器安裝

若要使用 NuGet 套件管理器將 IronPDF 整合到 WebView2 專案中，請依照下列步驟操作：

1. 開啟 Visual Studio，在解決方案資源管理器中，以滑鼠右鍵按一下您的專案。
2. 從上下文選單中選擇"管理 NuGet 套件…"。
3. 前往瀏覽標籤並蒐尋 IronPDF。
4. 從搜尋結果中選擇 IronPDF 庫，然後按一下安裝按鈕。
5. 接受任何許可協議提示。

如果要透過套件管理器控制台將 IronPDF 新增至專案中，請在套件管理器控制台中執行下列命令：

Install-Package IronPdf

它會將 IronPDF 取得並安裝到您的專案中。

使用 NuGet 網站安裝

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

透過 DLL 安裝

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

實作轉換邏輯

當使用者點擊"轉換為 PDF"按鈕時，您的應用程式應該會捕獲 WebView2 控制項中顯示的 URL 或 HTML 內容。 利用 IronPDF 的功能將此網頁內容轉換為 PDF 檔案。 以下是一個範例方法：

1.取得目前內容：當使用者啟動轉換時，從 WebView2 控制項取得目前內容。 這可以是網址，也可以是直接的HTML內容。 2.使用 IronPDF 產生 PDF：使用 IronPDF 從捕獲的網頁內容建立 PDF。 ChromePdfRenderer的RenderUrlAsPdf方法可以將目前網頁渲染成 PDF 文件。 3.儲存並通知：將產生的 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!");
}

以下是使用者介面輸出：

Webview2 C# 範例（開發者使用指南）：圖 3 - 網頁轉 PDF

點擊"轉換"按鈕後，網頁內容將轉換為 PDF 格式，並顯示以下訊息方塊：

Webview2 C# 範例（開發者使用指南）：圖 4 - 轉換確認