javascriptfirebuggoogle-chrome-devtoolsfirebug-lite

How do I cd into an iframe in chrome developer tools or firebug lite in chrome?


when I try cd, console says "cd is not defined"


Solution

  • Yes, you are right Firebug have this awesome command. I really like it. It's making wotking with iframes much easier. Personally I don't go to Firefox just because the cd() is available in it because I can do whatever I can do with cd in chrome dev tools too.

    Just use contentWindow keyword in your command prompt to access the iframe window Object. Then you will be good to access any function and variable out there.

    For example I have a variable in my iframe that is not accessible via console normally.

    But still I can access to the variable via contentWindow like this:

    theIfraem.contentWindow.secret;
    

    enter image description here

    If you want to fire a function do this:

    theIframe.contentWindow.myfunc();
    

    If you want to define some variables(the hardest one):

    var script = document.createElement('scrept');
    script.innerHTML = "var secret = 'hi'";
    theIframe.contentWindow.document.body.appendChild(script);
    

    This is what cd() actually does. I know it's not as good as Firebugs cd(). But the good news is cd() is coming to Chrome