1、navigator.appName
<HTML>
<HEAD>
<TITLE> Browser Type </TITLE>
</HEAD>
<BODY>
<div id="result"></div>
<script type="text/javascript">
function showBrowserName(){
var target = document.getElementById('result');
target.innerHTML = navigator.appName;
//IE:Microsoft Internet Explorer
//Chrome,FireFox:Netscape
//
}
showBrowserName();
</script>
</BODY>
</HTML>
2、上面的方法只能分辨出浏览器的内核类别,并没有实际的意义,即便是相同的内核,如果版本不同,在CSS和JS处理是上也会千差万别(求统一!!!)。所以很多时候,我们需要了解浏览器的版本。对于IE浏览器,我们区分版本的方法就是IE条件注释。但是这种注释只会被IE识别,其它浏览器会忽略。
<!--[if lte IE 7]>
do sth
<![endif]-->
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="IE6.css" />
<![endif]-->
<!--[if IE 5]>
<link rel="stylesheet" type="text/css" href="IE5.css" />
<![endif]-->
注释缩写:
lte:就是Less than or equal to的简写,也就是小于或等于的意思。
lt :就是Less than的简写,也就是小于的意思。
gte:就是Greater than or equal to的简写,也就是大于或等于的意思。
gt :就是Greater than的简写,也就是大于的意思。
! :就是不等于的意思,跟javascript里的不等于判断符相同
3、利用navigator.userAgent
IE8: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0;
Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1) ; .NET CLR 2.0.50727;
.NET CLR 3.0.04506.648; .NET CLR 3.5.21022)
IE7:Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Trident/4.0;
Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1) ; .NET CLR 2.0.50727;
.NET CLR 3.0.04506.648; .NET CLR 3.5.21022)
FireFox 3.6:Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-CN; rv:1.9.2.10) Gecko/20100914 Firefox/3.6.10
Chrome:Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/534.7 (KHTML, like Gecko) Chrome/7.0.517.44 Safari/534.7
还可以应用正则式解析出浏览器版本号。这个方法作用广,但是代码繁琐。
分享到:
相关推荐
JavaScript 判断浏览器类型及版本 随着浏览器市场的日益繁荣,浏览器的类型和版本也越来越多,给前端开发带来了很大的挑战。如何精准地判断浏览器的类型和版本成为了前端开发中非常重要的一个问题。 JavaScript ...
今天我们将探讨一种新的方法,特别是在jQuery 1.9及更高版本中,如何判断浏览器类型和版本。 首先,我们需要明白为什么`$.browser`被移除。jQuery团队认为这样的检测可能导致过度依赖特定浏览器的行为,而忽视了对...
通过JavaScript可以实现对浏览器类型及版本的判断。 #### 1.2 实现原理 此段代码通过读取`navigator.userAgent`属性来获取浏览器信息,并通过正则表达式匹配来判断浏览器类型和版本。具体来说: - **`navigator....
JavaScript 判断打开网页的浏览器类型与版本 在 JavaScript 中判断浏览器的类型和版本是一个非常重要的知识点,特别是在开发 web 应用程序时,需要根据不同的浏览器和版本进行不同的操作。下面我们将详细介绍 ...
在JavaScript中,我们经常需要检测用户的浏览器类型及版本,以便为不同的浏览器提供兼容性的解决方案或者优化用户体验。这可以通过检查navigator对象的各种属性来实现。navigator对象是浏览器提供的一个全局对象,...
从这个字符串中,我们可以看到浏览器名称(如"Chrome")和版本号(如"58.0.3029.110")。为了提取这些信息,我们需要使用正则表达式或者字符串的`indexOf()`方法。 以下是一段简单的JavaScript代码,用于检测常见的...
JavaScript 获取浏览器类型和版本的方法 浏览器类型和版本是 web 开发中非常重要的信息,许多web应用程序需要根据浏览器类型和版本来进行相应的处理。JavaScript 提供了多种方法来获取浏览器类型和版本,本文将介绍...
"jQuery判断浏览器版本及鉴别浏览器类型代码.rar"这个压缩包包含了用于检测浏览器类型和版本的jQuery代码,帮助开发者创建更加兼容和用户体验良好的网站。 首先,让我们了解一下如何通过jQuery来获取浏览器的信息:...
在实际开发中,通常会编写JavaScript函数来综合这些特性进行判断,以确定浏览器类型和版本。例如,可以创建一个函数,检查window对象上的特定属性或方法,然后解析userAgent字符串以获取版本号。这种方法可以帮助...
- 对于IE8及以下版本,版本号位于`MSIE`后面: ```javascript var ieVersion = parseInt(/MSIE (\d+\.\d+);/.exec(navigator.userAgent)[1], 10); ``` - 对于IE9到IE11,使用`Trident`标识并结合`rv`字段: ``...
下面是一个简单的函数`getBrowserVersion.js`,用于检测浏览器类型及版本号: ```javascript function getBrowserVersion() { var userAgent = navigator.userAgent; var browser = {}; if (userAgent.indexOf...
在IT领域,特别是前端开发中,能够准确地识别和判断用户使用的浏览器类型及版本是一项重要的技能。这不仅能帮助开发者针对性地优化网站性能,还能确保在不同浏览器上提供一致的用户体验。下面,我们将深入探讨如何...
请注意,这里需要替换"3.x.y"为实际的jQuery版本号。如果项目中已经包含了jQuery库,可以跳过这一步。 接着,我们可以编写一个JavaScript函数来检查浏览器版本。例如: ```javascript function ...
本文将介绍如何使用Javascript来检测浏览器的类型以及版本号,包括猎豹浏览器、搜狗浏览器、傲游浏览器、360极速浏览器、360安全浏览器、QQ浏览器、百度...JavaScript判断浏览器类型及版本</title> [removed]
- 类似地,通过类似的逻辑判断其他浏览器类型及版本。 最后,通过`document.write`函数将检测到的浏览器名称和版本号输出到页面上,以便开发者查看。 ### 知识点六:注意事项与限制 尽管这种方法可以较为准确地...
这个字符串包含了浏览器的名称、版本号以及操作系统等信息。 例如,对于一个典型的User-Agent字符串,如: ``` Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0....
在这篇文章中,作者提供了一种使用JavaScript语言来判断用户当前所使用的浏览器类型以及版本号的简单实现代码。在Web开发过程中,开发者常常需要根据不同的浏览器环境来调整代码,以确保功能的正确执行或提供更好的...
本文将详细介绍如何通过JavaScript来判断用户所使用的浏览器类型及版本。此方法能够有效识别市面上主流浏览器,并针对Internet Explorer的不同版本进行具体区分。 #### 核心代码解析 在提供的示例代码中,通过`...