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>