Css属性支持检测

Question

javascript中是否有通用方式检查当前浏览器是否支持css属性？

我目前正在使用“ document.compatMode ”来检查它是否是怪癖。但必须有办法检查房产的具体情况。

Answer 1

你可以这样做，例如：

typeof document.body.style.borderRadius

在支持的浏览器中，它应该返回'string'。在不受支持的情况下，它将是“未定义”

Answer 2

为此目的，有一个新的DOM API CSS.supports。 FF，Opera（作为supportCSS）和Chrome Canary已经实现了这种方法。

对于跨浏览器兼容性，您可以使用我的CSS.supports polyfill

示例：

CSS.supports("display", "table");//IE<8 return false

但是，您仍需要为css属性添加前缀来指定浏览器前缀。例如：

CSS.supports("-webkit-filter", "blur(10px)");

我建议使用Modernizr进行特征检测。

Answer 3

没有

没有。