码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2019-03-27 11:00:17      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:pod   lower   class   用户   highlight   tor   rom   ipa   操作系统   

浏览器代理检测,可以检测出来用户使用的浏览器类型,也可以检测浏览器所在的操作系统
   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(‘非手机‘)
			}

 

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

标签:pod   lower   class   用户   highlight   tor   rom   ipa   操作系统   

原文地址:https://www.cnblogs.com/Dark-fire-liehuo/p/10605609.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!