通过开发者工具增强 Blazor 调试
Blazor 开发者工具是一个 Chrome 和 Edge 扩展，旨在增强 Blazor 应用程序的调试体验。这个免费的附加组件无缝集成到浏览器的开发者工具中，提供一个专用的 'Blazor' 标签，直观展示 Blazor 应用的组件层次结构。用户可以轻松浏览组件树，类似于 React DevTools 提供的功能，使理解和排查 Blazor 应用程序的结构变得更加容易。
Blazor 开发者工具的主要功能包括组件树可视化、一个元素选择器，可以识别任何选定元素的相关 .razor 组件，以及对 Blazor 项目中 CSS 隔离的全面支持。此外，该工具在调试和发布模式下均可使用，允许开发人员在整个开发过程中利用它。安装需要将浏览器扩展和相应的 NuGet 包添加到 Blazor 项目中。
