Избегайте прохождения файла JavaScript в инструментах разработчика Chrome?
-
27-10-2019 - |
Вопрос
Мне интересно, есть ли способ пропустить файл JavaScript от отладчика инструментов разработчика Chrome, поэтому он автоматически пропустит любые вызовы функций, сделанные в этот скрипт?
Я спрашиваю, потому что мои проекты часто включают в себя крупные библиотеки, такие как jQuery. Когда я прохожу JavaScript в инструментах разработчика Chrome во время отладки, я должен проходить через LIB JQUERY каждый раз, когда я делаю звонок в своем сценарии.
В итоге мне приходится установить точки останова одну линию после каждого вызова в объект jQuery. Это единственный способ, которым я нашел, чтобы пропустить прошлое, и это очень раздражает.
Решение
Обновление 2
Было улучшено пользовательское поток этой функции в последних версиях Chrome. Пожалуйста, обратитесь к https://developer.chrome.com/devtools/docs/blackboxing
Обновление 1
Со времен Chrome версии 38 вам больше не нужно проводить эксперименты с инструментами разработчика.
Ниже детали представлены только для истории
Теперь это возможно в Chrome версии 30+.
- Включить «включить эксперименты по инструментам разработчика» из
chrome://flags/#enable-devtools-experiments
. Анкет (Да, вам нужно напечатать это там, где вы вводите URL) - Перезагрузка Chrome
- Нажмите на значок «Настройки» в инструментах разработчика Chrome
- Перейдите в раздел экспериментов. Обратите внимание на предупреждение;), а затем отметьте
Enable frameworks debugging support
. Анкет (Вы также можете попробоватьShow step-in candidates while debugging
) - Теперь закрывайте инструменты Chrome Dev и снова откройте его.
- Нажмите на значок «Настройки» в инструментах разработчика Chrome
- В общем разделе вы найдете «Пропустить шаг через источники с определенными именами». Отметьте это и предоставить регулярно Для имен файлов JavaScript, в которые вы хотите пропустить шаг.
Источник: Советы и хитрости: игнорирование кода библиотеки при отладке в Chrome
Другие советы
Исид я хотел бы отметить, что с хрома 38 вам больше не нужно проводить эксперименты DevTools. Вместо этого, если вы перейдете прямо к инструментам разработчика F12 -> Настройки -> Общие -> Источники, вы увидите последний элемент, в котором есть управление фреймворком Blackboxing. Хорошая часть - вы можете настроить каждую структуру на собственной линии, или вы можете собрать вместе общий улов, как (Firebug | angular | nockout | jquery | bootstrap | modernizr | ответь)
Под Chrome V68, отладки в файле .JS, используйте левый кнопкой мыши для скрипта Blackbox:
Кнопка «Выход» может быть использована, чтобы быстро вывести вас из кода jQuery.