码迷,mamicode.com
首页 > Web开发 > 详细

JS完美识别IE, firefox, chrome, safari浏览器

时间:2014-06-07 20:14:23      阅读:329      评论:0      收藏:0      [点我收藏+]

标签:c   style   a   http   ext   color   

(转)判断是否为IE浏览器很简单,用navigator.appName来判断就行了。而Firefox, Chrome, Safari的navigator.appName输出值都是"Netscape",现在我们用navigator.userAgent这个属性来判断,因为谷歌浏览器Chrome的navigator.userAgent值包含“Safari”字符串而Safari浏览器并不包含Chrome,因此我们可以用这个区别来区分safari和chrome。 
 
完整代码如下: 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS完美识别IE, firefox, chrome, safari浏览器</title>
<script>
function BrowserType()
{
var OsObject = "";
if(navigator.userAgent.indexOf("MSIE")>0) {
OsObject = "MSIE";
}
if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
OsObject = "Firefox";
}
if(isSafari=navigator.userAgent.indexOf("Safari")>0&&navigator.userAgent.indexOf("Chrome")<0) {
OsObject = "Safari";
}
if(isCamino=navigator.userAgent.indexOf("Chrome")>0){
OsObject = "Chrome";
}
return OsObject;
}
function Msg()
{
document.getElementById("msg").innerHTML = "<h1>您现在使用的浏览器为"+BrowserType()+"浏览器</h1>";
}
</script>
</head>
 
<body onload="Msg()">
<span id="msg"></span>
</body>
</html>

JS完美识别IE, firefox, chrome, safari浏览器,布布扣,bubuko.com

JS完美识别IE, firefox, chrome, safari浏览器

标签:c   style   a   http   ext   color   

原文地址:http://www.cnblogs.com/hin24/p/3773827.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!