BOM之navigator对象和用户代理检测

前面的话 navigator对象现在已经成为识别客户端浏览器的事实标准，navigator对象是所有支持javascript的浏览器所共有的。本文将详细介绍navigator对象和用户代理检测 属性 与其他BOM对象的情况一样，每个浏览器中的navigator对象也都有一套自己的属性。下表列出了存在于所有浏览器中的属性和方法，以及支持它们的浏览器版本 属性                                              说明 appCodeName             浏览器名称[所有浏览器都返回Mozilla] userAgent               浏 在JavaScript的世界里，`navigator`对象扮演着至关重要的角色，它是浏览器对象模型（BOM，Browser Object Model）的一部分，用于获取浏览器的相关信息。这个对象在所有支持JavaScript的浏览器中都是通用的，使得开发者可以通过它来识别和适配不同的客户端环境。 `navigator`对象拥有众多属性，其中一些是所有浏览器共有的，比如： 1. `appCodeName`：返回浏览器的名称，尽管所有浏览器都会返回“Mozilla”，这是历史遗留问题。 2. `userAgent`：这是一个字符串，包含了浏览器的详细信息，如浏览器类型、版本、操作系统等，常用来判断用户使用的是哪种浏览器。 3. `appVersion`：返回浏览器的版本号，帮助开发者识别浏览器的具体版本。 4. `platform`：提供浏览器所在的操作系统平台信息，通常会看到“Win32”这样的结果。 5. `plugins`：这是一个数组，列出了用户浏览器中已安装的所有插件信息，可用于检测特定插件是否存在。 6. `mimeTypes`：包含了浏览器中注册的MIME类型数组，可以用来检测浏览器是否支持某种MIME类型。 7. `language`、`systemLanguage`、`userLanguage`：分别表示浏览器的首选语言、操作系统的语言以及用户设置的语言，这些属性在不同浏览器中的支持程度不同。 8. `product`、`productSub`：返回产品名称和次要信息，如Firefox返回“Gecko”和版本号。 9. `vendor`：表明浏览器的提供商，如Chrome返回“Google Inc.”。 10. `onLine`：指示浏览器是否连接到互联网，不过在某些浏览器中可能并不准确。 11. `cookieEnabled`：告诉开发者浏览器是否允许使用cookies。 12. `javaEnabled`：返回一个函数，表示Java是否在浏览器中启用。 13. `buildID`、`cpuClass`、`oscpu`：这些属性提供了关于浏览器编译版本、CPU类型和操作系统的一些信息，但不是所有浏览器都支持。 检测浏览器插件是常见的需求，对于非IE浏览器，可以通过`navigator.plugins`数组来检查。这个数组包含了插件的名称、描述、文件名以及处理的MIME类型数量。例如，检测Flash插件可以这样实现： ```javascript function hasPlugin(name) { name = name.toLowerCase(); for (var i = 0; i < navigator.plugins.length; i++) { if (navigator.plugins[i].name.toLowerCase().indexOf(name) > -1) { return true; } } return false; } console.log(hasPlugin("Flash")); // 如果有Flash插件，则输出true ``` 而对于IE浏览器，由于使用了ActiveX技术，检测插件需要创建特定的ActiveXObject实例。例如检测Flash： ```javascript function hasIEPlugin(name) { try { new ActiveXObject(name); return true; } catch (ex) { return false; } } console.log(hasIEPlugin("ShockwaveFlash.ShockwaveFlash")); // 如果有Flash插件，则输出true ``` 用户代理检测，通常是通过分析`navigator.userAgent`字符串来进行的，这种方法虽然方便，但也存在一定的局限性，因为用户代理字符串可以被篡改，而且随着浏览器版本的更新，检测方式可能需要不断调整。因此，推荐结合多种方法来识别和适配不同的浏览器环境，以确保网站或应用的兼容性和用户体验。