在JS中推断浏览器的类型,预计是每一个编辑过页面的开发者都遇到过的问题。在众多的浏览器产品中。IE、Firefox、Opera、Safari........众多品牌却标准不一,因此时常须要依据不同的浏览器。甚至同样浏览器不同版本号做不同的操作。因此。知晓浏览器的推断方法,还是非常重要的。

以下列举一下经常使用的推断方法:

1、推断浏览器是否为IE

        document.all ? 'IE' : 'others':在IE下document.all值为1,而其它浏览器下的值为0;

        navigator.userAgent.indexOf("MSIE")>0 ? 'IE' : 'others':navigator.userAgent是描写叙述用户代理信息。

        navigator.appName.indexOf("Microsoft") != -1 ? 'IE' : 'others':navigator.appName描写叙述浏览器名称信息。

2、推断IE版本号

        navigator.appVersion.match(/6./i)=="6." ? 'IE6' : 'other version':在已知是IE浏览器的情况下,能够通过此方法推断是否是IE6。

        navigator.userAgent.indexOf("MSIE 6.0")>0 ? 'IE7' : 'other version':同上;

        navigator.appVersion.match(/7./i)=="7." ?

'IE7' : 'other version':在已知是IE浏览器的情况下,能够通过此方法推断是否是IE7;

        navigator.userAgent.indexOf("MSIE 7.0")>0 ?

'IE7' : 'other version':同上;

        navigator.appVersion.match(/8./i)=="8." ? 'IE8' : 'other version':在已知是IE浏览器的情况下,能够通过此方法推断是否是IE8;

        navigator.userAgent.indexOf("MSIE 8.0")>0 ? 'IE8' : 'other version':同上。

3、JS获取浏览器信息

        浏览器代码名称:navigator.appCodeName

        浏览器名称:navigator.appName

        浏览器版本:navigator.appVersion

        对Java的支持:navigator.javaEnabled()

        MIME类型(数组):navigator.mimeTypes

        系统平台:navigator.platform

        插件(数组):navigator.plugins

        用户代理:navigator.userAgent

 

DEMO:

Js代码 

<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>

JS推断浏览器类型与版本号的更多相关文章

  1. JS获取浏览器类型和版本号

    JS获取浏览器类型和版本号,增加了IE11的判断. 2015/7/5更新: 简化代码逻辑 var zbrowser = {} var ua = navigator.userAgent.toLowerC ...

  2. JS检查浏览器类型和版本号

    先取得Navigator对象的userAgent属性的小写信息,之后依据正則表達式推断赋值. var Sys = {}; var ua = navigator.userAgent.toLowerCas ...

  3. JS判断浏览器类型以及版本号

    <script type="text/javascript">        (function(){            window.nav={};       ...

  4. js中推断浏览器类型

    在实际看发展.有时候会遇到在IOS和Android中要用不同的方法处理网页.须要让网页返回当前浏览器的类型. /** * 推断浏览器类型 */ var Browse = function () { / ...

  5. 怎么用jquery判断浏览器类型和版本号?

    用jquery判断浏览器类型:判断浏览器类型是IE浏览器还是火狐甚至是opera或者苹果浏览器safari,jquery 特效代码如下:判断浏览器类型和版本号如下: 怎么用jquery判断浏览器类型? ...

  6. js获取浏览器类型和版本信息

    bro () { let broName = 'Runing' let strStart = 0 let strStop = 0 let temp = '' let userAgent = windo ...

  7. JS判断浏览器类型的方法总结(IE firefox chrome opera safari)

    JS判断浏览器类型的方法总结,可判别当前客户端所使用的浏览器是ie,firefox,safari,chrome或者是opera,另外js可以精确判断到ie浏览器的版本,依然直接上代码,需要的朋友可按照 ...

  8. 关于通过JS识别浏览器类型的方法

    JS检测浏览器类型的方法   网络上一般采用navigator.userAgent判断浏览器标识的办法,但是有个麻烦的问题是IE11不断升级之后,IE11的userAgent变成: "Moz ...

  9. js判断浏览器类型 js判断ie6不执行

    js判断浏览器类型 $.browser  对象 $.browser.version 浏览器版本 var binfo = ''; if ($.browser.msie) { binfo = " ...

随机推荐

  1. 记一次WMS的系统改造(2)-敲定方案

    既定改造方案 基于上一篇分析出的种种问题,我们将库房人员的系统操作划分为两大类. 第一类为货物驱动的操作,这类操作主要随着货物而前进,人员不看或者看软件的次数比较少,更多是对货物的状态进行系统上的确认 ...

  2. wordpress 使用wp_head()函数

    wp_head()的作用: 在WordPress主题中使用此函数控制<head>…</head>之间的标签内容. 以通过header.php模板文件输出html中的head标签 ...

  3. [python工具][3]sublime常用配置 与操作指南

    https://github.com/jikeytang/sublime-text http://zh.lucida.me/blog/sublime-text-complete-guide/

  4. poj2135最小费用最大流经典模板题

    Farm Tour Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 13509   Accepted: 5125 Descri ...

  5. hdu 4418 高斯消元求期望

    Time travel Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total ...

  6. 【CF711C】Coloring Trees(DP)

    题意:给你n个数字,一共有m种,如果某数为0则该数为空,空的地方可以填任意种类数,但每填一个数字都要花费一定的费用, 从头到尾,所有相邻且相同的数字看作一个集合,求使n个数字的集合数为k所需的最小费用 ...

  7. canvas之webgl的打开方式

    OK,一个完整的dome是从无到有的.这篇文章将记录我的webgl之旅.不定时更新. 首先,新建一个canvas元素. 然后获取到它. var e = document.ElementById('ca ...

  8. 数据结构自己实现——queue

    SeqQueue.h #define QueueSize 100 typedef char DataType; class SeqQueue { public: DataType data[Queue ...

  9. 微信小程序 使用微信支付功能实现在线订单支付

    以前做过PC页面微信支付,但是这次在小程序 直接调用微信支付功能还是方便很多 先放个微信官方API链接:https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_a ...

  10. 基于python的性能测试工具–locust

    现在有很多的性能测试工具,比如说我们熟悉的loadrunner.jmeter.ab.webbench等等,这些工具如果对一个没用过的朋友来说,学习起来比较不容易,但是如果你能看懂python代码,会写 ...