🆘, 求助... 我遇到一个摸不着头脑残影问题… MacOS? 显示器? 浏览器? 问题

[Wxh16144]

下面描述问题的视频我都放在 b 站了: https://www.bilibili.com/video/BV1Fe75zMEkc

五月初买 Mac mini 后，中旬又买了一台戴尔 U2725QE （因为 2019 年买了一台戴尔的 U2719DS ，同样是 U 系列，用到 2025 年还是一切正常，所以无脑入了），买来后就测试了屏幕是否有坏点，没想着测试过渡动画。。

昨晚用 Mac mini 访问网站的时候突然发现浏览器切换 dark/light 主题时，会显示出现残影问题，一开始我以为是网页问题，然后切换其他网站也是同样的… 随后录制了第一个视频（ b 站 p1 ）之后我还测试了不同浏览器情况，以及修改戴尔显示器菜单设置，均有同样的问题

然后出去吃了个饭回来，想到一个网络段子“某个人手机屏幕摔裂了，录了一个视频发给朋友” 我也试试用 Kap 录制了一下戴尔显示器全屏（见 b 站 p2 ）…… 结果居然也出现残影，这对么，我怀疑我错怪显示器了，然后重启了 mac mini 发现问题还是存在…

晚上睡不着，我又拿出 MBP 链接测试戴尔显示器（见 b 站 p3 视频）可以确定笔记本屏幕不存在问题，说明不是系统问题，也不是浏览器问题？

上面测试链接戴尔显示器 直接是用包装里的 雷电 4 线进行测试的，（除了公司 Aoc 用的是拓展坞 + hdmi

—

早上到公司，我准备联系戴尔售后了，但是当我把 MBP 链接到公司的 AOC 4k 显示器时，发现还是有同样的残影问题… 纳闷了, 感觉是 chrome 的问题...

有几个问题：

1. 好奇为什么录制屏幕可以录制残影？难道录制软件是采集显示器驱动吗？
2. 注意看 b 站 p3 戴尔显示器不全屏情况下还看不见残影问题，全屏后才能发现问题
3. 普通主题切换也难发现问题，网页用到了 view-transition 做过渡动画才会出现问题（也就是页面同时存在黑白切换才明显？
4. MBP 接戴尔/Aco 也能复现，Macmini 接戴尔也有。排除法不好使了..

参考文档：

1. 什么是 view-transition 可以看 MDN https://developer.mozilla.org/zh-CN/docs/Web/API/View_Transition_API 一个前端网页的 api

—

顺便贴一下系统信息

MBP 和 Mac mini 都是 15.4; Chrome  136.0.7103.114 （家里 Mac mini 的 Chrome 不知道, 不过都是随时更新的，应该差不多

大家可以测试一下有这样的问题吗， 我是应该找戴尔客服还是找自己系统问题？

使用了 view-transition 切换主题的网站…

1. https://antfu.me
2. https://ant.design

[minami]

录屏有问题就是软件问题啊，为什么一直在怀疑显示器

[Wxh16144]

@minami 因为是新买的显示器，难免会从显示器去怀疑问题。

我测试下来可能是 chrome 浏览器对 view-transition 过渡渲染有问题，并且浏览器响应铺满屏幕才能复现

[136178128]

我在我的 m1 m4 mbp 都测试没问题，我自己也在开源项目中多次使用这个 api 。

录屏复现，基本上可以断定不是硬件问题。
可能是浏览器设置里面的硬件加速、也可能是浏览器插件有影响。

[Wxh16144]

@136178128 嗯嗯，我现在就是找不到问题原因，公司显示器也有问题，那就不能说家里的戴尔显示器有问题了。

这个时候有人贴一个 chromium issue 链接，我都不去挖问题了，找不到根就难受

> 可能是浏览器设置里面的硬件加速、也可能是浏览器插件有影响。

我试试看你说的这些设置..

---

好在我用 https://github.com/yuhengshen/toggle-theme-demo demo 测试下来，从右下往左上，右上往左下 都能稳定复修现。再做一次排除法吧.

[Wxh16144]

> 可能是浏览器设置里面的硬件加速、也可能是浏览器插件有影响。

无痕禁用全部插件测试还是存在，关闭硬件加速貌似解决了... 但是关闭硬件加速后，动画变得卡顿起来了 包括网站上存在的其他动画都卡卡的，肉眼掉帧