Chrome 103检查器Sources页面取色器缺失及吸管异常如何修复
Chrome 103版本DevTools取色器异常问题说明
这个是Chrome 103.0.5060.114版本的自带已知Bug,大量用户都遇到过完全一致的故障,故障表现匹配度100%:
- Sources面板内样式规则旁的取色器入口完全缺失
- Elements面板内的取色器框可以正常显示,但点击后不会像旧版本一样自动激活吸管工具,必须手动点取色器面板内的吸管图标才能拾色
修复方案
- 直接升级Chrome版本:该Bug在Chrome 104正式版中已经被官方修复,升级到104及以上更高版本后,两个面板的取色器功能、点击自动唤起吸管的逻辑都会完全恢复正常。
- 不升级版本的临时修复:打开DevTools设置(DevTools激活状态下按F1,或者点DevTools右上角齿轮图标),进入*实验功能(Experiments)*页,取消勾选
Enable new Advanced Perceptual Contrast Algorithm (APCA) replacing previous contrast ratio and AA/AAA compliance guidelines选项,重启DevTools后取色器功能即可恢复。 - 临时应急方案:如果暂时不调整设置也不升级,需要拾色时可以直接按全局快捷键
Ctrl+Shift+C(Windows/Linux平台)/Cmd+Shift+C(Mac平台)唤起元素拾色工具,满足快速取色的需求。
内容的提问来源于stack exchange,提问作者user19536081
相关产品推荐
相关产品推荐

