html5中怎么判断浏览器类型

用JS来判断：

function myBrowser() {

var userAgent = navigator.userAgent //取得浏览器的userAgent字符串

var isChrome = userAgent.indexOf("Chrome") > -1 //判断是否Chrome浏览器

var isOpera = userAgent.indexOf("Opera") > -1 //判断是否Opera浏览器

var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera //判断是否IE浏览器

var isFF = userAgent.indexOf("Firefox") > -1 //判断是否Firefox浏览器

var isSafari = userAgent.indexOf("Safari") > -1 //判断是否Safari浏览器

if (isIE) {

var IE5 = IE55 = IE6 = IE7 = IE8 = false

var reIE = new RegExp("MSIE (\\d+\\.\\d+)")

reIE.test(userAgent)

var fIEVersion = parseFloat(RegExp["$1"])

IE55 = fIEVersion == 5.5

IE6 = fIEVersion == 6.0

IE7 = fIEVersion == 7.0

IE8 = fIEVersion == 8.0

if (IE55) { return "IE55" }

else if (IE6) { return "IE6" }

else if (IE7) { return "IE7" }

else if (IE8) { return "IE8" }

}

else if (isFF) { return "FF" }

else if (isChrome) { return "Chrome" }

else if (isOpera) { return "Opera" }

else if (isSafari) { return "Safari" }

}

console.log(myBrowser()) //会输出你使用的浏览器类型

</script>

html中区分ie各版本的方法为IE有条件注释，不过这种方式只支持到IE9（包括IE9），在IE10之后移除了该特性；不建议使用；

css中判断IE各版本，只能通过css hack方式，针对浏览器的怪癖行为来区分；不建议使用；

通过js处理浏览器的用户代理userAgent字符串来解析出浏览器的版本，虽然这种方式也不建议使用，但是目前能解析出浏览器类型及版本最好的办法了