javascript - 如何测试像 modernizr.js 这样的 css 属性

Question

我想测试浏览器是否支持 CSS 属性。我知道我可以使用 modernizr 来执行此操作，但我不想安装整个库来测试一个属性。

modernizr 如何测试属性？假设我想测试对 background-size 属性的支持。

我浏览了文档对象的属性，但看不到任何看起来有用的东西。

任何想法或帮助都会很棒。

Answer 1

Modernizr 的工作方式是创建一个元素，应用一个 css 属性，然后检查 css 属性的返回值。例如，如果您想测试文本阴影，您可以这样做:

if (document.createElement("detect").style.textShadow === "") {
    document.getElementsByTagName("html")[0].className += " textshadow";
}