在編寫網(wǎng)站時，我們需要考慮到不同瀏覽器的兼容性問題。而JavaScript瀏覽器檢測就是為了解決這類問題而出現(xiàn)的。簡單來說，瀏覽器檢測的目的就是為了在不同的瀏覽器上看到一致的網(wǎng)頁效果。

常見的瀏覽器有Chrome、Firefox、Safari、Opera等，在不同的瀏覽器中可能會有不同的問題。例如，IE瀏覽器在解析CSS樣式時可能跟其他瀏覽器有所不同。而在JavaScript中，我們可以通過檢測瀏覽器類型和版本號，針對不同的瀏覽器做出相應(yīng)的處理。

// 檢測IE瀏覽器版本
if(window.ActiveXObject){
var version = navigator.appVersion.toLowerCase();
var ieReg = /msie\s(\d+)/;
var match = ieReg.exec(version);
if(match){
var ieVersion = parseInt(match[1]);
if(ieVersion< 9){
alert('請使用IE9及以上版本瀏覽器');
}
}
}

可以看到上面的代碼使用了navigator對象的屬性，該對象可以提供關(guān)于瀏覽器的信息，如瀏覽器名稱、版本、是否支持Cookie等。在上面的代碼中，我們通過判斷ActiveXObject屬性是否存在來確定用戶是否使用IE瀏覽器，然后使用正則表達(dá)式來獲取其版本號。

還可以使用特定的屬性來檢測瀏覽器類型，例如IE瀏覽器中的'attachEvent'方法，其他瀏覽器中的'addEventListener'方法：

// 檢測瀏覽器類型
var eventName = 'click';
if(window.attachEvent){
eventName = 'onclick';
}
document.getElementById('btn').addEventListener(eventName, function(){
alert('Hello World!');
});

上述代碼中，我們根據(jù)瀏覽器是否支持attachEvent方法來決定事件名稱是'click'還是'onclick'，從而為按鈕添加一個點(diǎn)擊事件監(jiān)聽器。

除了檢測瀏覽器類型和版本號外，我們還可以通過特定的CSS樣式來檢測瀏覽器。例如，有些瀏覽器支持CSS3中的某些樣式，而有些瀏覽器不支持。這時，我們可以在JavaScript中檢測指定的CSS屬性是否存在。

// 檢測CSS樣式
function supportsCSS(prop){
var prefixes = ['-webkit-', '-moz-', '-o-', '-ms-', ''];
var div = document.createElement('div');
for(var i = 0; i< prefixes.length; i++){
var prefix = prefixes[i];
var propWithPrefix = prefix + prop;
if(div.style[propWithPrefix] !== undefined){
return true;
}
}
return false;
}
if(supportsCSS('border-radius')){
alert('該瀏覽器支持圓角樣式');
}

在上面的代碼中，我們使用了CSS3的圓角樣式'border-radius'，然后通過創(chuàng)建一個新元素、循環(huán)添加各種瀏覽器前綴來檢測是否支持該樣式。

綜上所述，JavaScript瀏覽器檢測是為了解決兼容性問題而出現(xiàn)的。我們可以通過檢測瀏覽器類型和版本號、特定的CSS樣式等來實(shí)現(xiàn)針對不同瀏覽器的兼容性處理。