快速切換手機版網頁語法

今天臨時接到一通電話，客戶的官方網站使用手機瀏覽時突然無法跳轉到手機版網頁，情急之下在五分鐘內拼出了Java Script 跳轉語法，加入在網頁內並成功讓手機用戶跳轉成功。

我想對於一般中小型企業來說，應該也是夠用的。

▼ 一般用法：簡單判斷使用者的如果是使用 Android 或 iPhone 或 IPad 瀏覽，自動跳轉到指定的手機版網頁

語法結構：

1. 進到首頁時→自動判斷使用者的如果是使用 Android 或 iPhone 或 IPad 瀏覽，則跳轉到指定的手機版網頁

 

<script type="text/javascript">
    if(navigator.userAgent.match(/Android|iPhone|iPad/i)) {
     window.location = '手機版網址';
 }
</script>

　　

進階用法：解決進入手機版，在點回首頁時，又被系統轉回手機版的情況。(2013/11/04 更新)

語法結構：

1. 進到首頁時→自動判斷使用者的如果是使用 Android 或 iPhone 或 IPad 瀏覽，則跳轉到指定的手機版網頁
2. 網友按下手機網頁上的電腦版按鈕可以正常看到電腦版網頁→　手機板上的電腦版按鈕必須為網址網址後面加上?type=web ，網友如果點有?type=web版的，表示是從手機版跳回來的，不要再進入手機版成為鬼打牆的情況。

<script language=JavaScript>
        var url = location.search;
        var rid;
        if(url.indexOf("?") == -1) {//電腦版網址後方沒有參數，就自動進入手機版判斷程式

	            	        	if(navigator.userAgent.match(/Android|iPhone|iPad/i)) {
			    	 	window.location = '手機版網址';
			    	 }

         }

         if(url.indexOf("?") != -1)  {//電腦版網址後方有參數

            var str = url.substr(1);
            rid = str.split("=")[1];

   	        if (rid != "web" ){  //且第一個參數不是web，就自動進入手機般判斷程式
			if(navigator.userAgent.match(/Android|iPhone|iPad/i)) {
			    	 	window.location = '手機版網址';
			    	 }

	        }
	    }

</script>

　　

 

http://www.saraliang.com/archives/706

 

http://siteapp.baidu.com/static/webappservice/uaredirect.js