快捷導(dǎo)航

javascript判斷chrome瀏覽器的方法

更新時(shí)間：2014年03月26日 14:27:49 投稿：zxhpj

這篇文章主要介紹了javascript判斷chrome瀏覽器的方法，通過userAgent判斷檢測一下userAgent返回的字符串里面是否包含“Chrome”,需要的朋友可以參考下

通過userAgent判斷檢測一下userAgent返回的字符串里面是否包含“Chrome”, 具體怎么檢測是通過indexOf方法進(jìn)行的。

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

關(guān)于indexOf方法：

indexOf方法返回一個(gè)整數(shù)值，指出String對(duì)象內(nèi)子字符串的開始位置。即indexOf()括號(hào)內(nèi)所包含的字符在該字符串內(nèi)的位置，在第幾位就返回幾，從0開始記數(shù)。如果有重復(fù)的字符出現(xiàn)，以第一個(gè)字符為準(zhǔn)。如果沒有找到子字符串，則返回 -1。

JS通過內(nèi)核判斷各種瀏覽器|區(qū)分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內(nèi)核的瀏覽器存在ActiveXObject對(duì)象。由此可以判斷是否為IE瀏覽器

判斷瀏覽器類型，我們需要遵循以下原則：

1、采取命中特征原則，當(dāng)且僅當(dāng)完全符合區(qū)分瀏覽器的特征時(shí)我們才會(huì)采用此特征。例如單純通過UA中MSIE來檢測是否為IE瀏覽器是不可靠的。而通過判斷是否存在MimeType“application/vnd.chromium.remoting-viewer”來斷言原生Chrome在現(xiàn)階段來看是可行性，但也不保證永久有效。
2、對(duì)于主流瀏覽器來說一般不存在UserAgent關(guān)鍵字沖突，但對(duì)于許多加殼瀏覽器者就不一定了。再次提出某數(shù)字瀏覽器，userAgent干脆和IE一模一樣，但渲染模式等等不不知道動(dòng)了什么手腳，與標(biāo)準(zhǔn)IE行為差異很大。通過userAgent來判斷瀏覽器時(shí)，優(yōu)先命中瀏覽器特征字。匹配則基本確定為該瀏覽器，但未匹配也并不代表不是此瀏覽器。請(qǐng)悉知。
3、優(yōu)先使用瀏覽器特性來區(qū)分瀏覽器，因?yàn)檫@個(gè)準(zhǔn)確性較高。其次再采用userAgent輔助判斷，從而達(dá)到最高的匹配度。
4、優(yōu)先檢測第三方加殼瀏覽器，目前并未有十分好的方案，只能枚舉大部分世面上存在并可以判斷的瀏覽器，其他未匹配任何規(guī)則的瀏覽器，為了兼容，請(qǐng)將規(guī)則落到四大瀏覽器之一。
5、判斷瀏覽器版本，僅僅是為了針對(duì)特定瀏覽器進(jìn)行優(yōu)化，需要有特定的業(yè)務(wù)場景需要才要這么做?；蛘弋?dāng)某個(gè)瀏覽器出現(xiàn)兼容問題時(shí)，緊急添加針對(duì)瀏覽器的補(bǔ)丁代碼時(shí)才判斷。更加科學(xué)穩(wěn)妥的辦法是使用標(biāo)準(zhǔn)的JS函數(shù)和API，頁面元素和樣式設(shè)計(jì)遵循W3C標(biāo)準(zhǔn)?？赡艽嬖跔幾h的兼容性問題盡可能采用第三方框架如jQuery。這才是解決兼容性問題的根本。
下面附上最近整理規(guī)納判斷瀏覽器類型的代碼

您可能感興趣的文章: