JS-检测浏览器类型及版本

 1 <!DOCTYPE html>
 2 <html>
 3 
 4     <head>
 5         <meta charset="utf-8">
 6         <title></title>
 7     </head>
 8 
 9     <body>
10         <script type="text/javascript">
11             function myBrowser() {
12                 var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
13                 var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器
14                 var isChrome = userAgent.indexOf("Chrome") > -1; //判断是否Opera浏览器
15                 var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器
16                 var isFF = userAgent.indexOf("Firefox") > -1; //判断是否Firefox浏览器
17                 var isSafari = userAgent.indexOf("Safari") > -1; //判断是否Safari浏览器
18                 if(isIE) {
19                     var IE5 = IE55 = IE6 = IE7 = IE8 = false;
20                     var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
21                     reIE.test(userAgent);
22                     var fIEVersion = parseFloat(RegExp["$1"]);
23                     IE55 = fIEVersion == 5.5;
24                     IE6 = fIEVersion == 6.0;
25                     IE7 = fIEVersion == 7.0;
26                     IE8 = fIEVersion == 8.0;
27                     if(IE55) {
28                         return "IE55";
29                     }
30                     if(IE6) {
31                         return "IE6";
32                     }
33                     if(IE7) {
34                         return "IE7";
35                     }
36                     if(IE8) {
37                         return "IE8";
38                     }
39                 } //isIE end
40                 if(isFF) {
41                     return "FF";
42                 }
43                 if(isChrome) {
44                     return "CH";
45                 }
46                 if(isOpera) {
47                     return "Opera";
48                 }
49             } //myBrowser() end
50             //以下是调用上面的函数
51             if(myBrowser() == "FF") {
52                 alert("我是 Firefox");
53             }
54             if(myBrowser() == "CH") {
55                 alert("我是 google");
56             }
57             if(myBrowser() == "Opera") {
58                 alert("我是 Opera");
59             }
60             if(myBrowser() == "Safari") {
61                 alert("我是 Safari");
62             }
63             if(myBrowser() == "IE55") {
64                 alert("我是 IE5.5");
65             }
66             if(myBrowser() == "IE6") {
67                 alert("我是 IE6");
68             }
69             if(myBrowser() == "IE7") {
70                 alert("我是 IE7");
71             }
72             if(myBrowser() == "IE8") {
73                 alert("我是 IE8");
74             }
75         </script>
76     </body>
77 
78 </html>

原址:http://www.jb51.net/article/50464.htm

我在原基础上添加了谷歌的判断,但只有ie的有版本的判断。不过这些就够了。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏lonelydawn的前端猿区

酷炫的progressbar(上限可大于100%)

? 引用 <link rel="stylesheet" type="text/css" href="./index.css"> <div id="progre...

2218
来自专栏GIS讲堂

Openlayers4中图片填充的实现

2983
来自专栏一个会写诗的程序员的博客

HTML DOM clearInterval() 方法

clearInterval() 方法可取消由 setInterval() 设置的 timeout。 clearInterval() 方法的参数必须是由 set...

1044
来自专栏ios 技术积累

UIProgressView 当前进度显示圆角

也就是把 UIProgressView的trackTintColor设置为透明。假如进度条没有填满是效果是这样的

6442
来自专栏跟着阿笨一起玩NET

C#图片处理示例(裁剪,缩放,清晰度,水印)

原创文章,转载必需注明出处:http://www.cnblogs.com/wu-jian/

2081
来自专栏Python

Python终端输出打印彩色字体的方法

一  实现过程 终端的字符颜色是用转义序列控制的,是文本模式下的系统显示功能,和具体的语言无关。    转义序列是以ESC开头,即用\033来完成(ESC的A...

2615
来自专栏柠檬先生

Reactjs 入门基础(二)

如果我们需要向组件传递参数,可以使用 this.props 对象,实例如下:   <body>     <div id="example"></...

2057
来自专栏河湾欢儿的专栏

定时器

var timer=setInterval(函数,毫秒); 重复执行 clearInterval(timer); 清空定时器

1483
来自专栏C#

DotNet指定文件显示的尺寸

    在项目中开发中,有时候需要将文件的尺寸进行控制,例如需要将文件的尺寸指定为字节,TB等。现在提供一个方法,实现将指定文件的尺寸,     提...

2006
来自专栏macOS 开发学习

CALayer 实用属性补充

这个属性的类型被定义为id(这是由于MacOSX历史原因造成的,因为在Mac中这个属性对CGImage和NSImage都起作用),意味着它可以时任何对象类型,但...

963

扫码关注云+社区

领取腾讯云代金券