Firefox 开发工具：更改 JS 执行上下文

Question

Chrome 开发工具允许更改 javascript 执行上下文。

它非常方便，我在调试过程中经常使用它。

但是我需要在 Firefox 中测试我的项目，但我找不到 UI 来更改执行上下文。

火狐有这个功能吗？

Answer 1

Firefox DevTools 具有相同的功能。

当一个页面至少包含一个 iFrame 时，DevTools 窗口的右上角会有一个新按钮：

单击此按钮会打开一个菜单，您可以在其中选择 iframe。将鼠标悬停在不同的条目上甚至会突出显示页面内的 iframe 或主文档，以便于识别它们：

与 Chrome DevTools 不同的是，此功能会更改所有面板中的上下文，例如，Inspector 也将仅限于所选 iframe 的文档。

您可能需要先启用它。为此，请打开“设置”面板（例如通过按F1），然后选中“选择 iframe 作为当前目标文档”选项：