`

javascript判断浏览器

阅读更多

         在前端JS开发时,有些浏览器不支持相应的方法,此时需判断浏览器的类型甚至版本。如下是判断浏览器类型及IE版本的实例:

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>JS Test Browser Type and Version</title>
<script>
	//----------------------------- 判断浏览器 -------------------------
	var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
	var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera
	var isMaxthon = userAgent.indexOf("Maxthon") > -1 ; //判断是否傲游3.0
	var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera ; //判断是否IE 
	var isFirefox = userAgent.indexOf("Firefox") > -1 ; //判断是否Firefox
	var isSafari = userAgent.indexOf("Safari") > -1 && userAgent.indexOf("Chrome") < 1 ; //判断是否Safari
	var isChrome = userAgent.indexOf("Chrome") > -1 ; //判断是否Chrome
	
	function myBrowser(){
		if(isIE){ 
		   var IE5 = IE55 = IE6 = IE7 = IE8 = false;
		   var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
		   reIE.test(userAgent);
		   var fIEVersion = parseFloat(RegExp["$1"]);
		 
		   IE55 = fIEVersion == 5.5 ;
		   IE6 = fIEVersion == 6.0 ;
		   IE7 = fIEVersion == 7.0 ;
		   IE8 = fIEVersion == 8.0 ;
		 
		   if(IE55){ return "IE55"; }
		   if(IE6){ return "IE6"; }
		   if(IE7){ return "IE7"; }
		   if(IE8){ return "IE8"; }
		}
		
		if(isFirefox){ return "Firefox"; }
		if(isOpera){ return "Opera"; }
		if(isMaxthon){ return "Maxthon"; }
		if(isSafari){ return "Safari"; }
		if(isChrome){ return "Chrome"; }
	} //myBrowser() end
 	
	window.onload=function(){
		document.getElementById("ua").innerHTML=navigator.userAgent;
		if(myBrowser()=="Firefox") {
			alert("我是 Firefox");
		}
		if(myBrowser()=="Maxthon") {
			alert("我是傲游(webkit核心)");
		}
		if(myBrowser()=="Opera") {
			alert("我是 Opera");
		}
		if(myBrowser()=="Safari") {
			alert("我是 Safari");
		}
		if(myBrowser()=="Chrome") {
			alert("我是 Chrome");
		}
		if(myBrowser().indexOf("IE")>-1) {
			alert("我是 IE");
		} 
		if(myBrowser()=="IE55") {
			alert("我是 IE5.5");
		}
		if(myBrowser()=="IE6") {
			alert("我是 IE6");
		}
		if(myBrowser()=="IE7") {
			alert("我是 IE7");
		}
		if(myBrowser()=="IE8") {
			alert("我是 IE8");
		}
	}
</script>
</head>
<body>
	<div id="ua">浏览器版本测试</div>
</body>
</html>

         运行结果:

         IE:

 

         Chrome:

         Firefox:

  

  • 大小: 87.8 KB
  • 大小: 90.9 KB
  • 大小: 58.5 KB
  • 大小: 95.6 KB
分享到:
评论

相关推荐

    基于JavaScript判断浏览器到底是关闭还是刷新(超准确)

    本文介绍了通过JavaScript判断浏览器是关闭还是刷新的方法。在Web开发过程中,有时候需要区分用户是关闭了浏览器窗口,还是仅仅刷新了页面,这对于执行某些特定的逻辑操作是很重要的。例如,当用户关闭浏览器窗口时...

    JavaScript判断浏览器类型及版本

    JavaScript 判断浏览器类型及版本 随着浏览器市场的日益繁荣,浏览器的类型和版本也越来越多,给前端开发带来了很大的挑战。如何精准地判断浏览器的类型和版本成为了前端开发中非常重要的一个问题。 JavaScript ...

    【JavaScript源代码】JavaScript 判断浏览器是否是IE.docx

    标题提及的“JavaScript 判断浏览器是否是IE”是一个关键问题,因为识别IE浏览器可以帮助开发者适配其特有的兼容性问题。以下是一些用于检测IE浏览器的方法: 1. **`document.all`**:IE浏览器在早期版本中引入了`...

    javascript判断浏览器类型

    简单的一二十代码, 就可以判断出当前所有浏览器的类型, 支持的浏览器也有很多,感谢支持

    基于js判断浏览器是否支持webGL.docx

    基于JavaScript判断浏览器是否支持WebGL是Web开发中一个非常重要的知识点。WebGL(Web Graphics Library)是一种基于浏览器的图形库,允许开发者使用JavaScript编写三维图形应用程序。然而,WebGL的支持性非常有限,...

    JavaScript判断浏览器类型及版本[归类].pdf

    本文将详细介绍如何利用JavaScript来判断浏览器的类型及其版本,以便于更好地解决不同浏览器之间的兼容性挑战。 首先,我们可以根据浏览器特有的属性或方法来识别浏览器类型。例如: 1. Internet Explorer(IE):...

    javascript判断浏览器的版本

    本文将深入探讨如何使用JavaScript来判断访问者所使用的浏览器及其版本,基于给定的代码片段进行详细解析。 ### 一、理解UserAgent 在前端开发中,`navigator.userAgent`是一个非常重要的属性,它返回一个包含...

    利用JavaScript判断浏览器类型及版本

    本文将介绍如何使用Javascript来检测浏览器的类型以及版本号,包括猎豹浏览器、搜狗浏览器、傲游浏览器、360极速浏览器、360安全浏览器、QQ浏览器、百度...JavaScript判断浏览器类型及版本&lt;/title&gt; [removed]

    Javascript判断浏览器

    根据提供的文件信息,本文将详细解释如何利用JavaScript来检测用户正在使用的浏览器类型。在Web开发领域,有时开发者可能需要根据用户的浏览器类型来进行某些特定的功能优化或兼容性处理。接下来,我们将深入探讨这...

    JavaScript 判断浏览器类型及版本

    几天前,浏览器家族有刚诞生了一位小王子,就是Google推出的Chrome浏览器。由于Chrome出生名门,尽管他还是个小家伙,没有人敢小看他。...JavaScript判断浏览器类型一般有两种办法,一种是根据各种浏览器独有的属

    css中用javascript判断浏览器版本

    看如下的javascript脚本:if (window.XMLHttpRequest) { //Mozilla, Safari,...IE7 alert&#40;'Mozilla, Safari,...IE7 '&#41;;if(!window.ActiveXObject){ // Mozilla, Safari,... alert&#40;'Mozilla, Safari'&#41...

    JavaScript判断浏览器类型的方法

    本文实例讲述了JavaScript判断浏览器类型的方法。分享给大家供大家参考。具体实现方法如下: [removed] var Sys = {}; var ua = navigator.userAgent.toLowerCase(); alert&#40;ua&#41;; var s; (s = ua.match...

    JavaScript判断浏览器版本的方法

    通过以上知识点,我们能够理解JavaScript判断浏览器版本的方法并掌握如何运用这些技术来实现特定的业务需求。文档中描述的方法和示例代码提供了很好的实践指南,对于有相同需求的前端开发者来说具有很大的参考价值。

    用JS判断浏览器刷新还是关闭

    ### 如何用JavaScript判断浏览器是刷新还是关闭 在Web开发中,有时候我们需要了解用户是通过刷新页面还是直接关闭浏览器来离开当前网页。虽然JavaScript本身并没有提供直接的方法来区分这两种行为,但可以通过监听...

    js判断浏览器

    ### JavaScript 判断浏览器类型 在Web开发中,有时我们需要根据不同浏览器的特点进行针对性的代码编写或功能适配。本文将详细介绍如何使用JavaScript来检测用户正在使用的浏览器类型。 #### 1. 理解`navigator....

    JS判断打开网页的浏览器类型与版本

    在 JavaScript 中判断浏览器的类型和版本是一个非常重要的知识点,特别是在开发 web 应用程序时,需要根据不同的浏览器和版本进行不同的操作。下面我们将详细介绍 JavaScript 中判断浏览器类型和版本的方法。 判断...

    JavaScript判断浏览器对CSS3属性是否支持的多种方法

    CSS3的出现让浏览器的表现更加的丰富多彩,表现冲击最大的就是动画了,在日常书写动画的时候,很有必要去事先判断浏览器是否支持,尤其是在写CSS3动画库的时候。比如transition的animation-play-state,就只有部分...

Global site tag (gtag.js) - Google Analytics