鉻devtools擴展控制檯

Question

我包括這在我的瀏覽器擴展程序清單

"devtools_page": "devtools.html" 

而在devtools.html我包括它創建了一個面板

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

面板確實創造了一個devtools.js文件。而在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（頁面的控制檯）。要將字符串記錄到頁面，請使用chrome.experimental.devtools.console API。

另一種方法是JSON序列化你的對象，並使用chrome.devtools.inspectedWindow.eval記錄結果：

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