javascript - 如何知道在chrome控制台中哪个文件定义了js全局变量？

Question

如何使用 google chrome 控制台找出变量是在哪个文件和行中定义的？

例如，变量Native(来自MooTools)已在全局范围内定义。我想知道使用 google chrome 控制台在哪个文件中定义了此变量。

Answer 1

使用 Chrome :

1. 打开网络检查器
2. 显示控制台并检查您要搜索的变量是否存在(例如:Native Enter)
3. 点击“资源”面板
4. 在右上角搜索字段中输入 Native=、var Native 或 Native =
5. 您已经得到结果了!

此处，Native= 搜索只有一个结果。结果会自动突出显示，并打开相应的文件。在我的示例中，您可以看到 Native 声明位于 mootools.core.js 第 12 行。

编辑:2015 年 3 月(感谢 TML)

在最新的 Chrome 版本中，右上角的搜索字段已不存在。
相反，单击右上角的显示抽屉(或按Esc)，然后选择刚刚出现在底部的搜索选项卡您的屏幕:

编辑:2015 年 11 月(感谢 tzvi )

您现在需要使用右上角的三点按钮来查找搜索所有文件选项。