任何扩展页面(除了内容脚本)都可以通过chrome.extension.getBackgroundPage()直接访问后台页面。

这意味着，在弹出页面中，你可以这样做:

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

使它更容易使用:

var bkg = chrome.extension.getBackgroundPage();
bkg.console.log('foo');

现在如果你想在内容脚本中做同样的事情，你必须使用消息传递来实现这一点。原因是，它们属于不同的领域，这说得通。在“消息传递”页面中有许多示例供您查看。

希望这一切都清楚了。

const log = chrome.extension.getBackgroundPage().console.log;
log('something')

打开日志:

开放:chrome: / / extensions / 详细信息>背景页面

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

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

我得到null

根据文件，

MV3中的后台页面由service worker替换。 更换背景。页面或背景。带有背景的脚本。manifest.json中的Service_worker。注意，service_worker字段接受一个字符串，而不是字符串数组。

manifest.json

{
  "manifest_version": 3,
  "name": "",
  "version": "",
  "background": {
    "service_worker": "background.js"
  }
}

无论如何，我不知道如何使用getBackgroundPage，但我找到了另一个解决方案如下，

解决方案

使用chrome.scripting.executeScript

因此您可以注入任何脚本或文件。可以直接点击inspect (F12)进行功能调试。

例如

chrome.commands.onCommand.addListener((cmdName) => {
    switch (cmdName) {
      case "show-alert":
        chrome.storage.sync.set({msg: cmdName}) // You can not get the context on the function, so using the Storage API to help you. // https://developer.chrome.com/docs/extensions/reference/storage/
        chrome.tabs.query({active: true, currentWindow: true}).then(([tab])=>{
          chrome.scripting.executeScript({
            target: {tabId: tab.id},
            function: () => {
              chrome.storage.sync.get(['msg'], ({msg})=> {
                console.log(`${msg}`)
                alert(`Command: ${msg}`)
              })
            }
          })
        })
        break
      default:
        alert(`Unknown Command: ${cmdName}`)
    }
  })

我创建了一个开源供你参考。

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

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

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

您仍然可以使用console.log()，但是它会被记录到一个单独的控制台。 为了查看它-右键单击扩展图标，选择“检查弹出”。