Chrome. Как получить список всех JS файлов которые использует страница?

В Google Chrome можно получить список всех JavaScript-файлов, загружаемых страницей, несколькими способами:

1. Использование вкладки «Sources» в DevTools

1. Откройте Chrome DevTools (F12 или Ctrl+Shift+I / Cmd+Opt+I на Mac).
2. Перейдите во вкладку «Sources».
3. В левой панели разверните раздел «Page» → здесь отображаются все загруженные ресурсы, включая JS-файлы (они находятся в подпапках или прямо в списке).

2. Использование вкладки «Network»

1. Откройте DevTools (F12).
2. Перейдите во вкладку «Network».
3. Нажмите «JS» в фильтре (или введите js в поле фильтрации).
4. Обновите страницу (F5), чтобы увидеть все загружаемые скрипты. Можно также отсортировать по «Initiator», чтобы увидеть, какие файлы или скрипты инициировали загрузку.

3. Использование консоли (JavaScript)

Можно выполнить в консоли (Ctrl+Shift+J / Cmd+Opt+J) следующий код:

// Получить все script-элементы
const scripts = Array.from(document.querySelectorAll('script[src]')).map(script => script.src);

// Вывести список
scripts.forEach(src => console.log(src));

// Или получить динамически загруженные скрипты (через Performance API)
performance.getEntriesByType('resource')
  .filter(resource => resource.initiatorType === 'script' || resource.name.endsWith('.js'))
  .forEach(js => console.log(js.name));Code language: JavaScript (javascript)

4. Использование расширений

Некоторые расширения (например, «Resource Override», «Web Developer») позволяют просматривать все загруженные ресурсы страницы.

Вывод динамически подгружаемых скриптов

Если скрипты загружаются асинхронно (например, через fetch() или динамические import()), их можно отследить во вкладке «Network», выбрав «All» и фильтруя по .js.

Если нужны даже инлайн-скрипты (без src), можно использовать:

document.querySelectorAll('script:not([src])').forEach(script => console.log(script.textContent));Code language: JavaScript (javascript)

Это даст полный список JavaScript-кода, исполняемого на странице.