debugging Blazor -使用开发工具查找组件名称

ne5o7dgx  于 2023-01-26  发布在  其他
关注(0)|答案(1)|浏览(154)

我最近从Angular转换到Blazor。在Angular中,组件是用tag渲染的,与TS文件中的组件名称相同。因此很容易在项目中找到组件。但在Blazor的情况下,组件是用Div标签渲染的。
如果我想从Chrome的开发工具中找到组件的名称或路径,如何找到它?
我试着创建一个样例项目,并将一个组件添加到另一个组件中。下图中用红色标记的元素就是该组件。正如您所看到的,该组件呈现为Div标记。

我怎样才能得到那个组件的名称?

t0ybt7op

t0ybt7op1#

您可以为它设置一个ID。

<div id="Foo"/>

所以你可以在Chrome的开发工具中通过Foo搜索它。

相关问题