隨著web技術的不斷發展，越來越多的新型瀏覽器不斷涌現，同時現有的主流瀏覽器也在不斷升級和優化。不同的瀏覽器對javascript的支持程度也不盡相同，因此在開發中，經常需要識別當前用戶使用的瀏覽器來提供相應的功能和樣式。本文將介紹幾種javascript識別瀏覽器的方法，幫助開發者更好的應對不同的瀏覽器環境。

使用navigator對象

瀏覽器對象模型（Browser Object Model，簡稱BOM）是JavaScript與瀏覽器交互的重點。navigator對象是BOM的一個屬性，提供了關于瀏覽器的詳細信息，包括瀏覽器的名稱、版本、平臺和是否可移動等信息。

if(navigator.userAgent.indexOf("Firefox")!=-1) {
console.log("It's Firefox！");
} else if (navigator.userAgent.indexOf("Chrome")!=-1) {
console.log("It's Chrome！");
} else if (navigator.userAgent.indexOf("Safari")!=-1) {
console.log("It's Safari！");
} else if (navigator.userAgent.indexOf("Opera")!=-1) {
console.log("It's Opera！");
} else if (navigator.userAgent.indexOf("MSIE")!=-1) {
console.log("It's IE！");
}

該代碼使用navigator.userAgent判斷瀏覽器名稱，并輸出對應的結果。通過該方法，我們可以輕松識別出用戶所使用的瀏覽器，從而實現不同功能和樣式。

使用jQuery的$.browser對象

在jQuery1.9中，$.browser已經被廢棄，并從jQuery2.0后徹底移除。然而，對于早期的jQuery版本或者一些遺留的代碼，仍然可以使用這種方法。

if($.browser.mozilla){
console.log("It's Firefox！");
} else if($.browser.webkit){
console.log("It's Chrome or Safari！");
} else if($.browser.opera){
console.log("It's Opera！");
} else if($.browser.msie){
console.log("It's IE！");
}

該代碼使用$.browser判斷瀏覽器類型，并輸出對應的結果。值得注意的是，$.browser返回的對象包含的屬性已經在新版jQuery中被廢棄，因此不建議長期使用。

使用現成的庫

在開發中，我們可以使用一些現成的庫來識別瀏覽器類型，減少工作量。

Modernizr

Modernizr是一個js庫，可以檢測瀏覽器支持的css和html5特性，可以幫助web開發者減少對不同瀏覽器的兼容性問題。

if(Modernizr.firefox){
console.log("It's Firefox！");
} else if(Modernizr.webkit){
console.log("It's Chrome or Safari！");
} else if(Modernizr.opera){
console.log("It's Opera！");
} else if(Modernizr.ie){
console.log("It's IE！");
}

Bowser

Bowser是一個輕量級的javascript庫，專門用于檢測瀏覽器及其版本號。它可以自動檢測大部分主流瀏覽器，包括移動端和桌面端瀏覽器。

var browser = Bowser.getParser(window.navigator.userAgent);
console.log('It is ' + browser.getBrowserName() + ' version ' + browser.getBrowserVersion());

總結

在web開發中，識別不同瀏覽器的兼容性是一項基本而重要的工作。通過自己編寫javascript代碼或者使用已有的庫，都可以輕松實現瀏覽器識別，并在不同的瀏覽器環境中提供相應的功能和樣式。