Чи можу я отримати хром-девтоли фактично шукати всі джерела JS?


171

У мене виникають проблеми з пошуком файлів JS в хромованих інструментах для розробки, в минулому пошук, активований Ctrl+ Shift+, Fзавжди знаходив те, що я хотів, але останнім часом (я не впевнений, яке саме оновлення викликало це) я знаходжу пошук не ловить

  • JS вбудовані теги сценарію

  • JS всередині рамки кадрів.

Я також виявив, що callstack заплутався, коли були залучені вбудовані сценарії, але коли я намагаюся google для цих проблем, я просто отримую doc-сторінки dev-tools, чи хтось ще помітив ці проблеми? Я просто уявляв, що це працювало раніше?


4
Будьте уважні - прийнята відповідь працює з увімкненими CTRL + SHIFT + F і "Пошук у скриптах вмісту", але Chrome нараховує лише 1 збіг на рядок, навіть якщо в будь-якому рядку є кілька збігів. З мінімізованим JS ви бачите це часто. Я думав, що це помилка в Chrome, поки я не зрозумів, що знайде всі екземпляри, якщо натиснути на відповідний сценарій і CTRL + F там.
Дж. Сміт

Чудова точка! Я виявив деяку непослідовність поведінки з хромом, особливо після оновлень, між налаштуваннями "пошук у скриптах для вмісту" та симпатичним друком мінімізованих сценаріїв, іноді все не працює ідеально = (
Девід МакМуллін

1
Власне, бувають випадки, коли Chrome просто щось не знайде. Це трапляється зі мною часто. Наприклад, коли я відвідую band-aidbrandfirstaid.com/first-aid-how-to-videos та шукаю джерело для _satellite.jwp.videos, я не бачу результатів. І все ж цей рядок присутній - скріншот, я не можу знайти когось іншого з цією проблемою. Наразі я використовую Firefox, і це вважає це просто чудово.
Дж. Сміт

Це справді цікаво! Я пробував той самий пошук у своєму хромі, і він спрацював чудово (знайшов 5 збігів). Ви намагалися ввімкнути варіант, згаданий у моїй відповіді нижче?
Девід МакМуллін

2
Кадр можна також розминати аж до нижньої частини вікна консолі (принаймні, це було для мене). Перетягніть його вгору, щоб побачити, якщо краще.
Емері Лапінський

Відповіді:


170

Так, якщо ви хочете шукати в джерелах вмісту, які є сценаріями, які використовуються розширеннями та внутрішнім API браузера, увімкніть це в Налаштуваннях DevTools, а потім на будь-якій панелі DevTools ви можете ввести Ctrl+ Shift+ Fабо (на Mac) Options+ Command+ F( ⌥⌘F) для пошуку в усіх джерелах, фрагментах і файлах.

Ще корисніше те, що вам може знадобитися, - це налаштувати робочу область в гвинтиці налаштувань, яку можна зіставити в локальний каталог файлів, який буде доступний на бічній панелі браузера файлів джерел, яку також можна шукати за допомогою наведеної вище ярлика.


5
Відповідно до іншого коментаря, може бути корисним пояснити, як увімкнути пошук, тобто (з іншої відповіді) "Активувати опцію" Пошук у скриптах вмісту "в Загальних налаштуваннях
DevTools

3
Це застаріло
cdeutsch

8
У поточній версії Chrome DevTools> Налаштування> Налаштування> Джерела "Пошук за анонімними та
Марк Хансен

Погодився, це застаріло. Також було б чудово уточнити, де в налаштуваннях інструментів Dev це потрібно включити.
Макс Маклеод

44

Здається, що відповідь завжди легше знайти, коли ви знайшли час, щоб правильно поставити запитання ...

Я знайшов варіант у розділі Загальні -> Джерела під назвою "Пошук у скриптах вмісту". Я не впевнений, як / коли я відключив це, але включення та перезапуск хрому виправили всі мої проблеми.


1
Було б добре, якби Chrome спонукав нас до ввімкнення цієї опції при виконанні CTRL + SHIFT + F. Я також не пам'ятаю, щоб його відключили, але одного разу він перестав працювати. Дякуємо, що врятували мене від використання Firefox для цієї мети!
JD Smith

Я майже впевнений, що раніше він шукав серед усіх джерел, але раптом він зупинився! тепер, перевіривши цю опцію, вона працює знову! спасибі
Бахши

У мене був такий самий досвід, я люблю хром більшу частину часу, але іноді виявляю несподівану поведінку після оновлень = (Радий, що це знову працює!
Девід МакМуллін

5
У Chrome 56 цей параметр ви знайдете в меню [DevTools у верхньому правому куті вікна DevTools] -> Налаштування -> Налаштування -> Джерела -> "Пошук у скриптах вмісту" (прапорець у самому низу)
Кріс

6
Для мене в Chrome 69 вона називається "Пошук за анонімними та вмістовими сценаріями"
Jono

35

Остання версія DevTools

Клацніть піктограму потрійної крапки праворуч від док-станції DevTool та виберіть Пошук .

Або просто натисніть: Control- Shift- Fпід час використання DevTools ( Control- Shift- I).

Меню DevTools Dock


Старіша версія DevTools

Активуйте опцію " Пошук у скриптах вмісту " в Загальних налаштуваннях DevTools. Це дозволить шукати скрипти вмісту .

Потім на панелі DevTools ви можете шукати вихідні файли в нижній частині панелі.

Наприклад:

Google Chrome - Сценарії вмісту - Пошук у джерелах


Якщо у вас немає вкладки Пошук внизу панелі DevTools , натисніть на піктограму потрійної крапки, щоб відкрити її.

Chrome / Chromium - пошук DevTools у файлах вихідного коду


1
Для мене мені довелося розгорнути панель, яка містить результати пошуку.
Фуад

8

Я стикався з тією ж проблемою CTRL + SHIFT + F більше не працював.

  1. Натисніть f12, щоб відкрити інструменти для розробників
  2. Клацніть вертикальний еліпсис праворуч на панелі інструментів розробника, щоб відкрити його параметри
  3. Натисніть "Інші інструменти"
  4. Клацніть на "Пошук"

введіть тут опис зображення


5

Якщо вона все ще не працює, перевірте, чи встановлено це розширення у вашому хромі:

заповнення форми: https://chrome.google.com/webstore/detail/form-filler/bnjjngeaknajbdcgpfkgnonkmififhfo?hl=uk

CTRL + SHIFT + F все ще не працює для мене, але тоді я виявив, що розширення хрому "Заповнювач форми" перекриває команду "Пошук усіх" у консольній команді

Щоб змінити це, перейдіть до URL -> chrome: // extensions /

потім перейдіть до праворуч внизу: Комбінації клавіш і ви можете змінити + CTRL + SHIFT + F команду для заповнення форми

тоді команда CTRL + SHIFT + F в хромованій консолі пошуку знову працювала


4

В останній версії CTRL + SHIFT + F більше не працює навіть після ввімкнення "Пошук в анонімних та контентних сценаріях".

Етапи 1) Вам потрібно натиснути на три редагування у верхньому правому або нижньому лівому куті інструментів розробника. введіть тут опис зображення

2) Ви побачите варіант пошуку, який саме ви хочете.

3) Також вкладка пошуку присутня внизу. Тому вона може бути невидимою, тому, можливо, доведеться перетягнути вкладку . введіть тут опис зображення

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.