JS判断浏览器类型及版本

最新推荐文章于 2021-09-05 22:39:16 发布

nie_weng_08141225

最新推荐文章于 2021-09-05 22:39:16 发布

阅读量392

点赞数

分类专栏： Js 文章标签：浏览器 javascript safari firefox html opera

本文链接：https://blog.csdn.net/nie_weng_08141225/article/details/7074856

版权

Js 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

世界上浏览器种类繁多，出了我们熟悉的IE、Firefox、Chrome、Safari、Opera等外，世界上还有近百种浏览器。遇到兼容性问题时，前端要考虑各种主流浏览器，Javascript是前段开发的主要语言，所以可以通过Javascript来判断浏览器的类型和版本。Javascript判断浏览器类型有两种方法，一种是通过各个浏览器独有的属性来判断，另一种是通过浏览器的userAgent属性来判断。在很多情况下，只判断浏览器的类型还不行，还要判断浏览器的版本才能完美的解决兼容性问题，而判断浏览器版本一般情况下，只能通过分析浏览器的userAgent才能得知。接下来就通过分析userAgent来判断浏览器的类型和版本，代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>javascript判断浏览器类型及版本</title>
<script type="text/javascript">
	//通过userAgent判断浏览器的类型及版本
	function checkBrowserType()
	{
		var sUserAgent = navigator.userAgent.toLowerCase();
		var Sys = {};
		var s;
        (s = sUserAgent.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :
        (s = sUserAgent.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :
        (s = sUserAgent.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :
        (s = sUserAgent.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :
        (s = sUserAgent.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;
		if (Sys.ie)
		{
			alert(Sys.ie);
		}
		else if (Sys.firefox)
		{
			alert(Sys.firefox);
		}
		else if (Sys.chrome)
		{
			alert(Sys.chrome);
		}
		else if (Sys.opera)
		{
			alert(Sys.opera);
		}
		else if (Sys.safari)
		{
			alert(Sys.safari);
		}
	}
	checkBrowserType();
</script>
</head>
<body>
</body>
</html>