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?

check this [http://stackoverflow.com/questions/2777316/read-iframe-content-using-javascript] link. — Aameer, Mar 13 '14 at 12:04

score 1 · Answer 1 · edited Mar 13 '14 at 12:49

1

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

edited Mar 13 '14 at 12:49

Sebastian Zartner

18,808
10
90
132

answered Mar 13 '14 at 11:58

sneils

87
2

No, I meant I want to print it in the console Like console.log() – VMN Mar 13 '14 at 11:59

score 1 · Accepted Answer · answered Mar 13 '14 at 12:51

1

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

Sebastian

answered Mar 13 '14 at 12:51

Sebastian Zartner

18,808
10
90
132

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

2 Answers2