console.log - Chrome扩展程序不执行console.log，只是跳过console.log。

Question

我的Chrome扩展似乎无论如何都不能执行console.log。它会跳过它。 console.log可以工作：我可以打开Console，键入console.log('test');并且它可以正常运行。它可以从其他脚本中工作，例如在本地加载的HTML页面中加载的Javascript脚本，但是不能从我的扩展中工作。

我通过下方的manifest.json运行的background.js文件。它可以执行alert()，但无法执行console.log。

chrome.browserAction.onClicked.addListener(function(tab) {
  chrome.tabs.executeScript(null, { file: "jquery-3.0.0.min.js" }, function() {

      console.log('----');

      alert('Hello!);

  });
});

我已经尝试过以下方法：

• 按照Restoring console.log()和JavaScript console log in Magento的建议，尝试删除delete console.log、delete window.console和delete window[console]，但没有成功。
• 在无其他扩展程序加载的隐身模式下加载扩展程序，但没有成功。
• 将background.js更新为只有一行代码 - console.log('----'); - 仍然不起作用。
• 确保控制台报告“全部”，而不仅仅是错误。

我的manifest.json：

{

  "manifest_version": 2,

  "name": "My Chrome Extension",
  "description": "This extension will you save time.",
  "version": "1.0",

  "permissions": [
    "http://*/*",
    "https://*/*",
    "tabs"
  ],

  "browser_action": {
    "name": "Click to start the extension"
  },

  "background": {
    "scripts": ["background.js"]
  }

}

- Max

---

背景页面、弹出页面和网页都是独立的窗口，并且各自有自己的控制台。当 [x] 开发者模式启用时，可以在 chrome://extensions 页面上打开背景页面控制台。我相信这个问题已经被问了很多次。 - wOxxOm

@wOxxOm：“我相信这个问题已经被问过很多次了。” 你说得没错。 - Xan

实际上，问题出在我没有在我的background.js中运行executeScipts。通过这样做，我已经在活动窗口控制台中包含了控制台日志。 - Max

Answer 1

您的扩展程序的控制台在一个单独的窗口中。您可以通过以下方式检查您的console.log()信息：

1. 前往chrome://extension
2. 启用开发者模式
3. 在“检查视图”行中点击“后台页”链接
4. 您的扩展程序的开发者控制台将在此处打开。

鸣谢：《在Chrome扩展程序中从background.js读取控制台消息的位置》

- Alex Susanu

---

只有后台 JS 文件被记录了，而来自弹出窗口 JS 的没有。有什么解决方案？ - royallife

在检查视图中，我找不到任何关于“背景页”的链接。在检查视图中只有“没有活动视图”。 - undefined