JS判断浏览器类型与操作系统的方法分析

本文实例讲述了JS判断浏览器类型与操作系统的方法。分享给大家供大家参考,具体如下:

navigator.userAgent : userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值。

navigator.platform : platform 属性是一个只读的字符串,声明了运行浏览器的操作系统和(或)硬件平台。

判断浏览器类型

IE浏览器

ie = ua.match( /MSIE\s([\d\.]+)/ ) || ua.match( /(?:trident)(?:.*rv:([\w.]+))?/i ),

IE浏览器版本号

/msie 8.0/.test(navigator.userAgent.toLowerCase())

微信浏览器

/micromessenger/.test(navigator.userAgent.toLowerCase())

chrome

/chrome/.test(navigator.userAgent.toLowerCase())

firefox

/safari/.test(navigator.userAgent.toLowerCase())

opera

/micromessgenger/.test(navigator.userAgent.toLowerCase())

判断操作系统类型

win操作系统

navigator.platform == "Win32"

navigator.platform == "Windows"

mac操作系统

navigator.platform == "Mac68K"

navigator.platform == "MacPPC"

navigator.platform == "Macintosh"

navigator.platform == "MacIntel"

andorid操作系统

if(/Linux/i.test(navigator.userAgent)){

if(/android/i.test(navigator.userAgent.toLowerCase())){

return "android";

}

}

/**

* @description 简单的浏览器检查结果。

*

* * `webkit` webkit版本号,如果浏览器为非webkit内核,此属性为`undefined`。

* * `chrome` chrome浏览器版本号,如果浏览器为chrome,此属性为`undefined`。

* * `ie` ie浏览器版本号,如果浏览器为非ie,此属性为`undefined`。**暂不支持ie10+**

* * `firefox` firefox浏览器版本号,如果浏览器为非firefox,此属性为`undefined`。

* * `safari` safari浏览器版本号,如果浏览器为非safari,此属性为`undefined`。

* * `opera` opera浏览器版本号,如果浏览器为非opera,此属性为`undefined`。

*

* @property {Object} [browser]

*/

browser: (function( ua ) {

var ret = {},

webkit = ua.match( /WebKit\/([\d.]+)/ ),

chrome = ua.match( /Chrome\/([\d.]+)/ ) ||

ua.match( /CriOS\/([\d.]+)/ ),

ie = ua.match( /MSIE\s([\d\.]+)/ ) ||

ua.match( /(?:trident)(?:.*rv:([\w.]+))?/i ),

firefox = ua.match( /Firefox\/([\d.]+)/ ),

safari = ua.match( /Safari\/([\d.]+)/ ),

opera = ua.match( /OPR\/([\d.]+)/ );

webkit && (ret.webkit = parseFloat( webkit[ 1 ] ));

chrome && (ret.chrome = parseFloat( chrome[ 1 ] ));

ie && (ret.ie = parseFloat( ie[ 1 ] ));

firefox && (ret.firefox = parseFloat( firefox[ 1 ] ));

safari && (ret.safari = parseFloat( safari[ 1 ] ));

opera && (ret.opera = parseFloat( opera[ 1 ] ));

return ret;

})( navigator.userAgent ),

/**

* @description 操作系统检查结果。

*

* * `android` 如果在android浏览器环境下,此值为对应的android版本号,否则为`undefined`。

* * `ios` 如果在ios浏览器环境下,此值为对应的ios版本号,否则为`undefined`。

* @property {Object} [os]

*/

os: (function( ua ) {

var ret = {},

// osx = !!ua.match( /\(Macintosh\; Intel / ),

android = ua.match( /(?:Android);?[\s\/]+([\d.]+)?/ ),

ios = ua.match( /(?:iPad|iPod|iPhone).*OS\s([\d_]+)/ );

// osx && (ret.osx = true);

android && (ret.android = parseFloat( android[ 1 ] ));

ios && (ret.ios = parseFloat( ios[ 1 ].replace( /_/g, '.' ) ));

return ret;

})( navigator.userAgent ),

PS:这里再为大家提供几款相关在线工具供大家参考:

在线浏览器信息检测工具:

http://tools.jb51.net/aideddesign/browser_info

常用浏览器(PC,移动) user-agent:

http://tools.jb51.net/table/useragent

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript事件相关操作与技巧大全》、《JavaScript页面元素操作技巧总结》、《JavaScript操作DOM技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

以上是 JS判断浏览器类型与操作系统的方法分析 的全部内容, 来源链接: utcz.com/z/332260.html

回到顶部