判断浏览器类型、语言、微信、页面首次加载等

时间:2019-11-19 14:12:11   收藏:0   阅读:84

1、检查是否是移动端(Mobile)、ipad、iphone、微信、QQ等

   //判断访问终端
        var browser={
          versions:function(){
            var u = navigator.userAgent
                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(‘Adr‘) > -1, //android终端
                  iPhone: u.indexOf(‘iPhone‘) > -1 , //是否为iPhone或者QQHD浏览器
                  iPad: u.indexOf(‘iPad‘) > -1, //是否iPad
                  webApp: u.indexOf(‘Safari‘) == -1, //是否web应该程序,没有头部与底部
                  weixin: u.indexOf(‘MicroMessenger‘) > -1, //是否微信
                  qq: u.match(/\sQQ/i) == " qq" //是否QQ
                };
          }(),
          //语言
          language:(navigator.browserLanguage || navigator.language).toLowerCase();

使用方法:

//判断是否IE内核 
        if(browser.versions.trident){ alert("is IE浏览器"); } 
        //判断是否webKit内核 
        if(browser.versions.webKit){ alert("is webKit内核浏览器"); } 
        //判断是否移动端 
        if(browser.versions.mobile||browser.versions.android||browser.versions.ios){ alert("移动端"); }
        //判断是否微信内置浏览器
        if(browser.versions.weixin){ alert("微信内置浏览器")}
        //判断是否QQ内置浏览器
        if(browser.versions.qq){ alert("qq内置浏览器")}
        //判断语言
        if(browser.language.indexOf(‘zh‘)>-1){
            alert(‘中文‘);
        }else if(browser.language.indexOf(‘en‘)>-1){
            alert(‘英文‘)
        }else{
            alert(‘其他语言‘)
        }

2、微信判断

     if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
            // console.log("移动端")
        } else {
   
            // console.log("pc端")
        }

3.判断浏览器设置语言

    if(window.name == ""){
      // console.log("首次被加载");
      var lang = navigator.language || navigator.userLanguage;
        //获取浏览器配置语言 #括号内是个运算,运算过后赋值给lang,当?前的内容为true时把?后的值赋给lang,为False时把:后的值赋给lang
        var lang = lang.substr(0, 2);//获取lang字符串的前两位
        if(lang == ‘zh‘){
   
          //   alert(‘中文浏览器‘);
        }else{
        //     alert(‘非中文浏览器‘);

     }

4 判断浏览器是否首次加载

   if(window.name == ""){
      // console.log("首次被加载");
    window.name = "isReload"; // 在首次进入页面时我们可以给window.name设置一个固定值 
     }else if(window.name == "isReload"){
      //  console.log("页面被刷新");
     }

 

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!