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

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

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

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

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

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

最简单的解决方案是在文件顶部添加以下代码。然后，你可以使用所有完整的Chrome控制台api，因为你会正常。

 console = chrome.extension.getBackgroundPage().console;
// for instance, console.assert(1!=1) will return assertion error
// console.log("msg") ==> prints msg
// etc

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

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

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

使它更容易使用:

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

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

希望这一切都清楚了。

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

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

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