JavaScript判断浏览器类型及版本
来源:互联网 发布:淘宝假面骑士铠武腰带 编辑:程序博客网 时间:2024/05/18 23:16
浏览器对于我们来说,可能是最熟悉的工具了。记得最早那会Netscape,到后来的Internet Explorer一统江湖,再到现在的FireFox大行其道,浏览器市场的争夺,可谓是硝烟弥漫。除了我们常见的IE, Firefox, Opera, Safari四大金刚以外,新近又出了一位Chrome,虽然新出,但是出于Google这个名门,Chrome所受到的关注绝不亚于先前的四大金刚,看来以后要改为5朵金花了,呵呵。除了这些熟知的浏览器以外,据说世界上还有近百种浏览器(汗!!套用一句话:世界上怎么有这么多人喜欢重复发明轮子呢?O(∩_∩)O哈哈~)。
在我们的产品开发过程中,经常要考虑浏览器兼容问题,以适应不同的用户人群,同时也减少因浏览器兼容问题所带来的服务量。一般来说,通过JavaScript判断浏览器类型,我们通常使用两种方法,一种是根据各种浏览器独有的属性来分辨,另一种是通过分析浏览器的user-Agent属性来判断的。在许多情况下,值判断出浏览器类型之后,还需判断浏览器版本才能处理兼容性问题,而判断浏览器的版本一般只能通过分析浏览器的User-Agent才能知道。现在比较流行的javascript框架,都有浏览器兼容的判断代码,像jquery、YUI就是使用User-Agent,而Mootools则是使用用各种浏览器独有的属性来分辨。
先来看看什么是User-Agent?User-Agent是HTTP请求中的用户标识,一般发送一个能够代表客户端类型的字符串,比如浏览器类型 操作系统等信息。User-Agent 的约定格式是:应用名,跟一个斜线,跟版本号,剩下的是自由的格式。
我们先来看一下五朵金花的User-Agent:
IE
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0)
Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2)
Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1)
Mozilla/4.0 (compatible; MSIE 5.0; Windows NT)
其中,版本号是MSIE之后的数字。
Firefox
Mozilla/5.0 (Windows; U; Windows NT 5.2) Gecko/2008070208 Firefox/3.0.1
Mozilla/5.0 (Windows; U; Windows NT 5.1) Gecko/20070309 Firefox/2.0.0.3
Mozilla/5.0 (Windows; U; Windows NT 5.1) Gecko/20070803 Firefox/1.5.0.12
其中,版本号是Firefox之后的数字。
Opera
Opera/9.27 (Windows NT 5.2; U; zh-cn)
Opera/8.0 (Macintosh; PPC Mac OS X; U; en)
Mozilla/5.0 (Macintosh; PPC Mac OS X; U; en) Opera 8.0
其中,版本号是靠近Opera的数字。
Safari
Mozilla/5.0 (Windows; U; Windows NT 5.2) AppleWebKit/525.13 (KHTML, ** Gecko) Version/3.1 Safari/525.13
Mozilla/5.0 (iPhone; U; CPU ** Mac OS X) AppleWebKit/420.1 (KHTML, ** Gecko) Version/3.0 Mobile/4A93 Safari/419.3
其版本号是Version之后的数字。
Chrome
Mozilla/5.0 (Windows; U; Windows NT 5.2) AppleWebKit/525.13 (KHTML, ** Gecko) Chrome/0.2.149.27 Safari/525.13
其中,版本号在Chrome只后的数字。
一.基于User-Agent信息的实现
二.根据浏览器特有属性判断
或者
但是,这两种检测方法都有其局限性,User-Agent 是可以通过代码修改的,所以纯粹检测User-Agent可能会带来一定的风险,而且ie8的Compatibility View 功能造成单浏览器会“原生”多个 User-agent 。使用不同特征来判断浏览器的方法,
虽然在速度上比用正则表达式分析userAgent要来的快,不过这些特征可能会随浏览器版本而变化。比如,一种浏览器本来独有的特性取得了市场上的成功,其他浏览器也就可能跟着加入该特性,从而使该浏览器的独有特征消失,导致我们的判断失败。因此,
相对比较保险的做法是通过解析userAgent中的特征来判断浏览器类型。何况,反正判断版本信息也需要解析浏览器的userAgent的。所以,在我们的实际编程中,还得根据实际情况来决定使用哪种方法来判断浏览器类型和版本。
ppk on javascript中有关浏览器检测的看法和建议
1、Opera,iCab等非主流浏览器提供给用户自己修改识别字符串,以访问更多的网站。
2、Opera 在navigator.userAgent永远包含一个子字符串Opera,即使当它处于伪装模式时也一样。而且Opera是唯一支持window.opera属性的浏览器
3、Safari、iCab和Konqueror 在navigator.userAgent有它们自己的标识符,那他们也有可能不包含,为了伪装。
4、Gecko Mozilla的识别字符串中通常包含Gecko,不过,Safari的默认字符串中也包含Gecko
5、MSIE 大部分浏览器都拿它来伪装,因此它的出现说明不了任何问题。
三.ppk中有关浏览器检测的代码
在我们的产品开发过程中,经常要考虑浏览器兼容问题,以适应不同的用户人群,同时也减少因浏览器兼容问题所带来的服务量。一般来说,通过JavaScript判断浏览器类型,我们通常使用两种方法,一种是根据各种浏览器独有的属性来分辨,另一种是通过分析浏览器的user-Agent属性来判断的。在许多情况下,值判断出浏览器类型之后,还需判断浏览器版本才能处理兼容性问题,而判断浏览器的版本一般只能通过分析浏览器的User-Agent才能知道。现在比较流行的javascript框架,都有浏览器兼容的判断代码,像jquery、YUI就是使用User-Agent,而Mootools则是使用用各种浏览器独有的属性来分辨。
先来看看什么是User-Agent?User-Agent是HTTP请求中的用户标识,一般发送一个能够代表客户端类型的字符串,比如浏览器类型 操作系统等信息。User-Agent 的约定格式是:应用名,跟一个斜线,跟版本号,剩下的是自由的格式。
我们先来看一下五朵金花的User-Agent:
IE
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0)
Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2)
Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1)
Mozilla/4.0 (compatible; MSIE 5.0; Windows NT)
其中,版本号是MSIE之后的数字。
Firefox
Mozilla/5.0 (Windows; U; Windows NT 5.2) Gecko/2008070208 Firefox/3.0.1
Mozilla/5.0 (Windows; U; Windows NT 5.1) Gecko/20070309 Firefox/2.0.0.3
Mozilla/5.0 (Windows; U; Windows NT 5.1) Gecko/20070803 Firefox/1.5.0.12
其中,版本号是Firefox之后的数字。
Opera
Opera/9.27 (Windows NT 5.2; U; zh-cn)
Opera/8.0 (Macintosh; PPC Mac OS X; U; en)
Mozilla/5.0 (Macintosh; PPC Mac OS X; U; en) Opera 8.0
其中,版本号是靠近Opera的数字。
Safari
Mozilla/5.0 (Windows; U; Windows NT 5.2) AppleWebKit/525.13 (KHTML, ** Gecko) Version/3.1 Safari/525.13
Mozilla/5.0 (iPhone; U; CPU ** Mac OS X) AppleWebKit/420.1 (KHTML, ** Gecko) Version/3.0 Mobile/4A93 Safari/419.3
其版本号是Version之后的数字。
Chrome
Mozilla/5.0 (Windows; U; Windows NT 5.2) AppleWebKit/525.13 (KHTML, ** Gecko) Chrome/0.2.149.27 Safari/525.13
其中,版本号在Chrome只后的数字。
一.基于User-Agent信息的实现
二.根据浏览器特有属性判断
或者
但是,这两种检测方法都有其局限性,User-Agent 是可以通过代码修改的,所以纯粹检测User-Agent可能会带来一定的风险,而且ie8的Compatibility View 功能造成单浏览器会“原生”多个 User-agent 。使用不同特征来判断浏览器的方法,
虽然在速度上比用正则表达式分析userAgent要来的快,不过这些特征可能会随浏览器版本而变化。比如,一种浏览器本来独有的特性取得了市场上的成功,其他浏览器也就可能跟着加入该特性,从而使该浏览器的独有特征消失,导致我们的判断失败。因此,
相对比较保险的做法是通过解析userAgent中的特征来判断浏览器类型。何况,反正判断版本信息也需要解析浏览器的userAgent的。所以,在我们的实际编程中,还得根据实际情况来决定使用哪种方法来判断浏览器类型和版本。
ppk on javascript中有关浏览器检测的看法和建议
1、Opera,iCab等非主流浏览器提供给用户自己修改识别字符串,以访问更多的网站。
2、Opera 在navigator.userAgent永远包含一个子字符串Opera,即使当它处于伪装模式时也一样。而且Opera是唯一支持window.opera属性的浏览器
3、Safari、iCab和Konqueror 在navigator.userAgent有它们自己的标识符,那他们也有可能不包含,为了伪装。
4、Gecko Mozilla的识别字符串中通常包含Gecko,不过,Safari的默认字符串中也包含Gecko
5、MSIE 大部分浏览器都拿它来伪装,因此它的出现说明不了任何问题。
三.ppk中有关浏览器检测的代码
0 0
- Javascript JavaScript判断浏览器类型及版本
- JavaScript判断浏览器类型及版本
- JavaScript判断浏览器类型及版本
- JavaScript判断浏览器类型及版本
- JavaScript判断浏览器类型及版本
- JavaScript判断浏览器类型及版本
- JavaScript判断浏览器类型及版本
- JavaScript判断浏览器类型及版本
- JavaScript判断浏览器类型及版本
- JavaScript判断浏览器类型及版本
- JavaScript判断浏览器类型及版本
- JavaScript判断浏览器类型及版本
- JavaScript判断浏览器类型及版本
- JavaScript判断浏览器类型及版本
- JavaScript判断浏览器类型及版本
- JavaScript判断浏览器类型及版本
- JavaScript判断浏览器类型及版本
- JavaScript判断浏览器类型及版本
- Apache HTTP Server与Tomcat集成实践
- Error LNK2001 无法解析的外部符号 的几种情况及解决办法
- Leetcode -- Search a 2D Matrix
- vim常用命令总结
- Android——动画之帧动画
- JavaScript判断浏览器类型及版本
- 学习
- jquery中的empty()与remove()区别
- Windows下使用GNU编译器
- [转]解决Codeforces访问慢的本地方案
- poj 2893 M × N Puzzle(八数码可行解)树状数组求解
- php文件下载函数
- jquery 的focusin跟focusout方法的使用
- BP神经网络的数据分类