Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

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.

like image 500
kumar Avatar asked Jun 16 '10 12:06

kumar


People also ask

How to inspect element in IE browser?

Open the browser. Right-click on the element to inspect. Choose the option Inspect or Inspect element.

Which tool is used to inspect page elements in IE?

Inspect Elements in Internet Explorer To enable Developer Tools, press F12. Or, go to the Tools menu and select Developer Tools. To display the Tools menu, press Alt+X. To inspect elements on a web page, right-click the page, then select Inspect Element.

How do I enable inspect element in Internet Explorer 11?

In this article, we're looking at IE11 and one way to access Inspect Element is to press F12 on your keyboard. The Document Object Model (DOM) Explorer is active by default, and you can click on the “Select Element” icon on the top left corner.

How to inspect element using Selenium?

To be able to inspect this element via Selenium, we need to find a way to reach it by a right click on the element> Inspect. The element we are inspecting is the INPUT type, which has an attribute of the NAME type. The NAME has a unique value.


2 Answers

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.

like image 53
jaffa Avatar answered Nov 15 '22 21:11

jaffa


To build on jaffa's answer (and since I can't comment on jaffa's answer yet!): in my situation, the iframe is not available in IE dev tools without clicking that refresh button in the dev toolbar because the content of the iframe is loaded asynchronously. It appears IE dev tools will have the DOM structure of the page at the time of loading, but if any changes happen thereafter, the dev tools must be refreshed.

like image 24
ndurante Avatar answered Nov 15 '22 21:11

ndurante