Windows调试MAUI Blazor应用时，如何使用类Chrome调试工具？

一、Windows上MAUI Blazor的类浏览器调试工具使用 #

可以使用Edge DevTools实现类似Chrome的调试功能：

• 启动MAUI Blazor应用并进入调试模式
• 打开Edge浏览器，输入edge://inspect
• 在页面中找到你的MAUI应用实例，点击inspect即可打开包含Console、Network、Elements等面板的DevTools，可查看前端错误、网络请求详情。

另外，可在wwwroot/index.html中开启Blazor调试模式：

<script src="_framework/blazor.webassembly.js" debug="true"></script>

二、启动“loading...”报错排查 #

这种情况多为Blazor初始化失败，可通过以下方式获取错误信息：

1. 用Edge DevTools查看Console：按上述步骤打开DevTools，Console面板会显示初始化过程中的具体错误（如程序集加载失败、依赖缺失）。
2. 添加全局异常捕获：在Program.cs中加入：

// 捕获未处理异常
AppDomain.CurrentDomain.UnhandledException += (sender, e) =>
{
    var exception = e.ExceptionObject as Exception;
    Debug.WriteLine($"未处理异常：{exception?.Message}\n{exception?.StackTrace}");
};

// 监听Blazor WebView初始化错误
builder.Services.Configure<BlazorWebViewOptions>(options =>
{
    options.JSInitializationFailed += (sender, e) =>
    {
        Debug.WriteLine($"JS初始化失败：{e.Message}");
    };
});

3. 检查配置正确性：确认MainPage.xaml中HostPage指向正确的wwwroot/index.html，RootComponent的Selector与index.html中元素匹配，ComponentType引用的web:App程序集已正确加载。

三、日志配置问题解决 #

builder.Logging.AddDebug()无输出 #

• 确保在调试模式下运行，日志会输出到Visual Studio的输出窗口（需选择“调试”输出类别）。
• 调整日志级别配置，在appsettings.json中设置：

{
  "Logging": {
    "LogLevel": {
      "Default": "Information",
      "Microsoft.AspNetCore": "Warning"
    }
  }
}

Serilog未生成日志文件 #

• 确认appsettings.json中Serilog配置正确，示例：

{
  "Serilog": {
    "MinimumLevel": {
      "Default": "Information",
      "Override": {
        "Microsoft": "Warning",
        "System": "Warning"
      }
    },
    "WriteTo": [
      {
        "Name": "File",
        "Args": {
          "path": "./logs/log-.txt",
          "rollingInterval": "Day",
          "retainedFileCountLimit": 7
        }
      }
    ]
  }
}

• 手动创建logs目录，确保应用有写入权限。
• 确认安装了完整的Serilog NuGet包：Serilog.AspNetCore、Serilog.Settings.Configuration、Serilog.Sinks.File。

内容的提问来源于stack exchange，提问作者user571203