iframe - 将浏览器开发人员工具控制台上下文切换到特定的 iframe

Question

Chrome 有最简单的方法，只需从下拉列表中选择一个框架即可。 Firefox 提供了 cd(frame)功能不太好用，但只要您愿意发现哪个框架是哪个框架就可以完成工作。
但是我们如何在 Internet Explorer 开发人员工具中做同样的事情呢？
特别是在 IE8 中，如果这在以后的版本中发生了变化......通常的方法当然是编写这些行来访问特定框架的上下文:

frames[n].window.somePublicFunction();

但这似乎很麻烦，尤其是当您嵌套 iframes 时。 .找到正确的框架只是一种痛苦。
有什么建议？

Answer 1

如果该框架中已经存在 Javascript，则向该脚本添加一个断点。当 IE 遇到断点时，控制台将在包含设置断点的代码的框架的上下文中运行。
要设置断点:

加载您的页面

打开开发者工具，进入“脚本”

找到要添加断点的行，然后单击行号左侧的

按“开始调试”(这将重新加载您的页面 - 如果这会导致问题，您可以在 How do you create breakpoints in IE Developer Tools for code that runs while loading? 尝试解决方案)

练习包含断点

的代码

当断点被击中时，使用控制台

(您可以运行命令 window.location.href 以通过其中加载的页面的 URL 查看当前窗口/框架上下文是什么。)