一个非常简单的js来判断浏览器的内核

您应该记住如何使用Javascript行样式编写,对吗(看来我是胡说八道!)

在前端开发过程中,有时需要判断浏览器的内核前缀,对不同的浏览器进行不同的处理,这样我们就可以做到这一点。

警报(元。风格。webkittransition);这是转移价值,是以它。但如果浏览器不加前缀的WebKit,它将返回未定义,我们可以枚举所有的内核的前缀,然后得到他们的一个CSS的价值,我们可以做一个判断的。代码如下:


功能getvendorprefix(){
使用主体是为了避免需要的传入元素。
VaR的身体= document.body document.documentelement | |,
body.style风格=,
Vendor = {'webkit','khtml','moz','ms','o'},
我= 0;

当(i <供应商,长度){
在这里判断是否有相应的内核前缀
如果(typeof风格{ } +过渡供应商{我} = 'String'){
返回供应商{ };
}
++;
}
}




然后我们只需要调用getvendorprefix()知道浏览器内核的前缀。如果我们返回未定义的,我们证明了浏览器不支持CSS3属性,即无核的前缀。

你应该知道,我们在编写代码的过程中,编写CSS不会写,毕竟javascritp编写,CSS的性能将高于一些,自己写的JS,所以我们应该在一些实际的发展,过渡可以使用,如一个简单的旋转木马的图片,我们可以使用CSS3的过渡,也可以使用jQuery或自己写的原创,但CSS3的性能肯定会更高,所以我们可以写两套代码,动画是用来支持CSS3的浏览器,不使用定时器或动画的支持。这样的话可以得到更好的用户体验。

以上是查看jQuery的js插件的思路,如果有更好的方法,请让我知道。