Qual é a opção para visualizar as alterações no inspetor DOM no Chrome?

Question

Acho que vi que o Chrome fez isso antes ou talvez eu tenha desativado as configurações. No Firefox com o Firebug instalado, o inspetor DOM me fará ver quais mudanças ocorreram nos scripts manipulando o HTML [através do destaque da (s) linha (s) com o amarelo]. Existe alguma opção que me faria ver quais alterações no DOM no Chrome?

P.S. Bem, eu gosto de usar o Chrome para o desenvolvimento rápido da estrela e, posteriormente, usar outros navegadores como o Firefox. E também, gostaria de ver as mudanças ocorridas no plugin do jQuery inview e a demonstração aqui link

    

Answer 1

Pressionar F12 no chrome abre as ferramentas do desenvolvedor.

A guia Elementos mostra todos os elementos html da página. E usando o ícone da lupa, no menu inferior, você pode selecionar o elemento na página renderizada e visualizar o html por trás dele.

Quanto a ver o que aconteceu no jQuery: Se por isso você quer dizer que quer ver o html resultante depois que seu código jQuery foi executado, você também pode ver isso na aba Elementos também. Se você quiser depurar o código jQuery, pode fazer isso usando a guia Origens, localizando o script que deseja depurar e adicionando alguns pontos de interrupção.

    

Answer 2

Se eu entendi isso corretamente, você não verá as alterações esperadas na guia Elementos nas ferramentas de desenvolvimento. Eu só encontrei este problema eu mesmo, e parece que foi uma falha. Simplesmente reabra as ferramentas de desenvolvimento e isso deve ser corrigido