chrome: difference page source and inspect element?

Question

what is the difference between the html in \'view page source\' and inspect element in Chrome 15? looks like 2 different html?

Answer 1

I guess code modified/added by JavaScript will be available in Developer tool inspect element. And code at time of page load can be seen by view source.

Answer 2

View page source opens the file in a separate window, whereas inspect element allows you to modify (locally of course) the code and change css values while the page live-updates.

Answer 3

The view page source page shows you the exact text that was returned by the server. Inspect element actually shows you the fully rendered DOM tree.

The DOM tree is slightly different for each browser, depending on the specific quirks and support of features.