2014年8月26日 星期二

【筆記】使用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.userAgentJavaScript中一個簡單的正規表示式,就可以這樣判斷:
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

參考來源

沒有留言: