判断PC/Mobile设备类型

桃扇骨 2022-08-07 16:41 137阅读 0赞

<script type="text/javascript"> 
    	//方法一： 
        function browserRedirect() {  
            var sUserAgent = navigator.userAgent.toLowerCase();  
            var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";  
            var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";  
            var bIsMidp = sUserAgent.match(/midp/i) == "midp";  
            var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";  
            var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";  
            var bIsAndroid = sUserAgent.match(/android/i) == "android";  
            var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";  
            var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";  
            if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) ){  
                //window.location.href="PC页面";
                alert("PC端")
            }
        }  
        browserRedirect();  
    	//方法二： 
        function isPC(){  
           var userAgentInfo = navigator.userAgent;  
           var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");  
           var flag = true;  
           for (var v = 0; v < Agents.length; v++) {  
               if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = false; break; }  
           }  
           return flag;  
    	}       
    	if(isPC()){
    		alert("PC端")
    	}else{
    		alert("Mobile端")
    	}
    	//方法三：
    	if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){
        	if(window.location.href.indexOf("?mobile")<0){
    	        try{
    	            if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){
    	                // 判断访问环境是 Android|webOS|iPhone|iPod|BlackBerry 则加载以下样式
    	                alert("Mobile")
    	            }else if(/iPad/i.test(navigator.userAgent)){
    	                // 判断访问环境是 iPad 则加载以下样式
    	                alert("Mobile")
    	            }else{
    	                // 判断访问环境是 其他移动设备 则加载以下样式
    	                alert("Mobile")
    	            }
    	        }catch(e){}
        	}
    	}else{
    		alert("PC")
    	}
    	//方法四：
    	var browser = {
    		versions:function(){ 
    			var u = navigator.userAgent, app = navigator.appVersion; 
    			return {//移动终端浏览器版本信息 
    				trident: u.indexOf("Trident") > -1, //IE内核
    				presto: u.indexOf("Presto") > -1, //opera内核
    				webKit: u.indexOf("AppleWebKit") > -1, //苹果、谷歌内核
    				gecko: u.indexOf("Gecko") > -1 && u.indexOf("KHTML") == -1, //火狐内核
    				mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
    				ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
    				android: u.indexOf("Android") > -1 || u.indexOf("Linux") > -1, //android终端或者uc浏览器
    				iPhone: u.indexOf("iPhone") > -1 , //是否为iPhone或者QQHD浏览器
    				iPad: u.indexOf("iPad") > -1, //是否iPad
    				webApp: u.indexOf("Safari") == -1 //是否web应该程序，没有头部与底部
    			};
    		}(),
    		language:(navigator.browserLanguage || navigator.language).toLowerCase()
    	}
    	
    	if(browser.versions.mobile || browser.versions.ios || browser.versions.android || browser.versions.iPhone || browser.versions.iPad){
    		alert("Mobile")
    	}else{
    		alert("PC")
    	}
    </script>
    
    <script language="javascript">
    	var browse="";
    	var explorer =navigator.userAgent,browse;
    	if (explorer.indexOf("MSIE") >= 0){
    		//ie 
    		browse = "ie";
    	}else if (explorer.indexOf("Firefox") >= 0) {
    		// firefox 火狐
    		browse = "Firefox";
    	}else if(explorer.indexOf("Chrome") >= 0){
    		//Chrome 谷歌
    		browse = "Chrome";
    	}else if(explorer.indexOf("Opera") >= 0){
    		//Opera 欧朋
    		browse = "Opera";
    	}else if(explorer.indexOf("Safari") >= 0){
    		//Safari 苹果浏览器
    		browse = "Safari";
    	}else if(explorer.indexOf("Netscape")>= 0) { 
    		//Netscape
    		browse = "Netscape"; 
    	}
    </script>