我們知道瀏覽器模式下 Blazor 可以使用 F12 打開開發工具,調試js查看頁面元素,那當 Maui Blazor 提示煩人的?an unhandled error has occurred?該怎么進行調試呢?

1. VS 運行工程于 Debug 模式下,只要 BlazorWebview 控件處于焦點,直接按F12就可以打開開發工具了. 沒有焦點就鼠標單擊屏幕一下, 跟以往一樣

(Mac快捷鍵)ctrl + shift + i / cmd + shift + i

2. 還有一種方法可以使用瀏覽器開發人員工具 (F12) "遠程檢查 (remotely inspect)" 功能, 首先，檢查您是否在您的文件中添加了 **AddBlazorWebViewDeveloperTools **

Maui工程在 MauiProgram.cs 文件
Hybird工程一般是在 Startup.cs 文件

確認有這行代碼

#if DEBUGbuilder.Services.AddBlazorWebViewDeveloperTools();
#endif

運行您的應用程序并在瀏覽器（在模擬器外部）中打開一個新選項卡并輸入：

• Chrome瀏覽器：chrome://inspect

• Edge瀏覽器:?edge://inspect

注: Chrome調試需要FQ

稍等片刻，您將看到如下所示的“檢查”按鈕：

你甚至可以從那里在你的應用程序中導航：

參考資料

https://stackoverflow.com/questions/71991692/maui-blazor-an-unhandled-error-has-occurred

本文來自博客園，作者：周創琳?AlexChow，轉載請注明原文鏈接：https://www.cnblogs.com/densen2014/p/16988516.html