JS实现PC端URL跳转到对应移动端URL

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

<script type="text/javascript">

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="https://m.800xiaos.com"+GetUrlRelativePath();;

    }

</script>

注意：这个办法并非最优选择，弊端在于对搜索引擎并不友好，因为加载资源后再跳转，增加了用户访问成本。建议使用301重定向来处理

推荐阅读：网站优化的排名原理

巴特西

JS实现PC端URL跳转到对应移动端URL

最新文章

热门文章