Не переходить по файлу javascript в Chrome Developer Tools?

Question

Мне интересно, есть ли способ пропустить файл javascript в отладчике Chrome Developer Tools, чтобы он автоматически пропускал любые вызовы функций, сделанные для этого сценария?

Я спрашиваю, потому что мои проекты часто включают большие библиотеки, такие как jQuery. Когда я выполняю пошаговый просмотр javascript в Chrome Developer Tools во время отладки, мне приходится обходить библиотеку jQuery каждый раз, когда я выполняю вызов jQuery в своем скрипте.

В итоге мне приходится устанавливать точки останова на одну строку после каждого вызова объекта jQuery. Это единственный способ пропустить меня, и это очень раздражает.

Answer 1

ОБНОВЛЕНИЕ 2
В последних версиях Chrome улучшен пользовательский поток этой функции. Пожалуйста, обратитесь к https://developer.chrome.com/devtools/docs/blackboxing

ОБНОВЛЕНИЕ 1
Начиная с версии Chrome 38 вам больше не нужно включать эксперименты с Инструментами разработчика.

Ниже детали только для истории

Теперь это возможно в Chrome версии 30+.

1. Включить «Включить эксперименты с Инструментами разработчика» из chrome://flags/#enable-devtools-experiments. (Да, вам нужно ввести его там, где вы вводите URL)
2. Перезапуск хрома
3. Нажмите на значок настроек в Chrome Developer Tools
4. Перейти в раздел Эксперименты. Обратите внимание на ПРЕДУПРЕЖДЕНИЕ;) и затем отметьте Enable frameworks debugging support. (Вы также можете попробовать Show step-in candidates while debugging)
5. Теперь закройте Chrome Dev Tools и снова откройте его.
6. Нажмите на значок настроек в Chrome Developer Tools
7. В общем разделе вы найдете "Пропускать пошаговые инструкции по источникам с конкретными именами" Отметьте это и укажите regex для имен файлов javascript, к которым вы хотите пропустить шаг.

Источник: Советы и хитрости: игнорирование кода библиотеки при отладке в Chrome

Answer 2

iSid Я хотел бы отметить, что начиная с Chrome 38 вам больше не нужно включать эксперименты с devtools.Вместо этого, если вы перейдете прямо к инструментам разработчика F12 -> настройки -> общие сведения -> источники, вы увидите, что последним пунктом здесь является управление рамками чёрного ящика.Хорошая часть заключается в том, что вы можете настроить каждый фреймворк на отдельной строке или собрать общий шаблон catch, например, (firebug | angular | knockout | jquery | bootstrap | modernizr | ответить)

Answer 3

В версии 51 все немного по-другому.

Нажмите F12, затем F1. Выберите «Черный ящик» из меню слева.

Answer 4

В Chrome v68 при отладке файла .js используйте сценарий левого клика для черного ящика:

https://developer.chrome.com/devtools/docs/blackboxing

Answer 5

Кнопка «Выйти» может быть использована для быстрого выхода из кода JQuery.