Propriedades do objeto de show do console do Chrome em vez da árvore DOM

Question

Estou acostumado a trabalhar com o Firefox, já que ele tem muitos recursos úteis. No entanto, eu preciso começar a trabalhar com o Chrome e é uma luta

O que eu preciso é mostrar propertes de um objeto no console. Como conseguir isso? Firefox - o que eu preciso

Chrome-oquefazéinútil

Então, como conseguir o mesmo comportamento, ou pelo menos onde chegar às propriedades de tal objeto listado?

Obrigado

    

Answer 1

Você pode simplesmente selecionar um elemento DOM usando o inspetor ou concentrando um elemento. Você encontrará uma guia de propriedades no DevTool do Google Chrome. Você encontrará todas as propriedades do objeto selecionado.

    

Answer 2

Você não pode alterar esse comportamento.

Você pode, no entanto, contorná-lo (para a maioria dos casos de uso): Clique com o botão direito do mouse no elemento desejado e selecione "Revelar no painel Elementos". Ele será então selecionado e você pode ir para "Propriedades" no painel de propriedades direito.

Isso não cobre casos de uso em que o elemento registrado não faz parte do DOM. Para lidar com isso, use console.dir em vez de console.log :

console.dir(document)