问题现象
- Jaeger UI 页面布局错乱、背景色缺失、文字看不清(白字白底或黑字黑底)。
- 其他电脑访问同一 Jaeger 服务显示正常。
- 使用 Chrome 无痕模式 访问时显示正常。
如图

根本原因
Chrome 浏览器开启了实验性 Flag:
Force Dark Mode for Web Contents
该 Flag 会强制所有网站应用深色模式,覆盖 Jaeger UI 自身的 CSS 变量,导致界面渲染异常。
解决方法
- 在 Chrome 地址栏输入
chrome://flags - 搜索关键词
dark - 找到
Force Dark Mode for Web Contents - 将其值从
Enabled改为Disabled(默认值) - 点击底部弹出的 Relaunch 按钮重启 Chrome
- 如果还有问题,ctrl shift delete 清除最近的浏览记录并刷新缓存后重启
重启后,普通窗口访问 Jaeger UI 即可恢复正常。
验证方式
- 普通窗口打开 Jaeger UI,界面布局、颜色、字体均正常显示。
- 无痕模式与非无痕模式表现一致。
posted @ 2026-07-23 13:58 Hey,Coder! 阅读(0) 评论(0) 收藏 举报
























