从Visual Studio调试Blazor WebAssembly应用程序

从Visual Studio附加到进程调试

2019年12月3日 现在，您可以通过附加到浏览器进程来从Visual Studio调试Blazor WebAssembly应用程序。目前，这种体验是非常手动的。在将来的更新中，我们希望使Visual Studio在您按F5键时能够处理调试Blazor WebAssembly应用程序所需的所有必要的连线。此外，尚未启用调试体验的各种功能（例如查看本地语言）。在接下来的几个月中，我们将继续努力。

要从Visual Studio调试正在运行的Blazor WebAssembly应用程序，请执行以下操作：

1. 运行应用程序而不进行调试（Ctrl-F5而不是F5）
2. 打开应用程序的调试属性，然后复制HTTP应用程序URL
3. 使用基于Chromium的浏览器（Edge Beta或Chrome）浏览到应用程序的HTTP地址（而非HTTPS地址）。
4. 将浏览器对准焦点，按Shift-Alt-D，然后按照说明打开启用了远程调试的浏览器
5. 关闭所有其他浏览器实例
6. 在Visual Studio中，选择“ 调试”>“附加到进程”。
7. 对于“ 连接”类型，选择Chrome devtools协议websocket（无身份验证）。
8. 对于Connection目标，粘贴应用程序的HTTP地址（而非HTTPS地址），然后按Enter（不要单击“ Find”（查找），这会做其他事情）。
9. 选择要调试的浏览器进程，然后选择附加
10. 在“选择代码类型”对话框中，选择要附加到的特定浏览器的代码类型（Edge或Chrome），然后选择“确定”。
11. 在您的应用程序中设置一个断点（例如，在组件中的IncrementCount方法中Counter），然后使用该应用程序的该部分来达到断点。

在以后的版本中，此过程将在Visual Studio和Visual Studio Code中自动执行，因此您可以通过单击或击键启动和附加调试器。然后，您将不再需要手动执行此详细的附件过程。