JS判断浏览器是否支持某一个CSS3属性的方法
2023-06-13 09:15:29 时间
1、引子
css3的出现让浏览器的表现更加的丰富多彩,表现冲击最大的就是动画了,在日常书写动画的时候,很有必要去事先判断浏览器是否支持,尤其是在写CSS3动画库的时候。比如transition的animation-play-state,就只有部分浏览器支持。
2、检测方法
下面的方法可以使用脚本判断浏览器是否支持某一个CSS3属性:
/** *判断浏览器是否支持某一个CSS3属性 *@param{String}属性名称 *@return{Boolean}true/false *@version1.0 *@authorydr.me *2014年4月4日14:47:19 */ functionsupportCss3(style){ varprefix=["webkit","Moz","ms","o"], i, humpString=[], htmlStyle=document.documentElement.style, _toHumb=function(string){ returnstring.replace(/-(\w)/g,function($0,$1){ return$1.toUpperCase(); }); }; for(iinprefix) humpString.push(_toHumb(prefix[i]+"-"+style)); humpString.push(_toHumb(style)); for(iinhumpString) if(humpString[i]inhtmlStyle)returntrue; returnfalse; }
3、使用方法
alert(supportCss3("animation-play-state"));
相关文章
- js图片横排无限循环滚动
- 【说站】js中hasOwnProperty的属性用法
- js中四舍五入的方法_JS取整
- net/sf/json/jsonobject_js获取json对象的值
- Vue.js – 引入外部 JS 文件
- 【JS 逆向百例】猿人学系列 web 比赛第五题:js 混淆 - 乱码增强,详细剖析
- get两个js小技能——JS截取视频第一帧&图片转Base64
- 【源码】PDF.js批注注释插件库(纯JS). 创建和保存PDF批注(PDF 高亮/签名/插图/截屏/文本框/画笔/多边形)-pdf.js
- JS正则表达式从入门到入土(8)—— REGEXP对象属性详解编程语言
- JS获取数组长度(length属性)
- JS document节点及其常用属性和方法
- 使用JS实现Redis数据读取(js读取redis)
- 妙用JS获取Oracle信息的快速方法(js获取Oracle)
- JS实时链接Oracle让数据库访问更便捷(js实时连接oracle)
- JS将文件传输至MySQL数据库(.js传文件至mysql)
- 屏蔽Flash右键信息的js代码
- JS图片浏览组件PhotoLook的公开属性方法介绍和进阶实例代码
- js获取坐标通过JS得到当前焦点(鼠标)的坐标属性
- jQuery实现随意改变div任意属性的名称和值(部分原生js实现)
- JS使用getComputedStyle()方法获取CSS属性值
- 使用变量动态设置js的属性名