Как узнать, в каком файле определена js global var в хром-консоли?

Как узнать, какой файл и строка была определена при использовании консоли Google Chrome?

Например, переменная Native (из MooTools) определена в глобальной области. Я хочу знать, в каком файле, который определил эту переменную, с помощью консоли Google Chrome.

Ответы

Ответ 1

Использование хром:

Откройте веб-инспектор
Показать консоль и проверить, существует ли поиск var (например: Native Enter)
Щелкните панель "Ресурсы"
Введите Native=, var Native или Native = в верхнем правом поле поиска
У вас есть результат!

Здесь существует только один результат для поиска Native=. Результат автоматически подсвечивается, и соответствующий файл открывается. В моем примере вы можете видеть, что объявление Native было в mootools.core.js, строка 12.

EDIT: март 2015 (благодаря TML)

Верхнее правое поле поиска больше не существует, в последних версиях Chrome.
Вместо этого нажмите Show drawer в верхнем правом углу (или нажмите Esc) и выберите вкладку Search, которая только что появилась в нижней части экрана:

EDIT: ноябрь 2015 (спасибо tzvi)

Теперь вам нужно использовать кнопку с тремя точками в верхнем правом углу, чтобы найти параметр Search all files.

Ответ 2

Вы можете найти "var Native" на вкладке "Ресурсы" (2).

Определение функции может быть найдено из блока "Scope variables" из контекстного меню, но нет такой функции, как "Найти, где эта переменная исходит из/была определена" в Chrome WebInspector.

Ответ 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 = почти всегда путь