Chrome DevTools console estensione

Question

ho incluso nel mio Chrome Extension manifesta

"devtools_page": "devtools.html" 

E in devtools.html includo un file devtools.js che crea un pannello

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

Il pannello è infatti creato . E in panel.html includo un file panel.js in cui ho aggiunto un ascoltatore

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

Ma dove posso vedere l'output della console del pannello? O come posso reindirizzare alla console di devtools?

Answer 1

Questo messaggio verrà registrato nella console degli strumenti di sviluppo. Per visualizzare questa console, staccare gli strumenti di sviluppo dalla finestra, e premere Ctrl + Maiusc + J.

Ecco un immagine:

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

Il vostro messaggio è attualmente connesso a 3 (la console dell'istanza DevTools) invece di 2 (la console della pagina). Per registrare la stringa nella pagina, utilizzare l'API chrome.experimental.devtools.console.

Un'alternativa è quella di JSON-serializzare l'oggetto, e utilizzare chrome.devtools.inspectedWindow.eval per registrare il risultato:

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