如何知道在chrome控制台中定义js全局变量的文件？

Question

如何找出使用谷歌Chrome控制台定义变量的文件和行？

例如,变量Native(来自MooTools)已在全局范围内定义.我想知道使用谷歌Chrome控制台在哪个文件中定义了这个变量.

Answer 1

使用chrome:

1. 打开Web Inspector
2. 显示控制台并检查您要搜索的var是否存在(例如:Native Enter)
3. 单击"资源"面板
4. 输入Native=,var Native或Native =在右上角的搜索领域
5. 你有结果!

在这里,Native=搜索只有一个结果.结果自动突出显示,并打开相应的文件.在我的例子中,你可以看到Native声明在mootools.core.js第12行.

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

在最新的Chrome版本中,右上角的搜索字段不再存在.
而不是单击Show drawer右上角(或点击Esc),然后选择Search刚出现在屏幕底部的选项卡:

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

您现在需要使用右上角的三点按钮来查找Search all files选项.