如何 cd 到 chrome 开发者工具中的 iframe 或 chrome 中的 firebug lite？

Question

当我尝试 cd 时，控制台显示“cd 未定义”

Answer 1

在 Chrome Devtools 中，“上下文切换器”位于页面底部。看到<顶部框架>下拉列表了吗？在那里您可以更改脚本的执行位置。这实际上与 cd() 相同。

https://stackoverflow.com/a/8581276/89484对此进行了更多解释

Answer 2

是的，你是对的 Firebug 有这个很棒的命令。我真的很喜欢它。它使使用 iframes 变得更加容易。就我个人而言，我不会仅仅因为 Firefox 中提供了 cd() 就使用 Firefox，因为我也可以在 chrome 开发工具中使用 cd 做任何事情。

只需在命令提示符中使用 contentWindow 关键字即可访问 iframe window 对象。然后你就可以很好地访问那里的任何函数和变量。

例如，我的 iframe 中有一个变量，通常无法通过控制台访问。

但我仍然可以通过 contentWindow 访问该变量，如下所示：

theIfraem.contentWindow.secret;

如果您想要触发一个函数，请执行以下操作：

theIframe.contentWindow.myfunc();

如果您想定义一些变量（最难的变量）：

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

这就是 cd() 实际执行的操作。我知道它不如 Firebugs cd()。但好消息是 cd() 即将推出到 Chrome

Answer 3

对于使用 Firefox 的人来说，cd() 不起作用。

相反，一个可能的解决方案是在 iframe 的 contentWindow 上调用 eval() 以在 iframe 的上下文中运行 javascript。

var frame = document.getElementById("MyIframe").contentWindow;
frame.eval("alert(1);");