小编典典

访问扩展程序 background.js 的控制台和开发工具

all

我刚开始使用 Google 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"
  ]
}

背景.js:

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

当我加载扩展程序时,会出现警报,但我没有看到任何内容被记录到控制台。我究竟做错了什么?


阅读 71

收藏
2022-06-15

共1个答案

小编典典

你看错地方了。这些控制台消息不会出现在网页中,而是出现在不可见的背景页面(ManifestV2)或 Service Worker(ManifestV3)中。

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

  1. 访问chrome://extensions/或右键单击扩展图标并选择“管理扩展”。
  2. 启用开发者模式
  3. 单击名为background page(ManifestV2) 或service worker(ManifestV3) 的链接。

ManifestV2 扩展的屏幕截图:

在此处输入图像描述

在此处输入图像描述

ManifestV3 扩展的屏幕截图:

在此处输入图像描述

2022-06-15