JavaScript

超轻量级php框架startmvc

详解JS判断页面是在手机端还是在PC端打开的方法

更新时间:2020-08-23 19:48:01 作者:startmvc
我们想要的效果是pc文件和mobile文件统一入口,适配不同的设备。先看看项目的目录:在inde

我们想要的效果是pc文件和mobile文件统一入口,适配不同的设备。 先看看项目的目录:

在index.html里面配置js控制选择那一个文件夹下的文件就可以了。 我们要利用:Navigator 对象,Navigator 对象包含有关浏览器的信息。 index.html很简单,直接上码吧:


<!DOCTYPE html>
<html>
	<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />
 <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="http://f.jcngame.com/fanfan20171208/mobile/index.html" rel="external nofollow" rel="external nofollow" ;
 } else {
 //跳转pc端页面
 window.location.href="http://f.jcngame.com/fanfan20171208//fanmai/index.html" rel="external nofollow" rel="external nofollow" ;
 }
 }
 browserRedirect(); 
 </script>
	</head>
	<body>
 
	</body>
</html>

补充,感觉之前代码太冗余了,现在用正则来优化了一下:


<script type="text/javascript">
	function browserRedirect() {
 var sUserAgent = navigator.userAgent.toLowerCase();
 if (/ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/.test(sUserAgent)) {
 //跳转移动端页面
 window.location.href="http://f.jcngame.com/fanfan20171208/mobile/index.html" rel="external nofollow" rel="external nofollow" ;
 } else {
 //跳转pc端页面
 window.location.href="http://f.jcngame.com/fanfan20171208//fanmai/index.html" rel="external nofollow" rel="external nofollow" ;
 }
 }
	browserRedirect(); 
</script>

以上所述是小编给大家介绍的JS判断页面是手机端还是在PC端打开的方法详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

JS判断页面是手机端还是在PC端打开 如何使用js判断当前页面是pc还是移动端打开的 手机端pc端