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重定向來處理

推薦閱讀：網站優化的排名原理