EmberJS - 檢視樹

檢視樹提供應用程式當前狀態，其中包括以樹狀格式呈現的當前渲染的模板、模型、控制器和元件。

你可以檢查模板以瞭解 Ember 應用程式如何對其進行渲染 −

單擊檢視樹中的模板名稱，你將看到元素面板下所選的 DOM 元素 −

預設情況下，檢視樹會忽略元件，可以透過選中元件複選框將它們載入到檢視樹中。

當將游標懸停在檢視樹中的專案上時，你可以看到高亮的模板名稱及其關聯的物件。

在上圖中，我們已經將游標懸停在一個用紅色圓圈標出的專案上，並且模板與應用程式中的其他物件一起突出顯示。

你可以在檢視樹的持續時間部分下看到給定模板的渲染持續時間。