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