资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

js判断浏览器的环境(pc端,移动端,还是微信浏览器)

今天突然看到一段很好的代码,分享给大家,顺便也给自己留个笔记,js判断浏览器的环境具体如下:

在岱山等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供做网站、成都网站建设 网站设计制作按需开发,公司网站建设,企业网站建设,成都品牌网站建设,全网整合营销推广,外贸网站建设,岱山网站建设费用合理。

方法一:

 // 判断浏览器函数
  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端还是手机端,以及手机端是微信浏览器还是非微信浏览器

 //平台、设备和操作系统  
     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; 
     //跳转语句,如果是手机访问就自动跳转到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("在手机上非微信上打开的"); 
       }  
     }

 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持创新互联。


网页标题:js判断浏览器的环境(pc端,移动端,还是微信浏览器)
本文来源:http://cdkjz.cn/article/ieicgi.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220