Chrome Devtools расширения консоли

Question

я включила это в моем хроме расширение манифеста

"devtools_page": "devtools.html" 

И в devtools.html я включаю devtools.js файл, который создает панель

chrome.devtools.panels.create("Panel", "icon.png", "panel.html", function(panel){}); 

Панели действительно создана , И в panel.html я включаю panel.js файл, в котором я добавил слушатель

chrome.devtools.network.onRequestFinished.addListener(function(details){ 
    console.log(details); 
}); 

Но где я могу увидеть выход консольной панели? Или как я могу перенаправить его на консоль devtools?

Answer 1

Это сообщение будет занесено в консоль инструментов разработчика. Для просмотра этой консоли, отсоедините инструменты для разработчиков из окна, и нажмите Ctrl + Shift + J.

Вот картинка:

1. Page (http://host/) 
2. + Devtools instance for http://host 
3. + Devtools instance for chrome-devtools://devtools/devtools.html?...) 

Ваше сообщение вошедшего в 3 (консоль экземпляра Devtools) вместо 2 (консоль страницы). Чтобы записать строку на страницу, используйте API chrome.experimental.devtools.console.

Альтернативой является JSON-сериализации объекта, а также использовать chrome.devtools.inspectedWindow.eval для регистрации результата:

var obj = ...; 
var str = JSON.stringify(obj); 
chrome.devtools.inspectedWindow.eval('console.log(' + str + ');');