debugging - 如何调试 Razor 页面中的嵌入式代码？

Question

我正在查看带有 asp.net 托管的 Blazor 客户端。所以我正在浏览模板项目，Visual Studio Preview 似乎不支持 Razor 页面中的断点，更具体地说是代码块:

@code {
   private WeatherForecast[] forecasts;

   protected override async Task OnInitializedAsync()
   {
       forecasts = await Http.GetJsonAsync<WeatherForecast[]>("WeatherForecast"); //breakpoint here
   }

}

是否有解决方法或者我遗漏了什么？谢谢!

Answer 1

Blazor Webassembly 调试目前只能使用 Chrome 浏览器调试代理。 Blazor docs 中描述了这些步骤:

1. Run a Blazor WebAssembly app in Debug configuration.
2. Pass the --configuration Debug option to the dotnet run command: dotnet run --configuration Debug
3. Access the app in the browser.
4. Place the keyboard focus on the app, not the developer tools panel. The developer tools panel can be closed when debugging is initiated.
5. Select the following Blazor-specific keyboard shortcut:

• Shift+Alt+D 在 Windows/Linux 上
• Shift+Cmd+D 在 macOS 上

5. Follow the steps listed on the screen to restart the browser with remote debugging enabled.
6. Select the following Blazor-specific keyboard shortcut once again to start the debug session:

• Shift+Alt+D 在 Windows/Linux 上
• Shift+Cmd+D 在 macOS 上

“在 Visual Studio 中按 F5”调试体验尚未准备就绪。 Daniel Roth 在 .NET community standup video 中展示了其中的一些内容.基本上，Visual Studio 可以附加到浏览器的调试代理。目前，在预览版中，您必须手动完成一系列步骤，而在未来，这些应该简化并由 Visual Studio 完成。

2020 年 3 月 26 日更新

Microsoft 发布了 WASM Blazor 的新预览版，并改进了对 Visual Studio 中调试的支持。 Details here.