EmberJS-ビューツリー

ビューツリーは、現在レンダリングされているテンプレート、モデル、コントローラー、およびコンポーネントをツリー形式で含むアプリケーションの現在の状態を提供します。

あなたはそれがEmberアプリケーションによってレンダリングされる方法を確認するためにテンプレートを検査することができます-

ビューツリーでテンプレート名をクリックすると、_Elements_パネルの下に選択したDOM要素が表示されます-

デフォルトでは、ビューツリーはコンポーネントを無視し、_Components_チェックボックスをオンにすることでビューツリーにロードできます。

ビューツリーでアイテムをホバーすると、強調表示されたテンプレート名とその関連オブジェクトを確認できます。

上の画像では、赤い色で丸められたアイテムにカーソルを合わせており、関連するテンプレートがアプリケーションの他のオブジェクトで強調表示されています。

ビューツリーの_Duration_セクションで、指定されたテンプレートのレンダリング期間を確認できます。

Emberjs-ember-view-tree