Painel DOM do Live (HTML)
No Blend for Visual Studio, o painel DOM Ativo mostra a estrutura do aplicativo que você está projetando e permite a seleção dos elementos que você deseja estilizar. O mais importante é que o modo de exibição DOM Ativo é atualizado de maneira automática e dinâmica à medida que o estado do aplicativo muda, incluindo elementos declarados na marcação HTML e elementos que são dinamicamente gerados.
Elementos no painel DOM Ativo
O painel DOM Ativo mostra cada elemento no DOM (Document Object Model). Cada elemento é exibido relativo ao nó do documento html e aos outros elementos no DOM. Cada elemento é exibido por sua ID HTML (ou pelo nome do elemento, quando não há uma ID atribuída). Se uma ou mais classes estiverem atribuídas ao elemento, o primeiro nome de classe será exibido com texto mais escuro após o elemento.
Ícones são exibidos antes de cada elemento para indicar o que é esse elemento.
.png "B5-pnl-livedom")
.png "B5-icn-livedom-listview")
indica um controle ListView
.png "B5-btn-livedom-appbar")
Indica um controle AppBar
.png "botão B5-icn-livedom")
indica um controle Button
.png "B5-icn livedom classificação")
indica um controle Review
.png "elemento B5-icn-livedom")
indica um elemento HTML
A estrutura de um documento pode ser significativamente alterada em tempo de execução por mecanismos de renderização JavaScript e do navegador. Por exemplo:
Elementos podem ser adicionados ou removidos.
Os relacionamentos entre elementos podem mudar.
Novas classes podem ser criadas, e as classes existentes podem ser renomeadas.
Os valores de atributos podem ser alterados.
Se um elemento tiver sido alterado dinamicamente, um dos ícones a seguir será exibido após esse elemento para indicar como ele foi alterado:
.png "B5-icn-livedom-analisador")
indica um elemento gerado pelo analisador.
.png "B5-icn livedom dinâmico")
indica um elemento gerado dinamicamente.
.png "B5-icn-livedom-movido")
indica um elemento movido dinamicamente.
.png "Ícone do fragmento lice DOM")
indica um fragmento HTML.
Visibilidade de elementos
Você pode alterar a visibilidade de elementos no painel DOM Ativo.
Clique em Ocultar .png "4230580c-9c6b-4144-a3cc-1c68ea7b8cf9")
para desativar a visibilidade de um elemento.
Clique em Mostrar .png "aea22778-684f-4832-9cd2-7329cee0b699")
para ativar a visibilidade de um elemento.
Consulte também
Tarefas
Exibição de documentos relacionados (HTML)
Conceitos
Áreas do espaço de trabalho (Aplicativos da Windows Store)
Espaço de trabalho para aplicativo do Blend (HTML)
Painel Propriedades da CSS (HTML)