摘要：由于那個時候是霸主，這也導致微軟推出的時候必須把自己偽裝成瀏覽器，于是他們的也是以開頭的。各個版本典型的如下其中之后的就是當前的版本號。的幾個版本的其中之后的是版本號提供了專門的瀏覽器標志，就是屬性。目前，的是其中，版本號在之后的數字。

瀏覽器嗅探不用說了，為了更好的性能，會需要各種各樣的兼容性處理，自然就會有針對不同瀏覽器的判斷.
一般的代碼中，我們都是通過navigator.userAgent來判斷不同的瀏覽器的情況的。

火狐：

chrome:

ie8:

sougou高速:

sougou兼容：

首先為什么全部都是Mozilla打頭，而后后面的一堆內容都是什么，我們獲取瀏覽器是什么，版本號是什么，當前是什么設備，當前是什么操作系統，分別應該從哪個字段里面判斷呢？
為什么都是Mozilla打頭

最早的時候，Netscape 把他們瀏覽器中的 User-Agent 定成了 Mozilla/4.04 (Macintosh; I; PPC) 的形式。由于里面包含了引擎名和版本信息，那個時候很多做網站的程序員就利用 User-Agent 來判斷瀏覽器特性（比如是否支持 frame 等），對于他們認為不符合要求的瀏覽器顯示不兼容內容（就像現在程序員歧視 IE 6 那樣）。

由于那個時候 Netscape 是霸主，這也導致微軟推出 IE 的時候必須把自己偽裝成 Netscape 瀏覽器，于是他們的 User-Agent 也是以 Mozilla/4.0 開頭的。（當然微軟成為霸主之后就用一句「for historical reasons」淡定地帶過此歷史。）后來這也就成為了事實標準，所有主要瀏覽器都以 Mozilla/x.0 開頭了。

參考：https://msdn.microsoft.com/en-us/library/ms537503%28v=vs.85%29；http://www-archive.mozilla.org/build/user-agent-strings.html
詳細的各個瀏覽器的各個字段的意義

基本上大概是這樣的，但是瀏覽器的世界你懂得，還是有各種各樣的。

已經有不少人整理里，不貼了，移步查看

http://www.cnblogs.com/georgewing/archive/2010/01/18/1650960.html
那么好吧，知道這么多，怎么破，怎么做各種各樣的判斷呢？

我們先來分析一下各種瀏覽器的特征及其userAgent

只有IE支持創建ActiveX控件，因此，ActiveObject函數可以作為判斷標準。
IE各個版本典型的userAgent如下：

Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0)
Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2)
Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1)
Mozilla/4.0 (compatible; MSIE 5.0; Windows NT)

其中MSIE之后的就是當前ie的版本號。

Firefox中的DOM元素有這么個getBoxObjectFor函數，用來獲取DOM元素的位置和大小。這是Firefoxd獨有的，so，你懂得。
Firefox的幾個版本的userAgent：

Mozilla/5.0 (Windows; U; Windows NT 5.2) Gecko/2008070208 Firefox/3.0.1
Mozilla/5.0 (Windows; U; Windows NT 5.1) Gecko/20070309 Firefox/2.0.0.3
Mozilla/5.0 (Windows; U; Windows NT 5.1) Gecko/20070803 Firefox/1.5.0.12

其中Firefox之后的是版本號

Opera提供了專門的瀏覽器標志，就是window.opera屬性。Opera典型的userAgent如下：

Opera/9.27 (Windows NT 5.2; U; zh-cn)
Opera/8.0 (Macintosh; PPC Mac OS X; U; en)
Mozilla/5.0 (Macintosh; PPC Mac OS X; U; en) Opera 8.0

Safari瀏覽器中有一個其他瀏覽器沒有的openDatabase函數，可做為判斷Safari的標志。Safari典型的userAgent如下

Mozilla/5.0 (Windows; U; Windows NT 5.2) AppleWebKit/525.13 (KHTML, like Gecko) Version/3.1 Safari/525.13
Mozilla/5.0 (iPhone; U; CPU like Mac OS X) AppleWebKit/420.1 (KHTML, like Gecko) Version/3.0 Mobile/4A93 Safari/419.3

