Super User is a question and answer site for computer enthusiasts and power users. It's 100% free, no registration required.

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I think I saw that Chrome has done this before or maybe I set the settings off. In Firefox with Firebug installed, the DOM inspector will make me see what the changes happened in scripts manipulating the HTML [through highlighting the line(s) with yellow]. Is there any option that would make me see what changes in DOM in Chrome?

P.S. well, I like to use Chrome for rapid development from the star and later use any other browsers like firefox. And also, I would like to see the changes happened in jQuery inview plugin and the demo here

share|improve this question

migrated from Feb 13 '13 at 12:45

This question came from our site for pro webmasters.

I think I saw it as well, but it seems it's been disabled... :\ – I.G. Pascual Jan 14 '13 at 10:06

Pressing F12 in chrome opens the developer tools.

The Elements tab shows all the html elements on the page. And using the magnifying glass icon, on the bottom menu, you can select the element on the rendered page and view the html behind it.

As for seeing what happened in jQuery: If by this you mean you want the see the resulting html after your jQuery code ran, you can also see that under the Elements tab too. If you mean that you want to debug jQuery code, you can do this by, using the Sources tab, finding the script that you want to debug and adding some breakpoints.

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.