用JavaScript显示浏览器客户端信息的超相近教程

  Gecko是firefox的呈现引擎。当初的Gecko是作为通用Mozilla浏览器一部分开发的,而第一个采用Gecko引擎的浏览器是Netscape6;

  我们可以使用用户代理检测下:如下JS代码:

var ua = navigator.userAgent; console.log(ua);

  在windows下firefox下打印如下:

  

复制代码 代码如下:

Mozilla/5.0 (Windows NT 6.1; WOW64; rv:38.0) Gecko/20100101 Firefox/38.0

  上述是为Netscape6编写的代理字符串一些构成:如下:

  Mozilla/Mozilla版本号(平台;加密类型;操作系统或CPU;预先发行的版本;Gecko/Gecko版本号;应用程序或产品/应用程序或产品版本号);

  2. Safari

  Safari的呈现引擎是WebKit;是Linux平台中Konqueror浏览器的呈现引擎KHTML的一个分支;几年后,webkit独立出来成为一个开源项目,专注于呈现引擎开发;

  如下代码:

var ua = navigator.userAgent; console.log(ua);

  在windows下safari下打印如下:

  

复制代码 代码如下:

Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/534.57.2 (KHTML, like Gecko) Version/5.1.7 Safari/534.57.2

  Webkit的用户代理字符串具备如下格式:

  Mozilla/5.0 (平台;加密类型;操作系统或cpu) AppleWebkit/AppleWebkit版本号(KHTML,like Gecko) safari/safari版本号;

  3. Chrome

  谷歌公司的chrome浏览器以webkit作为呈现引擎,使用了不同的javascript引擎;

  如下JS代码:

var ua = navigator.userAgent; console.log(ua);

  在windows下chrome下打印如下:

  

复制代码 代码如下:

Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/42.0.2311.152 Safari/537.36

  用户代理字符串完全自取webkit,只添加了一段表示chrome版本号信息;格式如下:

  Mozilla/5.0 (平台;加密类型;操作系统或cpu) AppleWebKit/AppleWebKit版本号(KHTML,like Gecko) chrome/chrome版本号 safari/safari版本号

  4.  Opera

  Opera默认的用户代理字符串是所有现代浏览器中最合理的---正确地标识了自身极其版本号,在Opera8.0之前;其用户代理字符串采用如下格式:

  Opera/ 版本号 (操作系统或CPU;加密类型) [语言]

  Opera8发布后,用户代理字符串的 “语言”部分被移到圆括号内,以便更好地与其他浏览器匹配;如下所示:

  Opera/版本号 (操作系统或CPU;加密类型;语言)

  在现在的最新的版本opera29,

  如下JS代码:

var ua = navigator.userAgent; console.log(ua);

  通过代理检测如下:

  

复制代码 代码如下:

Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/42.0.2311.152 Safari/537.36 OPR/29.0.1795.60;

  5.  IE

  自从IE3以来,微软已经将IE的用户代理字符串修改成兼容Netscape的形式,结构如下:

  Mozilla/版本号(平台;加密类型;操作系统或CPU);

  但是IE8+的用户代理字符串添加了呈现引擎的(Trident)的版本号;

  JS代码如下:

var ua = navigator.userAgent.toLowerCase(); console.log(ua);

  比如在window下 IE7的如下:

  

复制代码 代码如下:

mozilla/4.0 (compatible; msie 7.0; windows nt 6.1; wow64; trident/7.0; slcc2; .net clr 2.0.50727; .net clr 3.5.30729; .net clr 3.0.30729; media center pc 6.0; infopath.3; .net4.0c; .net4.0e)

  IE8的如下:

  

复制代码 代码如下:

mozilla/4.0 (compatible; msie 8.0; windows nt 6.1; wow64; trident/7.0; slcc2; .net clr 2.0.50727; .net clr 3.5.30729; .net clr 3.0.30729; media center pc 6.0; infopath.3; .net4.0c; .net4.0e)

  但是IE9+ 对字符串的格式做了一点调整;mozilla的版本号增加到5.0;

  IE9的如下:

  

复制代码 代码如下:

mozilla/5.0 (compatible; msie 9.0; windows nt 6.1; wow64; trident/7.0; slcc2; .net clr 2.0.50727; .net clr 3.5.30729; .net clr 3.0.30729; media center pc 6.0; infopath.3; .net4.0c; .net4.0e)

  IE10的如下:

复制代码 代码如下:

mozilla/5.0 (compatible; msie 10.0; windows nt 6.1; wow64; trident/7.0; slcc2; .net clr 2.0.50727; .net clr 3.5.30729; .net clr 3.0.30729; media center pc 6.0; infopath.3; .net4.0c; .net4.0e)

  IE11的如下:

  

复制代码 代码如下:

mozilla/5.0 (windows nt 6.1; wow64; trident/7.0; slcc2; .net clr 2.0.50727; .net clr 3.5.30729; .net clr 3.0.30729; media center pc 6.0; infopath.3; .net4.0c; .net4.0e; rv:11.0) like gecko

  6. IOS和Android

  移动操作系统IOS和Android默认的浏览器都是基于webkit;而且都像桌面版一样;共享相同的基本用户代理字符串格式;ios设备的基本格式如下:

  Mozilla/5.0 (平台;加密类型;操作系统或CPU like Mac OS x;语言)

  AppleWebKit/ AppleWebKit版本号(KHTML,like Gecko) Version/浏览器版本号

  Mobile/移动版本号 Safari/Safari版本号

  Android浏览器中默认格式与IOS格式相似,没有移动版本号(但有Mobile记号):

  Mozilla/5.0 (Linux; U; Android 2.2; en-us; Nexus One Build/FRF91)

  AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1

  7. Konqueror

  与KDE Linux 集成的Konqueror,是一款基于KHTML 开源呈现引擎的浏览器。尽管Konqueror 只

  能在Linux 中使用,但它也有数量可观的用户。为确保最大限度的兼容性,Konqueror 效仿IE 选择了如

  下用户代理字符串格式:

  Mozilla/5.0 (compatible; Konqueror/ 版本号; 操作系统或CPU )

  不过,为了与WebKit 的用户代理字符串的变化保持一致,Konqueror 3.2 又有了变化,以如下格式

  将自己标识为KHTML:

  Mozilla/5.0 (compatible; Konqueror/ 版本号; 操作系统或CPU) KHTML/ KHTML 版本号 (like Gecko)

  下面是一个例子:

  

复制代码 代码如下:

Mozilla/5.0 (compatible; Konqueror/3.5; SunOS) KHTML/3.5.0 (like Gecko)

  用户代理字符串检测技术
  识别呈现引擎;

  下面我们主要检测五大呈现引擎:IE,Gecko,WebKit,KHTML和Opera

  如下代码:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wgdxzx.html