1. 首页
  2. 文章中心
  3. JavaScript

javascript判断chrome浏览器的方法

127 阅读 0 评论

通过userAgent判断检测一下userAgent返回的字符串里面是否包含“Chrome”, 具体怎么检测是通过indexOf方法进行的。

<script type="text/javascript">
  var isChrome = window.navigator.userAgent.indexOf("Chrome") !== -1;
  alert(isChrome);
  if (isChrome) {
    alert("是Chrome浏览器");
  } else {
    alert("不是Chrome浏览器");
  }
</script>

关于indexOf方法：

indexOf方法返回一个整数值，指出String对象内子字符串的开始位置。即indexOf()括号内所包含的字符在该字符串内的位置，在第几位就返回几，从0开始记数。如果有重复的字符出现，以第一个字符为准。如果没有找到子字符串，则返回 -1。

 JS通过内核判断各种浏览器|区分360与谷歌（亲测可用）

function getBrowserInfo(){
    var ua = navigator.userAgent.toLocaleLowerCase();
    var browserType=null;
    if (ua.match(/msie/) != null || ua.match(/trident/) != null) {
      browserType = "IE";
      browserVersion = ua.match(/msie ([d.]+)/) != null ? ua.match(/msie ([d.]+)/)[1] : ua.match(/rv:([d.]+)/)[1];
    } else if (ua.match(/firefox/) != null) {
      browserType = "火狐";
    }else if (ua.match(/ubrowser/) != null) {
      browserType = "UC";
    }else if (ua.match(/opera/) != null) {
      browserType = "欧朋";
    } else if (ua.match(/bidubrowser/) != null) {
      browserType = "百度";
    }else if (ua.match(/metasr/) != null) {
      browserType = "搜狗";
    }else if (ua.match(/tencenttraveler/) != null || ua.match(/qqbrowse/) != null) {
      browserType = "QQ";
    }else if (ua.match(/maxthon/) != null) {
      browserType = "遨游";
    }else if (ua.match(/chrome/) != null) {
      var is360 = _mime("type", "application/vnd.chromium.remoting-viewer");
      function _mime(option, value) {
        var mimeTypes = navigator.mimeTypes;
        for (var mt in mimeTypes) {
          if (mimeTypes[mt][option] == value) {
            return true;
          }
        }
        return false;
      }
      if(is360){
        browserType = '360';
      }else{
        $('html').css("zoom",".80");
      }
    }else if (ua.match(/safari/) != null) {
      browserType = "Safari";
    }
}

只有原生Chrome中存在一种MimeType“application/vnd.chromium.remoting-viewer”，由此可以判断浏览器是加壳Chrome或是原生Chrome。
再如，只有IE内核的浏览器存在ActiveXObject对象。由此可以判断是否为IE浏览器

判断浏览器类型，我们需要遵循以下原则：

1、采取命中特征原则，当且仅当完全符合区分浏览器的特征时我们才会采用此特征。例如单纯通过UA中MSIE来检测是否为IE浏览器是不可靠的。而通过判断是否存在MimeType“application/vnd.chromium.remoting-viewer”来断言原生Chrome在现阶段来看是可行性，但也不保证永久有效。
2、对于主流浏览器来说一般不存在UserAgent关键字冲突，但对于许多加壳浏览器者就不一定了。再次提出某数字浏览器，userAgent干脆和IE一模一样，但渲染模式等等不不知道动了什么手脚，与标准IE行为差异很大。通过userAgent来判断浏览器时，优先命中浏览器特征字。匹配则基本确定为该浏览器，但未匹配也并不代表不是此浏览器。请悉知。
3、优先使用浏览器特性来区分浏览器，因为这个准确性较高。其次再采用userAgent辅助判断，从而达到最高的匹配度。
4、优先检测第三方加壳浏览器，目前并未有十分好的方案，只能枚举大部分世面上存在并可以判断的浏览器，其他未匹配任何规则的浏览器，为了兼容，请将规则落到四大浏览器之一。
5、判断浏览器版本，仅仅是为了针对特定浏览器进行优化，需要有特定的业务场景需要才要这么做。或者当某个浏览器出现兼容问题时，紧急添加针对浏览器的补丁代码时才判断。更加科学稳妥的办法是使用标准的JS函数和API，页面元素和样式设计遵循W3C标准。可能存在争议的兼容性问题尽可能采用第三方框架如jQuery。这才是解决兼容性问题的根本。
下面附上最近整理规纳判断浏览器类型的代码

点赞(84)

评论列表共有 0 条评论

立即
投稿
返回
顶部