Blazor 客户端调试

标签 blazor blazor-client-side

我注意到我的所有 C# 断点都没有被击中,因为客户端 Blazor 应用程序的调试似乎已禁用。

有没有办法附加调试器或以某种方式启用调试器?

谢谢

最佳答案

对于那些喜欢图片的人,这里是使用 Visual Studio 16.4 预览版(.NET Core 3.1 预览版 2)和 Chrome 版本 78 的分步说明。

使用调试配置文件启动应用。例如

Start debugging

网站加载后,并将光标聚焦在 Chrome 选项卡上,然后按“Shift+Alt+D”。

Site loads

Chrome 将打开一个新标签页,显示“无法找到可调试的浏览器标签页”。找到消息“Press Win+R”的第一个实例。复制下面以“chrome --remote-debugging-port...”开头的整行

Remote debugging

按“Win+R”并粘贴您刚刚复制的文本,然后按 Enter 键。将打开一个新的 Chrome 窗口..

第二次,按“Shift+Alt+D”,您现在应该会看到一些更有希望的内容。

Chrome debugger

从这里设置一些断点,例如

Set your breakpoints

返回到运行 Blazor 应用的选项卡,触发断点。 从这里您可以按 F10 单步,按 F8 恢复。通过“范围”窗口检查局部变量,如图所示。

Finally, the locals are shown!

关于Blazor 客户端调试,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56267303/

相关文章:

javascript - Blazor 在特定组件中包含 javascript 库

c# - Blazor Wasm - 无法从 'method group' 转换为 'EventCallback'

asp.net-core - 如何在 ASP .NET Core Web API 中映射回退,以便 Blazor WASM 应用程序仅拦截不发送到 API 的请求

asp.net-core - AuthorizeRouteView 不适用于已注销的用户

blazor - Blazor WebAssembly 会使用 Mono 还是 .Net Core 3.1?

c# - Blazor 模态表单验证 : You've to click the cancel button twice to close the modal when you delete a form field

c# - Blazor 组件双向数据绑定(bind)

async-await - Blazor WebAssembly : How to get UI to update during long running, 非异步进程

c# - ASP.NET Core 5 Blazor WASM、gRPC、Entity Framework Core 5 : many-to-many results in stack overflow