当前位置:首页 > 日记 > 正文

用CSS判断CSS浏览器类型前缀的两种方法

用CSS判断CSS浏览器类型前缀的两种方法
无论多么令人讨厌我们对浏览器类型前缀,我们不得不每天面对它,有些东西不能正常工作。这些前缀用于两种:CSS(例如,-个-)和JS,一个神奇的x-tag项目,这是一个非常聪明的Javascript脚本可以用来确定什么样的前缀是目前使用的--让我告诉你它是如何工作的。

例如,CSS前缀,即 MS - Javascript有多种方式来判断它们。

方法1:特征判断
使用前缀浏览器
var前缀=函数(){()
var div = document.createelement('div);
无功csstext = - WebKit的过渡:all.1s;-moz过渡:all.1s;- O转换:all.1s;MS过渡:all.1s;过渡:所有支;;;
div.style.csstext = csstext;
VaR的风格= div.style;
如果(风格。webkittransition){
WebKit的回报;
}
如果(风格。moztransition){
返回-moz;
}
如果(风格。otransition){
返回o;
}
如果(风格。mstransition){
返回毫秒;
}
返回' ';
(});
通过创建一个DIV CSS样式,添加前缀的WebKit的,-个-,-和-质谱-它,然后得到的风格,并确定哪些前缀是通过style.xxxtransition。

方法2:getcomputedstyle获取文档元素}的所有样式和重新分析
通过window.getcomputedstyle得到的风格,把风格转换成一个数组
VaR方式= window.getcomputedstyle(document.documentelement,);
var arr = { }。slice.call(样式);
console.log(ARR);

Firefox的ARR如下
铬ARR如下
您可以看到具有自己浏览器自身实现的CSS前缀的名称。

将所有属性连接到一个字符串中,然后与正则表达式匹配以找到前缀。
使用前缀浏览器
var前缀=函数(){()
VaR方式= window.getcomputedstyle(document.documentelement,);
var =
array.prototype.slice
呼叫(样式)
加入()
。比赛( / / -(Moz | WebKit | MS))| |(styles.olink = { ',O })
{ 1 });
+;
(});
我们看到方法2小于方法1代码。方法1和方法2都使用匿名函数一次返回结果,每次不需要调用函数。

以上内容是小编辑器在两种方法中介绍使用javascript判断CSS浏览器类型前缀,希望大家喜欢。

相关文章

详细的图和27层PS图象处理软件混合

详细的图和27层PS图象处理软件混合

文本,图象,处理软件,混合型,详细,本教程是27层模式的原则我们详细的图形PS图象处理软件,图层模式是一层颜色叠加层,在这之前是正常模式下使用我们,除了正常的外,还有很多种混合模式,合成效果也有很大不同。PS后做朋友,值得学习 所谓图层混合模式,…

PS合成和悬垂的机器人科幻小说人物

PS合成和悬垂的机器人科幻小说人物

科幻小说,人物,电脑软件,PS,本教程是介绍朋友PS合成和渲染的,穿着人类皮肤机器人科幻的方法,合成出来的教程真的很酷,很科幻,推荐你喜欢的朋友一起学习一起走。 本教程是向PS介绍一位朋友,合成和绘制机器人科幻小说的角色过程。这个教程很好。我…

分享常用的AI技巧

分享常用的AI技巧

分享,常用,技巧,电脑软件,AI,本教程将向朋友介绍一个常见的人工智能技巧。非常适合初学者学习。 本教程是向朋友们介绍常用的ai技巧,教程很不错,推荐给喜欢的朋友一起学习! 以上是常见的ai小技巧收藏分享,你看到了吗我希望你能帮助你!…

注意:拟物图标PS鼠标画出一个超现实

注意:拟物图标PS鼠标画出一个超现实

鼠标,图标,画出,切纸机,电脑软件,本教程介绍朋友的拟物图标崩溃记得教程,这是教你使用PS鼠标画出一个超现实的裁纸刀,本教程是真的很不错,推荐给喜欢的朋友学习 本教程教学习者使用PS鼠标画PS鼠标,画了一个超现实的纸刀,教程是鼠标画斑的例子。…

PS图象处理软件使用的色彩范围和钢

PS图象处理软件使用的色彩范围和钢

工具,软件使用,图象处理,色彩范围,鞋子,今天,萧边教你如何使用PS图象处理软件的色彩范围和钢笔工具和飞溅的效果进行动态液化飞溅的运动鞋。本教程很简单,喜欢的朋友可以一起学习。 笔者介绍的液化效果非常实用,一是先取出鞋子,做一些变形或切…

网络参考线在AI是如何改变颜色的

网络参考线在AI是如何改变颜色的

参考,改变颜色,网络,电脑软件,AI,网络参考线在AI是如何改变颜色的一般来说AI是默认颜色,这种颜色有时会让人觉得不舒服。如何设置我们想要的颜色下面是详细的教程,您需要的朋友可以参考以下内容 如何改变AI的网络参考线的颜色,通常是默认颜色,…

如何用技巧实现单词自动总结

如何用技巧实现单词自动总结

如何用,单词,技巧,电脑软件,在正常的办公室里,我经常遇到我需要总结的情况,使用Excel的朋友知道Excel的常用工具栏中有自动按钮。事实上,以Word 2003的形式,可以使用{自动和}按钮。当然,我们需要想出一种调整按钮的方法。 1。在工具中单击菜单中…

非主流经典人物推荐经典人格签名

非主流经典人物推荐经典人格签名

推荐,经典,人格,非主流,人物,每个人都有自己的签名。你必须绞尽脑汁才能使你的签名与众不同。现在没有必要纠结了。这里是一些经典的个性签名推荐萧边。你看到了吗 1,时间是正确的,地点是正确的,感觉是正确的,但是发现人物错了! 2,每个女人都是男…

ps的照片纹理只有一个动作

ps的照片纹理只有一个动作

照片,纹理,只有一个,动作,电脑软件,今天,萧边将分享一个教程给你,也就是说,诗只需要一个移动来提高图像质量。事实上,它使用了一个非常重要的后处理技术:DB.DB是一个更复杂的后期技术,如果你想以后学一个生意人,必须掌握。刚学会移动,让你的脸,鼻子,…

ps快速修复曝光不良照片的两种方法

ps快速修复曝光不良照片的两种方法

方法,照片,两种,不良,快速,由于不正确的或旧照片容易underexposing现象曝光,照片暗调地区underexposing不模糊,没有绝对的信息,有许多方法来处理曝气量少在PS.这里是两个最常用和最简单的。 PS图象处理软件主要是针对数字图像由像素。其众多的…

如何解决js十进制运算中的十进制数

如何解决js十进制运算中的十进制数

运算,十进制数,十进制,如何解决,电脑软件,和你分享一个有趣的测试。 0.1 + 0.2 = 0.3 / false 突然沮丧,好吗!0.1 + 0.2的结果是:0.3000000000000000 另一个2.4 0.8 = 2.9999999999999996不能被转换为整数(2.4×100)(0.8×100)。 10.22,现在我…

PS图象处理软件V下的草的颜色变暗

PS图象处理软件V下的草的颜色变暗

图象,处理软件,颜色,变暗,电脑软件,今天小编为大家带来ps快速的白天图像,人出了暗霞灯效果,教程很简单,很漂亮,喜欢的朋友可以一起学习。 材质图片是好的,不仅天空光线和云彩,画面不完美。颜色时你可以把主色调变为中性色,然后曲线颜色变深,然后天…