V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Wxh16144
V2EX  ›  问与答

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

  •  
  •   Wxh16144 · 104 天前 · 1042 次点击
    这是一个创建于 104 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    问题.gif

    五月初买 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
    5 条回复    2025-05-30 10:46:24 +08:00
    minami
        1
    minami  
       104 天前
    录屏有问题就是软件问题啊,为什么一直在怀疑显示器
    Wxh16144
        2
    Wxh16144  
    OP
       104 天前
    @minami 因为是新买的显示器,难免会从显示器去怀疑问题。

    我测试下来可能是 chrome 浏览器对 view-transition 过渡渲染有问题,并且浏览器响应铺满屏幕才能复现
    136178128
        3
    136178128  
       104 天前
    我在我的 m1 m4 mbp 都测试没问题,我自己也在开源项目中多次使用这个 api 。

    录屏复现,基本上可以断定不是硬件问题。
    可能是浏览器设置里面的硬件加速、也可能是浏览器插件有影响。
    Wxh16144
        4
    Wxh16144  
    OP
       104 天前
    @136178128 嗯嗯,我现在就是找不到问题原因,公司显示器也有问题,那就不能说家里的戴尔显示器有问题了。

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

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

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

    ---

    好在我用 https://github.com/yuhengshen/toggle-theme-demo demo 测试下来,从右下往左上,右上往左下 都能稳定复修现。再做一次排除法吧.
    Wxh16144
        5
    Wxh16144  
    OP
       104 天前
    > 可能是浏览器设置里面的硬件加速、也可能是浏览器插件有影响。

    无痕禁用全部插件测试还是存在,关闭硬件加速貌似解决了... 但是关闭硬件加速后,动画变得卡顿起来了 包括网站上存在的其他动画都卡卡的,肉眼掉帧
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5298 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 07:31 · PVG 15:31 · LAX 00:31 · JFK 03:31
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.