排查 Microsoft Edge Webview2 記憶體洩漏問題

您是否發現嵌入Microsoft Edge WebView2後，應用程式記憶體使用量飆升？您並非個案。 WebView2記憶體洩漏會導致應用程式崩潰、效能下降，並令開發者倍感沮喪。但別擔心——本指南將提供切實可行的步驟，幫助您排查 Microsoft Edge WebView2 記憶體洩漏問題，並識別、修復和預防它們。讓我們一起深入學習，讓您的應用程式流暢運作！ ✅

了解WebView2 記憶體洩漏：它們發生的原因

Microsoft Edge WebView2是一款功能強大的工具，可用於在 WinForms、WPF 或 WinUI 應用程式中嵌入 Web 內容。然而，當運行時未能釋放資源時，就會發生記憶體洩漏，這通常是由於 JavaScript、事件處理程序或不正確的資源釋放所造成的。症狀包括：

• 記憶體隨時間逐步增加
• 長時間使用後應用程式卡頓或崩潰
• CPU 使用率高，同時記憶體使用量也出現峰值。
• 工作管理員中殘留多個 WebView2 實例

及早發現這些跡象？直接查看下面的解決方法。準備好診斷了嗎？繼續閱讀，獲取專業技巧。 👇

逐步排查 Microsoft Edge WebView2 記憶體洩漏問題

依照這種結構化的方法，即可精準定位並解決漏洞。我們將使用內建工具，無需額外下載。

1️⃣ 使用任務管理器和效能分析器進行監控

開啟任務管理器（Ctrl+Shift+Esc），在「詳細資料」下查看WebView2進程。篩選「WebViewHost.exe」或您的應用程式的進程 ID (PID)。如果記憶體使用量持續上升，請繼續下一步。

使用 Visual Studio 的診斷工具（偵錯 > 效能分析器 > 記憶體使用量）。在執行 WebView2 操作前後截取快照：

2️⃣ 檢查運行時環境

請確保您使用的是最新版本的 WebView2 Runtime（常青版）。請從微軟官方網站下載。版本不匹配會導致記憶體洩漏——請透過 Bootstrapper 或修復版本進行更新。

在程式碼中驗證：

var env = CoreWebView2Environment.CreateAsync(null, userDataFolder).Result;
Console.WriteLine(env.BrowserVersionString);

3️⃣ 檢查 JavaScript 和 DOM 問題

JS 定時器、事件監聽器和無限循環都是罪魁禍首。請使用 WebView2 的開發者工具：

1. 稱呼ExecuteScriptAsync("window.openDevTools()")
2. 前往「記憶體」標籤 > 拍攝堆快照
3. 尋找分離的 DOM 節點或不斷增長的數組

專業提示：使用CoreWebView2.Settings.AreDefaultContextMenusEnabled = false;自訂 JS 清理強制垃圾回收。 🚀

WebView2記憶體洩漏的最佳修復方法

以下是經過實戰檢驗的解決方案。請逐一實施並進行測試。

✅ 正確處置與導航處理

務必正確釋放 WebView2：

public void DisposeWebView()
{
    if (webView != null)
    {
        webView.NavigationStarting -= OnNavigationStarting;
        webView.CoreWebView2?.Dispose();
        webView.Dispose();
        webView = null;
    }
}

避免導航時出現洩漏：在 new Navigate() 之前呼叫 Stop()。

❌ 常見陷阱與快速致勝之道

進階功能：自訂訊息循環和託管

對於高負載應用，請將 WebView2 託管在單獨的 HWND 中。有關線程調整，請參閱Microsoft 文件中的記憶體管理部分。

防止未來WebView2 記憶體洩漏的最佳實踐

• 重複使用 WebView2 實例－不要為每個頁面重新建立。 ⭐
• 限制 iframe 和 WebSocket 的使用。
• 實現內容懶加載。
• 使用 ETW 追蹤進行測試：xperf -on Microsoft-EdgeWebView+Base
• 定期使用 Application Insights 在生產環境中進行分析。

這些習慣能幫助你長期保持良好的記憶力。感覺充滿信心了嗎？下一個就是你的應用了！

結語：今天就重新掌控一切

解決 Microsoft Edge WebView2 記憶體洩漏問題不必那麼棘手。透過以下步驟（從監控到清理），您可以將記憶體使用量降低 70% 以上，並打造穩定可靠的應用程式。遇到棘手的問題？請在評論區留言—我們隨時為您提供協助！ 👏

立即實施一項改進措施，見證奇蹟！在下方分享你的成功經驗吧！ 🚀