Есть ли способ открыть Developer Tools при отладке расширения Chrome?

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

Вот что я делаю: я нажимаю кнопку расширения, которая открывает всплывающее окно. Затем щелкните правой кнопкой мыши и нажмите "Осмотреть". Это открывает инструменты для разработчиков. Теперь, если я снова нажму кнопку расширения, чтобы обновить его (когда я обновляю код), инструменты разработчика закрываются.: (

Ответ 1

Есть два способа сделать это.

Нажмите на всплывающее окно Dev Tools, чтобы окно было сфокусировано, а затем нажмите F5. Это перезагрузит всплывающее окно и Dev Tools, и не приведет к закрытию окна Dev Tools.
Если это не сработает, перейдите по chrome-extension://extensionid/path/to/popup.html на отдельной вкладке Chrome. Оттуда вы можете проверить элемент, и обновление файла не приведет к закрытию Dev Tools.

Ответ 2

Инструменты Dev закрываются, потому что закрытая страница закрывается (всплывающее окно). Представление и его логика перестают работать, если вы закрываете всплывающее окно, чтобы ничего не проверить.

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