在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到控制台。 我究竟做错了什么?

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

访问chrome://extensions/

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

图片

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

chrome开发工具中控制台选项卡的设置屏幕截图

另外

如果你想在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,在那里看到控制台选项卡。

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

在这里输入图像描述