- 时间:2021-07-22 18:22 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:JavaScript快速检测浏览器对CSS3特性的支持情况
在项目中需要快速检测浏览器是否支持某CSS3特性,比如检测是否支持“transform”,然后我的布局会有两种完全不同的版式。
当然除开本文介绍的这种快速方法,还有一种更有名和更通用的方法,那就是[url=http://modernizr.com/]modernizr[/url],运行脚本之后它会在html的class上加上浏览器支持的所有特性的列表。
[b]优点:[/b]
js是可配置的,不需要的特性检测可以在配置脚本中去掉基于特性检测js库简单好用
[img]http://files.jb51.net/file_images/article/201209/201209261840562.png[/img]
除此之外还有一种不太好的方法,那就是判断浏览器的UA,不好的原因是UA可能会伪造,而且版本判断繁琐,还有不稳定。
[b]优点:性能可能是最优的[/b]
最后就是本文介绍的这个方法,我写了一个函数快速检测是否浏览器支持某CSS特性,适合的场景是快速需要知道浏览器是否支持某一个CSS特性(而不是好几个)。
[b]优点:[/b]
性能不错通用性强适合检测单个CSS特性
[url=http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-detect-css-support-in-browsers-with-javascript/]http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-detect-css-support-in-browsers-with-javascript/[/url]