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

var distinguishBrowser= function browserInfo() {
      var browser = {
//            IE瀏覽器
            msie: false,
//            谷歌瀏覽器
            chrome: false,
//            火狐瀏覽器
            firefox: false,
//            opera瀏覽器
            opera: false,
//             safrai瀏覽器
            safari: false,
//            正在使用的瀏覽器的名字
            name: 'unknown',
//            正使用瀏覽器的版本號
            version: 0
          },
          userAgent = window.navigator.userAgent.toLowerCase();
//      使用正則對用戶當前瀏覽器進行判斷
      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判斷主流瀏覽器類型和版本號的簡單實現(xiàn)代碼就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

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