Greifen Sie auf die erweiterte Konsole „background.js“ und die Entwicklungstools zu

Question

Ich habe gerade angefangen, die Google Chrome-Erweiterung zu verwenden, und es scheint mir nicht möglich zu sein, mich über die Hintergrund-JS bei der Konsole anzumelden. Ich kann auch keine Fehlermeldung finden, wenn ein Fehler auftritt (z. B. aufgrund eines Syntaxfehlers).

Meine Manifestdatei:

{
  „name“: „Meine erste Erweiterung“,
  „Version“: „1.0“,
  „manifest_version“: 2,
  „description“: „Die erste Erweiterung, die ich gemacht habe.“,
  "browser_action": {
    „default_icon“: „icon.png“
  },
  "Hintergrund": {
    „scripts“: [„background.js“]
  },
  „Berechtigungen“: [
    „pageCapture“,
    „Tabs“
  ]
}

Background.js:

alert("here");
console.log("Hallo Welt!")

Wenn ich die Erweiterung lade, wird die Warnung angezeigt, aber ich sehe nichts, was in der Konsole protokolliert wird. Was habe ich falsch gemacht?

Answer 1

我遇到了同样的问题，在我的例子中，Chrome 开发者工具的控制台选项卡中的日志记录被设置为“隐藏全部”。 我什至没有意识到这是一个选项，而且我不记得将其关闭

Answer 2

你看错地方了。这些控制台消息不会出现在网页中，而是出现在不可见的后台页面（ManifestV2）或 Service Worker（ManifestV3）中。

要查看后台脚本上下文的正确控制台打开开发工具：

1. 访问 chrome://extensions/ 或右键点击扩展程序图标并选择“管理扩展程序”。
2. 启用开发者模式
3. 点击名为后台页面 (ManifestV2) 或服务工作线程 (ManifestV3) 的链接。

ManifestV2 扩展的屏幕截图：

ManifestV3 扩展的屏幕截图：