求桌面端Chrome支持跟随网站theme-color变色的设置或扩展

可用扩展方案 #

目前Chrome生态下有两款成熟扩展可以直接实现需求：

• Dynamic Browser Theme：默认会自动读取当前激活标签页的theme-color元标签值，同步调整标签栏、标题栏的配色，支持自定义暗色/亮色模式下的 fallback 配色，也可以手动开关地址栏同步选项。
• Tab Colorizer：除了读取网站原生theme-color之外，还支持自定义域名固定配色、从网站favicon提取主色作为备用配色，规则自由度更高。

注：这类扩展需要申请「读取所有网站数据」权限，为实现读取页面元标签的必要权限，属于正常需求。

原生实验性功能方案 #

如果不想用第三方扩展，可以尝试Chrome开发版/金丝雀版的实验性flag：

1. 地址栏输入chrome://flags进入实验功能配置页
2. 搜索#toolbar-extract-theme-color选项，将状态修改为Enabled
3. 重启浏览器后即可生效

该功能目前尚在测试阶段，部分网站的theme-color读取可能存在兼容问题，正式版Chrome暂未明确上线时间。

自定义实现方案 #

如果对第三方扩展的权限有顾虑，也可以自行开发轻量脚本实现，核心逻辑是通过页面注入脚本读取meta[name="theme-color"]的内容值，调用Chrome的theme API更新浏览器配色，基础功能的实现代码不超过100行。

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