navigator.userAgent.indexOf来判断浏览器类型

最新推荐文章于 2023-06-26 13:50:57 发布
最新推荐文章于 2023-06-26 13:50:57 发布
阅读量1.1k 收藏
点赞数
分类专栏： js 文章标签： 浏览器 javascript

原文地址：http://blog.sina.com.cn/s/blog_786fbda50100vcxp.html

navigator.userAgent.indexOf来判断浏览器类型
<script language="JavaScript">
    <!--
function getOs() {
    var OsObject = "";
   if(navigator.userAgent.indexOf("MSIE")>0) {
        return "MSIE";
   }
   if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
        return "Firefox";
   }
   if(isSafari=navigator.userAgent.indexOf("Safari")>0) {
        return "Safari";
   } 
   if(isCamino=navigator.userAgent.indexOf("Camino")>0){
        return "Camino";
   }
   if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){
        return "Gecko";
   }
}
alert("您的浏览器类型为:"+getOs());
    -->
</script>
if (window.XMLHttpRequest) { // Mozilla, Safari, ...
    http_request = new XMLHttpRequest();
} else if (window.ActiveXObject) { // IE
    http_request = new ActiveXObject("Microsoft.XMLHTTP");
}
posted
现在的浏览器可真是越来越多，但兼容性可真是不敢恭维，这个脚本可根据浏览器 来自动进行导航，在特定场合是非常有用的，你好好看看吧！！！
<SCRIPT language="JavaScript">
<!--
function browserSniffer(netscape4URL,explorer4URL,webtvURL,
aolURL,operaURL,version3URL,w3cURL) {
var agt=navigator.userAgent.toLowerCase();
var agt=navigator.userAgent.toLowerCase();
var is_major = parseInt(navigator.appVersion);
var is_minor = parseFloat(navigator.appVersion);
var is_nav = ((agt.indexOf('mozilla')!=-1) && (agt.indexOf('spoofer')==-1)
&& (agt.indexOf('compatible') == -1) && (agt.indexOf('opera')==-1)
&& (agt.indexOf('webtv')==-1));
var is_nav2 = (is_nav && (is_major == 2));
var is_nav3 = (is_nav && (is_major == 3));
var is_nav4 = (is_nav && (is_major == 4));
var is_nav4up = (is_nav && (is_major >= 4));
var is_navonly = (is_nav && ((agt.indexOf(";nav") != -1) ||
(agt.indexOf("; nav") != -1)) );
var is_nav5 = (is_nav && (is_major == 5));
var is_nav5up = (is_nav && (is_major >= 5));
var is_ie = (agt.indexOf("msie") != -1);
var is_ie3 = (is_ie && (is_major < 4));
var is_ie4 = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.0")==-1) );
var is_ie4up = (is_ie && (is_major >= 4));
var is_ie5 = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.0")!=-1) );
var is_ie5up = (is_ie && !is_ie3 && !is_ie4);
var is_aol = (agt.indexOf("aol") != -1);
var is_aol3 = (is_aol && is_ie3);
var is_aol4 = (is_aol && is_ie4);
var is_opera = (agt.indexOf("opera") != -1);
var is_webtv = (agt.indexOf("webtv") != -1);
if (is_nav4up) {
location.href = netscape4URL; // netscape 4+ but not NS5
}else if (is_ie4up) { //IE4 & IE5 but returns IE4
location.href = explorer4URL;
}else if (is_webtv) { // Web TV
location.href = webtvURL;
}else if (is_aol || is_aol3 || is_aol4) { //AOL
location.href = aolURL;
}else if (is_opera) { // Opera
location.href = operaURL;
}else if (is_ie3||is_nav3) { // 3.0 version browsers
location.href = version3URL;
}else if (is_nav5up) { // Netscape 5
location.href = w3cURL;
}
}
//-->
</SCRIPT>
<BODY onLoad="browserSniffer('nn4.html','IE4.html','webtv.html',
'aol.html','opera.html','NNandIE3.html','nn6.html')">
      分析一下各种浏览器的特征及其userAgent。
       IE
      只有IE支持创建ActiveX控件，因此她有一个其他浏览器没有的东西，就是ActiveXObject函数。只要判断window对象存在ActiveXObject函数，就可以明确判断出当前浏览器是IE。而IE各个版本典型的userAgent如下：
        Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0)
        Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2)
        Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1)
        Mozilla/4.0 (compatible; MSIE 5.0; Windows NT)
      其中，版本号是MSIE之后的数字。
       Firefox
       Firefox中的DOM元素都有一个getBoxObjectFor函数，用来获取该DOM元素的位置和大小（IE对应的中是getBoundingClientRect函数）。这是Firefox独有的，判断它即可知道是当前浏览器是Firefox。Firefox几个版本的userAgent大致如下：
        Mozilla/5.0 (Windows; U; Windows NT 5.2) Gecko/2008070208 Firefox/3.0.1
        Mozilla/5.0 (Windows; U; Windows NT 5.1) Gecko/20070309 Firefox/2.0.0.3
        Mozilla/5.0 (Windows; U; Windows NT 5.1) Gecko/20070803 Firefox/1.5.0.12
      其中，版本号是Firefox之后的数字。
       Opera
       Opera提供了专门的浏览器标志，就是window.opera属性。Opera典型的userAgent如下：
        Opera/9.27 (Windows NT 5.2; U; zh-cn)
        Opera/8.0 (Macintosh; PPC Mac OS X; U; en)
        Mozilla/5.0 (Macintosh; PPC Mac OS X; U; en) Opera 8.0
      其中，版本号是靠近Opera的数字。
       Safari
       Safari浏览器中有一个其他浏览器没有的openDatabase函数，可做为判断Safari的标志。Safari典型的userAgent如下：
        Mozilla/5.0 (Windows; U; Windows NT 5.2) AppleWebKit/525.13 (KHTML, like Gecko) Version/3.1 Safari/525.13
        Mozilla/5.0 (iPhone; U; CPU like Mac OS X) AppleWebKit/420.1 (KHTML, like Gecko) Version/3.0 Mobile/4A93 Safari/419.3
      其版本号是Version之后的数字。
      Chrome
      Chrome有一个MessageEvent函数，但Firefox也有。不过，好在Chrome并没有Firefox的getBoxObjectFor函数，根据这个条件还是可以准确判断出Chrome浏览器的。目前，Chrome的userAgent是：
        Mozilla/5.0 (Windows; U; Windows NT 5.2) AppleWebKit/525.13 (KHTML, like Gecko) Chrome/0.2.149.27 Safari/525.13
      其中，版本号在Chrome只后的数字。
      有趣的是，Chrome的userAgent还包含了Safari的特征，也许这就是Chrome可以运行所有Apple浏览器应用的基础吧。
      只要了解了以上信息，我们就可以根基这些特征来判断浏览器类型及其版本了。我们会将判断的结果保存在Sys名字空间中，成为前端框架的基本标志信息，供今后的程序来读取。如果判断出谋种浏览器，Sys名字空间将有一个该浏览器名称的属性，其值为该浏览器的版本号。例如，如果判断出IE 7.0，则Sys.ie的值为7.0；如果判断出Firefox 3.0，则Sys.firefox的值为3.0。下面是判断浏览器的代码：
    <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>
      如果你的JavaScript玩得很高，你还可以将前面的判断代码写成这样：
    <script type="text/javascript">
        var Sys = {};
        var ua = navigator.userAgent.toLowerCase();
        window.ActiveXObject ? Sys.ie = ua.match(/msie ([\d.]+)/)[1] :
        document.getBoxObjectFor ? Sys.firefox = ua.match(/firefox\/([\d.]+)/)[1] :
        window.MessageEvent && !document.getBoxObjectFor ? Sys.chrome = ua.match(/chrome\/([\d.]+)/)[1] :
        window.opera ? Sys.opera = ua.match(/opera.([\d.]+)/)[1] :
        window.openDatabase ? Sys.safari = ua.match(/version\/([\d.]+)/)[1] : 0;
        //以下进行测试
        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>
            通过分析各类浏览器的userAgent信息，不难得出分辨各类浏览器及其版本的正则表达式。而且，对浏览器类型的判断和版本的判断完全可以合为一体地进行。于是，我们可以写出下面的代码：
    <script type="text/javascript">
        var Sys = {};
        var ua = navigator.userAgent.toLowerCase();
        var s;
        (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :
        (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :
        (s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :
        (s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :
        (s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;
        //以下进行测试
        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>
      其中，采用了“... ? ... : ...”这样的判断表达式来精简代码。判断条件是一条赋值语句，既完成正则表达式的匹配及结果复制，又直接作为条件判断。而随后的版本信息只需从前面的匹配结果中提取即可，这是非常高效的代码。
       以上的代码都是为了打造前端框架所做的预研，并在五大浏览器上测试通过。今后，判断某种浏览器只需用if(Sys.ie)或if(Sys.firefox)等形式，而判断浏览器版本只需用if(Sys.ie == '8.0')或if(Sys.firefox == '3.0')等形式，表达起来还是非常优雅的。


Zoe_Wang_ing
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
判断浏览器信息userAgent
w18789476022的博客
11-06 231
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> alert(navigator.appName); console.log(navigator.userAgent); var ua=navigator.userA
js识别不同浏览器基于userAgent做判断
12-10
检测浏览器，注意浏览器判断顺序，主要是基于userAgent做判断。 //检测浏览器 var client = function(){ var engine = { ie:0, gecko:0, webkit:0, khtml:0, opera:0, ver:null }; var browser = { //浏览器 ie: 0, firefox: 0, safari: 0, konq: 0, opera: 0, chrome: 0, ver:null }; var ua = navigator.userAgent; //浏览器检测有顺序 if(window.opera){//opera伪装
userAgent区分浏览器
weixin_44120790的博客
08-09 480
User-Agent 首部包含了一个特征字符串，用来让网络协议的对端来识别发起请求的用户代理软件的应用类型、操作系统、软件开发商以及版本号。 作用： 如何获取 在 ASP.NET 中使用 Request.Header[“User-Agent”] 得到浏览器的 User Agent，也可以使用 Request.UserAgent 来获取； Java 中使用 request.getHeader(”User-Agent”) 来获得； PHP 中相应使用：$_SERVER[HTTP_USER_AGENT]；
使用navigator.userAgent 判断当前浏览器所处的环境
m0_61854485的博客
06-26 418
【代码】使用navigator.userAgent 判断当前浏览器所处的环境。
根据 UserAgent 判断网页是在浏览器、或在微信、或在APP中
weixin_34393428的博客
10-29 904
根据 UserAgent 是否存在 Android，或 iPhone 可以判断网页是运行在 苹果手机 或 微信手机中。具体是安卓的在 微信中、还是在浏览器中、还是在APP中，在iPhone的 微信中、还是在浏览器中、还是在WebApp中，都可以通过UserAgent来判断。 前端JS 获取 UserAgent 可以使用：navigator...
从userAgent判断浏览器是什么（chorme ie 火狐）浏览器类型检测、浏览器检测
weixin_30929295的博客
09-26 328
一、正确的方法： 通过navigator对象的userAgent属性来判断， 主要是判断userAgent 的信息里是否含有以下字段信息： js代码（非完整版） /************ navigator.userAgent.indexOf("Firefox") >-1 火狐 navigator.userAgent.index...
javascript通过navigator.userAgent识别各种浏览器
12-13
原理：根据navigator.userAgent返回值识别 实现： 代码如下: function validBrowser(){ var u_agent = navigator.userAgent; var browser_name=’Failed to identify the browser’; if(u_agent.indexOf(‘Firefox’...
jquery判断浏览器类型的代码
01-21
Jquery中利用navigator.userAgent.indexOf来判断浏览器类型，并进行了一下处理，建议学习Jquery的朋友学习下，了解一下思路。 主要使用的方法:$.browser.[‘浏览器关键字’] 代码如下: $(function() { if($.browser....
基于javascript实现判断移动终端浏览器版本信息
01-19
具体解释都在注释里，这里就不多废话了，直接奉上代码 代码如下: [removed] /* * 智能机浏览器版本信息: * */  varbrowser={  versions:function(){ ... trident: u.indexOf(‘Trident’) > -1,//IE内核  
基于js实现判断浏览器类型代码实例
11-20
工作中需要用到判断浏览器类型，网上找到的内容不怎么全，故在此进行一下总结。 一、不同浏览器及版本下User-Agent信息 待续…..欢迎补充 二、根据User-Agent信息进行判断 以下代码目前还判断不了win10下的edge //...
js判断当前浏览器类型,判断IE浏览器方法
12-12
最短IE判断方法，原文地址： //www.jb51.net/article/23621.htm 判断IE浏览器最短方法：var isIE = !-[1,] 原理：[1,]在标准浏览器中...如：navigator.userAgent.indexOf(“Safari”)>0，如果”Safari”这个单词出现在u
JS通过分析userAgent属性来判断浏览器的类型及版本
12-12
JavaScript是前端开发的主要语言，我们可以通过编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法，一种是根据各种浏览器独有的属性来分辨，另 一种是通过分析浏览器的userAgent属性来判断的。本文对浏览器各自的userAgent特点做一分析，并给出判断方法： Windows操作系统浏览器系列： IE浏览器系列： 特征表现：均以 “mozilla/” 开头，”msie x.0;” 中的x表示其版本； 判断方法：粗略判断可以只检索 “msie x.0;” 字符串即可，严格判断可检索 “mozilla/x.0 (compatibal; m
判断浏览器-navigator.userAgent
jieweiwujie的博客
08-30 179
//判断浏览器 类型 console.log(navigator.userAgent);
userAgent--判断浏览器的类型和版本
jackcai663的博客
04-11 455
userAgent--判断浏览器的类型和版本    除了IE、Opera、Safari、firefox四大浏览器以外，世界上有几百种浏览器。2008年大名鼎鼎的Google公司发布了Chrome浏览器，由于其稳定和高安全性，短短几年间，成为了使用最广的浏览器。加上Chrome出生于豪门，大有大有赶超"四大才子"之势。所以“四大才子”要改成“五朵金花...
根据userAgent值的特性判断客户端设备及浏览器类型
tao911110的博客
05-28 1105
前文《Web开发兼容性系列文章（一）：不一样设备浏览器的userAgent值大全》罗列了经常使用电脑浏览器及智能手机浏览器的userAgent值html 这里对浏览器各自的userAgent特色作一分析，并给出判断方法： linux Windows操做系统浏览器系列： android IE浏览器系列： 特征表现：均以 "mozilla/" 开头，"msie x.0;" 中的x表示其版本； 判断方法：粗略判断能够只检索"msie x.0;" 字符串便可，严格判断可检索 "mozilla/...
使用navigator.userAgent来判断浏览器类型
张家小丫头的博客
10-29 1392
原文转载自：http://fp-moon.iteye.com/blog/1142629 在不同的浏览器js会有不同的显示效果，所以判断浏览器的类型很重要，我们可以根据浏览器的类型来判断使用什么代码 使用navigator.userAgent来判断浏览器类型。 1、浏览器版本号函数： var br=navigator.userAgent.toLowerCase(); var browse
判断是否为移动端或浏览器
钱辉
06-30 266
判断是否为移动端或浏览器
navigator.userAgent.indexOf
最新发布
10-14
navigator.userAgent.indexOf是一个JavaScript方法，用于返回当前浏览器的user-agent字符串中是否包含指定的文本。如果包含，则返回该文本在user-agent字符串中的起始位置，否则返回-1。 例如，如果我们想检查当前...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值