Javascript 如何测试诸如modernizr.js之类的css属性

Javascript 如何测试诸如modernizr.js之类的css属性,javascript,css,modernizr,Javascript,Css,Modernizr,我想测试浏览器是否支持CSS属性。我知道我可以使用Modernizer来完成这项工作,但我不想安装整个库来测试一个属性 Modernizer如何测试性能?假设我想测试对背景大小属性的支持 我扫描了文档对象的属性,但看不到任何有帮助的内容 任何想法或帮助都会很好。我认为这将针对每个功能,因为您必须在DOM中查找某些副作用。这里是一些想法的链接Modernizer是一个开源项目,您可以直接查看驱动它的代码。是背景大小检测 这是一件很容易检查的事情。创建一个dom元素,将背景大小(香草和所有供应商前缀

我想测试浏览器是否支持CSS属性。我知道我可以使用Modernizer来完成这项工作,但我不想安装整个库来测试一个属性

Modernizer如何测试性能?假设我想测试对背景大小属性的支持

我扫描了文档对象的属性,但看不到任何有帮助的内容


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

我认为这将针对每个功能,因为您必须在DOM中查找某些副作用。这里是一些想法的链接

Modernizer是一个开源项目,您可以直接查看驱动它的代码。是背景大小检测

这是一件很容易检查的事情。创建一个dom元素,将
背景大小
(香草和所有供应商前缀版本)设置为
100%
,然后检查dom元素的style属性上backgroundSize的值,查看它是否保持该值


也就是说,现代化是相当精益的。你只需要得到你想要的测试,什么都没有

Modernizer的工作原理是创建一个元素,应用css属性,然后检查css属性的返回值。例如,如果要测试文本阴影,可以执行以下操作:

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

您没有使用modernizer安装整个库,而是单击选项并只安装要测试的内容。您是否查看了modernizer的实现?这将是我的第一次尝试……我想OP要问的是,在没有Modernizer的情况下,如何测试特定的css属性。我理解这一点——这是我在第二段中解释的。