JavaScript-navigator_userAgent-编写一段代码能够区分浏览器的主流和区分

1 userAgent:包含浏览器名称和版本号的字符串

 

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title></title>
 6 </head>
 7 <body>
 8 <script>
 9     //编写一段代码能够区分浏览器的主流和区分
10     document.write("<h1>"+navigator.userAgent+"</h1>");
11     var browser="unknown";
12     var ua=navigator.userAgent;
13     //如果ua中包含MSIE
14     if(ua.indexOf("MSIE")!=-1){
15         browser="IE";//browser赋值为"IE";
16     }else if(ua.indexOf("Firefox")!=-1){//否则,如果ua中包含Firefox
17         browser="Firefox"; //browser赋值为:Firefox
18     }
19     else if(ua.indexOf("OPR")!=-1){//否则,如果ua中包含OPR
20         browser="Opera"; //browser赋值为:"Opera"
21     }
22     else if(ua.indexOf("Chrome")!=-1){//否则,如果如果ua中包含Chrome
23         browser="Chrome"; //browser赋值为"Chrome"
24     }
25     else if(ua.indexOf("Safari")!=-1){ //否则,如果ua中包含Safari
26         browser="Safari";//browser赋值为"Safari"
27     }
28     else if(ua.indexOf("Trident")!=-1){//否则,如果ua中包含Trident
29         browser="IE";//browser赋值为"IE"
30     }
31 
32     document.write("<h1>浏览器名称:"+browser+"</h1>");
33 
34     var version="unknown";
35     //如果browser不是"unknown"
36     if(browser!="unknown"){
37          if(browser=="Opera"){//如果browser是Opera
38              //在ua中查找OPR的位置,+3+1,保存在i中
39             var i=ua.indexOf("OPR")+3+1;
40              //截取ua中i位置之后的3位,转为浮点数保存在version中
41              version=parseFloat(ua.slice(i,i+3));
42              //否则,如果browser是"IE",且ua中找不到“MSIE”
43          }else if(browser=="IE"&&ua.indexOf("MSIE")==-1){
44              //将version改为"11"
45                 version="11";
46          }else{//否则
47              //在ua中查找browser的位置,+browser的字符个数+1,保存在i中
48              var i=ua.indexOf(browser)+browser.length+1;
49              //选取ua中i位置之后的3位,转为浮点数保存在version中
50              version=parseFloat(ua.slice(i,i+3));
51 
52          }
53     }
54     document.write("<h1>版本号:"+version+"</h1>")
55 </script>
56 </body>
57 </html>

 

转载于:https://www.cnblogs.com/longly/p/6232936.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值