js判斷當(dāng)前頁(yè)面在移動(dòng)設(shè)備還是在PC端中打開

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

這篇文章主要介紹了js判斷當(dāng)前頁(yè)面在移動(dòng)設(shè)備還是在PC端中打開的相關(guān)資料,需要的朋友可以參考下

本文實(shí)例講解了js判斷當(dāng)前頁(yè)面在移動(dòng)設(shè)備還是在PC端中打開的詳細(xì)代碼，分享給大家供大家參考，具體內(nèi)容如下

 var browser = {
              versions: function () {
                var u = navigator.userAgent, app = navigator.appVersion;
                return {     //移動(dòng)終端瀏覽器版本信息
                  trident: u.indexOf('Trident') > -1, //IE內(nèi)核
                  presto: u.indexOf('Presto') > -1, //opera內(nèi)核
                  webKit: u.indexOf('AppleWebKit') > -1, //蘋果、谷歌內(nèi)核
                  gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐內(nèi)核
                  mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否為移動(dòng)終端
                  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應(yīng)該程序，沒有頭部與底部
                };
              }(),
              language: (navigator.browserLanguage || navigator.language).toLowerCase()
            }            
            if (browser.versions.mobile) {//判斷是否是移動(dòng)設(shè)備打開。browser代碼在下面
                var ua = navigator.userAgent.toLowerCase();//獲取判斷用的對(duì)象
                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判斷用戶的瀏覽設(shè)備是移動(dòng)設(shè)備還是PC

最近做的一個(gè)網(wǎng)站頁(yè)面中需要根據(jù)用戶的訪問(wèn)設(shè)備的不同來(lái)顯示不同的頁(yè)面樣式，主要是判斷移動(dòng)設(shè)備還是電腦瀏覽器訪問(wèn)的。

下面給出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("您的瀏覽設(shè)備為：");
      if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
        document.writeln("phone");
      } else {
        document.writeln("pc");
      }
    }

    browserRedirect();
  </script>

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

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助。

您可能感興趣的文章: