Chrome DevTools konsolę przedłużacza

Question

włączyłem to w moim chrom rozszerzenie oczywistego

"devtools_page": "devtools.html" 

I devtools.html I obejmują devtools.js plik, który tworzy panel

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

Panel jest rzeczywiście stworzony . Aw panel.html mogę dołączyć plik panel.js w którym dodany słuchacza

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

Ale gdzie widzę wyjścia konsoli panelu? Lub jak mogę przekierować go do konsoli devtools?

Answer 1

Ta wiadomość zostanie zarejestrowana w konsoli narzędzi programistycznych. Aby zobaczyć tę konsolę, odłączyć narzędzi programistycznych od okna, a następnie naciśnij Ctrl + Shift + J.

Oto obrazku:

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

Twoja wiadomość jest aktualnie zalogowany do 3 (konsola instancji DevTools) zamiast 2 (konsola strony). Aby zalogować ciąg do strony, użyj interfejsu API chrome.experimental.devtools.console.

Alternatywą jest JSON serializacji swój obiekt i użyć chrome.devtools.inspectedWindow.eval zalogować Rezultat:

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