Chrome/Firefox扩展实现暗黑模式时如何低开销修改pageAction图标？

你尝试通过FileSystem API修改扩展内部静态图标的路径从根本上不可行：

• 扩展安装完成后，chrome.runtime.getPackageDirectoryEntry返回的包内目录是浏览器强制隔离的只读沙箱，任何写入、移动、覆盖文件的操作都会直接触发权限错误，和FileSystem API是否实验、相关方法是否弃用没有关系，是浏览器扩展的安全规则决定的。你草拟的代码哪怕能成功拿到fileEntry实例，后续的文件修改操作也会直接抛出权限错误。
• 就算能绕过权限修改包内文件，每次扩展升级时整个安装目录都会被全量替换，所有自定义修改会直接丢失，没有长期使用价值。

你提到的“需要为每个标签页异步获取tabId、开销过大”是典型误解：

• 根本不需要逐标签页发请求获取tabId，只需要一次chrome.tabs.query({})调用，就能一次性拿到所有已打开标签页的tabId列表，全程只有1次异步请求。
• pageAction的接口设计本身就是“按标签页维护独立状态”，所以setIcon要求传tabId是刻意的设计，不是接口缺陷。加上这个操作仅在用户手动切换主题时触发一次，哪怕打开上百个标签页，整个流程的耗时也是毫秒级的，完全不会造成性能负担。

• 提前在扩展的images目录下内置两套主题对应的图标，比如icon-light.png（适配亮色模式）、icon-dark.png（适配暗黑模式），不需要改动原有icon.png的位置和内容。
• 将用户选择的主题状态存入chrome.storage.local，在主题切换的回调逻辑里执行两步操作：
  1. 一次调用chrome.tabs.query({})拿到所有tabId列表
  2. 遍历列表调用chrome.pageAction.setIcon({tabId: 当前tabId, path: 对应主题的图标路径})，批量更新所有已打开标签页的图标
• 后续在新标签页触发pageAction显示时，只要在调用chrome.pageAction.show(tabId)的同个逻辑里，根据当前存储的主题状态传入对应图标路径调用一次setIcon，新标签页就会自动加载匹配的图标，不需要提前遍历所有未打开的标签页做预配置。
• 如果使用Manifest V3规范，可直接将原pageAction逻辑迁移到统一的chrome.action API：该API的setIcon方法支持不传tabId，设置后即为全局默认生效的图标，所有未单独配置过图标的标签页都会自动同步，连全量遍历标签页的步骤都可以省略。

就算你需要动态自定义图标，也完全不需要把文件写回扩展内部的静态目录：setIcon接口本身支持传入imageData参数，直接把存在本地存储里的图标base64数据转成ImageData对象传入即可生效，全程不需要操作文件系统。

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