js获取浏览器的类型+版本号

最新推荐文章于 2024-05-16 15:32:11 发布

碉堡飞哥

最新推荐文章于 2024-05-16 15:32:11 发布

阅读量1.6k

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/qq_27064559/article/details/95355199

版权

前端专栏收录该内容

183 篇文章 3 订阅

订阅专栏

直接上代码供测试

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			window.onload = function() {
				alert(getBrowser());
			}

			function getBrowser() {
				var UserAgent = navigator.userAgent.toLowerCase();
				console.log(UserAgent);
				console.log(window.ActiveXObject);
				var browser = null;
				var browserArray = {
					IE: window.ActiveXObject || "ActiveXObject" in window, // IE
					Chrome: UserAgent.indexOf('chrome') > -1 && UserAgent.indexOf('safari') > -1, // Chrome浏览器
					Firefox: UserAgent.indexOf('firefox') > -1, // 火狐浏览器
					Opera: UserAgent.indexOf('opera') > -1, // Opera浏览器
					Safari: UserAgent.indexOf('safari') > -1 && UserAgent.indexOf('chrome') == -1, // safari浏览器
					Edge: UserAgent.indexOf('edge') > -1, // Edge浏览器
					QQBrowser: /qqbrowser/.test(UserAgent), // qq浏览器
					WeixinBrowser: /MicroMessenger/i.test(UserAgent) // 微信浏览器
				};
				console.log(browserArray)
				for (var i in browserArray) {
					if (browserArray[i]) {
						var versions = '';
						if (i == 'IE') {
							versions = UserAgent.match(/(msie\s|trident.*rv:)([\w.]+)/)[2];
						} else if (i == 'Chrome') {
							for(var mt in navigator.mimeTypes){
								//检测是否是360浏览器(测试只有pc端的360才起作用)
								if (navigator.mimeTypes[mt]['type'] == 'application/360softmgrplugin') {
									i = '360';
								}
							}
							versions = UserAgent.match(/chrome\/([\d.]+)/)[1];
						} else if (i == 'Firefox') {
							versions = UserAgent.match(/firefox\/([\d.]+)/)[1];
						} else if (i == 'Opera') {
							versions = UserAgent.match(/opera\/([\d.]+)/)[1];
						} else if (i == 'Safari') {
							versions = UserAgent.match(/version\/([\d.]+)/)[1];
						} else if (i == 'Edge') {
							versions = UserAgent.match(/edge\/([\d.]+)/)[1];
						} else if (i == 'QQBrowser') {
							versions = UserAgent.match(/qqbrowser\/([\d.]+)/)[1];
						}
						browser = i + " " + versions;
					}
				}
				return browser;
			}
		</script>
	</body>
</html>

碉堡飞哥

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
js获取浏览器的类型+版本号

直接上代码供测试<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <script type="text/javascript"> window....
复制链接

扫一扫