谷歌chrome扩展::console.log()从后台页面?

如果我调用console.log('something');从弹出页面，或任何脚本，包括它的工作良好。

然而，由于后台页面不是直接运行弹出页面，它不包括在控制台。

是否有一种方法，我可以得到console.log()的后台页面显示在控制台的弹出页面?

有没有办法从后台页面调用弹出页面中的函数?

当前回答

目前使用Manifest 3和service worker，你只需要进入扩展页面/详细信息，然后单击Inspect Views / service worker。

其他回答

如果单击扩展列表中的"background.html"链接，就可以打开后台页面的控制台。

要访问对应于您的扩展的后台页面，打开Settings /extensions或打开一个新选项卡并输入chrome://extensions。你会看到类似这样的截图。

在您的扩展单击链接背景页。这将打开一个新窗口。对于上下文菜单示例，窗口的标题为:_generated_background_page.html。

要在调试chrome扩展时查看控制台，您应该使用chrome.extension. getbackgroundpage ();API，之后你可以像往常一样使用console.log():

chrome.extension.getBackgroundPage().console.log('Testing');

这是很好的，当你使用多个时间，所以你创建自定义函数:

  const console = {
    log: (info) => chrome.extension.getBackgroundPage().console.log(info),
  };
  console.log("foo");

你只在任何地方使用console.log('learnin')

要从后台页面获取控制台日志，您需要在后台页面background.js中编写以下代码片段。

chrome.extension.getBackgroundPage().console.log('hello');

然后加载扩展并检查其后台页面以查看控制台日志。

为了直接回答您的问题，当您从后台调用console.log(“something”)时，此消息将被记录到后台页面的控制台。要查看它，你可以去chrome://extensions/并点击你的扩展下的检查视图。

当您单击弹出窗口时，它被加载到当前页面中，因此console.log应该在当前页面中显示日志消息。

试试这个，如果你想登录到活动页面的控制台:

chrome.tabs.executeScript({
    code: 'console.log("addd")'
});

推荐文章