在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中推断浏览器类型

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

  2. JS获取浏览器类型和版本信息

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  3. javascript检测浏览器类型和版本号(兼容各浏览器)

    代码  1 from: http://www.webreference.com/tools/browser/javascript.html  2 http://browserspy.dk/browse ...

  4. js判断浏览器类型,判断ie内核,webkit

    js判断浏览器类型 <script>function _mime(option, value) {const mimeTypes = navigator.mimeTypes;for (co ...

  5. js检测浏览器类型以及版本信息

    js检测浏览器类型以及版本信息 DetectBrowser () {const userAgent = window.navigator.userAgentconst isChrome = userA ...

  6. 通过JS判断浏览器类型,详细区分IE各版本浏览器

    <span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255) ...

  7. JS判断浏览器类型,获得浏览器版本号

    在WEB开发中,浏览器兼容问题往往弄得我们焦头烂额.这篇文章主要是通过使用JS封装一个方法来获得当前客户端的浏览器类型和浏览器版本号.大家都知道,我们往往是通过分析浏览器的uerAgent来判断,可是 ...

  8. JavaScript 推断浏览器类型及32位64位

    JS推断出版本号以及浏览器类型 <script type="text/javascript"> var Sys = {}; var ua = navigator.use ...

  9. JS判断浏览器类型与版本

    这个东西在跨平台前端开发很有用: 在JS中判断浏览器的类型,估计是每个编辑过页面的开发人员都遇到过的问题.在众多的浏览器产品中,IE.Firefox.Opera.Safari........众多品牌却 ...

  10. 如何用js检测浏览器类型

    这个需求在前端开发当中是很常见的,大家都知道我们写的js或css在浏览器中是有兼容问题的,当下虽然大家可能不用感受的IE6带来的痛苦(别问我为什么是痛苦),但是你负责的项目本身就是政府.医院之类的项目 ...

最新文章

  1. spring 通过编程来获取属性文件
  2. C语言字符串左右排序交换
  3. 第二章 Python数据类型详解
  4. python腾讯语音合成
  5. [Windows]_[0基础]_[使用命令行工具dumpbin分析文件]
  6. H.264编解码流程
  7. 领域应用 | 中医临床术语系统
  8. Batch Normalization的一些缺陷
  9. android 多个模块,Android Studio:多个模块的多个APK
  10. linux分区_如何扩展Linux系统根分区
  11. 遥感大辞典_常用遥感名词词典
  12. 转载 centos CPU温度检测
  13. win10 opencv-4.1.0 环境配置
  14. CDN在前端开发中的作用
  15. 思科ASA防火墙:内网telnet远程控制防火墙 外网ssh远程控制防火墙
  16. 什么是软件测试?这份工作到底怎么样?
  17. mpvue 开发教程
  18. linux下C++基本库的Hollo World程序
  19. 简读《Head First设计模式》
  20. wintogo详细过程记录

热门文章

  1. 情侣在公交车上接吻遭乘客指责
  2. 【Git/Github学习笔记】Git常用命令(代码冲突)
  3. 【pytorch】深度学习提速之自动混合精度
  4. 如何用计算机寒假计划表,如何制定寒假学习计划表
  5. Spring集成quartz实现的定时任务调用
  6. Flutter之Redux框架入门
  7. Apache Flink 在斗鱼的应用与实践
  8. 如何构建批流一体数据融合平台的一致性语义保证?
  9. 为什么很多类甚者底层源码要implements Serializable ?
  10. 幅频响应 matlab画法,MATLAB环境下频率响应曲线的绘制方法.pdf