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
javascript
firefox
google-chrome
user1076813
fonte
fonte
Respostas:
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.
fonte
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
fonte