我刚开始使用谷歌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!")

当我加载扩展,警报出现,但我没有看到任何被记录到控制台。我做错了什么?


当前回答

对于那些为Firefox开发扩展的人:

TL;DR版本:您需要使用Ctrl+Shift+J来调用浏览器控制台窗口,并单击右上角的设置图标,并确保选中“显示内容消息”。

来自相关stackoverflow问题的更长的解释:我如何在Firefox web扩展中看到后台脚本的console.log输出?

其他回答

另一个答案(s)工作(s)为background.js,但如果你正在寻找控制台。从弹出的日志,然后你可以尝试:

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

我使用cra进行开发,这对我来说很有效。

我有同样的问题,在我的情况下,日志被设置为“隐藏所有”在控制台选项卡在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"
  }

然后右键单击扩展图标,点击检查弹出和开发人员窗口打开popup.html打开,在那里你看到控制台选项卡。

对于那些为Firefox开发扩展的人:

TL;DR版本:您需要使用Ctrl+Shift+J来调用浏览器控制台窗口,并单击右上角的设置图标,并确保选中“显示内容消息”。

来自相关stackoverflow问题的更长的解释:我如何在Firefox web扩展中看到后台脚本的console.log输出?

类似于Michiel的回答,我也有一个有趣的控制台配置:一个过滤器,我不记得设置:

清除过滤器后,我看到的消息。