Chrome v114.0.5735.134中自定义DevTools主题使用问题求助
Chrome 114+ 自定义DevTools主题支持说明
是的,谷歌在Chrome 114及后续稳定版本中,彻底移除了对第三方DevTools主题扩展的官方支持。
背景原因
此前第三方主题依赖的DevTools实验性UI修改接口被官方废弃,官方转而聚焦于内置的主题方案(深色/浅色/系统跟随主题),不再允许第三方扩展直接修改DevTools的界面样式。你提到的旧教程里的“允许自定义UI主题”实验选项、chrome://flags里的相关开关,均已在稳定版中移除或整合为内置特性,但不再开放给第三方扩展使用。
替代方案
- 使用内置深色主题:打开DevTools后,点击右上角的设置图标(⚙️),进入「Appearance」面板,选择「Dark」主题即可切换到官方深色模式。
- 自定义样式表(进阶):如果需要更个性化的样式,可以手动创建DevTools用户样式表:
- 找到Chrome用户数据目录下的
User StyleSheets文件夹(Windows路径示例:%LOCALAPPDATA%\Google\Chrome\User Data\Default\User StyleSheets,Mac路径示例:~/Library/Application Support/Google/Chrome/Default/User StyleSheets); - 创建或编辑
Custom.css文件,编写CSS代码覆盖DevTools的默认样式; - 重启Chrome后,自定义样式会生效。
- 找到Chrome用户数据目录下的
- 尝试适配新版的主题工具:部分开发者推出了基于新方式的DevTools主题工具,你可以在Chrome网上应用店搜索相关更新后的工具,但旧版如Zero Dark Matrix这类未适配的扩展已无法正常工作。
内容的提问来源于stack exchange,提问作者Kenny83
相关产品推荐
相关产品推荐

