Отладка popup.html расширения Chrome?

Question

Я делаю расширение для Chrome и мне нужно просмотреть HTML / CSS / JS popup.html.

Я не могу щелкнуть правой кнопкой мыши, чтобы проверить элементы. Есть ли другой способ? Мне нужно убедиться, что CSS и JavaScript вставляются правильно. Как отладить проблему в этом всплывающем файле?

Answer 1

Проверьте, что всплывающее окно исчезло с последней сборкой.

Вот как я отлаживаю всплывающие окна расширений Chrome.

1. Нажмите на всплывающую кнопку, чтобы увидеть веб-страницу (само всплывающее окно).
2. Щелкните правой кнопкой мыши в окне и выберите «Проверить элемент»
3. В окне Chrome Debugger отображается правильный контекст, но вы уже пропустили свои точки останова и операторы debugger.
4. ЗДЕСЬ. Нажмите на консольную часть отладчика и введите: location.reload(true) и нажмите ввод.

Теперь ваши контрольные точки достигнуты! Отличный способ перезагрузить измененные скрипты без повторного посещения страницы расширения.

Answer 2

Щелкните правой кнопкой мыши на кнопке расширения, затем «Insup Popup»

Answer 3

Возможно, другим способом может быть поиск идентификатора: для вашего приложения в chrome: // chrome / extensions /

Затем вы можете загрузить всплывающее окно в обычном окне с помощью

chrome-extension://id_of_your_application/popup.html

Замените popup.html на файл, который вы указали в manifest.json в свойстве default_popup.

Answer 4

Да, «Проверять всплывающее окно» на значке расширения, кроме этого - из диспетчера расширений вы также можете просмотреть страницу настроек.