JavaScript获取浏览器类型与版本

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

1 1 <script type="text/javascript"> 2 2 var Sys = {}; 3 3 var ua = navigator.userAgent.toLowerCase(); 4 4 var s; 5 5 (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] : 6 6 (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] : 7 7 (s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] : 8 8 (s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] : 9 9 (s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0; 1010 1111 //以下进行测试 1212 if (Sys.ie) document.write('IE: ' + Sys.ie); 1313 if (Sys.firefox) document.write('Firefox: ' + Sys.firefox); 1414 if (Sys.chrome) document.write('Chrome: ' + Sys.chrome); 1515 if (Sys.opera) document.write('Opera: ' + Sys.opera); 1616 if (Sys.safari) document.write('Safari: ' + Sys.safari); 1717 </script>

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

11 function getBrowserInfo(){ 22 var Sys = {}; 33 var ua = navigator.userAgent.toLowerCase(); 44 var re =/(msie|firefox|chrome|opera|version).*?([\d.]+)/; 55 var m = ua.match(re); 66 Sys.browser = m[1].replace(/version/, "'safari"); 77 Sys.ver = m[2]; 88 return Sys; 99 }

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

11 <script type="text/javascript"> 22 //获取当前的浏览器信息 33 var sys = getBrowserInfo(); 44 //sys.browser得到浏览器的类型,sys.ver得到浏览器的版本 55 document.write(sys.browser + "的版本是:" + sys.ver); 66 </script>

完整测试代码如下:

1 1 <!DOCTYPE HTML> 2 2 <html> 3 3 <head> 4 4 <title>JavaScript获取浏览器类型与版本</title> 5 5 <script type="text/javascript"> 6 6 var Sys = {}; 7 7 var ua = navigator.userAgent.toLowerCase(); 8 8 var s; 9 9 (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] : 1010 (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] : 1111 (s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] : 1212 (s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] : 1313 (s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0; 1414 1515 //以下进行测试 1616 if (Sys.ie) document.write('IE: ' + Sys.ie); 1717 if (Sys.firefox) document.write('Firefox: ' + Sys.firefox); 1818 if (Sys.chrome) document.write('Chrome: ' + Sys.chrome); 1919 if (Sys.opera) document.write('Opera: ' + Sys.opera); 2020 if (Sys.safari) document.write('Safari: ' + Sys.safari); 2121 </script> 2222 <script type="text/javascript"> 2323 function getBrowserInfo(){ 2424 var Sys = {}; 2525 var ua = navigator.userAgent.toLowerCase(); 2626 var re =/(msie|firefox|chrome|opera|version).*?([\d.]+)/; 2727 var m = ua.match(re); 2828 Sys.browser = m[1].replace(/version/, "'safari"); 2929 Sys.ver = m[2]; 3030 return Sys; 3131 } 3232 document.write('<hr/>'); 3333 //获取当前的浏览器信息 3434 var sys = getBrowserInfo(); 3535 //sys.browser得到浏览器的类型,sys.ver得到浏览器的版本 3636 document.write(sys.browser + "的版本是:" + sys.ver); 3737 </script> 3838 </head> 3939 4040 <body> 4141 4242 </body> 4343 </html>

运行结果:

IE浏览器下测试结果:

google浏览器下测试结果:

火狐浏览器下测试结果:

点赞
收藏

评论区

加载中...

相关推荐

MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1

文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s

Oracle 分组与拼接字符串同时使用

SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(

MySQL部分从库上面因为大量的临时表tmp_table造成慢查询

背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_

皕杰报表之UUID

​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为

手写Java HashMap源码

HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22

2020年前端实用代码段,为你的工作保驾护航

有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )