JS實現PC端URL跳轉到對應移動端URL
阿新 • • 發佈:2020-09-20
在做移動端網站時,有時因技術問題或其他原因無法制作響應式版面,而移動端頁面只能放到子目錄下,但是手機端通過搜尋引擎進入網站電腦端子頁面,無法匹配到移動端頁面,使得使用者體驗很不好,即影響排名也影響轉化。這裡有一個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