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

我刚开始使用谷歌浏览器扩展，我似乎无法login到我的背景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!") 

当我加载扩展，警报出现，但我没有看到任何东西被logging到控制台。 我究竟做错了什么？

Answer 1

你看错了地方。 logging的控制台消息不会显示在网页中，而会显示在（不可见的）背景页面中。 要在控制台中看到这些消息，请按照下列步骤操作：

访问chrome://extensions/ 。

1. 启用开发者模式
2. 点击您的背景页面的链接（在“检查视图”中）。
3. 开发者控制台为此页面打开。

Answer 2

我有同样的问题，在我的情况下，日志logging被设置为“隐藏所有”在Chrome开发人员工具中的控制台选项卡。 我甚至没有意识到这是一个select，我不记得closures它

Answer 3

另外

如果你想在manifest.json中看到content_script js文件（当“background”属性没有设置的时候）

 "content_scripts": [{ "matches": ["<all_urls>"], "js": ["popup.js"], }] "browser_action": { "default_icon": "icon_32.png", "default_popup": "popup.html" } 

然后右键单击扩展图标，然后单击Inspectpopup窗口，然后打开developer.html，打开popup.html，在那里看到控制台选项卡。

Answer 4

对于希望看到debugging控制台的Chrome扩展的“内容脚本”的追随者，可以通过执行一个普通的“显示开发者控制台”来实现，然后使用下拉箭头来select其“javascript环境”，那么你将有权访问其方法等