1. 程式人生 > 實用技巧 >JS實現PC端URL跳轉到對應移動端URL

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

品牌vi設計公司http://www.maiqicn.com 辦公資源網站大全https://www.wode007.com