从Chrome扩展程序中的background.js读取控制台消息的位置？

Question

我刚开始使用谷歌Chrome扩展程序,我似乎无法从我的后台js登录到控制台.发生错误时(例如,由于语法错误),我也找不到任何错误消息.

我的清单文件:

{
  "name": "My First Extension",
  "version": "1.0",
  "manifest_version": 2,
  "description": "The first extension that I made.",
  "browser_action": {
    "default_icon": "icon.png"
  },
  "background": {
    "scripts": ["background.js"]
  },
  "permissions": [
    "pageCapture",
    "tabs"
  ]
}

background.js:

alert("here");
console.log("Hello, world!")

当我加载扩展时,警报出现但我没有看到任何记录到控制台.我究竟做错了什么？

Answer 1

你看错了地方.记录的控制台消息不会出现在网页中,而是出现在(不可见的)背景页面中.要在控制台中查看这些消息,请按照下列步骤操作:

访问chrome://extensions/.
您也可以右键单击扩展图标,然后单击"管理扩展".

1. 启用开发者模式
2. 单击背景页面的链接(在"检查视图"中).
3. 将为此页面打开开发人员控制台.

新UI:

旧UI:

Answer 2

我遇到了同样的问题,在我的情况下,Chrome Developer工具中的控制台选项卡中的日志记录设置为"全部隐藏".我甚至没有意识到这是一个选择,我不记得把它关掉

Answer 3

另外

如果要content_script在manifest.json中查看js文件（未设置“ background”属性时）

"content_scripts": [{
    "matches": ["<all_urls>"],
    "js": ["popup.js"],
  }]

"browser_action": {
    "default_icon": "icon_32.png",
    "default_popup": "popup.html"
  }

然后右键单击扩展程序图标，然后单击“ 检查”弹出窗口，随即打开打开popup.html的“开发人员”窗口，您会看到控制台选项卡。

Answer 4

对于希望查看其chrome扩展程序“内容脚本”调试控制台的关注者，可以通过执行常规的“显示开发人员控制台”然后使用下拉箭头选择其“ javascript环境”来使用它其方法等

Answer 5

与 Michiel 的答案类似，我也有一个有趣的控制台配置：我不记得设置的过滤器：

清除过滤器后，我看到了消息。