
前端工程师排查颜色依赖问题时,先看哪三类页面
前端工程师排查颜色依赖,不必先全站地毯式检查;更高效的做法,是先抓表单反馈页、数据图表页和状态密集型列表页这三类高风险页面,再顺着组件实现和样式逻辑把颜色-only 的坑一点点挖出来。
前端排查颜色依赖,最怕两种走法: 一种是只盯设计稿挑颜色,另一种是把整站翻一遍,最后累到怀疑人生。更省力的办法,其实是先抓最容易出事故的三类页面。它们往往不是最花哨的页面,而是最容易把“颜色”当成唯一提示的页面。
第一类先看表单和操作反馈页
先查表单、弹窗、上传、配置保存这类页面。原因很实际: 这里的颜色通常直接承担“你做对了没”“这一步过没过”的信息。前端里最常见的坑,是校验失败只把边框变红,成功只给一条绿色 toast,禁用态和报错态靠不同色值硬分。
这类页面排查时,我会直接看三件事:
- 报错有没有文字,不只是红色。
- 成功和失败有没有图标或明确状态词。
- 焦点、选中、禁用、报错这几种状态,脱离颜色后还能不能区分。
如果你的组件库里 error, success, warning 最终都只是切一个 class 名,那八成还有坑没填完。


