Webview2 C# 示例（開發者的工作原理）

鉻合金優勢

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

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

在 C# 專案中設定 WebView2

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

在 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 中顯示 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。 RenderUrlAsPdf 的 ChromePdfRenderer 方法可以將目前網頁渲染成 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!");
}

以下是使用者介面輸出：

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