在 Blazor WASM 的 Program.cs 文件中添加以下代码,以调试您的应用程序:
#if DEBUG
builder.Logging.SetMinimumLevel(LogLevel.Trace);
#endif
在“launchSettings.json”文件中添加以下代码:
"profiles": {
"BlazorWasmDebug": {
"executablePath": "chrome.exe",
"commandLineArgs": "--remote-debugging-port=9222 http://localhost:XXXX",
"environmentVariables": {
"ASPNETCORE_ENVIRONMENT": "Development"
},
"workingDirectory": "$(ProjectDir)"
}
}
在“launchSettings.json”文件的“applicationUrl”属性中,将端口更改为“XXXX”。
然后,通过以下步骤将应用程序部署到 Debug 模式下:
点击“运行”菜单并选择“添加配置”。
选择“项目”。
输入“debug”。
在“启动项目”下拉菜单中选择“BlazorWasmDebug”。
点击“创建”按钮。
在 Visual Studio 2022 或 JetBrains Rider 中点击“启动”按钮。
接下来,通过以下步骤进行调试:
打开 Google Chrome 浏览器。
在地址栏中输入“chrome://inspect”。
在“Remote Target”下找到您的应用程序。
点击“inspect”按钮。
打开 Chrome 开发者工具。
单击“console”选项卡。
单击文件名为“Program.cs”的文件以开始调试。
现在,您可以使用 Chrome 开发者工具在 Visual Studio 2022 或 JetBrains Rider 中调试 Blazor WASM 应用程序中的 Program.cs 文件。