Js实现Pc端Url跳转到对应移动端Url


  主页 > 新闻资讯 > 建站知识 >       发布时间:2018-05-10 10:09          阅读次数:



在做移动端网站时,有时因技术问题或其他原因无法制作响应式版面,而移动端页面只能放到子目录下,但是手机端通过搜索引擎进入网站电脑端子页面,无法匹配到移动端页面,使得用户体验很不好,即影响排名也影响转化。这里有一个js代码可以实现用户使用手机访问电脑端,自动跳转到对应手机页面。举例:本站一个pc页面http://yzbosi.com,对应移动url为http://yzbosi.com/m,使用手机端访问pc页面http://yzbosi.com/index.html,则自动跳转至移动页面http://yzbosi.com/m/index.html。js代码如下:

function GetUrlRelativePath()
  {
    var url = document.location.toString();
    var arrUrl = url.split("//");
    var start = arrUrl[1].indexOf("/");
    var relUrl = arrUrl[1].substring(start);
    if(relUrl.indexOf("?") != -1){
      relUrl = relUrl.split("?")[0];
    }
    return relUrl;
  }
    var userAgentInfo = navigator.userAgent;
    var Agents = ["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;
        }
    }
    if (!flag){
        location.href="/m"+GetUrlRelativePath();;
    }

复制到您的网站页面即可使用,/m为您的移动端目录。





上一篇:扬州网站建设应该怎么去做自...    下一篇:搜索引擎来路跳转到指定页面...

 返回列表

扫描二维码分享到微信

Online
TEL

15895701649