如何在manifest.json中定位Brave/Chrome内部页面并自定义样式？

方案1：命令行加载全局用户样式（无需扩展） #

这是目前最稳定的方式，不需要编写扩展，直接通过浏览器启动参数加载本地CSS文件：

• 找到Brave浏览器的快捷方式（Windows）或启动脚本（Linux/macOS）
• 在启动目标末尾添加参数：
  • Windows示例："C:\Program Files\BraveSoftware\Brave-Browser\Application\brave.exe" --user-stylesheet-path="D:\CustomCSS\BraveInternal.css"
  • Linux/macOS示例：/Applications/Brave\ Browser.app/Contents/MacOS/Brave\ Browser --user-stylesheet-path="$HOME/CustomCSS/BraveInternal.css"
• 重启Brave，CSS文件中的样式会自动应用到所有页面，包括内部页面。

在你的CSS文件中，可以通过页面特征定位内部页面，比如：

/* 修改Brave设置页面的全局字体 */
.settings-ui {
  font-family: "Segoe UI", sans-serif !important;
}

/* 修改书签管理页面的背景色 */
.bookmark-manager {
  background-color: #f8f9fa !important;
}

方案2：扩展方式（需启用实验旗标） #

如果坚持用扩展实现，需要先启用Brave的内部页面扩展访问权限，再配置manifest：

• 打开brave://flags/#extensions-on-brave-urls，将选项设置为Enabled，重启Brave。
• 编写Manifest V3格式的扩展配置（V2已被Brave逐步淘汰，可能导致格式无效）：

{
  "manifest_version": 3,
  "name": "My Brave Styles",
  "version": "1.0",
  "content_scripts": [
    {
      "matches": ["brave://settings/*", "brave://bookmarks/*"],
      "css": ["CustomCSS/BraveSettings.css"],
      "all_frames": true
    }
  ]
}

• 打开brave://extensions/，启用开发者模式，加载已解压的扩展文件夹即可。

注意事项 #

• 不要尝试修改浏览器安装目录下的预置文件：现代浏览器（包括Brave）的安装目录文件多为签名或只读，修改后会导致浏览器验证失败，甚至无法启动。
• @document规则需要额外启用brave://flags/#enable-css-document-rules，但通过页面元素特征（如类名、ID）定位内部页面更稳定，无需额外旗标。

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