JS判断浏览器类型与操作系统的方法分析

网络编程 2025/10/29 佚名

3 2 1

本文实例讲述了JS判断浏览器类型与操作系统的方法。分享给大家供大家参考，具体如下：

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

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

判断浏览器类型

IE浏览器

ie = ua.match( /MSIE\s([\d\.]+)/ ) || ua.match( /("htmlcode">

/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( /("color: #800000">PS：这里再为大家提供几款相关在线工具供大家参考：
在线浏览器信息检测工具：

http://tools.jb51.net/aideddesign/browser_info
常用浏览器(PC,移动) user-agent：

http://tools.jb51.net/table/useragent
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript事件相关操作与技巧大全》、《JavaScript页面元素操作技巧总结》、《JavaScript操作DOM技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。