javascript - 如何通过 JavaScript 或 CSS 检查用户是否处于高对比度模式

Question

当按下 Shift+Left+Alt+Print 时，Windows 切换到高对比度模式 - 是否有有机会在网页上检测到它(使用 JavaScript 或 CSS)吗？

是否有机会在 HTTP-Request(也就是服务器端，例如通过 PHP 或 Ruby)中检测到它？

Answer 1

根据 this article about using CSS sprites in high contrast ，在 Windows 上的高对比度模式下，背景图像应设置为“无”，并且它还会更改背景颜色。这应该覆盖任何 CSS 样式表。因此，您可以在初始渲染后执行一些 javascript 来检测它。查看他的demo page (“FYI [Not] in high contrast mode”文本)。

我有 Mac(仅供引用，使用 Cmd + Alt + Ctrl + 8 切换)，他的技术对我不起作用，但他说它适用于 Windows。

如果有效，您可以使用一些 JavaScript 来简单地更改您的 CSS 或设置( session )cookie 并重新加载页面以将其传递给服务器并执行服务器端操作。