一般的浏览器类型都可以通过js来判断出来，当然，少数例外（例如：360浏览器，它会隐藏自己的外壳，原因我就不解释，明白人都懂的）。今天给大家分享的是一个通过原生js写的判断浏览器类型的小例子。

原理大致如下：每一个浏览器的UA不同，例如火狐浏览器的UA是Firefox，IE浏览器的UA是MSIE，Chrome浏览器的UA是Chrome，搜狗浏览器的UA是SE，遨游浏览器的UA是Maxthon，然后通过UA就可以判断出来。

代码也很容易看懂，大家请看：你现在的类型是(可以换个浏览器打开这个页面试试效果)：

var ua = [
	["LBBROWSER", "猎豹浏览器"],
	["Maxthon", "遨游浏览器"],
	["Firefox", "火狐浏览器"],
	["SE", "搜狗浏览器"],
	["Opera", "Opera浏览器"],
	["BIDUBrowser", "百度浏览器"],
	["MSIE", "IE浏览器"],
	["Chrome", "chrome浏览器"],
	["Safari", "Safari浏览器"]
];

var _$ = function(id){return document.getElementById(id)};

var suitUa = function(){
	var _ua = navigator.userAgent;
	var ual = ua.length;
	for(var i = 0 ; i < ual; i++){
		if(new RegExp(ua[i][0]).test(_ua)){
			return ua[i];
		}
	}
	return ["unkown", "未知浏览器"];
}

var _cua = suitUa();

_$("brsName").innerHTML = _cua[1];

上面基本包含了常用的浏览器，一些其他的浏览器这里就不再说了。用的时候在需要调用的地方插入id=”brsName”就可以了。

转载请注明：欲思博客 » 用JS判断浏览器类型的代码