How can I see the elements inside iframe documents like Firebug does?

Question

I am using an <iframe> in my HTML document.

When I view the source code in the browser via the View Source option I cannot see the elements inside the <iframe>. However when I inspect the source code in Firebug I can see all the elements in iframe.

Is there are way to echo the entire HTML structure like Firebug shows it to the console via JavaScript, e.g. using jQuery?

Answer 1

You can use console.dirxml(window.frames[i].document) with i being the index of your <iframe>.

Sebastian

Answer 2

Right click into the <iframe> and choose This Frame > View Frame Source. (At least that's how you can do it in Firefox.)