如何在 iFrame 中运行 Firefox 检查器？

Question

我知道 Chrome 的检查器有一个选择器来选择与控制台一起使用的框架。 Firebug 有一个类似的命令，cd(window.frames[number])。 Firefox Devtools 中有类似的东西吗？我想 frame.window.eval 可以工作，但前提是它不是跨域的。

我还想知道是否有荧光笔可以检查 Web 控制台命令的结果，例如 document.getElementsByClassName(...)。但您至少可以通过编程方式更改元素的样式以“看到”它。

Answer 1

DOMNode 对象在 Web 控制台悬停时会在页面中突出显示，这就是所谓的“变量视图”。当您单击对象以查看其属性时，“变量视图”也在 Web 控制台中使用（它是出现的侧边栏），并且在断点处暂停时也用于调试器中（包含各种范围的右侧边栏变量）。

因此，只要 DOMNode 出现在其中，如果将鼠标悬停在它上面，它将在页面中突出显示。

对于 iframe，webconsole 确实支持 cd() 命令，请参阅 working with iframes。

我们还积极working on a bug，只要当前页面中有框架/iframe，就会在工具箱中添加一个下拉菜单，让您轻松地从一个切换到另一个。

Answer 2

您可以在控制台click to inspect a node 和调试器starting in Firefox 29，目前在Aurora channel。