#javascript #reactjs #kendo-ui #google-chrome-devtools
#google-chrome #google-chrome-devtools
Вопрос:
У меня проблема с инструментом разработчика Chrome.
Моя версия такова Version 46.0.2490.71 (64-bit)
Согласно онлайн-учебникам, я могу перейти на вкладку «Источники», щелкнуть правой кнопкой мыши файл сценария, и там будет Blackbox Script
возможность выбрать.
Однако я не вижу никакой возможности в своем chrome. Как мне включить эту опцию, если я ничего не знаю о регулярных выражениях?
Еще одна проблема: скрипты все еще отлаживались, хотя я добавил их в список черных ящиков. Странно!!
Еще одна вещь, которую я хочу спросить, — это как я помещаю в черный ящик «неограниченное» количество файлов виртуальных машин?
Комментарии:
1. Звучит глупо, но я только что придумал способ удалить эти файлы виртуальных машин. Мне просто нужно иметь несколько точек останова в исходном файле, который я хочу отладить.
Ответ №1:
В Chrome 60 (и, возможно, старше)есть более простой способ:
- Откройте исходный файл в инструментах разработки Chrome (на вкладке источник).
- Щелкните правой кнопкой мыши столбец, в котором отображаются номера строк
- Выберите «Сценарий Черного ящика».
РЕДАКТИРОВАТЬ: Как указал svict4, в Chrome 64 вы также можете щелкнуть правой кнопкой мыши в любом месте сценария
Комментарии:
1. В версии
64.0
щелчок правой кнопкой мыши по номерам строк не вызывал «Сценарий черного ящика», но щелчок правой кнопкой мыши в любом месте самого кода предоставлял эту опцию.2. @svict4 Спасибо, похоже, вы правы насчет нажатия в любом месте. Для меня (на Mac) боковая панель по-прежнему работает так же хорошо.
Ответ №2:
- Откройте настройки devtools (нажмите F1один раз в devtools или откройте из меню)
- Перейдите в раздел «Черный ящик» (см. Изображение ниже)
- Добавьте шаблон, например:
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