使用JavaScript判断浏览器类型_js获取客户端浏览器信息
2014-08-31 11:05:33  By: dwtedx

前几天在做项目的时候需要调适网站的兼容性、大家都知道这是一个非常苦逼的活、其中我用到了 JS 区分浏览器的技术

一般的浏览器类型都可以通过js来判断出来,当然,少数例外(例如:360浏览器,它会隐藏自己的外壳,原因我就不解释,明白人都懂的)

今天给大家分享的是一个通过原生js写的判断浏览器类型的小例子


原理大致如下:每一个浏览器的UA不同,例如火狐浏览器的UA是Firefox,IE浏览器的UA是MSIE

Chrome浏览器的UA是Chrome,搜狗浏览器的UA是SE,遨游浏览器的UA是Maxthon,然后通过UA就可以判断出来


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

用JS判断浏览器类型的代码(chrome浏览器测试)


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”就可以了


若资源对你有帮助、浏览后有很大收获、不妨小额打赏我一下、你的鼓励是维持我不断写博客最大动力

想获取DD博客最新代码、你可以扫描下方的二维码、关注DD博客微信公众号(ddblogs)

或者你也可以关注我的新浪微博、了解DD博客的最新动态:DD博客官方微博(dwtedx的微博)

如对资源有任何疑问或觉得仍然有很大的改善空间、可以对该博文进行评论、希望不吝赐教

为保证及时回复、可以使用博客留言板给我留言: DD博客留言板(dwtedx的留言板)

感谢你的访问、祝你生活愉快、工作顺心、欢迎常来逛逛


快速评论


技术评论

  • 该技术还没有评论、赶快抢沙发吧...
DD记账
top
+