zoukankan      html  css  js  c++  java
  • 判断浏览器类型、语言、微信、页面首次加载等

    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("页面被刷新");
         }
  • 相关阅读:
    函数对象中的prototype属性
    undefined和null的区别
    访问修饰符
    继承
    静态成员和实例成员的区别
    js模拟Trim()方法
    连接池的执行原理
    Javascript中的= =(等于)与= = =(全等于)区别
    数据库中创建约束
    KM算法入门
  • 原文地址:https://www.cnblogs.com/yh6652210/p/11888589.html
Copyright © 2011-2022 走看看