WebView2 是 Microsoft 提供的一種嵌入式瀏覽器控件，基于 Edge (Chromium) 引擎。
它允許開發者將現代 Web 技術（如 HTML、CSS 和 JavaScript）與桌面應用相結合，從而構建強大、靈活的用戶界面。
本文將介紹 WebView2 的基本使用，并重點講解以下幾個重要功能：
NewWindowRequestedWebResourceResponseReceivedAddWebResourceRequestedFilterWebResourceRequested
環境準備
安裝 WebView2 Runtime： WebView2 需要運行時支持，用戶設備必須安裝 WebView2 Runtime。如果未安裝，可以通過以下鏈接下載：https://go.microsoft.com/fwlink/p/?LinkId=2124703。
引入必要的 NuGet 包： 在 Visual Studio 中，添加 Microsoft.Web.WebView2 NuGet 包。
初始化 WebView2： 創建 WebView2 控件并確保其已正確初始化。以下代碼檢查并安裝 WebView2 Runtime：
private static async Task<bool> InitializeWebView2(){ try { string version = CoreWebView2Environment.GetAvailableBrowserVersionString(); return !string.IsNullOrEmpty(version); } catch { MessageBox.Show("WebView2 Runtime 未安裝。請安裝后重試。", "錯誤", MessageBoxButtons.OK, MessageBoxIcon.Error); return false; }}
創建 WebView2 控件
以下代碼展示了如何創建 WebView2 控件并初始化其核心功能：
public static async Task<WebView2> CreateWebView(){ if (!await InitializeWebView2()) { return null; } WebView2 webView2 = new WebView2 { Dock = DockStyle.Fill }; await webView2.EnsureCoreWebView2Async(null); webView2.CoreWebView2.NewWindowRequested += CoreWebView2_NewWindowRequested; webView2.CoreWebView2.WebResourceResponseReceived += CoreWebView2_WebResourceResponseReceived; // 添加請求過濾器 webView2.CoreWebView2.AddWebResourceRequestedFilter("*://www.example.com/*", CoreWebView2WebResourceContext.Document); webView2.CoreWebView2.WebResourceRequested += WebView2_WebResourceRequested; return webView2;}
攔截新窗口請求：NewWindowRequested
默認情況下，WebView2 會嘗試在新窗口中打開彈出鏈接。通過 NewWindowRequested 事件，我們可以攔截彈窗行為并將新內容加載到當前窗口。
示例代碼：
private static void CoreWebView2_NewWindowRequested(object sender, CoreWebView2NewWindowRequestedEventArgs e){ if (sender is CoreWebView2 webView) { e.Handled = true; webView.Navigate(e.Uri); // 在當前 WebView2 中加載新頁面 }}
攔截和處理網絡響應：WebResourceResponseReceived
通過 WebResourceResponseReceived，我們可以查看并分析所有網絡響應。例如，可以記錄某些請求的響應時間或檢查響應頭信息。
示例代碼：
private static void CoreWebView2_WebResourceResponseReceived(object sender, CoreWebView2WebResourceResponseReceivedEventArgs e){ var uri = e.Request.Uri; Console.WriteLine($"Response received for: {uri}"); e.Response.Headers.ToList().ForEach(header => { Console.WriteLine($"Header: {header.Key} - {header.Value}"); });}
添加請求過濾器：AddWebResourceRequestedFilter
為了提高性能并精確控制，WebView2 提供了 AddWebResourceRequestedFilter 方法，用于定義需要監聽的請求類型和范圍。
使用方法：
webView.CoreWebView2.AddWebResourceRequestedFilter( "*://www.example.com/*", CoreWebView2WebResourceContext.Document // 資源類型：僅文檔);
攔截網絡請求：WebResourceRequested
通過 WebResourceRequested 事件，可以攔截網絡請求并進行處理，例如修改請求頭或阻止特定請求。
示例代碼：
private static async void WebView2_WebResourceRequested(object sender, CoreWebView2WebResourceRequestedEventArgs e){ var request = e.Request; if (sender is CoreWebView2 webView) { var cookies = (await webView.CookieManager.GetCookiesAsync(request.Uri)) .Where(c => c.Name == "SpecificCookie").ToList(); if (cookies.Any()) { // 刪除特定 Cookie cookies.ForEach(c => webView.CookieManager.DeleteCookie(c)); } } Console.WriteLine($"Request intercepted: {request.Uri}");}
總結
WebView2 是一個強大的控件，為開發者提供了豐富的功能來控制和定制 Web 資源的加載行為。通過本文介紹的事件和方法，你可以：
- 阻止默認彈窗行為 (
NewWindowRequested) - 分析網絡響應 (
WebResourceResponseReceived) - 精確過濾需要攔截的請求 (
AddWebResourceRequestedFilter) - 修改或阻止網絡請求 (
WebResourceRequested)
借助這些功能，可以更靈活地將 Web 內容集成到桌面應用程序中，滿足各種業務需求。
閱讀原文：原文鏈接
該文章在 2025/1/18 18:17:44 編輯過
400 186 1886
