如何知道定义的铬控制台一个js全局变量在哪个文件？(How to know in which fil

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

例如，可变Native （来自MooTools的）已经在全球范围限定。 我想知道，定义使用谷歌浏览控制台这个变量中的文件。

Answer 1:

使用Chrome：

1. 打开Web检查
2. 显示控制台和检查，如果你要搜索的变种存在（例如：母语输入 ）
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:

您可以搜索在“资源”（第2）选项卡“变种原生”。

函数定义可以从“范围变量”块中找到，从上下文菜单中，但有没有这样的功能，如“寻找到这个变量来自/定义”，在Chrome的WebInspector。

Answer 3:

天然在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

对于=分配的快速文件搜索几乎总是要走的路

文章来源: How to know in which file that defined a js global var in chrome console?