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


1

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 depois usar outros navegadores como o Firefox. E também, gostaria de ver as mudanças ocorridas no plugin jQuery inview https://github.com/protonet/jquery.inview e a demonstração aqui http://jsbin.com/ugupa


Acho que vi também, mas parece que foi desativado ...: \

Respostas:


0

Pressionar F12 no chrome abre as ferramentas do desenvolvedor.

A guia Elementos mostra todos os elementos html da página. E usando o ícone de 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.


0

Se eu entendi isso corretamente, você não verá as mudanças 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 deve ser corrigido

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.