Css属性支持检测

Css property support detection

本文关键字：检测 支持 属性 Css      更新时间：2023-09-26

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

我目前正在使用"document.compatMode"来检查它是否是怪癖。但必须有一种方法来检查特定的财产。

您可以这样做，例如：

typeof document.body.style.borderRadius

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

有一个新的DOM API CSS.支持用于此目的。FF、Opera（作为支持CSS）和Chrome Canary已经实现了这种方法。

为了实现跨浏览器兼容性，您可以使用我的CSS.supports polyfill

示例：

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

但是，您仍然需要指定浏览器前缀作为css属性的前缀。例如：

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

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

否。

没有。

相关文章：