js判斷當前頁面在移動設備還是在PC端中打開

更新時間：2016年01月06日 08:48:12 投稿：lijiao

這篇文章主要介紹了js判斷當前頁面在移動設備還是在PC端中打開的相關資料,需要的朋友可以參考下

本文實例講解了js判斷當前頁面在移動設備還是在PC端中打開的詳細代碼，分享給大家供大家參考，具體內容如下

 var browser = {
              versions: function () {
                var u = navigator.userAgent, app = navigator.appVersion;
                return {     //移動終端瀏覽器版本信息
                  trident: u.indexOf('Trident') > -1, //IE內核
                  presto: u.indexOf('Presto') > -1, //opera內核
                  webKit: u.indexOf('AppleWebKit') > -1, //蘋果、谷歌內核
                  gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐內核
                  mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否為移動終端
                  ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios終端
                  android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android終端或uc瀏覽器
                  iPhone: u.indexOf('iPhone') > -1, //是否為iPhone或者QQHD瀏覽器
                  iPad: u.indexOf('iPad') > -1, //是否iPad
                  webApp: u.indexOf('Safari') == -1 //是否web應該程序，沒有頭部與底部
                };
              }(),
              language: (navigator.browserLanguage || navigator.language).toLowerCase()
            }            
            if (browser.versions.mobile) {//判斷是否是移動設備打開。browser代碼在下面
                var ua = navigator.userAgent.toLowerCase();//獲取判斷用的對象
                if (ua.match(/MicroMessenger/i) == "micromessenger") {
                    //在微信中打開
                   setInterval(WeixinJSBridge.call('closeWindow'),2000);
                }
                if (ua.match(/WeiBo/i) == "weibo") {
                    //在新浪微博客戶端打開
                }
                if (ua.match(/QQ/i) == "qq") {
                    //在QQ空間打開
                }
                if (browser.versions.ios) {
                    //是否在IOS瀏覽器打開
                } 
                if(browser.versions.android){
                    //是否在安卓瀏覽器打開
                }
            } else {
                //否則就是PC瀏覽器打開
                window.close();
            }

代碼二：js判斷用戶的瀏覽設備是移動設備還是PC

最近做的一個網站頁面中需要根據用戶的訪問設備的不同來顯示不同的頁面樣式，主要是判斷移動設備還是電腦瀏覽器訪問的。

下面給出js判斷處理代碼，以作參考。

<script type="text/javascript">
    function browserRedirect() {
      var sUserAgent = navigator.userAgent.toLowerCase();
      var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
      var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
      var bIsMidp = sUserAgent.match(/midp/i) == "midp";
      var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
      var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
      var bIsAndroid = sUserAgent.match(/android/i) == "android";
      var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
      var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
      document.writeln("您的瀏覽設備為：");
      if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
        document.writeln("phone");
      } else {
        document.writeln("pc");
      }
    }

    browserRedirect();
  </script>

我用電腦上的瀏覽器，android設備，iphone，ipad均做過測試，此代碼可行，各設備判斷均正確。

以上就是本文的全部內容，希望對大家的學習有所幫助。

您可能感興趣的文章: