如何修改Chrome扩展程序在扩展菜单列表中的图标？

• 补全manifest的根级图标配置
  浏览器菜单里的扩展列表读取的是manifest根级的icons字段，而非action（Manifest V2对应browser_action）下的default_icon。你可能只配置了工具栏用的图标，需要补充多尺寸的根级图标配置，示例：

  {
    "manifest_version": 3,
    "icons": {
      "16": "icons/icon16.png",
      "48": "icons/icon48.png",
      "128": "icons/icon128.png"
    },
    "action": {
      "default_icon": {
        "16": "icons/icon16.png"
      }
    }
  }
  

  必须包含16x16、48x48、128x128这三个常用尺寸，确保列表能加载到对应大小的图标。

• 校验图标文件的路径与格式

  • 确认图标文件的相对路径完全正确，比如icons/文件夹和manifest.json在同一目录下，文件名、后缀无拼写错误。
  • 优先使用PNG格式的图标，避免SVG或其他格式可能存在的兼容性问题，同时检查文件是否损坏（用图片查看器打开验证）。

• 清除缓存并重启
  Chrome可能缓存了旧的图标资源，先在chrome://extensions/页面点击扩展的「重新加载」按钮，再完全关闭Chrome（包括后台运行的进程）后重新启动浏览器。

• 核对Manifest版本配置

  • Manifest V3：确保action字段和根级icons都正确配置，不要遗漏任何一方。
  • Manifest V2：对应browser_action/page_action的default_icon，同时根级icons字段必须存在且配置完整。

内容的提问来源于stack exchange，提问作者linusehle