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

最新推荐文章于 2022-07-05 15:29:24 发布
最新推荐文章于 2022-07-05 15:29:24 发布
阅读量328 收藏
点赞数
分类专栏： js

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

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

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

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

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

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

完整测试代码如下：

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

转载地址：http://www.jb51.net/article/75786.htm

暗影帝皇天
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS判断打开网页的浏览器类型与版本
07-24
JS判断打开网页的浏览器类型与版本 显示具体版本号
javascript 查看浏览器版本
一切皆有可能
05-19 111
document.write("&lt;CENTER&gt;您的浏览器是: " +navigator.appName + " " + navigator.appVersion +"&lt;CENTER&gt;")  
JS判断浏览器类型
BIGDgreen
06-15 149
function userBrowser(){ //浏览器名称 var browserName=navigator.userAgent.toLowerCase(); //浏览器版本号 var browserVer=(br.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/) || [0, '0'])[1]; //根据浏览器名称判断浏...
获取当前客服端的浏览器是什么浏览器php
廖圣平
01-16 380
private function getBrowser(){ $flag=$_SERVER['HTTP_USER_AGENT']; $para=array(); // 检查操作系统 if(preg_match('/Windows[\d\. \w]*/',$flag, $match)) $para['os']=$match[0]; if(preg_match('/C
js判断浏览器类型
专注企业级视频应用，企业视频直播、MR虚拟直播、教育培训连麦直播
10-22 241
// 判断浏览器类型 myBrowser() { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 if (userAgent.indexOf("OPR") > -1) { return "Opera"; } //判断是否Opera浏览器 OPR/43.0.2442.991 i...
javascript实现获取浏览器版本、操作系统类型
10-24
主要给大家分享一段javascript实现获取浏览器版本、操作系统类型的封装好的代码，使用非常方便，也很实用，推荐给大家。
javascript获取浏览器类型和版本的方法(js获取浏览器版本)
10-26
主要介绍了javascript获取浏览器类型和版本的方法(js获取浏览器版本),需要的朋友可以参考下
获取浏览器版本的几种方法
weixin_34080903的博客
12-02 207
1、第一种方法<script type="text/javascript">function getExplorerInfo() {var explorer = window.navigator.userAgent.toLowerCase() ;//ieif (explorer.indexOf("msie") >= ...
javascript 视频播放
12-06
一个简单易懂的js视频播放demo页面.
初识JavaScript （十八）
weixin_38341556的博客
08-30 6722
初识JavaScript （十八）1 函数对象的方法-call-apply-bind2 void在超链接中的应用3 引入正则表达式4 正则的介绍5 正则的创建6 正则的构成9 split方法10 replace方法11 match方法12 search方法 1 函数对象的方法-call-apply-bind 重点： this:关键字：代表了当前对象。 a：在事件使用。代表了当前正在触发执行事件函数的元素对象。 b：全局定义的函数中，或者全局作用域下的this代表了当前window对象。 如下的的代码中，两个
JavaScript-18
weixin_55756423的博客
05-13 4473
jQuery操作DOM jQuery添加节点 使用jQuery工厂函数$()可以创建HTML元素 $(HTML标签) var $h1=$("<h1>hello</h1>") 添加节点append() $('body').append($h1) 可以直接传入HTML代码 $('body').append("<h1>hello</h1>") 可以添加多个元素 $('body').append($h1,$h2) 原代码： <ul> <li
2021-10-18关于JavaScript的一些简单节点的介绍
LM_Hh的博客
10-18 261
方法名 (元素.) 说明 操作子父兄级元素： parentNode 获取离元素最近的父节点 找不到返回null childNodes 获取离元素最近的所有子节点 children 获取离元素最近的所有子元素节点 firstChild 获取第一个子节点 找不到返回null lastChild 获取最后一个子节点 找不到返回null firstElementChild 返回第一个子元素节点 lastElementChil...
JavaScript 类型转换
qq_56515781的博客
07-05 235
JavaScript 类型转换
十八、javascript的初识、javascript的简单操作
qq_52426181的博客
12-17 474
javascript初识 1.二阶段知识点简介 ECMAScript+DOM+BOM 15天 项目阶段 4天 jQuery 5天 阶段考核 1天 2.二阶段知识点 和 一阶段 的 差别 html css js html：页面的结构层 只有结构 样式并不好看 css：页面的样式层 可以对页面进行修饰，美化页面，但是没有行为 javascript：页面的行为层 可以给页面添加行为 让页面可以呼应用户的操作 3.知识点重要性分类 了解：听说过。 熟悉：比较重要，要求大家能做到理解概念的含义。 熟练应
JavaScript基础 - 18 （原型 __proto__、原型链、操作原型）
欢迎来到猫猫的博客 o_o ，如有问题，欢迎提出改正~
12-01 596
1、原型 __proto__ 空对象，并不是什么都没，带有一个__proto__的变量 不同的浏览器，打印的变量名不同：Google [[Prototype]]、火狐 <prototype>、360 __proto__ __proto__ 原型中，包含了很多对象应该具有的共同方法 __proto__：有什么用： 1、js引擎有个处理方式：如果对象调用一个方法/属性，对象本身没有，就会自动到...
JavaScript(18)——JavaScript汇总整理
热门推荐
qq_34573534的博客
08-14 4万+
1.JavaScript是一门编程语言。 2.每学一门编程语言必须先要掌握以下三个最核心的内容： （1）数据类型； （2）程序结构 如：if、while 等； （3）类库。 3.在浏览器上使用这三种语言时，它们的作用分别是： （1）html ：提供内容； （2）css ：美化html，告诉html怎么去显示； （3）JavaScript ：控制html和css 。 4.（1）c# 编...
JavaScript(18):原型
叫我铁头娃_的博客
03-11 1515
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;script type="text/javascript"&gt; /* * 原型 prototype *
React版本18.xx降低为17.xx
【有梦想的菜】的博客
05-20 6361
由于现在react默认创建是18.xx版本，但是我们现在大多使用的还是17.xx或者更低的版本，于是要对react版本进行降级
获取浏览器版本号和型号
最新发布
05-31
您可以使用JavaScript来获取浏览器的版本号和型号。以下是一个获取浏览器版本号和型号的示例代码： ```javascript // 获取浏览器版本号 var browserVersion = navigator.userAgent; console.log(browserVersion); ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值