之前在项目中遇到过要针对不同浏览器做不同的一些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);