如今的互聯(lián)網(wǎng)中，瀏覽器可以說是太多太多了，但是大部分都是換殼不換心，基本上主流的瀏覽器還是火狐，谷歌，IE，safrai這幾種比較常見，所以在我們的開發(fā)中，有時(shí)候需要遇到判斷用戶正在使用什么瀏覽器以及使用的版本是多少，并根據(jù)返回值，給予一定的提示，下面，我就簡單的介紹一種判斷用戶瀏覽器的使用情況的代碼。

var distinguishBrowser= function browserInfo() {
      var browser = {
//            IE瀏覽器
            msie: false,
//            谷歌瀏覽器
            chrome: false,
//            火狐瀏覽器
            firefox: false,
//            opera瀏覽器
            opera: false,
//             safrai瀏覽器
            safari: false,
//            正在使用的瀏覽器的名字
            name: 'unknown',
//            正使用瀏覽器的版本號(hào)
            version: 0
          },
          userAgent = window.navigator.userAgent.toLowerCase();
//      使用正則對(duì)用戶當(dāng)前瀏覽器進(jìn)行判斷
      if (/(msie|chrome|firefox|opera|netscape)\D+(\d[\d.]*)/.test(userAgent)) {
        browser[RegExp.$1] = true;
        browser.name = RegExp.$1;
        browser.version = RegExp.$2;
      } else if (/version\D+(\d[\d.]*).*safari/.test(userAgent)) {
        browser.safari = true;
        browser.name = 'safari';
        browser.version = RegExp.$2;
      }
      return browser;
    }

    var browserr = browserInfo();
    if (mybi.msie) {
      console.log(browserr.version);
    } else {
      console.log(browserr.name + ' ' + browserr.version);
    }

  })()

以上這篇js判斷主流瀏覽器類型和版本號(hào)的簡單實(shí)現(xiàn)代碼就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Require.JS中的幾種define定義方式示例
這篇文章主要給大家介紹了關(guān)于Require.JS中幾種define定義方式的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧。
2017-06-06
淺談javascript函數(shù)劫持[轉(zhuǎn)自xfocus]
javascript函數(shù)劫持，也就是老外提到的javascript hijacking技術(shù)。最早還是和劍心同學(xué)討論問題時(shí)偶然看到的一段代碼
2008-02-02
JavaScript拖動(dòng)層Div代碼
本文主要介紹了JavaScript拖動(dòng)層Div的代碼實(shí)例。具有很好的參考價(jià)值，下面跟著小編一起來看下吧
2017-03-03
微信小程序?qū)崿F(xiàn)瀑布流布局與無限加載的方法詳解
瀑布流布局是我們?nèi)粘ｉ_發(fā)中經(jīng)常見到的一種頁面布局方式，下面這篇文章主要給大家介紹了微信小程序?qū)崿F(xiàn)瀑布流布局與無限加載的相關(guān)資料，文中給出了詳細(xì)介紹和示例代碼供大家參考學(xué)習(xí)，需要的朋友們下面來一起看看吧。
2017-05-05
事件模型在各瀏覽器中存在差異
根據(jù) W3C DOM 2 Events 描述，EventTarget 接口被所有支持 DOM 事件模型的節(jié)點(diǎn)（Node）實(shí)現(xiàn)。該接口提供addEventListener 和removeEventListener方法，用來綁定或解綁一個(gè) EventListeners 接口到一個(gè) EventTarget。
2010-10-10
ES6中的WeakMap和WeakSet特性和用途詳解
在JavaScript的ES6版本中,引入了WeakMap和WeakSet這兩種新的數(shù)據(jù)結(jié)構(gòu),與Map和Set相比,它們有一些特殊的特點(diǎn)和用途,使它們?cè)谔幚韮?nèi)存泄漏問題、管理對(duì)象私有數(shù)據(jù)、處理對(duì)象的唯一性等場景中有顯著的優(yōu)勢,本文將深入探討WeakMap和WeakSet的特性和用途,一起看看吧
2023-12-12
微信小程序?qū)崿F(xiàn)modal彈出框遮罩層組件（可帶文本框）
這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)modal彈出框遮罩層組件（可帶文本框）的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-12-12
js 阻止子元素響應(yīng)父元素的onmouseout事件具體實(shí)現(xiàn)
本文為大家介紹下js阻止子元素響應(yīng)父元素的onmouseout事件，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下
2013-12-12
Javascript中的var_dump函數(shù)實(shí)現(xiàn)代碼
發(fā)現(xiàn)了一個(gè)非常好的JavaScript調(diào)試方法，目前看到的是可以打印Object/Array/Function/String四種類型，使用方法和PHP中的var_dump()一樣，只要直接dump(變量名)即可。
2009-09-09
javascript中獲取元素標(biāo)簽中間的內(nèi)容的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨avascript中獲取元素標(biāo)簽中間的內(nèi)容的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-10-10