如果我调用console.log('something');从弹出页面,或任何脚本,包括它的工作良好。
然而,由于后台页面不是直接运行弹出页面,它不包括在控制台。
是否有一种方法,我可以得到console.log()的后台页面显示在控制台的弹出页面?
有没有办法从后台页面调用弹出页面中的函数?
如果我调用console.log('something');从弹出页面,或任何脚本,包括它的工作良好。
然而,由于后台页面不是直接运行弹出页面,它不包括在控制台。
是否有一种方法,我可以得到console.log()的后台页面显示在控制台的弹出页面?
有没有办法从后台页面调用弹出页面中的函数?
当前回答
为了直接回答您的问题,当您从后台调用console.log(“something”)时,此消息将被记录到后台页面的控制台。要查看它,你可以去chrome://extensions/并点击你的扩展下的检查视图。
当您单击弹出窗口时,它被加载到当前页面中,因此console.log应该在当前页面中显示日志消息。
其他回答
关于最初的问题,我想在Mohamed Mansour的公认答案中补充一点,也有一种方法可以反过来解决这个问题:
你可以通过chrome.extension.getViews()调用从后台页面/脚本中访问其他扩展页面(即选项页,弹出页面)。如这里所述。
// overwrite the console object with the right one.
var optionsPage = ( chrome.extension.getViews()
&& (chrome.extension.getViews().length > 1) )
? chrome.extension.getViews()[1] : null;
// safety precaution.
if (optionsPage) {
var console = optionsPage.console;
}
const log = chrome.extension.getBackgroundPage().console.log;
log('something')
打开日志:
开放:chrome: / / extensions / 详细信息>背景页面
要从后台页面获取控制台日志,您需要在后台页面background.js中编写以下代码片段。
chrome.extension.getBackgroundPage().console.log('hello');
然后加载扩展并检查其后台页面以查看控制台日志。
如果单击扩展列表中的"background.html"链接,就可以打开后台页面的控制台。
要访问对应于您的扩展的后台页面,打开Settings /extensions或打开一个新选项卡并输入chrome://extensions。你会看到类似这样的截图。
在您的扩展单击链接背景页。这将打开一个新窗口。 对于上下文菜单示例,窗口的标题为:_generated_background_page.html。
为了直接回答您的问题,当您从后台调用console.log(“something”)时,此消息将被记录到后台页面的控制台。要查看它,你可以去chrome://extensions/并点击你的扩展下的检查视图。
当您单击弹出窗口时,它被加载到当前页面中,因此console.log应该在当前页面中显示日志消息。