溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

js判斷瀏覽器的環(huán)境（pc端，移動端，還是微信瀏覽器）

發(fā)布時間：2020-10-20 12:12:04 來源：腳本之家 閱讀：885 作者：rommel0618 欄目：web開發(fā)

今天突然看到一段很好的代碼，分享給大家，順便也給自己留個筆記，js判斷瀏覽器的環(huán)境具體如下：

方法一：

 // 判斷瀏覽器函數(shù)
  function isMobile(){
    if(window.navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)) {
      return true; // 移動端
    }else{
      return false; // PC端
    }
  }

方法二：這個方法摘自：im.qq.com

var os = function() { 
   var ua = navigator.userAgent, 
   isWindowsPhone = /(?:Windows Phone)/.test(ua), 
   isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone,  
   isAndroid = /(?:Android)/.test(ua),  
   isFireFox = /(?:Firefox)/.test(ua),  
   isChrome = /(?:Chrome|CriOS)/.test(ua), 
   isTablet = /(?:iPad|PlayBook)/.test(ua) || (isAndroid && !/(?:Mobile)/.test(ua)) || (isFireFox && /(?:Tablet)/.test(ua)), 
   isPhone = /(?:iPhone)/.test(ua) && !isTablet, 
   isPc = !isPhone && !isAndroid && !isSymbian; 
   return { 
     isTablet: isTablet, 
     isPhone: isPhone, 
     isAndroid : isAndroid, 
     isPc : isPc 
   }; 
}(); 
 
// 使用方法 
if(os.isAndroid || os.isPhone){
alert("-----");
}

判斷是否為微信客戶端：

 var isWechart = function () {
    var rst = true
    if(window.navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)){
      var ua = navigator.userAgent.toLowerCase();
      if (!(ua.match(/MicroMessenger/i) == "micromessenger")) {
        rst = false;
      }
    }else {
      rst = false;
    }
    return rst;
  }

判斷微信瀏覽器是PC端還是手機端，以及手機端是微信瀏覽器還是非微信瀏覽器

 //平臺、設(shè)備和操作系統(tǒng)  
     var system = { 
       win: false, 
       mac: false, 
       xll: false, 
       ipad: false 
     }; 
     //檢測平臺  
     var p = navigator.platform; 
     system.win = p.indexOf("Win") == 0; 
     system.mac = p.indexOf("Mac") == 0; 
     system.x11 = (p == "X11") || (p.indexOf("Linux") == 0); 
     system.ipad = (navigator.userAgent.match(/iPad/i) != null) ? true : false; 
     //跳轉(zhuǎn)語句，如果是手機訪問就自動跳轉(zhuǎn)到wap.baidu.com頁面  
     if (system.win || system.mac || system.xll || system.ipad) { 
       alert("在PC端上打開的");
     } else { 
       var ua = navigator.userAgent.toLowerCase();  
       if(ua.match(/MicroMessenger/i)=="micromessenger") {  
         alert("在手機端微信上打開的"); 
       } else {  
         alert("在手機上非微信上打開的"); 
       }  
     }

 以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手