Как войти в консоль DevTools со страницы devtools?

Question

У меня есть devtools.html файл с script.js , который содержит:

console.log('started...')

In manifest.json , У меня есть:

"devtools_page": "devtools.html"

Однако, когда я запускаю свое расширение и открываю окно DevTools, я не вижу журнал.Если я throw ошибка в script.js , я вижу, что ошибка произошла на странице chrome://extensions, поэтому я знаю, что этот скрипт загружен.Однако этот журнал нигде не появляется.Разве журналы страницы devtools не должны появляться в окне DevTools?

Answer 1

Просмотр console.log() сообщений

• Разблокировать devtools в отдельном окне (в панели инструментов devtools, трехточечное меню)
• Окно Focus devtools
• Нажать Ctrl Shift i или Cmd Shift i , чтобы открыть devtools-on-devtools , где вы увидите вывод

Вывод в консоли веб-страницы, используя chrome.devtools.inspectedWindow.eval :

const foo = {bar: 123};
chrome.devtools.inspectedWindow.eval(`console.log(${JSON.stringify(foo)})`);