Отладка расширения Chrome с доступом к chrome.devtools api

Я начинаю разработку Chrome. Мне нужно расширить существующее расширение (angularjs-batarang), но у меня есть некоторые проблемы с отладкой.

manifest.json имеет записи:

  "background": {
    "page": "background.html"
  },
  "devtools_page": "devtoolsBackground.html"

Вопрос: как отлаживать devtools_page? Я добавил в manifest.json дополнительную запись "options_page": "devtoolsBackground.html", и когда я добавлю это расширение в Chrome, у меня есть возможность запускать options страницу из chrome://extensions. Он работает, потому что приложение останавливается на контрольных точках. Но, к сожалению, у меня нет доступа к API chrome.devtools. Так что это не решение.

Как я могу отладить это и получить доступ к этому API?

Ответы

Ответ 1

Чтобы открыть инструменты разработчика для страницы devtools, я обычно выполняю следующие шаги:

  • Откройте инструменты разработчика.
  • Отсоедините инструменты разработчика, если они еще не сделаны (через кнопку в нижнем левом углу).
  • Нажмите Ctrl + Shift + J, чтобы открыть инструменты разработчика инструментов разработчика.
  • Дополнительно: Не стесняйтесь снова прикрепить инструменты разработчика, если вы отстегнули его на шаге 2.
  • Переключитесь с "<top frame>" на devtoolsBackground.html (или любое другое имя, которое вы выбрали для своего devtools). (пример)
  • Теперь вы можете использовать вкладку "Консоль", чтобы играть с API chrome.devtools.