利用JS userAgent判断识别浏览器代码
来源：自学PHP网
时间：2014-09-19 14:47 作者：
阅读:次
[导读] js中获取浏览器信息字符串只要使用navigator.userAgent即可，这样我们再利用indexof来判断版本或其它信息了，下面整理了几个实例。...
|
利用Javascript userAgent信息检索适合浏览器之前新一也有发过。今天新一收集到更为简洁的小代码，可以封装成一个function来使用！很不错的效果。
js的alert(navigator.userAgent.toLowerCase());方式获取浏览器的userAgent信息：
上面显示的只一串字符，我们如果要更人性化可以加一判断
| 代码如下 |
复制代码 |
|
var userAgentInfo = navigator.userAgent.toLowerCase();
var Agents = new Array("android", "iphone", "symbianos", "windows phone", "ipod");
for (var i=0;i<Agents.length;i++) {
if (userAgentInfo.indexOf(Agents[i])>=0) {
alert("www.111cn.net");
break;
}
}
|
根据上面实例我们可以来做一个浏览器兼容判断
| 代码如下 |
复制代码 |
|
<script type="text/javascript">
//识别是否使用IE浏览器
if(navigator.userAgent.indexOf("MSIE")>0)
{
//判断结果为IE8.0 则使用ie8.CSS
if(navigator.userAgent.indexOf("MSIE 8.0")>0)
{
Css.innerHTML='<link href="/ie8.css" rel="stylesheet" type="text/css" >'
}
//判断结果为IE6.0 则使用ie6.CSS
if(navigator.userAgent.indexOf("MSIE 6.0")>0)
{
Css.innerHTML='<link href="/ie6.css" rel="stylesheet" type="text/css" >'
}
//否则使用css.CSS
}else
{
Css.innerHTML='<link href="www.111cn.net /css.css" rel="stylesheet" type="text/css" >'
}
</script>
|
上面一个简单测试，如下面我们看
| 代码如下 |
复制代码 |
|
<script type="text/javascript">
var Sys = {};
var ua = navigator.userAgent.toLowerCase();
if (window.ActiveXObject)
Sys.ie = ua.match(/msie ([d.]+)/)[1]
else if (document.getBoxObjectFor)
Sys.firefox = ua.match(/firefox/([d.]+)/)[1]
else if (window.MessageEvent && !document.getBoxObjectFor)
Sys.chrome = ua.match(/chrome/([d.]+)/)[1]
else if (window.opera)
Sys.opera = ua.match(/opera.([d.]+)/)[1]
else if (window.openDatabase)
Sys.safari = ua.match(/version/([d.]+)/)[1];
//以下进行测试
if(Sys.ie) document.write('IE: '+Sys.ie);
if(Sys.firefox) document.write('Firefox: '+Sys.firefox);
if(Sys.chrome) document.write('Chrome: '+Sys.chrome);
if(Sys.opera) document.write('Opera: '+Sys.opera);
if(Sys.safari) document.write('Safari: '+Sys.safari);
</script>
|
这个就非常全面了 |
