EmberJS - Exibir árvore

A árvore de visualização fornece o estado atual de um aplicativo que inclui o modelo, modelo, controlador e componentes renderizados atualmente em um formato de árvore.

Você pode inspecionar o modelo para ver como ele é processado pelo aplicativo Ember -

Clique no nome do modelo na árvore de visualização e você verá os elementos DOM selecionados no painel Elementos -

Por padrão, a árvore de visualização desconsidera os componentes e pode ser carregada na árvore de visualização marcando a caixa de seleção Componentes .

Você pode ver o nome do modelo realçado e seus objetos associados ao passar o mouse sobre os itens na árvore de visualização.

Na imagem acima, pairamos sobre um item que é arredondado com a cor vermelha e o modelo relacionado é destacado com os outros objetos em seu aplicativo.

Você pode ver a duração da renderização para o modelo fornecido na seção Duração na árvore de exibição.