我知道 Chrome 的检查器有一个选择器来选择与控制台一起使用的框架。Firebug 有一个类似的命令,cd(window.frames[number])
. Firefox Devtools 中有类似的东西吗?我想 frame.window.eval 可以工作,但前提是它不是跨域的。
我还想知道是否有荧光笔来检查 Web 控制台命令的结果,例如document.getElementsByClassName(...)
. 但是您至少可以通过编程方式更改元素的样式以“查看”它。
我知道 Chrome 的检查器有一个选择器来选择与控制台一起使用的框架。Firebug 有一个类似的命令,cd(window.frames[number])
. Firefox Devtools 中有类似的东西吗?我想 frame.window.eval 可以工作,但前提是它不是跨域的。
我还想知道是否有荧光笔来检查 Web 控制台命令的结果,例如document.getElementsByClassName(...)
. 但是您至少可以通过编程方式更改元素的样式以“查看”它。
DOMNode 对象确实会在 Web 控制台悬停时在页面中突出显示以及所谓的“变量视图”。当您单击对象以查看其属性时,“变量视图”也在 Web 控制台中使用(它是出现的侧边栏),并且在断点处暂停时也用于调试器中(包含各种范围的右侧边栏变量)。
因此,只要 DOMNode 出现在那里,如果您将鼠标悬停在它上面,它将在页面中突出显示。
对于 iframe,webconsole 确实支持该cd()
命令,请参阅使用 iframe。
我们还在积极处理一个错误,该错误将在当前页面中有框架/iframe 时向工具箱添加一个下拉列表,并允许您轻松地从一个切换到另一个。
从 Firefox 29 开始,您可以单击以检查控制台和调试器中的节点,目前在Aurora 频道上。