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("页面被刷新");
         }
  • 相关阅读:
    NTP时钟服务器(卫星授时)技术让网络时间同步不再难
    视频监控系统为何需要GPS北斗授时服务器?
    如何选购GPS北斗卫星时钟同步装置?市场均价多少?
    Orange'S学习笔记(一)
    Oracle 11g中文版高清视频教程
    新书推荐:Orange'S:一个操作系统的实现
    引导扇区汇编代码解释
    灰度图转伪彩色图代码
    Visual Odometry For GPSDenied Flight And Mapping Using A Kinect
    [原创]日行一善,命运在不知不觉中改变
  • 原文地址:https://www.cnblogs.com/yh6652210/p/11888589.html
Copyright © 2011-2022 走看看