如果我调用console.log('something');从弹出页面,或任何脚本,包括它的工作良好。
然而,由于后台页面不是直接运行弹出页面,它不包括在控制台。
是否有一种方法,我可以得到console.log()的后台页面显示在控制台的弹出页面?
有没有办法从后台页面调用弹出页面中的函数?
如果我调用console.log('something');从弹出页面,或任何脚本,包括它的工作良好。
然而,由于后台页面不是直接运行弹出页面,它不包括在控制台。
是否有一种方法,我可以得到console.log()的后台页面显示在控制台的弹出页面?
有没有办法从后台页面调用弹出页面中的函数?
当前回答
目前使用Manifest 3和service worker,你只需要进入扩展页面/详细信息,然后单击Inspect Views / service worker。
其他回答
这是一个老帖子,已经有很好的答案,但我补充我的两点。我不喜欢使用console.log,我宁愿使用日志记录器记录到控制台,或任何我想要的地方,所以我有一个模块定义了一个日志函数,有点像这样
function log(...args) {
console.log(...args);
chrome.extension.getBackgroundPage().console.log(...args);
}
当我调用日志时(“这是我的日志”),它将在弹出式控制台和后台控制台中写入消息。
这样做的好处是可以在不更改代码的情况下更改日志的行为(比如禁用生产日志等)。
最简单的解决方案是在文件顶部添加以下代码。然后,你可以使用所有完整的Chrome控制台api,因为你会正常。
console = chrome.extension.getBackgroundPage().console;
// for instance, console.assert(1!=1) will return assertion error
// console.log("msg") ==> prints msg
// etc
const log = chrome.extension.getBackgroundPage().console.log;
log('something')
打开日志:
开放:chrome: / / extensions / 详细信息>背景页面
您仍然可以使用console.log(),但是它会被记录到一个单独的控制台。 为了查看它-右键单击扩展图标,选择“检查弹出”。
为了直接回答您的问题,当您从后台调用console.log(“something”)时,此消息将被记录到后台页面的控制台。要查看它,你可以去chrome://extensions/并点击你的扩展下的检查视图。
当您单击弹出窗口时,它被加载到当前页面中,因此console.log应该在当前页面中显示日志消息。