How to inspect elements inside Iframe using IE Developer toolbar in IE7

Question

I have a web application, which uses Iframe. When I try to inspect element in IE developer toolbar, the Iframe node gets highlighted and it stops there. I can see an expand icon near the Iframe node. But when I double-click it, nothing happens.

After getting annoyed after many trial and errors, I tried testing it by creating a sample iframe in a new html page and there it was... i could see it getting all the elements inside the iframe.

So what happened to my web application then, does it depend upon any coding style.... I am completely blank about this issue.

As mentioned in title, I use IE Developer toolbar in IE7 in Vista.

Answer 1

I had exactly the same problem, but seemed to resolve it by clicking on the refresh button in the IE developer toolbar pane. Its the button which has a blue down/up arrow icon next to the disk icon. If you click it, for some reason the DOM inspector seems to start working within the Iframe when previously it didn't.