0

The browser renders my changes properly for that function, but I cannot see the source when I use the "view source" menu item. How can I see the changed source HTML?

Mogsdad
  • 44,709
  • 21
  • 151
  • 275
Mark
  • 17
  • 3
  • 1
    possible duplicate of [Best Way to View Generated Source of Webpage?](http://stackoverflow.com/questions/1750865/best-way-to-view-generated-source-of-webpage) – Paul Roub Aug 31 '15 at 14:11

3 Answers3

3

This is browser-specific, but a debugging console (Firebug, etc.) will do this.

x1a4
  • 19,417
  • 5
  • 40
  • 40
  • I'm not actually sure you can, at least with Firebug. Firebug, indeed, shows the DOM tree, and that *does* change with page changes, but the source is what was initially called into the page, and that is static. – dclowd9901 May 14 '10 at 20:21
  • I see what you mean, and you're correct as far as viewing raw source goes. – x1a4 May 14 '10 at 20:46
2

"View generated source" in the Web Developer Toolbar for Firefox will open a view-source like view of the current page source.

ThiefMaster
  • 310,957
  • 84
  • 592
  • 636
0

Most modern browsers have debuggers and dev tools available as addons or built-in.

Chrome and IE8 has it built-in although it's not in the right-click context menu on IE8 and is instead in 'Tools' or you can hit F12.
On Firefox you can install Firebug.

Usually what you're looking for isn't available through 'view source' but instead use 'Inspect Element'.

You'll probably find a lot of your debugging work is done in the script debugger and exploring in the DOM.

McAden
  • 13,714
  • 5
  • 37
  • 63
  • True, it's not 'hidden' I guess, but a little elusive if you're used to Firefox/Chrome where it's in the right-click context menu. I've edited to clarify that. – McAden May 14 '10 at 20:39