js判断是pc电脑端访问还是m移动手机端访问

推荐第二种方式，因为本人对js不太懂，又有这方面需求。网上的解决方案比较多，很多不够全面，或者直接测试不通过，所以总结一下如下两种方式。如果是用cms建站，pc端自适应移动端访问的时候，这样的方式解决一些熊掌号等问题很好用。

第一种方式：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" class="sui-componentWrap">
<head>   
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
	<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) {
			alert('手机站链接'); 
		} 
		else { 
			alert('PC站链接'); 
		}
	} 
	browserRedirect();
	</script>
</head>
</html>

第二种方式：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" class="sui-componentWrap">
<head>   
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
	<script type="text/javascript">
		function browserRedirect() { 
			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应用程序，没有头部与底部  
						weixin: u.indexOf('MicroMessenger') > -1, //是否微信   
						qq: u.match(/\sQQ/i) == " qq" //是否QQ  
						};  
				}(),
				language:(navigator.browserLanguage || navigator.language).toLowerCase()  
			}
			  
			if(browser.versions.mobile || browser.versions.ios || browser.versions.android || browser.versions.iPhone || browser.versions.iPad){ 
				alert('手机站链接');
				cambrian.render('head')
			}
		}
		browserRedirect();
	</script>
</head>
</html>

js判断是pc电脑端访问还是m移动手机端访问

猜你喜欢