js对网址进行判断，在移动端跳转到对应的手机页面
  • 分享到微信朋友圈
    X

文章内容

现在几乎每个人都有移动设备，对应手机界面的设计也越来越重要,手机界面设计的重要性在于提升用户体验、品牌形象， 以及确保应用的成功。 所以现在的网站也是都有向对应的手机网站.那么怎么在手机上显示手机页面，在电脑上显示电脑页面呢？ 下面分享一个在移动端的页面在上面对加载页面的设备进行判断， 在移动端跳转到对应的手机页面

js代码

<script> 
     if ((/(android|iphone|ipad|PlayBook|BB10)/i).test(window.navigator.userAgent)) {
         //http://www.jqfree.com/index.html?key=jquery
         var origin = window.location.origin;    //主机地址 "www.jqfree.com:10001"
         var pathname = window.location.pathname;   //路径部分  "/index.html"
         var search = window.location.search;   //?key=jquery

         if (pathname != "/") {

             window.location.href = origin + "/mobile" + pathname + search
         }
         else {
             window.location.href = '/mobile/index.html';
         }

     }
</script>