Use a guia Elementos > Propriedades para procurar e filtrar as propriedades de objetos DOM.
Abra a guia "Propriedades"
Para abrir a guia Propriedades, siga estas etapas:
- Abra o DevTools. Por padrão, o painel Elementos é aberto.
- Na árvore do DOM, selecione um nó.
- Abra a guia Propriedades. Se a guia não aparecer, clique em Mais e selecione a guia no menu suspenso.
Identificar propriedades próprias
A guia Propriedades classifica e exibe as propriedades do objeto primeiro e em negrito.
Encontrar a origem de uma propriedade herdada
A guia Propriedades avalia os modificadores em elementos integrados e os exibe no objeto como herdados e em fonte normal.
Para encontrar a origem de uma propriedade herdada, expanda um objeto, depois a [[Prototype]] dele, a [[Prototype]] aninhada e assim por diante.
Neste exemplo, é possível rastrear de onde veio a propriedade size herdada localizando a propriedade própria original (em negrito) na cadeia de protótipos com o getter correspondente.
Além disso, as propriedades específicas de protótipos são mostradas apenas em protótipos, não em objetos. Isso facilita o diagnóstico de objetos.
Propriedades de filtro
Para encontrar uma propriedade rapidamente, digite o nome ou valor dela na caixa de entrada Filtrar.
Mostrar todas as propriedades
Por padrão, a guia Propriedades não mostra propriedades com valores null e undefined.
Para conferir todas as propriedades, marque a opção Mostrar tudo.
Noções básicas sobre as propriedades
A guia Elementos > Propriedades mostra várias propriedades.
Propriedades simples
As propriedades simples são pares de <name>: <value>.
Objetos e matrizes
As propriedades recolhíveis () são objetos {} ou matrizes [].
Para mais informações sobre a inspeção de objetos JavaScript, consulte Inspecionar propriedades do objeto.
Propriedades que correspondem a nós DOM
As propriedades que correspondem aos nós do DOM são links. Clique em um link para selecionar o nó relevante na árvore do DOM.
Propriedades próprias e herdadas
As propriedades em negrito são próprias do objeto. Elas são definidas diretamente no objeto.
As propriedades em fonte normal são herdadas da cadeia de protótipos. Para mostrá-los a você, o DevTools avalia os acessadores relevantes em elementos HTML integrados.
O DevTools classifica as próprias propriedades primeiro para facilitar a detecção delas.
Propriedades enumeráveis e não enumeráveis
As propriedades enumeráveis são coloridas. As propriedades não enumeráveis são silenciadas.
É possível iterar sobre as propriedades enumeráveis com o método for … in ou o loop for … in.Object.keys()
Métodos
Os métodos são marcados com um f ().
Para mais informações sobre funções, consulte Inspecionar funções no Console.