Blazor - 使用開發人員工具查找組件名稱

Question

我最近從 Angular 切換到 Blazor。 在 angular 中，組件使用tag渲染，與TS文件中 Component 的名稱相同。 因此很容易在項目中找到該組件。 但在Blazor的情況下，組件呈現為Div標簽。

如果我想從 Chrome 的 Dev Tools 中找到組件的名稱或路徑，我該如何找到它？

我嘗試創建一個示例項目並將一個組件添加到另一個組件中。 下圖中標紅的元素就是組件。 如您所見，組件呈現為Div標簽。

我怎樣才能得到那個組件的名字？

Answer 1

你可以為它設置一個id。

<div id="Foo"/>

所以你可以在 Chrome 的開發工具中通過Foo搜索它。