html5中怎么判断浏览器类型

用JS来判断：

<script>

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字符串来解析出浏览器的版本，虽然这种方式也不建议使用，但是目前能解析出浏览器类型及版本最好的办法了

判断html 是在移动端应用（app）,还是移动端浏览器中打开可以通过查看 UA来实现。

UA是SIP协议中的一个逻辑实体,SIP是一个信令协议,代理的含义为代替用户处理信令协议,简单说就是替用户收发信令信息。

UA简单是指用户的手机信息。通过UA，可以知道用户的手机类型，是小米的，还是索爱的。

Header 里面有 UA，可以根据  UA 来判断。

约定App中的网页的UA都加入了某一标识，例如，从微信中打开的网页的UA都会含有Wechat/1.0.1之类的信息。

app 中打开可以在 Header 里面加入一些字段，这样就可以在页面中判断，有这些字段就是在 app 里面打开的，没有就不是。

如果是app扫描打开，扫描传入的是网址，最后打开的还是在浏览器打开，跟app是没有关联的，所以还是通过浏览器打开的。

---