在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. python学习-- Django model -class 主键自增问题

    转自:http://blog.csdn.net/mapoor/article/details/8609660 prize_id = models.IntegerField(primary_key=Tr ...

  2. Leetcode 436.寻找右区间

    寻找右区间 给定一组区间,对于每一个区间 i,检查是否存在一个区间 j,它的起始点大于或等于区间 i 的终点,这可以称为 j 在 i 的"右侧". 对于任何区间,你需要存储的满足条 ...

  3. 子元素浮动父容器高度不能自适应的CSS解决方法

    百度标题:子元素浮动父容器高度不能自适应的CSS解决方法 从第二份工作开始,已经不怎么写样式了,然后就忘记了一部分,有的也生疏了. 今天碰到子元素意外挤到一起的问题,就问公司前端工程师是怎么回事,F1 ...

  4. 【转】参照protobuf,将json数据转换成二进制在网络中传输。

    http://blog.csdn.net/gamesofsailing/article/details/38335753?utm_source=tuicool&utm_medium=refer ...

  5. ambari单节点集群塔建

    配置2台机器,发别为ambari01.ambari03.ambari01上部署Ambari-server和Mirror server,另一台机器上部署agent. 一.配置静态IP 运行命令,让配置生 ...

  6. 【Luogu】P4208最小生成树计数(状压乱搞)

    题目链接 最小生成树有两个性质,两个性质都知道的话这题就变成码农题了. 1.无论最小生成树长什么样,所有权值的边的数量是不变的.比如我有棵最小生成树有两条权值为2的边四条权值为1的边,那这个图的所有最 ...

  7. Hadoop 3.1.0 在 Ubuntu 16.04 上安装时遇到的问题

    1.Hadoop 安装 pdsh localhost: Connection refused Hadoop安装过程中使用 $ sbin/start-dfs.sh 启动节点时,发生错误提示: pdsh@ ...

  8. django获取前端有multiple属性的select的多选项

    author_list = request.POST.getlist('author_list') ###

  9. Junit框架使用--JUnit常用断言及注解

    从别人博客中抄过来一点东西 原文地址:http://blog.csdn.net/wangpeng047/article/details/9628449 断言是编写测试用例的核心实现方式,即期望值是多少 ...

  10. 实验六 TLS协议报文解析

    一.实验目的 1.访问一个https://....的网站,捕TLS包并分析报文序列. 2.分析连接建立的完整过程,如:TCP三次握手.SSL安全连接,使用TLS协议连接.协商过程,加密传送的状态.TC ...