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

Question

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

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

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

Firefox是否具有此功能？

Answer 1

Firefox DevTools具有相同的功能，但是您需要首先启用它。为此，请打开“设置”面板（例如，按 F1 ），然后选中选项选择iframe作为当前目标文档：

启用后，DevTools窗口的右上角会出现一个新按钮：

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

与Chrome DevTools相比，此功能更改了所有面板中的上下文，例如检查器也将仅限于所选iframe的文档。

（注意：最后一个屏幕截图显示了Firefox 64.0，其中按钮的图标和菜单的布局已更改。）