【第二篇】谷歌调试窗口：Console

【第二篇】谷歌调试窗口：Console

 

一. 选择执行环境(切换后可以使用不同环境的全局变量)

以下屏幕截图中以蓝色突出显示的下拉菜单称为 Execution Context Selector。

 

 

通常，您会看到此环境设置为 top（页面的顶部框架）。

其他框架和扩展程序在其自身的环境中运行。 要使用这些其他环境，您需要从下拉菜单中选中它们。

例如，如果您要查看 <iframe> 元素的日志输出，并修改该环境中存在的某个变量，您需要从 Execution Context Selector 下拉菜单中选中该元素。

 

控制台默认设置为 top 环境，除非您通过检查其他环境中的某个元素来访问 DevTools。

例如，如果您检查 <iframe> 中的一个 <p> 元素，那么，DevTools 将 Execution Context Selector 设置为该 <iframe> 的环境。

 

当您在 top 以外的环境中操作时，DevTools 将 Execution Context Selector 突出显示为红色，如下面的屏幕截图中所示。 这是因为开发者很少需要在 top 以外的任意环境中操作。 输入一个变量，期待返回一个值，只是为了查看该变量是否为 undefined（因为该变量是在不同环境中定义的），这会非常令人困惑。

 

 

二. 选择执行环境(切换后可以使用不同环境的全局变量)