铬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 + ');');