相关疑难解决方法(0)

所以.. 我正在构建一个 chrome 扩展程序，它包含一个简单的弹出页面，当您单击扩展程序的图标时会出现该页面。这个弹出页面由一些简单的 HTML、CSS 和 jQuery 代码组成。没有什么花哨。

该JS似乎运行正常，但CSS悬停，过渡和动画效果是非常laggy （可达5秒落后），当我交互与它在外部监视器上。

其他一切都运行得很好，我可以看到 JavaScript 正在按预期执行。这只是上面提到的 CSS 渲染问题。

有趣的是，如果我将相同的浏览器窗口拖到笔记本电脑的本机屏幕上，问题就消失了。一切顺利。将同一个窗口拖到我的 2 个外接显示器和 Bam 中的任何一个！落后城市...

我在我朋友的电脑上测试过，他也有同样的问题。在本机屏幕上运行良好，在外部显示器上运行缓慢。到目前为止，该问题似乎只发生在 Mac 上。经过排除，我知道问题不是显示器本身造成的，与视频输入线无关。我只能在连接到我的 Macbook Pro（2015 年初）和我朋友的 Macbook Pro（2014 年初）的外接显示器上观察到此错误。

我尝试过的事情（并没有帮助）：

• 通过 Chrome 设置禁用“硬件加速”
• 将 Chrome 恢复为默认设置
• 监控系统性能（CPU 和内存使用率均远低于限制）
• 监控 Chrome 任务管理器（该扩展程序使用最少的内存，并且在滞后和非滞后测试之间没有显着的 CPU 使用差异）
• 在 chrome://flags 中切换一堆设置
• 更换各种电缆（HTMI、DVI 和 VGA）

想知道其他人是否遇到过类似的问题？这个奇怪的外部显示器延迟问题整周都在困扰着我，我完全没有想法。

Github repo 到演示项目 -> https://github.com/peachteaboba/chrome_extension_bug_demo

- - - - - - - - - - - - - 更新 - - - - - - - - …