判断浏览器类型

判断浏览器类型用的方法是

navigator.userAgent //取得浏览器的userAgent字符串
例子

  • Chrom浏览器
  • Firefox浏览器
  • Opera浏览器

重点说一下Opera

Opera之前用的引擎是自家的研发的 Presto ,2016年以后改用chrome浏览器的webkit引擎,所以说做网上教的正常的浏览器判断,会把Opera判断成Chrome,Opera的名字改成了OPR,所以判断浏览器类型方法是(只区分浏览器,不考虑版本):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function myBrowser(){
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
var isOpera = userAgent.indexOf("OPR") > -1;
if (isOpera) {
return "Opera"
}; //判断是否Opera浏览器
if (userAgent.indexOf("Firefox") > -1) {
return "FF";
} //判断是否Firefox浏览器
if (userAgent.indexOf("Chrome") > -1){
return "Chrome";
}
if (userAgent.indexOf("Safari") > -1) {
return "Safari";
} //判断是否Safari浏览器
if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {
return "IE";
}; //判断是否IE浏览器
}