Как найти файл .js, в котором объявлена ​​определенная функция js (из Chrome)?

Question

Например, если я запускаю на какой-то странице в Chrome следующий код:

<div onclick="someFunction('test')"></div>

Я хотел бы знать, какой файл js содержит «someFunction».Возможно ли это и как?(Полагаю, это можно сделать с помощью отладки, но не знаю как)

Answer 1

В Firefox с надстройкой для веб-разработчиков, Информация / Просмотр Javascript / Развернуть все, поиск «someFunction».

Конечно, есть и много других способов сделать это, но это добавление-on помещает все JS со страницы в один браузер, что упрощает поиск по всей странице.

Answer 2

Попробуйте сохранить страницу в файловой системе (меню -> сохранить страницу как -> веб-страницу полностью) и найдите свою функцию в файлах с помощью текстового поисковика.

Answer 3

что я делаю: [при условии, что у вас есть доступ к исходному коду]

grep -r "function someFunction" . 

где . - каталог, с которого начинается рекурсивный поиск шаблона. Он покажет вам все файлы, которые содержат шаблон «function someFunction».

Кстати, если у вас много обращений, но вы хотите искать в каталоге, который их генерирует, вы можете отменить результаты, которые содержат:

grep -r "function someFunction" | grep -v "withouth this text"

надеюсь, это поможет! на окнах, может быть, вы можете использовать это с Cygwin?

Это, конечно, не будет работать, если некоторая функция размещена на внешнем хосте ...

Answer 4

Написать имя функции в консоли Google без скобок например, для функции submit (a, b) - я хочу знать, где находится функция submit.

просто напишите submit в консоли. Выводом будет определение функции. Нажмите на вывод, вы будете перенаправлены на функцию. Вы можете увидеть имя файла в верхней части инструментов разработчика на вкладке источника.