Firefox下Manifest V3暗黑模式扩展需手动授权问题求助

针对你遇到的Firefox下扩展无法自动注入CSS、需手动授权的问题，核心原因是Firefox对Manifest V3的主机权限处理逻辑和Chrome/Edge等浏览器不同，需要显式声明主机权限才能在安装时自动获取。

解决方案 #

在manifest.json中添加permissions字段，将你内容脚本匹配的网站规则显式声明进去，Firefox就会在安装扩展时向用户请求这些权限，授权后扩展即可自动注入CSS，无需手动开启权限。

修改后的manifest.json代码：

{
  "manifest_version": 3,
  "name": "Dark mode",
  "version": "1.0.0",
  "content_scripts": [
    {
      "matches": ["*://example.com/*"],
      "css": ["dark-mode.css"]
    }
  ],
  "permissions": ["*://example.com/*"],
  "browser_specific_settings": {
    "gecko": {
      "id": "addon@example.com"
    }
  }
}

原理说明 #

Chrome、Edge等浏览器在Manifest V3下会自动将content_scripts中的matches规则对应的主机权限视为扩展的默认权限，安装后直接生效；但Firefox的Manifest V3实现要求必须在permissions字段中显式声明这些主机权限，否则扩展默认没有访问对应网站的权限，只能等待用户手动授权。

这样修改后，用户安装扩展时会看到权限请求提示，同意后扩展就能像在Chrome系浏览器中一样自动注入暗黑模式CSS，避免用户误以为扩展损坏。

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