使用 Jquery 检测 CSS3 属性是否可行
Detecting if a CSS3 property is doable using Jquery?
我想知道我是否可以弄清楚 CSS3 属性在用户的 Web 浏览器中是否可行
喜欢:
if($('#element').css('-moz-transform', 'rotateX(180deg')){ //Do something }
上面的例子不起作用。如果不可能,如何使用 javascript 检测浏览器?例如,像Chrome和Safari这样的webkit浏览器或Mozilla浏览器?
这不是JQuery,但我的建议是使用Modernizr Javascript库。
它完全符合您的要求,能够检测对各种浏览器功能的支持,这些功能可能在各种浏览器中可用,也可能不可用,包括 CSS 2D 转换。
它向<body>
元素添加了一系列类,以便您可以根据功能支持设置 CSS 样式,并且它还提供了一个包含所有功能支持标志的 Javascript 对象,您可以随时查询该标志。
使用
getComputedStyle
可能是可能的,但使用统一 CSS3 中所有浏览器差异的插件要容易得多。一个很好的插件是jQuery转换插件
相关文章:
- 是否可以从父类访问子类的属性
- d3.js圆的半径是否可以由样式属性指定
- 检查对象的所有属性是否未定义
- 消隐数组元素是否生成自己的属性
- 是否可以使用CSS分配数据属性
- 检查来自不同数组的两个元素的一个属性是否相等
- 是否有任何内置方法可以更改JavaScript对象'的属性设置为某个值
- 正在检查对象javascript中是否存在嵌套属性
- 正在检查属性的属性是否存在
- html元素是否具有内置的属性
- jQuery检查CSS宽度是否大于0,然后添加CSS属性
- 是否可以在 HTML 标记中插入您的属性
- 在 Forerunner 数据库集合中创建主键时,key 属性是否可以位于集合对象的对象内部
- 在HTML5中是否可以有多个数据{名称}属性
- 变量/对象是否按值传递,为什么我不能在 javascript 中使用变量更改对象的属性
- 是否有脚本/代码可以一次将链接属性添加到多个链接
- 使用 Chai - 如何检查对象属性是否包含 DOM 元素
- Ember 1.0 预发行版支持属性是否已更改
- 是否可以在 Polymer 中的
节点上使用自定义属性以获得漂亮的 API - HTML 中是否存在属性节点