PC端判断浏览器类型及移动端判断移动设备类型

Posted 2021-11-10 dark-fire-liehuo

浏览器代理检测，可以检测出来用户使用的浏览器类型，也可以检测浏览器所在的操作系统
   navigator.userAgent 
（1）、判断浏览器类型
			var t = navigator.userAgent;

			if(t.indexOf(‘Trident‘)!= -1){
				console.log(‘ie内核‘)
			}else if(t.indexOf(‘Presto‘)!= -1){
				console.log(‘欧朋‘)
			}else if(t.indexOf(‘Chrome‘)!= -1){
				console.log(‘chrome ‘)
			}else if(t.indexOf(‘Safari‘)!= -1){
				console.log(‘Safari ‘)
			}else{
				console.log(‘其他‘)
			}
（2）、判断是移动端还是PC（重要）
//移动端
			var ua = navigator.userAgent.toLowerCase();

			if (ua.indexOf(‘mobi‘) !=-1) {
			  // 手机浏览器
			  console.log(‘手机‘)
			} else {
			  // 非手机浏览器
			  console.log(‘非手机‘)
			}

判断是移动端还是PC（重要）
//移动端
			var ua = navigator.userAgent.toLowerCase();
			if (ua.indexOf(‘mobi‘) !=-1) {
			  // 手机浏览器
			  console.log(‘手机‘)
				if(ua.indexOf(‘android‘) !=-1){
					console.log(‘移动端 安卓‘)
				}else if(ua.indexOf(‘ipod‘) !=-1
        || ua.indexOf(‘iphone‘) !=-1 
        || ua.indexOf(‘ipad‘) !=-1)
				{
					console.log(‘移动端  苹果手机‘)
				}
			} else {
			  // 非手机浏览器
			  console.log(‘非手机‘)
			}