【筆記】使用JavaScript來判斷是否為Chrome

用JavaScript來判斷是否為Chrome之前，先來看看navigator.userAgent這屬性：

console.log(navigator.userAgent);

開啟網頁後，上列的程式在Firefox 31.0中，會顯示：

Mozilla/5.0 (Windows NT 6.1; WOW64; rv:31.0) Gecko/20100101 Firefox/31.0

若是在Chrome 36.0.1985.143 m中，會顯示：

Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/36.0.1985.143 Safari/537.36 

使用navigator.userAgent和JavaScript中一個簡單的正規表示式，就可以這樣判斷：

var isChrome = /chrom(e|ium)/.test(navigator.userAgent.toLowerCase());
console.log(isChrome); //在Chrome中顯示true，其他瀏器為false

若是使用jQuery 1.9以前的版本(不包含1.9，此屬性在1.9以後就被移除了)，可以為$.browser加上chrome屬性來使用：

$.browser.chrome = /chrom(e|ium)/.test(navigator.userAgent.toLowerCase());
console.log($.browser.chrome);

若要判斷其他瀏覽器，就請自行發揮了，XD

參考來源

• How to detect if a browser is Chrome using jQuery?
• http://api.jquery.com/jquery.browser/