博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
浏览器前缀
阅读量:4490 次
发布时间:2019-06-08

本文共 1300 字,大约阅读时间需要 4 分钟。

记录一下。

CSS:-moz- -o- -ms- -webkit-

JS:Moz O ms Webkit

e.g. 

MozAnimationName -moz-animation-name

OAnimationName -o-animation-name
msAnimationName -ms-animation-name
WebkitAnimationName -webkit-animation-name

从这个库的源码中看到他检查浏览器的前缀就是这么用的。

/** * 检查是否支持CSS3动画 */prototype.isSupportAnimation = function () {    if (this._isSupportAnimation != null) {        return this._isSupportAnimation;    }    var fn = function () {        // 检查是否支持CSS3动画        var cssProps = 'animation-name -webkit-animation-name -moz-animation-name -ms-animation-name -o-animation-name'.split(' '),            jsProps = 'animationName WebkitAnimationName MozAnimationName msAnimationName OAnimationName'.split(' '),            style = doc.createElement('div').style,            i;        // 1.先用原生的方法检查是否支持        if ('CSS' in win && 'supports' in win.CSS) {            for (i = 0; i < cssProps.length; i++) {                if (win.CSS.supports(cssProps[i], 'a')) {                    return true;                }            }        }        // 2.再手动检测        for (i = 0; i < jsProps.length; i++) {            if (style[jsProps[i]] !== undefined) {                return true;            }        }        return false;    };    return this._isSupportAnimation = fn();};

 浏览器前缀检测

转载于:https://www.cnblogs.com/ystrdy/p/8267682.html

你可能感兴趣的文章
vue-计算属性-computed
查看>>
[网络流24题] 魔术球问题
查看>>
PHP----作业:查询数据显示在页面上
查看>>
特殊集合
查看>>
安卓维护项目小结以及注意事项[个人总结]
查看>>
重学前端学习笔记(四十三)--HTML的可访问性ARIA
查看>>
在CentOS 7上安装MongoDB
查看>>
前端-Excel在线预览
查看>>
多种跨域方案
查看>>
selenium
查看>>
豌豆荚
查看>>
bs4
查看>>
设计模式
查看>>
PowerDesigner连接数据库(oracle)
查看>>
gojs常用API (中文文档)
查看>>
【PHP】【java】执行父类构造函数之间的差异
查看>>
【php】 php在linux系统上运行,执行系统命令
查看>>
C语言的宏macro的使用
查看>>
如何设置树莓派 -Zero 自启动连接WIFI
查看>>
Raspberrypi 安装完MySQL之后登录不了(ERROR 1698 (28000))
查看>>