JS判断浏览器类型

发表于 2017-07-31 20:54:00

事情的起因是这样的：前几天给当前主题添加了CSS3动画，怎奈一些老版本的浏览器不兼容，尤其是IE系列，让人头疼，不仅效果没有，后台还会报错。就想着判断下浏览器的类型，只要是IE10及以下的版本都干脆不加载了，这样也省心。IE11、Edge、chrome、Firefox等等支持CSS3的就加载。
于是乎就出现了下面的代码：

  • 仅判断是否为IE10及以下版本

    if(navigator.userAgent.indexOf("MSIE")>-1){alert('ture');}else{alert('false');};

  • 仅判断是否为Edge浏览器

    if(navigator.userAgent.indexOf("Edge")>-1){alert('ture');}else{alert('fasle');};

  • 判断是否为IE（含IE11）及Edge浏览器

    if(!!window.ActiveXObject || "ActiveXObject" in window === true || navigator.userAgent.indexOf("Edge")>-1){alert('ture');}else{alert('fasle');};

    举个例子

    如果你想在Bitcron中应用某个样式表，并且是在检测到为非IE10及以下版本的浏览器时才加载，在jade文件中+h.headers后面如下添加：

    script(type='text/javascript')
   if(navigator.userAgent.indexOf("MSIE")<0){
      document.write("<link href='/template/source/css/play.css' rel='stylesheet' type='text/css'>");
       };