每個頁面瀏覽器會實例出一個window對象，在window對象下有一個屬性navigator，navigator本身是一個對象，navigator對象上有一個屬性userAgent里面包含了當前瀏覽器的信息；
console.log(window.navigator.userAgent) 會在控制台打印出一條信息：
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.87 Safari/537.36 //Chrome瀏覽器55.0.2883.87 (64-bit)版本下打印出來的信息
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.79 Safari/537.36 Edge/14.14393 //Edge 打印出來的信息
Mozilla/5.0 (Windows NT 10.0; WOW64; rv:51.0) Gecko/20100101 Firefox/51.0 //firefox 打印出來的信息
Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; rv:11.0) like Gecko //Ie11 打印出來的信息(其他版本大家可以自己去試一下)
判斷瀏覽器是那種瀏覽器的基本思路是這樣的
function BrowserType(){
var userAgent=window.navigator.userAgent
if(userAgent.indexOf('Edge')>-1){
return 'Edge'
}
if(userAgent.indexOf('Firefox')>-1){
return 'Firefox'
}
if(userAgent.indexOf('Chrome')>-1){
return 'Chrome'
}
if(userAgent.indexOf('.NET')>-1){
return 'IE'
}
}
當然了瀏覽器經常更新廠商也很多，但是判斷的思路大致相同。大家可以去嘗試一下。