javascript - 检测IE "Ignore colors specified on webpages"设置状态

Question

IE 中有一个可访问性选项(“忽略网页上指定的颜色”)，可以从网页中删除所有 CSS 颜色/背景颜色，以便某些用户更容易查看。

这可能会删除无法在前台输出的有用图像，从而导致问题。

有谁知道是否有办法在最终用户浏览器中检测此设置的状态？

最终它可以根据这个设置的状态来显示替代样式，所以如果可以使用 JS 检测到它就完美了。

但是，我意识到这是一个远景，因为允许网页检测浏览器设置可能会打开安全漏洞!但是，如果您对这个主题有任何想法，我们将不胜感激。

Answer 1

您可以使用getComputedStyle 测试给定的元素；这不会为您节省自定义 css(如果用户在可访问性设置中定义了覆盖 css)，但使用剥离颜色它确实有效(尽管它仍然是 hack)。

一个 jQuery 示例如下:

<div id="example" style="background-color:lime;width:40px;height:40px;border:2px solid #000;"></div>
<script>
$(function(){
    alert($("#example").css("backgroundColor"));
});
</script>

这将为您提供具有可访问颜色的白色 (255,255,255) 和具有剥离颜色的适当石灰 (0,255,0) - 如果您决定使用它，这将帮助您开始进行此检测。