Search code examples
javascriptiframeconsolefirebug

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


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.


Solution

  • 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);