Как проверить исходный код сценария расширения Chrome в devtools?

Question

Я пытаюсь перейти к своему источнику расширения chrome из инструментов разработчика, но не могу найти его на вкладке Источники. Я вижу его присутствие из сообщения журнала консоли, отображающегося в области вывода консоли со следующей записью

chrome-extension://<id>/amazon_invoice.js

Но нажатие на нее просто открывает исходное состояние stati c javascript как текстовый файл, а не отлаживаемый интерактивный. Как я могу найти свои скрипты контента, чтобы продолжить разработку с того места, на котором остановился, когда перезапускаю сеанс разработки?

Answer 1

Таким образом, вы можете вызвать эти сценарии, углубившись в другие опции, кроме записей Page и Filesystem в представлении Источники. Помимо них вы найдете

• Переопределения
• Сценарии содержимого
• Фрагменты

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