从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中自动执行,因此您可以通过单击或击键启动和附加调试器。然后,您将不再需要手动执行此详细的附件过程。

原文地址:https://www.cnblogs.com/bisslot/p/12346560.html