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

Chromium Edge的優勢

基於Chromium:由於使用與Microsoft Edge相同的引擎，WebView2提供了相較於舊的網頁檢視控制項更一致且可靠的網頁內容呈現。

現代網頁標準:支援最新的網頁標準，開發者可以確保其Windows應用程式中的網頁內容隨著現行的網頁技術保持更新。

在C#專案中設置WebView2

在C#專案中整合WebView2是一個簡單的過程。 需要通過NuGet，即Microsoft的.NET包管理器，新增WebView2 SDK。 這個SDK提供了嵌入網頁內容到應用程式所需的程式庫和工具。

Webview2 C#範例(對開發者的運作方式): 圖1 - WebView2

在Windows Forms和WPF中實施WebView2

WebView2可以在不同型別的C#應用程式中利用，包括Windows Forms (WinForms)和Windows Presentation Foundation (WPF)。 每個框架在實施上都有其特點，但核心概念是相同的：WebView2在您的應用程式中作為網頁內容的容器。

載入網頁內容的基本範例

一旦設置好了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
    }
}

Imports System
Imports Microsoft.Web.WebView2.WinForms ' Ensure WebView2 is included

Public Class WebViewExample
	Public Sub LoadWebPage()
		Dim 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
	End Sub
End Class

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

Webview2 C#範例(對開發者的運作方式): 圖2 - IronPDF

在WebView2中顯示HTML、CSS和JS

WebView2允許C#應用程式嵌入和顯示標準的網頁內容。 這包括HTML頁面，用於樣式設計的層疊樣式表（CSS）和用於互動的JavaScript。 其控制的功能與嵌入到應用程式中的網頁瀏覽器類似，會像在Microsoft Edge中一樣呈現出網頁內容。

在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
}

Public Sub NavigateWebPage()
	Dim webView = New WebView2()
	webView.CoreWebView2.Navigate("https://www.ironpdf.com")
	' Navigates to the specified URL displaying the page in the application
End Sub

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

與JavaScript互動

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

自定義網頁體驗

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

同時使用WebView2和IronPDF

在C#專案中結合使用WebView2和IronPDF打開了一個令人興奮的可能性。 雖然WebView2在顯示和互動網頁內容方面表現優異，IronPDF則在將這些內容轉換為PDF格式方面出色。 這一整合允許開發者建立應用程式，不僅顯示網頁內容，還提供生成HTML而得的PDF文件功能。

用IronPDF截取WebView2內容

建立一個包含WebView2的Windows Forms應用程式，允許使用者在您的應用中瀏覽互聯網。從在您的表單上新增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控件中獲取當前內容。 這可以是URL或者直接是HTML內容。
2. 用IronPDF生成PDF: 使用IronPDF從捕捉的網頁內容建立PDF。 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!");
}

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

以下是使用者介面輸出：

Webview2 C#範例(對開發者的運作方式): 圖3 - 網頁到PDF轉換

當您按下轉換按鈕時，它將網頁轉換為PDF並顯示以下消息框：

Webview2 C#範例(對開發者的運作方式): 圖4 - 轉換確認