Google chrome extension Chrome扩展调试devtools.js no console.log

Google chrome extension Chrome扩展调试devtools.js no console.log,google-chrome-extension,google-chrome-devtools,Google Chrome Extension,Google Chrome Devtools,不确定这是否是一个bug,但当我创建devtools扩展时,“devtools_页面”html文件中引用的JS文件((即我正在添加devtools面板的位置),它似乎从未输出日志输出。我可以在background.js和content.js中看到它,但在devtools.js中看不到。注意,这是在Firefox中记录的。我看到消息正在传递,因此侦听器至少正在启动。有什么想法吗 //devtools.js console.log('devtools'); const b=chrome | |浏览器

不确定这是否是一个bug,但当我创建devtools扩展时,“devtools_页面”html文件中引用的JS文件((即我正在添加devtools面板的位置),它似乎从未输出日志输出。我可以在background.js和content.js中看到它,但在devtools.js中看不到。注意,这是在Firefox中记录的。我看到消息正在传递,因此侦听器至少正在启动。有什么想法吗

//devtools.js
console.log('devtools');
const b=chrome | |浏览器;
b、 开发工具
.create(“Example”、“/icons/star.png”、“/panel/panel.html”、函数(newPanel){
newPanel.onShown.addListener(函数(){
b、 查询({active:true,currentWindow:true},函数(tabs){
b、 tabs.sendMessage(
选项卡[0]。id,
{问候:“你好”},
功能(响应){
log(“我就是响应”);
}
);
});
});
});
//content.js
console.log('content');
const b=chrome | |浏览器;
b、 runtime.onMessage.addListener(函数(请求、发送方、发送响应){
console.log(
sender.tab
?来自内容脚本:“+sender.tab.url”
:“从扩展名”
);
if(request.greeting==“hello”)sendResponse({再见:“再见”});
});
//background.js
console.log('background');
{
“说明”:“信息说明”,
“清单版本”:2,
“默认语言环境”:“en”,
“名称”:“示例”,
“版本”:“1.0”,
“作者”:“作者”,
“主页地址”:“,
“图标”:{
“48”:“icons/star.png”
},
“背景”:{
“脚本”:[“background.js”]
},
“内容脚本”:[
{
“匹配项”:[“”],
“js”:[“content.js”]}
],
“权限”:[
""
],
“devtools_页面”:“index.html”
}

在Chrome中,它有自己的独立控制台。右键单击面板内部,选择“检查”。@wOxxOm奇妙!效果不错:)如果你把它作为答案,我会接受它