Опция сценария черного бокса в инструменте разработчика Chrome

#javascript #reactjs #kendo-ui #google-chrome-devtools

#google-chrome #google-chrome-devtools

Вопрос:

У меня проблема с инструментом разработчика Chrome.
Моя версия такова Version 46.0.2490.71 (64-bit)
Согласно онлайн-учебникам, я могу перейти на вкладку «Источники», щелкнуть правой кнопкой мыши файл сценария, и там будет Blackbox Script возможность выбрать. введите описание изображения здесь
Однако я не вижу никакой возможности в своем chrome. Как мне включить эту опцию, если я ничего не знаю о регулярных выражениях?

noBlackBoxoption


Еще одна проблема: скрипты все еще отлаживались, хотя я добавил их в список черных ящиков. Странно!!


Файл виртуальной машины Еще одна вещь, которую я хочу спросить, — это как я помещаю в черный ящик «неограниченное» количество файлов виртуальных машин?

Комментарии:

1. Звучит глупо, но я только что придумал способ удалить эти файлы виртуальных машин. Мне просто нужно иметь несколько точек останова в исходном файле, который я хочу отладить.

Ответ №1:

В Chrome 60 (и, возможно, старше)есть более простой способ:

  • Откройте исходный файл в инструментах разработки Chrome (на вкладке источник).
  • Щелкните правой кнопкой мыши столбец, в котором отображаются номера строк
  • Выберите «Сценарий Черного ящика».

Выглядит так

РЕДАКТИРОВАТЬ: Как указал svict4, в Chrome 64 вы также можете щелкнуть правой кнопкой мыши в любом месте сценария

Комментарии:

1. В версии 64.0 щелчок правой кнопкой мыши по номерам строк не вызывал «Сценарий черного ящика», но щелчок правой кнопкой мыши в любом месте самого кода предоставлял эту опцию.

2. @svict4 Спасибо, похоже, вы правы насчет нажатия в любом месте. Для меня (на Mac) боковая панель по-прежнему работает так же хорошо.

Ответ №2:

  1. Откройте настройки devtools (нажмите F1один раз в devtools или откройте из меню)
  2. Перейдите в раздел «Черный ящик» (см. Изображение ниже) введите описание изображения здесь
  3. Добавьте шаблон, например:
    • node_modules
    • angular
    • rxjs

Он использует синтаксис регулярных выражений на случай, если вам понадобится что-то более конкретное.

Хорошая часть сценариев библиотеки/фреймворка blackboxing заключается в том, что это облегчает просмотр следов стека с места, где произошла ошибка, в ваших собственных источниках.

Редактировать

Как уже отмечалось, поскольку этот ответ был опубликован, вы можете напрямую поместить сценарий в черный ящик, щелкнув правой кнопкой мыши по исходному файлу в devtools. Однако перейдите в пользовательский интерфейс настроек черного ящика для большего контроля.

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

Комментарии:

1. Я не знаю регулярных выражений, поэтому не могу вручную ввести там имя файла.

2. Если вы хотите поместить угловые скрипты в черный ящик, как на вашем скриншоте, этого angular.*.js должно быть достаточно. В случае, если вам нужно больше, чем это, есть много вопросов о регулярных выражениях на SO, или вы можете открыть новый, если не найдете ответа. Подумайте о закрытии этого, так как речь идет о сценарии черного ящика в Chrome, а не о регулярных выражениях.

3. Эта опция отсутствует в моем Chrome 54

4. Этого, кажется, больше не существует

5. Пользовательский интерфейс изменился, я обновил ответ. Спасибо, что заметили.

Ответ №3:

  • Похоже, они изменились с blackbox на Ignore List .

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

  • Также нажмите f1 в DevTools и найдите Ignore List

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

Ответ №4:

Не уверен, что Chrome тоже изменился, но в Chromium Edge опция называется «Пометить как код библиотеки» и «Пометить как мой код», чтобы отключить ее. Вы должны щелкнуть правой кнопкой мыши по коду, а не по файлу/вкладке. Щелчок правой кнопкой мыши по номерам строк тоже работает.

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