JS学习41：判断浏览器是否支持某一个CSS3属性

朴灿烈づ我的快乐病毒、 2022-07-15 11:15 33阅读 0赞

# 1、引子 #

css3的出现让浏览器的表现更加的丰富多彩，表现冲击最大的就是动画了，在日常书写动画的时候，很有必要去事先判断浏览器是否支持，尤其是在写CSS3动画库的时候。比如transition的animation-play-state，就只有部分浏览器支持。

# 2、检测方法 #

下面的方法可以使用脚本判断浏览器是否支持某一个CSS3属性：

/** * 判断浏览器是否支持某一个CSS3属性 * @param {String} 属性名称 * @return {Boolean} true/false * @version 1.0 * @author ydr.me * 2014年4月4日14:47:19 */ function supportCss3(style) { var prefix = ['webkit', 'Moz', 'ms', 'o'], i, humpString = [], htmlStyle = document.documentElement.style, _toHumb = function (string) { return string.replace(/-(\w)/g, function ($0, $1) { return $1.toUpperCase(); }); }; for (i in prefix) humpString.push(_toHumb(prefix[i] + '-' + style)); humpString.push(_toHumb(style)); for (i in humpString) if (humpString[i] in htmlStyle) return true; return false; }

# 3、使用方法 #

alert(supportCss3('animation-play-state'));

# 4、参考资料 #

[http://note.rpsh.net/posts/2011/05/20/css][http_note.rpsh.net_posts_2011_05_20_css]

[http://ecd.tencent.com/css3/guide.html][http_ecd.tencent.com_css3_guide.html]

[http_note.rpsh.net_posts_2011_05_20_css]: http://note.rpsh.net/posts/2011/05/20/css
[http_ecd.tencent.com_css3_guide.html]: http://ecd.tencent.com/css3/guide.html

发表评论取消回复

表情：

评论列表（有 0 条评论，33人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS、微信小程序：判断对象是否包含某值(某属性)

判断对象是否有某个属性/某个值 hasOwnProperty `hasOwnProperty`是js中唯一可以判断一个属性定义在对象本身而不是继承原型链的方法，主要用于判

傷城~/ 2024年04月01日 17:40/ 0 赞/ 60 阅读

相关判断浏览器是否支持某个css属性

判断浏览器是否支持某个css属性 (function(temp){ if(temp.style["transition"]!== undefined){

以你之姓@/ 2023年07月18日 06:53/ 0 赞/ 22 阅读

相关 js 判断对象数组是否存在某一个对象

今天在小程序开发的过程中遇到一个很大的问题，就是判断获取的用户数据。这里标为一个对象。需要判断该对象是否存在一个members中的。这里的members包含多个用户的完整数据

深藏阁楼爱情的钟/ 2023年02月13日 11:21/ 0 赞/ 53 阅读

相关 JS学习41：判断浏览器是否支持某一个CSS3属性

1、引子 css3的出现让浏览器的表现更加的丰富多彩，表现冲击最大的就是动画了，在日常书写动画的时候，很有必要去事先判断浏览器是否支持，尤其是在写CSS3动画库的时候。比

爱被打了一巴掌/ 2022年07月15日 11:15/ 0 赞/ 43 阅读

相关 JS学习41：判断浏览器是否支持某一个CSS3属性

1、引子 css3的出现让浏览器的表现更加的丰富多彩，表现冲击最大的就是动画了，在日常书写动画的时候，很有必要去事先判断浏览器是否支持，尤其是在写CSS3动画库的时候。比

朴灿烈づ我的快乐病毒、/ 2022年07月15日 11:15/ 0 赞/ 34 阅读

相关 js 判断一个对象是否属于某一类

javascript中检测对象的类型的运算符有：typeof、constructor、instanceof typeof：typeof是一个一元运算符，返回结果是一个说明运算

阳光穿透心脏的1/2处/ 2022年06月06日 06:50/ 0 赞/ 200 阅读

相关 js判断浏览器是否为IE浏览器

用js判断当前的浏览器是否为IE浏览器： IE6-8和IE11都适用： function isIE() { //ie? if (!!window.

骑猪看日落/ 2022年05月30日 08:54/ 0 赞/ 307 阅读

相关判断浏览器是否支持JavaScript的方法

一通过HTML注释符合判断 HTML注释符号是以“”结束的。如果在此注释符号内编写JavaScript脚本，对于不支持JavaScript的浏览器，

柔光的暖阳◎/ 2022年05月11日 23:16/ 0 赞/ 318 阅读

相关 js判断某进程是否存在

> 原文地址: [https://bbs.csdn.net/topics/350062273][https_bbs.csdn.net_topics_350062273]

我会带着你远行/ 2022年02月25日 05:54/ 0 赞/ 579 阅读

相关【js】判断浏览器是否IE浏览器

搜罗各种方法来判断浏览器是否为IE浏览器 1.最简单的【来自：http://www.cnblogs.com/heganlin/p/5889743.html】 if(

向右看齐/ 2022年01月05日 08:49/ 0 赞/ 503 阅读