Seeing HTML source changes after javascript has acted upon it, in Chrome

I have an HTML document with inline javascript which adds some <div> elements. The elements appear on the screen, but I can't see any change in the HTML source after the elements have been adde开发者_运维技巧d. I use the latest version of chrome, and I do "View" -> "Page Source".

Seeing changes in the HTML would really help for debugging!

---

Right-click on the element and select "inspect element"

---

Use firebug when using Firefox
For Chrome there is built in tool(use Ctrl+Shift+I)

---

Use Firefox, install web developer and choose "view source"=>"view generated source"