从Visual Studio调试Blazor WebAssembly应用程序

Green

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

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

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