原文標題:Dedecms織夢PC網站自動跳轉到移動端URL設置

本人之前使用Dedecms織夢建站的，隨著移動端MIP的上線，也想體驗，因此自建了獨立的移動端網站，數據庫和PC網站用的是同一個。本次主要分享下作為一個技術小白在搭建織夢移動端網站後，如何實現客戶使用移動設備訪問PC網站自動跳轉到對應移動網頁的設置方法。

DedeCMS移動適配成功後，雖然首頁可以用百度官方的跳轉方法實現跳轉，但是手機端訪問網站的內頁pc網址時，不會自主跳轉到相對應的移動站點，查詢了很多方法，隻有JS跳轉可以完美實現。

不考慮移動端搜索引擎優化，需要通過JS判斷是否移動端，然後確定是否跳轉到指定頁麵就行了。

添加js文件，代碼如下，名字隨意命（如 m.js）：

//判斷是否移動端，如果是則跳轉到指定的URL地址

function browserRedirect(url) {

//隻讀的字符串，聲明了瀏覽器用於 HTTP 請求的用戶代理頭的值

varsUserAgent =navigator.userAgent.toLowerCase();

varbIsIphoneOs = sUserAgent.match(/iphone os/i) =="iphone os";

varbIsMidp = sUserAgent.match(/midp/i) =="midp";

varbIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) =="rv:1.2.3.4";

varbIsUc = sUserAgent.match(/ucweb/i) =="ucweb";

varbIsAndroid = sUserAgent.match(/android/i) =="android";

varbIsCE = sUserAgent.match(/windows ce/i) =="windows ce";

varbIsWM = sUserAgent.match(/windows mobile/i) =="windows mobile";

if(bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {

window.location.replace(url);

}

}

DedeCMS的首頁、內容頁和欄目頁都是模版控製生成，因此隻需要為每個模板添加JS引用代碼即可，具體如下：

 

<1> 首頁模板調用JS跳轉代碼：

<script src="/js/m.js"></script>

<script type="text/javascript">browserRedirect ("移動端網址");</script>

<2> 欄目/列表頁模板調用的代碼：

<script src="/js/m.js"></script>

<script type="text/javascript">browserRedirect

("移動端網址{dede:type typeid='0&prime; row=1}[field:typelink/]{/dede:type}"); </script>

<3> 文章內容頁模板調用代碼：

<script src="/js/m.js"></script>

<script type="text/javascript">browserRedirect ("移動端網址{dede:field name='arcurl'/}"); </script>

更新全站緩存並重新生成內容頁、欄目頁、首頁，再用移動端訪問PC電腦網址就可以完美實現跳轉。

 

Ps：由於本人也是dedecms小白用戶，因此相關技術原理也不懂，也是網上搜索了很多教程，才最終實現的。希望這個教程可以幫助到和我一樣有需要的站長朋友們，站長本是弱勢群體，希望大家盡量可能多分享，互幫互助！

如按此教程操作還不成功，有問題的朋友，可以跟帖回複，我會的都會盡量回複大家。當然再三聲明我也是小白，如果我不會的，也隻能要你自己去百度多搜索，看看別人怎麼操作 

文章來源：百度站長平台