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

最新推荐文章于 2021-07-29 15:28:52 发布
最新推荐文章于 2021-07-29 15:28:52 发布
阅读量1.4w 收藏 3
点赞数
分类专栏： javaScript 文章标签： 浏览器 safari firefox opera windows chrome
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/swc493197713/article/details/7327384
版权
 

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')等形式，表达起来还是非常优雅的。

武夜星辰
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript通过navigator.userAgent识别各种浏览器
TivonaLH的博客
02-17 9048
navigator是Brower对象(浏览器对象)，查看navigator的属性和方法  怎样用navigator来识别浏览器呢？  根据navigator.userAgent返回值识别 function validBrowser(){ var u_agent = navigator.userAgent; var browser_name='Failed to identify th
最全内核判断（navigator.userAgent）
weixin_42498482的博客
04-28 1597
var browser = { versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return { trident: u.indexOf('Trident') > -1, //IE内核 presto:...
JavaScript判断浏览器类型及版本
LHHfp2013的博客
09-07 907
你知道世界上有多少种浏览器吗？除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外，世界上还有近百种浏览器。 几天前，浏览器家族有刚诞生了一位小王子，就是Google推出的Chrome浏览器。由于Chrome出生名门，尽管他还是个小家伙，没有人敢小看他。以后，咱们常说浏览器的“四大才子”就得改称为“五朵金花”了。 在网站前端开发...
记录js无弹窗关闭当前浏览器窗口
丶扁扁的糖是扁的 的博客
07-29 282
if (navigator.userAgent.indexOf("MSIE") > 0) { if (navigator.userAgent.indexOf("MSIE 6.0") > 0) { //ie6 window.opener = null; window.close(); } else { //ie7 window.open('', '_top'); window.top.close(); } .
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
navigator.userAgent.indexOf 浏览器的兼容问题
weixin_30872867的博客
11-05 419
<script type="text/javascript"> function getOs() { var OsObject = ""; if (navigator.userAgent.indexOf("MSIE") > 0) { return "MSIE"; }...
navigator.userAgent.indexOf(“MSIE“) IE 11 返回 -1
梦凝哲雪
09-19 1555
演示JS案例 节点交换位置 swapNode兼容各浏览器 运行时 被navigator.userAgent.indexOf 判断 绕晕 差点怀疑人生 果断输出发现 IE 11 和 其他浏览器都是返回 -1 而IE 11以下都是 25 火狐 IE 11 IE 11以下 5 7 8 9 10 ...
taro 环境判断
weixin_34208185的博客
12-18 3848
Taro.ENV_TYPE ENV_TYPE.WEAPP 微信小程序环境 ENV_TYPE.SWAN 百度小程序环境 ENV_TYPE.ALIPAY 支付宝小程序环境 ENV_TYPE.TT 字节跳动小程序环境 ENV_TYPE.WEB WEB(H5)环境 ENV_TYPE.RN ReactNative 环境 Taro.getEnv() 获取当前环境值，具体值如上 Taro.ENV_TYPE 例如...
js判断浏览器内核 及ie的版本问题
ken_ding的博客
10-25 3716
首先说一下当前各大内核 Trident: IE 以Trident 作为内核引擎 // 俗称 IE内核 Gecko: Firefox（火狐） // 俗称Firefox内核 WebKit: Safari（苹果）, Google Chrome（谷歌）,傲游3 基于 Webkit 开发 ...
JavaScript判断浏览器内核和IE内核版本获取——踩坑记
En taro tassadar
01-13 2154
因为swiper4.1.6对低版本的IE兼容性很差，所以需要做一个检测浏览器内核和内核版本的功能。 navigator.userAgent是一个字符串，声明了浏览器用于 HTTP 请求的用户代理头的值,可以拿到请求的浏览器的相关信息。 其中，Trident是IE浏览器使用的内核，MSIE则是出现在旧版本的IE浏览器信息中。 document.documentMode可以获取到 使用IE内核时...
JS判断手机当前的系统类型
weixin_34239169的博客
03-10 150
<script language="javascript"> window.onload = function () {　　var n = navigator.userAgent;　　if (n.indexOf('Android') > -1 || n.indexOf('Linux') > -1) {　　　　console.log("安卓手机");　　} else if ...
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、付费专栏及课程。

余额充值