如何在剃刀页面中调试嵌入式代码？

Question

我正在使用asp.net托管查看Blazor客户端。因此，我正在遍历模板项目，Visual Studio Preview似乎不支持剃刀页面中的断点，更具体地说，是代码块：

@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. 在“调试”配置中运行Blazor WebAssembly应用。
2. 将--configuration Debug选项传递给dotnet运行命令：dotnet run --configuration Debug
3. 在浏览器中访问应用程序。
4. 将键盘焦点放在应用程序上，而不是开发人员工具面板上。启动调试时，可以关闭开发人员工具面板。
5. 选择以下Blazor特定的键盘快捷键：
   • 在Windows / Linux上为[Shift+Alt+D
   • 在MacOS上为[Shift+Cmd+D
6. 按照屏幕上列出的步骤在启用了远程调试的情况下重新启动浏览器。
7. 再次选择以下Blazor特定于键盘的快捷键以启动调试会话：
   • 在Windows / Linux上为[Shift+Alt+D
   • 在MacOS上为[Shift+Cmd+D

“ Visual Studio中的Hit F5”调试经验尚未准备好。丹尼尔·罗斯（Daniel Roth）在.NET community standup video中对此进行了演示。基本上，Visual Studio可以附加到浏览器的调试代理。当前，在预览版本中，您必须手动执行一系列步骤，而将来，这些步骤应由Visual Studio简化并完成。