使用javascript判断浏览器类型

之前在项目中遇到过要针对不同浏览器做不同的一些js或者css操作，后来某个朋友也突然问到这个问题，所以，整理了一下，在这里留个笔记，方便以后使用。

使用javascript判断浏览器类型：

 1 function myBrowser(){
 2     var userAgent = navigator.userAgent.toLowerCase(); //取得浏览器的userAgent字符串
 3     console.log(userAgent);
 4 
 5     if (userAgent.indexOf("opera") > -1){
 6         return "Opera"
 7     } //判断是否Opera浏览器
 8 
 9     if (userAgent.indexOf("firefox") > -1){
10         return "FF";
11     } //判断是否Firefox浏览器
12 
13     if (userAgent.indexOf("safari") > -1){
14         if (userAgent.indexOf("chrome") > -1){//判断是否Chrome浏览器
15             return "Chrome";
16         }
17         return "Safari";//判断是否Safari浏览器
18     }
19     if (userAgent.indexOf("trident") > -1){
20     //notice: edge default这个是windows10里面的【Edge 是微软公司为去年推出的 Windows 10 操作系统专门设计的浏览器】
21         return "IE";
22     }//判断是否IE浏览器
23 
24 }
25 
26 var mm = myBrowser();
27 console.log(mm);