判断浏览器的类型

用js判断浏览器的类型有很多方法，典型的是根据navigator.userAgent或浏览器的不同js特征等。

[color=violet][size=small]1. 根据navigator.userAgent判断[/size][/color]

在页面中加入：

<script type="text/javascript">
  alert(navigator.userAgent);
  alert(navigator.product);
</script>

结果示例：
[color=blue]IE9[/color]
userAgent: Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.2; MS-RTC LM 8; .NET4.0C; .NET4.0E)
product: undefined

[color=blue]Firefox 13.0.1[/color]
userAgent: Mozilla/5.0 (Windows NT 6.1; rv:13.0) Gecko/20100101 Firefox/13.0.1
product: Gecko

[color=blue]Chrome 20.0.1132.47 m[/color]
userAgent: Mozilla/5.0 (Windows NT 6.1) AppleWebKit/536.11 (KHTML, like Gecko) Chrome/20.0.1132.47 Safari/536.11
product: Gecko

[color=blue]Safari 5.1.1[/color]
userAgent: Mozilla/5.0 (Windows NT 6.1) AppleWebKit/534.51.22 (KHTML, like Gecko) Version/5.1.1 Safari/534.51.22
product: Gecko

代码示例：

var isOpera = (navigator.userAgent.indexOf("Opera") != -1);
var isMSIE = (navigator.userAgent.indexOf("MSIE") != -1) && (!isOpera);
var isGecko = (navigator.userAgent.indexOf("Gecko") != -1) && (!isOpera);
var isChrome = (navigator.userAgent.indexOf("Chrome") != -1);
var isSafari = (navigator.userAgent.indexOf("Safari") != -1) && (!isChrome);

[color=violet][size=small]2. 根据浏览器特征[/size][/color]

// IE
document.all
window.event
window.attachEvent

// Firefox
window.addEventListener