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

WebView2由 Microsoft 推出的最新網頁檢視技術，基於 Chromium 引擎，即驅動流行的 Microsoft Edge 瀏覽器的相同引擎。固定版本分發允許 C# 開發人員將超文字標記語言（HTML）、CSS 和 JavaScript 等網頁技術直接嵌入他們的原生應用程式中。這種集成開啟了無限可能的世界，從顯示動態內容到構建複雜的用戶界面。

IronPDF 提供在C#應用中生成、操作和渲染PDF文檔的能力。無論是將在線內容轉換為PDF，還是從頭創建文檔，IronPDF都提供了一種簡單的方法來處理PDF與基於Web的數據和界面。

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

WebView2 介紹

由基於Chromium的Microsoft Edge瀏覽器提供動力的WebView2，代表了在C#應用程序中嵌入網頁內容的重大進展。這項技術使開發人員能夠將現代網頁的全部範圍納入其Windows應用程序中，提供了增強的性能、兼容性和功能。

Chromium Edge 優勢

基於 Chromium : 利用與 Microsoft Edge 相同的引擎，WebView2 比舊版的 Web 視圖控制提供更一致和可靠的 Web 內容呈現。

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

開始使用 WebView2

在 C# 專案中設定 WebView2

將 WebView2 整合到 C# 專案中是一個簡單的過程。這涉及到透過 NuGet，Microsoft 的 .NET 套件管理器，添加 WebView2 SDK。這個 SDK 提供了將網頁內容嵌入到您的應用程式中所需的庫和工具。

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

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

嵌入基本網頁內容

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

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

與 JavaScript 互動

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

自定義網頁體驗

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

整合 WebView2 和 IronPDF

使用 WebView2 和 IronPDF 一起工作

在 C# 專案中結合 WebView2 和 IronPDF 會開啟令人振奮的可能性。WebView2 非常適合顯示和與 web 內容互動，而 IronPDF 擅長將這些內容轉換成 PDF 格式。此整合允許開發人員創建既能顯示 web 內容又能提供功能的應用程式 將此內容轉換為PDF.

使用 IronPDF 捕捉 WebView2 內容

建立包含 WebView2 的 Windows Forms 應用程式，讓使用者可以在您的應用程式中瀏覽網路。首先，將 WebView2 控制項添加到您的表單中。此控制項應佔用表單的大部分，提供充足的網頁瀏覽空間。此外，還要包括導航控制項，如地址欄和按鈕，以提供完整的瀏覽體驗。

添加 PDF 轉換功能

在您的表單上引入一個標註為「轉換為 PDF」的按鈕。此按鈕將成為用戶使用 IronPDF 將當前瀏覽的網頁轉換為 PDF 文件的觸發裝置。

安裝 IronPDF 圖書館

安裝使用 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 的 ZIP 檔案。 連結解壓縮並將DLL包含在您的專案中。

實現轉換邏輯

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

1. 捕獲當前內容：當使用者啟動轉換時，從WebView2控制項中獲取當前內容。這可以是URL或直接的HTML內容。

2. 使用IronPDF生成PDF：使用IronPDF從捕獲的網頁內容中創建PDF。HtmlToPdf類可以將當前網頁渲染成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

這是界面輸出：

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

結論

隨著我們對 WebView2 和 IronPDF 在 C# 開發領域的探索告一段落，很明顯這兩項技術之間的協同作用為創建動態和多功能的應用程序提供了豐富的能力。

通過集成 WebView2，您可以將先進的網頁技術直接嵌入到您的 C# 應用程序中，提高其功能和用戶體驗。IronPDF 透過提供將這些基於網頁的接口和內容轉換為可訪問的 PDF 文件的工具，進一步補充這一點，這對於報告、文件編制和數據共享非常理想。

體驗 IronPDF 的全部潛力與一 免費試用 解鎖全部功能，購買起始價格為 $749 的授權。