使用JS 获取当前用户使用的浏览器信息以及操作系统版本信息

说明:

   浏览器更新快,有些代码可能会失效,需要你再次测试验证。

    以下代码是我参照网友的代码进行改良整合而成。(由于项目时间急,没有记录所抄写代码的原作者,请原谅。。。) 

    系统版本 只测试了 Windows系统  ,IE浏览器 只测试了 IE9-IE最新版。Safari(苹果)浏览器仅测试了win版。

    可以获取 用户当前浏览器的名称、(基于)内核版本号、(自身浏览器厂商的)内核版本号以及浏览器所处的操作系统版本信息

获取浏览器 (基于)内核版本号

(function($){
			 var BrowserMatch = {  
				  init: function() {  
					  this.browser = this.getBrowser().browser || "未知浏览器";  //获取浏览器名
					  this.version = this.getBrowser().version || "未知浏览器版本号";  //获取浏览器版本
					  this.OS = this.getOS()+" "+this.getDigits() || "未知操作系统"; //系统版本号 
				  },  
				  getOS: function() {  //判断所处操作系统
						 var sUserAgent = navigator.userAgent.toLowerCase();   
						
						var isWin = (navigator.platform == "Win32") || (navigator.platform == "Win64")|| (navigator.platform == "wow64");   
						
						var isMac = (navigator.platform == "Mac68K") || (navigator.platform == "MacPPC") || (navigator.platform == "Macintosh") || (navigator.platform == "MacIntel");   
						if (isMac) return "Mac";   
						var isUnix = (navigator.platform == "X11") && !isWin && !isMac;   
						if (isUnix) return "Unix";   
						var isLinux = (String(navigator.platform).indexOf("Linux") > -1);   
						var bIsAndroid = sUserAgent.toLowerCase().match(/android/i) == "android";  
						if (isLinux) {  
						if(bIsAndroid) return "Android";  
						else return "Linux";   
						}  
						if (isWin) {   
						
							var isWin2K = sUserAgent.indexOf("Windows nt 5.0") > -1 || sUserAgent.indexOf("Windows 2000") > -1;   
							if (isWin2K) return "Win2000";   
							var isWinXP = sUserAgent.indexOf("Windows nt 5.1") > -1 || sUserAgent.indexOf("Windows XP") > -1  
							sUserAgent.indexOf("Windows XP") > -1;   
							if (isWinXP) return "WinXP";   
							var isWin2003 = sUserAgent.indexOf("Windows nt 5.2") > -1 || sUserAgent.indexOf("Windows 2003") > -1;   
							if (isWin2003) return "Win2003";   
							var isWinVista= sUserAgent.indexOf("Windows nt 6.0") > -1 || sUserAgent.indexOf("Windows Vista") > -1;   
							if (isWinVista) return "WinVista";   
							var isWin7 = sUserAgent.indexOf("Windows nt 6.1") > -1 || sUserAgent.indexOf("Windows 7") 
  • 1
    点赞
  • 21
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
获取操作系统浏览器信息,可以使用`navigator.userAgent`属性。它返回当前浏览器用户代理信息,可以通过正则表达式进行匹配,从而得到所需信息。以下是一个示例: ```javascript const ua = navigator.userAgent.toLowerCase(); // 获取操作系统信息 let osInfo = ''; if (ua.indexOf('windows') > -1) { osInfo = 'Windows'; } else if (ua.indexOf('mac os x') > -1) { osInfo = 'Mac OS X'; } else if (ua.indexOf('linux') > -1) { osInfo = 'Linux'; } else if (ua.indexOf('android') > -1) { osInfo = 'Android'; } else if (ua.indexOf('iphone') > -1) { osInfo = 'iPhone'; } else { osInfo = 'Unknown'; } // 获取浏览器信息 let browserInfo = ''; if (ua.indexOf('edge') > -1) { browserInfo = 'Microsoft Edge'; } else if (ua.indexOf('msie') > -1 || ua.indexOf('trident') > -1) { browserInfo = 'Internet Explorer'; } else if (ua.indexOf('firefox') > -1) { browserInfo = 'Firefox'; } else if (ua.indexOf('safari') > -1 && ua.indexOf('chrome') === -1) { browserInfo = 'Safari'; } else if (ua.indexOf('chrome') > -1) { browserInfo = 'Google Chrome'; } else { browserInfo = 'Unknown'; } console.log('操作系统:', osInfo); console.log('浏览器:', browserInfo); ``` 在上述示例中,我们首先通过`navigator.userAgent`获取当前浏览器用户代理信息,然后使用正则表达式进行匹配,从而得到操作系统浏览器信息。需要注意的是,由于用户代理信息可以被伪造,因此该方法可能存在一定的不准确性。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值