如何调试 .NET MAUI Blazor 混合 Windows UI

Question

我基本上有 Web 背景，正在尝试 .NET MAUI Blazor Hybrid。我在使用 .NET MAUI Window 开发期间遇到错误，但不确定如何调试它？我查看了所有类型的窗口，但在任何地方都找不到错误详细信息。

我尝试过调试，但这是一个令人头疼的问题，因为它进入了循环。

Answer 1

有一种方法可以使用浏览器开发人员工具（F12）“远程检查”您的应用程序。首先，检查您是否builder.Services.AddBlazorWebViewDeveloperTools();在MauiProgram.cs “运行应用程序”中添加了“运行应用程序”并在浏览器中打开一个新选项卡（在模拟器外部）并输入：

• 对于 Chrome：chrome://inspect
• 对于边缘：edge://inspect
• 对于 Firefox：关于：调试

稍等一下，您将看到一个“检查”按钮，如下所示：

您甚至可以从那里在您的应用程序中导航：

Answer 2

您必须确保 WebDev 工具已激活。使用 .NET MAUI Blazor 的浏览器开发人员工具

确保 Blazor 混合项目配置为支持浏览器开发人员工具。您可以通过在应用程序中搜索 AddBlazorWebViewDeveloperTools来确认开发人员工具支持

如果项目尚未配置浏览器开发人员工具，请通过以下方式添加支持：

1. 找到对AddMauiBlazorWebView 的调用位置，可能在应用程序的MauiProgram.cs文件中。

2. 调用AddMauiBlazorWebView后，添加以下代码：

   #if DEBUG
       builder.Services.AddBlazorWebViewDeveloperTools();
   #endif
   

要将浏览器开发人员工具与 Windows 应用程序结合使用：

1. 运行适用于 Windows 的 .NET MAUI Blazor 应用程序并导航到使用BlazorWebView 的应用程序页面。

2. 使用键盘快捷键Ctrl+Shift+I打开浏览器开发人员工具。