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

Question

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

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

Answer 1

使用铬：

1. 打开 Web 检查器
2. 显示控制台并检查您要搜索的 var 是否存在（例如： Native Enter）
3. 点击资源面板
4. 在右上角的搜索栏中输入Native=或var NativeNative =
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

本机在 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 = 分配几乎总是要走的路