jaeger界面显示异常

问题现象

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

根本原因

Chrome 浏览器开启了实验性 Flag:
Force Dark Mode for Web Contents

该 Flag 会强制所有网站应用深色模式,覆盖 Jaeger UI 自身的 CSS 变量,导致界面渲染异常。

解决方法

  1. 在 Chrome 地址栏输入 chrome://flags
  2. 搜索关键词 dark
  3. 找到 Force Dark Mode for Web Contents
  4. 将其值从 Enabled 改为 Disabled(默认值)
  5. 点击底部弹出的 Relaunch 按钮重启 Chrome
  6. 如果还有问题,ctrl shift delete 清除最近的浏览记录并刷新缓存后重启

重启后,普通窗口访问 Jaeger UI 即可恢复正常。

验证方式

  • 普通窗口打开 Jaeger UI,界面布局、颜色、字体均正常显示。
  • 无痕模式与非无痕模式表现一致。
posted @ 2026-07-23 13:58  Hey,Coder!  阅读(0)  评论(0)    收藏  举报