JS判断浏览器类型与操作系统的方法分析
网络编程 2021-07-04 15:02www.168986.cn编程入门
这篇文章主要介绍了JS判断浏览器类型与操作系统的方法,结合实例形式分析了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这里再为大家提供几款相关在线工具供大家参考
在线浏览器信息检测工具
常用浏览器(PC,移动) user-agent
更多关于JavaScript相关内容感兴趣的读者可查看本站专题《》、《》、《》、《》、《》、《》及《》
希望本文所述对大家JavaScript程序设计有所帮助。
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程