我在Chrome扩展程序清单中包含了这个
"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控制台?
答案 0 :(得分:18)
此消息将记录在开发人员工具的控制台中。要查看此控制台,请从窗口中分离开发人员工具,然后按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 + ');');
答案 1 :(得分:0)
另一种方法是在单独的窗口(不在浏览器侧面)中打开chrome devtools,然后按CMD + Shift + i
(对于Mac),然后您会得到该devtools的另一个devtools。在那里,您可以调试并更轻松地查看控制台日志:)