首页 > 编码学习 > 实用代码 > 根据浏览器UA判断打开什么页面
2018
10-14

根据浏览器UA判断打开什么页面

对于非自适应网站,可以通过判断浏览器UA来确定不同浏览器跳转不同页面。如pc端 和手机端。代码如下

<!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://www.xxx.com/m";
                } else {
                    //跳转pc端页面
                    window.location.href="http://www.xxx.com/index.php";
                }
            }
            browserRedirect(); 
        </script> 
 </head> 
 <body>  
 </body>
</html>

如为防止循环跳转,可根据实际需求去掉相应的UA或跳转链接

最后编辑:
作者:哇机汇
这个作者貌似有点懒,什么都没有留下。

留下一个回复

你的email不会被公开。

你必须启用 javascript 才能看见验证码