.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:利用與Microsoft Edge相同的引擎,WebView2相比舊的網頁視圖控制項提供更一致和可靠的網頁內容渲染。

現代網路標準:支援最新的網路標準,開發人員可以確保其 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 表現基礎結構(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

WebView2 和 IronPDF 在 C# 專案中的結合開啟了令人興奮的可能性。 雖然 WebView2 在顯示和與網頁內容互動方面表現出色,但 IronPDF 在將此內容轉換為 PDF 格式方面表現優異。 此整合讓開發者能夠創建應用程式,不僅能顯示網頁內容,還能提供功能給將此內容轉換為PDFs.

使用 IronPDF 捕捉 WebView2 內容

建立包含 WebView2 的 Windows Forms 應用程式可讓使用者在您的應用程式中瀏覽互聯網。首先,將 WebView2 控制項新增到您的表單中。 此控制項應該佔據表單的較大部分,提供足夠的網頁瀏覽空間。 此外,包含像地址欄和按鈕等導航控制,以提供完整的瀏覽體驗。

添加 PDF 轉換功能

在您的表單上加入一個標示為「轉換為 PDF」的按鈕。此按鈕將成為使用者將目前瀏覽的網頁轉換為 PDF 文件的觸發器,使用 IronPDF。

安裝 IronPDF 函式庫

<

使用 NuGet 套件管理器安裝

若要將 IronPDF 整合到您的 WebView2 專案中,請使用 NuGet 套件管理器,並按照以下步驟操作:

  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
VB   C#

以下是 UI 輸出:

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

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

Webview2 C# 範例(對開發人員的工作原理):圖 4 - 轉換確認

結論

Webview2 C# 範例(開發人員如何運作):圖 5 - 授權

隨著我們完成對 WebView2 和 IronPDF 在 C# 開發領域的探索,顯而易見,這兩種技術的協同作用為創建動態和多功能的應用程序提供了豐富的功能集。

通過整合 WebView2,您可以將先進的網頁技術直接嵌入到您的 C# 應用程式中,提升其功能性和用戶體驗。 IronPDF透過提供工具將這些基於網頁的介面和內容轉換成可存取的PDF文件,來補充此功能,非常適合報告、文件和資料共享。

體驗 IronPDF 的全部潛力,享受一個免費試用為所有用戶解鎖完整功能範圍,授權價格從 $749 起。

< 上一頁
C# 字串分割(開發人員的運作方式)
下一個 >
Fluent Assertions C#(開發人員如何運作)

準備開始了嗎? 版本: 2024.10 剛剛發布

免費 NuGet 下載 總下載次數: 10,993,239 查看許可證 >