其版本號是Version之后的數字。

Chrome有一個MessageEvent函數，但Firefox也有。不過，好在Chrome并沒有Firefox的getBoxObjectFor函數，根據這個條件還是可以準確判斷出Chrome瀏覽器的。目前，Chrome的userAgent是：

Mozilla/5.0 (Windows; U; Windows NT 5.2) AppleWebKit/525.13 (KHTML, like Gecko) Chrome/0.2.149.27 Safari/525.13

其中，版本號在Chrome之后的數字。

普通青年

var Sys = {};
var ua = navigator.userAgent.toLowerCase();
var s;
(s = ua.match(/msie ([d.]+)/)) ? Sys.ie = s[1] :
(s = ua.match(/firefox/([d.]+)/)) ? Sys.firefox = s[1] :
(s = ua.match(/chrome/([d.]+)/)) ? Sys.chrome = s[1] :
(s = ua.match(/opera.([d.]+)/)) ? Sys.opera = s[1] :
(s = ua.match(/version/([d.]+).*safari/)) ? Sys.safari = s[1] : 0;
//以下進行測試
if (Sys.ie) document.write("IE: " + Sys.ie);
if (Sys.firefox) document.write("Firefox: " + Sys.firefox);
if (Sys.chrome) document.write("Chrome: " + Sys.chrome);
if (Sys.opera) document.write("Opera: " + Sys.opera);
if (Sys.safari) document.write("Safari: " + Sys.safari);

以上方法好看好懂，基本的模板實現，均是這種標準
文藝青年

var Sys = {};

var ua = navigator.userAgent.toLowerCase();
if (window.ActiveXObject)
    Sys.ie = ua.match(/msie ([d.]+)/)[1]
else if (document.getBoxObjectFor)
    Sys.firefox = ua.match(/firefox/([d.]+)/)[1]
else if (window.MessageEvent && !document.getBoxObjectFor)
    Sys.chrome = ua.match(/chrome/([d.]+)/)[1]
else if (window.opera)
    Sys.opera = ua.match(/opera.([d.]+)/)[1]
else if (window.openDatabase)
    Sys.safari = ua.match(/version/([d.]+)/)[1];

//以下進行測試
if(Sys.ie) document.write("IE: "+Sys.ie);
if(Sys.firefox) document.write("Firefox: "+Sys.firefox);
if(Sys.chrome) document.write("Chrome: "+Sys.chrome);
if(Sys.opera) document.write("Opera: "+Sys.opera);
if(Sys.safari) document.write("Safari: "+Sys.safari);

文藝方法，高效率，知道的知識點需要更多，但是不好讀，別人拿到估計會不太高興的。
touch設備的檢測連買帶送

var navigator = window.navigator,
    userAgent = navigator.userAgent,
    android = userAgent.match(/(Android)[s/]+([d.]+)/),
    ios = userAgent.match(/(iPad|iPhone|iPod)s+OSs([d_.]+)/),
    wp = userAgent.match(/(Windowss+Phone)s([d.]+)/),
    isWebkit = /WebKit/[d.]+/i.test(userAgent),
    isSafari = ios ? (navigator.standalone ? isWebkit: (/Safari/i.test(userAgent) && !/CriOS/i.test(userAgent) && !/MQQBrowser/i.test(userAgent))) : false,
    os = {};

if (android) {
    os.android = true;
    os.version = android[2];
}
if (ios) {
    os.ios = true;
    os.version = ios[2].replace(/_/g, ".");
    os.ios7 = /^7/.test(os.version);
    if (ios[1] === "iPad") {
        os.ipad = true;
    } else if (ios[1] === "iPhone") {
        os.iphone = true;
        os.iphone5 = screen.height == 568;
    } else if (ios[1] === "iPod") {
        os.ipod = true;
    }
}
if (wp) {
    os.wp = true;
    os.version = wp[2];
    os.wp8 = /^8/.test(os.version);
}
if (isWebkit) {
    os.webkit = true;
}
if (isSafari) {
    os.safari = true;
}

return os;

好不好用，自己試試