How to run Firefox inspector in iFrame?

Question

I know that the Chrome inspector has a selector that selects which frame to use with the console. Firebug has a similar command, cd(window.frames[number]) . Is there something similar in Firefox Devtools? I believe that frame.window.eval can work, but only if it is not cross-domain.

I was also wondering if there is a marker for checking the results of the web console commands, for example document.getElementsByClassName(...) . but you can at least change the style of an element programmatically to “see” it.

Answer 1

DOMNode objects are highlighted on the page when hovering in the web console and the so-called representation of variables. "View variables" is also used in the web console when you click on an object to see its properties (this is the sidebar that appears), and it is also used in the debugger when paused at a breakpoint (the right sidebar containing various areas of variables) .

So, anytime a DOMNode appears, if you hover over it, it will be highlighted on the page.

When it comes to iframes, the web console supports the cd() , see working with iframes .

We are also actively working on a bug that will add a drop-down list to the toolbar whenever frames / frames are present on the current page and allow you to easily switch from one to the other.

Answer 2

You can click to test the node in the console and the debugger starting with Firefox 29 , currently on the Aurora channel.