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>