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

Question

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

例如，变量Native（来自MooTools）已在全局范围内定义。我想知道使用谷歌浏览器控制台在哪个文件中定义了这个变量。

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选项。

Answer 2

您可以在“资源”（第二个）标签中搜索“var Native”。

函数定义可以从“范围变量”块，从上下文菜单中找到，但是 在Chrome的WebInspector中没有“查找此变量来自/已定义的位置”的功能。

Answer 3

Native在core.js第437行中定义

var Native = this.Native = function(properties){
    return new Type(properties.name, properties.initialize);
};

Native.type = Type.type;

Native.implement = function(objects, methods){
    for (var i = 0; i < objects.length; i++) objects[i].implement(methods);
    return Native;
};

https://github.com/mootools/mootools-core/blob/master/Source/Core/Core.js#L437

a =赋值的快速文件搜索几乎总是可行的方法