View Page Source of dynamic/AJAX page
It's quite simple once you know it but without knowing how to do it but I had to spend good hour to find a way. I was debugging a cosmetic issue of a simple web app that has component of creating form fields dynamically. However with no way to view the source of dynamically changed page, it was hard to figure out where things have gone wrong. ‘View source' or ‘View page source' of IE and Firefox only showed initial state before the page was updated by javascripts. After bit of research, I've found there are two way to do it.
1. Using Firebug. Inspect function of the plug-in lets you view the changed source. Most of you who works with web related stuff should have this plug-in already. I had this plug-in for a while and used it quite often but for some reason, I didn't bother to check Firebug inspector until I've found the solution below. If you don't have it already, you can download it here.
2. Simpler way if you want to quickly view the whole thing. In Firefox, control-A to select all. Then right click -> ‘View selection source' to view updated source.