如何讓網頁識別是否從移動端登入？

標籤：android   cWeb   c   style   class   blog   

如何讓網頁識別是否從移動端登入？
===============================
在寫自己的網站的時候遇到了這樣的問題，由於網頁調用了大量的JavaScript和css代碼，如果在移動端直接看的話效果不佳，為瞭解決這個問題，我想到了讓網頁識別出當前的登入裝置是否是移動端，如果是移動端的裝置，那麼就跳轉到專門為移動端做過最佳化的頁面。那麼如何?呢？

 

其實將一段簡單的JavaScript代碼插入到html的header部分就可以實現。

 1 <script type="text/javascript">   2             function browserRedirect() {   3                 var sUserAgent = navigator.userAgent.toLowerCase();   4                 var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";   5                 var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";   6                 var bIsMidp = sUserAgent.match(/midp/i) == "midp";   7                 var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";   8                 var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";   9                 var bIsAndroid = sUserAgent.match(/android/i) == "android";  10                 var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";  11                 var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";  12                 if ((bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) ){  13                     window.location.href="跳轉的網頁路徑";14                 } 15             }  16             browserRedirect();          </script>

怎麼樣，簡單易行吧？