这个东西在跨平台前端开发很有用:

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

转载于:https://www.cnblogs.com/liflying/p/4253364.html

JS判断浏览器类型与版本相关推荐

  1. JS判断浏览器类型及版本

    判断浏览器类型及版本 function getBroswer(){var os = navigator.platform; var userAgent = navigator.userAgent; v ...

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

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

  3. JavaScript判断浏览器类型及版本

    JavaScript判断浏览器类型及版本 你知道世界上有多少种浏览器吗?除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外,世界上还有近百种浏览器. 几天前,浏览器家族有 ...

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

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

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

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

  6. 【jQuery】判断浏览器类型和版本

    注意:看文章要去我精华,去我糟粕,自己多加调试 这与<[HTML]根据不同的浏览器类型写不同的HTML代码>(点击打开链接)一文是姊妹篇,IE注释能够帮你在网页的HTML根据不同的版本,渲 ...

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

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

  8. 判断浏览器类型及版本

    公司前段时间做项目需要判断浏览器,因为项目进度急暂时只支持一种浏览器 使用window.navigator.userAgent属性,但是在国产浏览器上遇到了问题,下面这段代码只能判断内核,但是我想判断 ...

  9. JS判断浏览器类型的方法【转】

    在网站前端开发中,浏览器兼容性问题本已让我们手忙脚乱,Chrome的出世不知道又要给我们添多少乱子.浏览器兼容性是前端开发框架要解决的第一个问题,要解决兼容性问题就得首先准确判断出浏览器的类型及其版本 ...

最新文章

  1. python实现D‘Agostino‘s K-squared test正态分布检验
  2. ubuntu 18.04.4 - 显示文件路径
  3. 数字营销迎来黄金期 TalkingData推出“营销云”平台
  4. pytorch简单代码实现deep dream图(即CNN特征可视化 features visualization)
  5. Java教程分享:JVM垃圾回收机制之对象回收算法
  6. asp.net 六大对象之Request、Response
  7. html text align属性,HTML canvas
  8. 虚拟化物理服务器参数,浅谈部署VMware物理系统虚拟化技术P2V(Physical to Virtual)
  9. Linux内核无法放到Ubuntu中,无法通过Linux内核模块(Ubuntu)在内核内存中写入
  10. Windows下pip安装包报错:Microsoft Visual C++ 9.0 is required Unable to find vcvarsall.bat
  11. axure如何页面滑动时广告位上移_Axure8.0教程:模拟滑动效果
  12. ASP.NET与JS交互
  13. 语言用符号打印出落叶的图案_普通语言学概要(第一章第二节,语言是符号系统)...
  14. java基础学习_GUI_如何让Netbeans的东西Eclipse能访问、GUI(图形用户接口)_day25总结...
  15. python机器学习搭建空气质量AQI(air quality index)预测模型
  16. ExtJs 入门教程
  17. CentOS7安装杀毒软件ClamAV图形界面ClamTk
  18. LabView的简单例题,尽量做到一题多解
  19. cad2012打开后闪退_win10系统打开CAd2012出现闪退的恢复方法
  20. 论文翻译--毫米波三维全息摄影的轻量级FMIST启发稀疏重建网络(1)

热门文章

  1. python滤波器的截面图_Python OpenCV学习笔记之:图像滤波处理
  2. android白圈闪现动画,Android基于Shader的图像处理(9)-仿抖音闪白特效
  3. android 自动生成aidl,[Android]用AIDL生成Service
  4. IDEA自定义快捷键
  5. 因果推断笔记——uplift建模、meta元学习、Class Transformation Method(八)
  6. spark-shell开发wordcount程序
  7. ASP.NET Core 部署到Cont OS 服务器
  8. JavaScript继承理解:ES5继承方式+ES6Class继承对比
  9. 移动端常见bug汇总001
  10. GitHub for Windows一般操作