`

JavaScript获取浏览器类型与版本

 
阅读更多

从网上找到一段使用JavaScript判断浏览器以及浏览器版本的比较好的代码,在此记录一下:

 1 <script type="text/javascript">
 2         var Sys = {};
 3         var ua = navigator.userAgent.toLowerCase();
 4         var s;
 5         (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :
 6         (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :
 7         (s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :
 8         (s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :
 9         (s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;
10 
11         //以下进行测试
12         if (Sys.ie) document.write('IE: ' + Sys.ie);
13         if (Sys.firefox) document.write('Firefox: ' + Sys.firefox);
14         if (Sys.chrome) document.write('Chrome: ' + Sys.chrome);
15         if (Sys.opera) document.write('Opera: ' + Sys.opera);
16         if (Sys.safari) document.write('Safari: ' + Sys.safari);
17 </script>
 

  将上述代码封装成一个方法,方法返回Sys对象,Sys对象中封装了浏览器的类型和版本信息,如下:

 
1 function getBrowserInfo(){
2     var Sys = {};
3     var ua = navigator.userAgent.toLowerCase();
4     var re =/(msie|firefox|chrome|opera|version).*?([\d.]+)/;
5     var m = ua.match(re);
6     Sys.browser = m[1].replace(/version/, "'safari");
7     Sys.ver = m[2];
8     return Sys;
9 }
 

  当需要获取浏览器的类型和版本信息时,就可以使用getBroserInfo方法,如下:

1 <script type="text/javascript">
2         //获取当前的浏览器信息
3         var sys = getBrowserInfo();
4         //sys.browser得到浏览器的类型,sys.ver得到浏览器的版本
5         document.write(sys.browser + "的版本是:" + sys.ver);
6 </script>

完整测试代码如下:

 
 1 <!DOCTYPE HTML>
 2 <html>
 3   <head>
 4     <title>JavaScript获取浏览器类型与版本</title>
 5     <script type="text/javascript">
 6         var Sys = {};
 7         var ua = navigator.userAgent.toLowerCase();
 8         var s;
 9         (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :
10         (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :
11         (s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :
12         (s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :
13         (s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;
14 
15         //以下进行测试
16         if (Sys.ie) document.write('IE: ' + Sys.ie);
17         if (Sys.firefox) document.write('Firefox: ' + Sys.firefox);
18         if (Sys.chrome) document.write('Chrome: ' + Sys.chrome);
19         if (Sys.opera) document.write('Opera: ' + Sys.opera);
20         if (Sys.safari) document.write('Safari: ' + Sys.safari);
21     </script>
22     <script type="text/javascript">
23         function getBrowserInfo(){
24             var Sys = {};
25             var ua = navigator.userAgent.toLowerCase();
26             var re =/(msie|firefox|chrome|opera|version).*?([\d.]+)/;
27             var m = ua.match(re);
28             Sys.browser = m[1].replace(/version/, "'safari");
29             Sys.ver = m[2];
30             return Sys;
31         }
32         document.write('<hr/>');
33        //获取当前的浏览器信息
34        var sys = getBrowserInfo();
35        //sys.browser得到浏览器的类型,sys.ver得到浏览器的版本
36        document.write(sys.browser + "的版本是:" + sys.ver);
37     </script>
38   </head>
39   
40   <body>
41    
42   </body>
43 </html>
 

 

  

分享到:
评论

相关推荐

    javascript获取浏览器类型和版本的方法(js获取浏览器版本).docx

    JavaScript 获取浏览器类型和版本的方法 浏览器类型和版本是 web 开发中非常重要的信息,许多web应用程序需要根据浏览器类型和版本来进行相应的处理。JavaScript 提供了多种方法来获取浏览器类型和版本,本文将介绍...

    JavaScript判断浏览器类型及版本

    ### JavaScript 判断浏览器类型及版本的方法 在网页开发过程中,有时候我们需要根据用户的浏览器类型和版本来执行特定的代码逻辑或调整界面布局。这是因为不同的浏览器在处理某些特性时可能存在差异,例如对新标准...

    javascript获取浏览器类型和版本的方法(js获取浏览器版本)

    了解如何使用JavaScript获取浏览器类型和版本是非常实用的,它可以帮助开发者根据不同的浏览器情况来优化网站的表现或用户体验。以下,我们将详细探讨在JavaScript中获取浏览器类型和版本的方法。 首先,要获取...

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

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

    javascript获取浏览器相关属性

    根据提供的文件信息,我们可以提取并总结出以下几个与“JavaScript 获取浏览器相关属性”相关的知识点: ### 一、设置浏览器主页 在HTML中,可以利用特定的行为(behavior)来设置当前页面为浏览器的主页。具体...

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

    在实际开发中,通常会编写JavaScript函数来综合这些特性进行判断,以确定浏览器类型和版本。例如,可以创建一个函数,检查window对象上的特定属性或方法,然后解析userAgent字符串以获取版本号。这种方法可以帮助...

    javascript实现获取浏览器版本、浏览器类型

    以上就是使用JavaScript获取浏览器类型和版本号的相关知识点。通过阅读本文,开发者可以学会如何编写JavaScript代码来检测用户的浏览器环境,并根据需要进行相应的处理。这对于提高Web应用的用户体验和兼容性是非常...

    使用js检测当前浏览器版本,多浏览器类型和版本号检测

    总之,通过JavaScript和User-Agent字符串,我们可以有效地检测用户的浏览器类型和版本,从而实现针对不同浏览器的兼容性处理。然而,随着现代浏览器对标准的更好支持,开发者应尽量使用标准技术,并依赖于特性检测,...

    jquery1.9判断浏览器类型和版本

    在JavaScript和jQuery的世界里,了解用户正在使用的浏览器类型和版本是非常重要的,这有助于开发者优化代码以适应不同的浏览器特性。在jQuery 1.9版本中,官方移除了`$.browser`对象,这个对象曾经是用于检测浏览器...

    JS判断浏览器类型与版本

    在JavaScript中,我们经常需要检测用户的浏览器类型及版本,以便为不同的浏览器提供兼容性的解决方案或者优化用户体验。这可以通过检查navigator对象的各种属性来实现。navigator对象是浏览器提供的一个全局对象,...

    navigator-检测浏览器版本-javascript

    5. **`navigator.userAgent`**:获取浏览器发送给服务器的 User-Agent 头部字符串,包含了浏览器类型、版本和操作系统等信息。 - 示例代码: ```javascript console.log(navigator.userAgent); // 输出:如 ...

    JS 获取浏览器参数

    这篇博文“JS 获取浏览器参数”可能探讨了如何利用JavaScript来收集关于用户浏览器的信息,包括但不限于浏览器类型、版本、操作系统、屏幕分辨率等。 首先,我们可以使用`navigator`对象来获取浏览器的基本信息。`...

    判断浏览器版本及类型

    ### 知识点一:JavaScript检测浏览器类型与版本 #### 1.1 概述 在Web开发过程中,为了确保网站或应用能够兼容各种浏览器,开发者往往需要知道用户正在使用的浏览器类型及其版本信息。通过JavaScript可以实现对...

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

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

    js检测浏览器类型

    在JavaScript中,检测浏览器类型是常见的需求,这有助于开发者针对不同浏览器实现特定的功能或优化。以下将详细讲解如何使用JavaScript来识别用户所使用的浏览器类型。 首先,JavaScript提供了`navigator`对象,它...

    php获取浏览器信息

    1. 获取浏览器类型: 使用`$_SERVER['HTTP_USER_AGENT']`可以获取到浏览器的完整标识字符串,然后可以通过正则表达式或预定义的函数来解析这个字符串,识别出浏览器类型。例如: ```php function getBrowser() {...

    js获取浏览器类别源码

    本文将深入探讨如何利用JavaScript获取浏览器类别及其版本,并结合提供的资源进行详细说明。 首先,`userAgent`字符串是浏览器发送到服务器的一个头部信息,包含了关于用户浏览器的详细信息,包括浏览器名称、版本...

    ASP.NET获取客户端的操作系统、浏览器、.NET版本等信息

    获取浏览器类型和版本则同样依赖于UserAgent字符串。下面是一个简单的示例,展示了如何识别常见的浏览器: ```csharp if (userAgent.Contains("Firefox")) { // Firefox浏览器 } else if (userAgent.Contains(...

Global site tag (gtag.js) - Google Analytics