Use o menu Elementos > Guia 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 você não encontrar a guia, clique em Mais e selecione-a 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 acessadores em elementos integrados e os exibe no objeto como herdados e com uma fonte normal.
Para encontrar a origem de uma propriedade herdada, expanda um objeto, depois o [[Prototype]] dele, depois o [[Prototype]] aninhado e assim por diante.
Nesse exemplo, é possível rastrear a origem da propriedade size herdada localizando a propriedade original (negrito) na cadeia do protótipo 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, comece a digitar o nome ou o valor dela na caixa de entrada Filtro.
Mostrar todas as propriedades
Por padrão, a guia Propriedades não mostra propriedades com valores null e undefined.
Para exibir todas as propriedades, marque Mostrar tudo.
Noções básicas sobre as propriedades
Na seção Elementos > A guia 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 aos nós do DOM
As propriedades que correspondem aos nós 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 propriedades próprias primeiro para facilitar a identificação.
Propriedades enumeráveis e não enumeráveis
As propriedades enumeráveis têm cores claras. 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.
Métodos
Os métodos são marcados com um f ().
Para mais informações sobre funções, consulte Inspecionar funções no Console.