Is there a way to change context to iframe in javascript console?

Muhd picture Muhd · Nov 1, 2011 · Viewed 58.8k times · Source

I would like to change the context of the javascript executed in the webkit developer tool/firebug console to execute its code like it is running from inside an iframe on the page.

I know I could do this by opening the page in the iframe on a separate page, but I want to run code where it interacts with the parent frame.

Answer

Dennis picture Dennis · Nov 1, 2011

Chrome 15 allows you to change the scope of the console. On the bottom of the console, next to the clear console button, there is a menu that says <top frame> which will give a list of available frames:

enter image description here

Firefox has a similar feature currently in development:

enter image description here


You can also navigate across frames using the command line:

var frame = document.getElementById("frame1").contentWindow;
cd(frame);