navigator.userAgent : userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值。

navigator.platform : platform 属性是一个只读的字符串,声明了运行浏览器的操作系统和(或)硬件平台。

判断浏览器类型

IE浏览器

ie = ua.match( /MSIE\s([\d\.]+)/ ) || ua.match( /(?:trident)(?:.*rv:([\w.]+))?/i ),

IE浏览器版本号

/msie 8.0/.test(navigator.userAgent.toLowerCase())

微信浏览器

/micromessenger/.test(navigator.userAgent.toLowerCase())

chrome

/chrome/.test(navigator.userAgent.toLowerCase())

firefox

/safari/.test(navigator.userAgent.toLowerCase())

opera

/micromessgenger/.test(navigator.userAgent.toLowerCase())

判断操作系统类型

win操作系统

 navigator.platform == "Win32"navigator.platform == "Windows"

mac操作系统

     navigator.platform == "Mac68K"navigator.platform == "MacPPC"navigator.platform == "Macintosh"navigator.platform == "MacIntel"

andorid操作系统

     if(/Linux/i.test(navigator.userAgent)){if(/android/i.test(navigator.userAgent.toLowerCase())){return "android";}}
/*** @description  简单的浏览器检查结果。** * `webkit`  webkit版本号,如果浏览器为非webkit内核,此属性为`undefined`。* * `chrome`  chrome浏览器版本号,如果浏览器为chrome,此属性为`undefined`。* * `ie`  ie浏览器版本号,如果浏览器为非ie,此属性为`undefined`。**暂不支持ie10+*** * `firefox`  firefox浏览器版本号,如果浏览器为非firefox,此属性为`undefined`。* * `safari`  safari浏览器版本号,如果浏览器为非safari,此属性为`undefined`。* * `opera`  opera浏览器版本号,如果浏览器为非opera,此属性为`undefined`。** @property {Object} [browser]*/browser: (function( ua ) {var ret = {},webkit = ua.match( /WebKit\/([\d.]+)/ ),chrome = ua.match( /Chrome\/([\d.]+)/ ) ||ua.match( /CriOS\/([\d.]+)/ ),ie = ua.match( /MSIE\s([\d\.]+)/ ) ||ua.match( /(?:trident)(?:.*rv:([\w.]+))?/i ),firefox = ua.match( /Firefox\/([\d.]+)/ ),safari = ua.match( /Safari\/([\d.]+)/ ),opera = ua.match( /OPR\/([\d.]+)/ );webkit && (ret.webkit = parseFloat( webkit[ 1 ] ));chrome && (ret.chrome = parseFloat( chrome[ 1 ] ));ie && (ret.ie = parseFloat( ie[ 1 ] ));firefox && (ret.firefox = parseFloat( firefox[ 1 ] ));safari && (ret.safari = parseFloat( safari[ 1 ] ));opera && (ret.opera = parseFloat( opera[ 1 ] ));return ret;})( navigator.userAgent ),/*** @description  操作系统检查结果。** * `android`  如果在android浏览器环境下,此值为对应的android版本号,否则为`undefined`。* * `ios` 如果在ios浏览器环境下,此值为对应的ios版本号,否则为`undefined`。* @property {Object} [os]*/os: (function( ua ) {var ret = {},// osx = !!ua.match( /\(Macintosh\; Intel / ),android = ua.match( /(?:Android);?[\s\/]+([\d.]+)?/ ),ios = ua.match( /(?:iPad|iPod|iPhone).*OS\s([\d_]+)/ );// osx && (ret.osx = true);android && (ret.android = parseFloat( android[ 1 ] ));ios && (ret.ios = parseFloat( ios[ 1 ].replace( /_/g, '.' ) ));return ret;})( navigator.userAgent ),

转载于:https://www.cnblogs.com/fayin/p/6555929.html

【javascript】—— JS判断浏览器类型、操作系统相关推荐

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

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

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

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

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

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

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

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

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

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

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

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

  7. js判断浏览器类型大全

    var u = window.navigator.userAgent;var type_obj={isOpera: u.indexOf("Opera") > -1, //判断 ...

  8. js判断浏览器类型、是否为移动客户端访问

    //浏览器对象 var browser = {versions : function() {var u = navigator.userAgent, app = navigator.appVersio ...

  9. js判断浏览器是否为IE

    js判断浏览器是否为IE的方法. function IEVersion() {var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串var ...

最新文章

  1. 2018年十大云宕机事故盘点:主流无一幸免!
  2. 第十五届全国大学生智能汽车竞赛 人工智能创意组总决赛
  3. (转)---再说卷积
  4. Memcached Client 使用手册
  5. 常用数据库端口号总结
  6. html5经纬度定位 源码_HTML5地理位置定位获取经纬度
  7. visual_c++外挂教程(较详细)
  8. 苹果电脑上不错的五款视频调色应用
  9. Numpy-如何对数组进行切割
  10. 解决md导入CSDN中图片大小过大 改变图片的大小
  11. SDUT OJ 2132 (一般算术表达式转换成后缀式)
  12. 详解EJB技术及实现原理
  13. 电商野史:中酒网CEO 顾建兴
  14. evo评测VINS-MONO---代码修改、数据格式转换、数据测试
  15. 引领半开放主动降噪新技术,华为全新无线蓝牙耳机FreeBuds 4发布
  16. 教资综合素质 (笔记一)
  17. 启动Tomcat报Artifact is being deployed, please wait问题
  18. 【2020年第七次人口普查】省市县三级分年龄、性别的人口
  19. 了解一下IO控制器与控制方式
  20. php smtp 抄送,php带抄送和密件抄送的邮件发送方法_PHP教程

热门文章

  1. Linux command: ps -ef |grep java
  2. 突发奇想写的一篇小科幻(如果可以叫做科幻的话)
  3. 【Python3_进阶系列_006】Python3-单例模式
  4. 数据结构链表——JavaScript的实现
  5. 【BZOJ2326】【HNOI2011】数学作业 [矩阵乘法][DP]
  6. [数字信号处理]IIR滤波器的间接设计(C代码)(转)
  7. C++11中值得关注的几大变化 .
  8. 【转载】在对话框中加入属性页
  9. 获取父页面URL的参数对应值及左对齐字符串
  10. 图片缓存之内存缓存技术LruCache,软引用