Green 发表于 2021-8-6 12:50:02

从Visual Studio调试Blazor WebAssembly应用程序

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


文档来源:51CTO技术博客https://blog.51cto.com/shanyou/3269844
页: [1]
查看完整版本: 从Visual Studio调试Blazor WebAssembly应用程序