如何防止 Chrome 中的“偏好减少运动”设置起作用

Question

从 Chrome 版本 74 开始，prefers-reduced-motion媒体查询将设置reduce值，以防用户已禁用 Windows 内部控件的动画。

我使用的是 Win 10，主要使用 Chrome 进行测试。动画在我的电脑上无法正常工作，但在其他机器上看起来不错。在谷歌搜索后，我在 Windows 中的控件中重新启用了动画，然后，它们开始工作了。

尽管如此，我认为相当烦人我们没有办法告诉 Chrome 不要遵循这些系统范围的标志。我禁用了 Windows 的大多数标准动画，因为我更喜欢性能而不是繁琐的“视觉效果”——但作为一名 Web 开发人员，我希望在 Chrome 中启用它们不管无论我希望我的操作系统如何运行。

我尝试寻找 Chrome 扩展程序，但无济于事。还搜索了里面的设置chrome://flags，但什么也没找到。

我是否遗漏了什么？我有什么办法可以阻止 Chrome 试图提供帮助但却造成极大不便？

---

只是为了彻底清楚：

我希望关闭“系统”>“属性”>“性能”>“设置”下的 Windows 动画，包括在 Windows 中对控件进行动画处理， 但仍然能够看到动画铬合金（如果此链接中的紫色框跳动，则表示它正在工作）。

Answer 1

使用 Chrome DevTools命令菜单：

1. 打开 Chrome DevTools，然后在 Windows/Linux 上按Ctrl+ Shift+或在 macOS 上按+ +打开命令菜单；PCmdShiftP
2. 键入reduced以过滤可用的命令；
3. 选择模拟 CSS 偏好减少运动选项，然后按下Enter切换模拟打开/关闭；
4. 刷新网页并检查动画是否运行。

Answer 2

您可以使用 Firefox 代替 Chrome，并更改 中的设置about:config。将 设置ui.prefersReducedMotion为带有 0 的整数。

Answer 3

如果您希望禁用prefers-reduced-motionCSS 中的选项，请在不需要时使用浏览器扩展/插件将其删除。

您可以使用：

• 火狐浏览器：油脂猴
• 铬合金 ：坦普猴

有关操作 CSS 的信息，请参阅示例 使用 Greasemonkey 操作样式表。