前端如何通过js判断浏览器的类型（忽略版本）web html css javascript

每个页面浏览器会实例出一个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'

　　}

}

当然了浏览器经常更新厂商也很多，但是判断的思路大致相同。大家可以去尝试一下。