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

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

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

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

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

当前回答

这是一个老帖子，已经有很好的答案，但我补充我的两点。我不喜欢使用console.log，我宁愿使用日志记录器记录到控制台，或任何我想要的地方，所以我有一个模块定义了一个日志函数，有点像这样

function log(...args) {
  console.log(...args);
  chrome.extension.getBackgroundPage().console.log(...args);
}

当我调用日志时(“这是我的日志”)，它将在弹出式控制台和后台控制台中写入消息。

这样做的好处是可以在不更改代码的情况下更改日志的行为(比如禁用生产日志等)。

其他回答

function log(...args) {
  console.log(...args);
  chrome.extension.getBackgroundPage().console.log(...args);
}

当我调用日志时(“这是我的日志”)，它将在弹出式控制台和后台控制台中写入消息。

这样做的好处是可以在不更改代码的情况下更改日志的行为(比如禁用生产日志等)。

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

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

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

使它更容易使用:

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

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

希望这一切都清楚了。

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

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

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

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

打开日志:

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

推荐文章