javascript 如何识别不同的浏览器

JavaScript 通过navigator对象中的userAgent属性、appVersion属性、platform属性等来识别不同的浏览器。识别浏览器的操作通常需要对userAgent字符串进行解析和匹配，从而提取出浏览器的类型、版本号以及操作系统信息。具体来说，大多数浏览器会在其userAgent字符串中提供识别信息，虽然这种方式并非完全可靠，但却是目前最广泛使用的方法。例如，userAgent字符串通常会包含如"Chrome"、"Firefox"、"MSIE"或"Trident"（代表IE浏览器）等关键字，通过检索这些关键字即可推断出用户所使用的浏览器类型。

一、理解USERAGENT

userAgent是一个浏览器发送到服务器的字符串信息，它描述了浏览器的类型、版本以及它运行的操作系统环境。这个字符串很容易被用户或其他客户端工具修改，因此它并不是一个完全可靠的识别浏览器和操作系统的方法。

为了准确识别浏览器，一般的做法是编写一系列的正则表达式，并用它们来检验userAgent字符串。尽管这样做需要更新正则表达式以适应新版本的浏览器，但这是目前识别浏览器类型最实用的方法。

二、检测浏览器类型

识别常见浏览器
- 检测Chrome: Chrome浏览器在其userAgent字符串中包含了"Chrome"字样，并且通常还包含了"Safari"字样，因为Chrome是基于Webkit（Safari使用的布局引擎）开发的。
- 检测Firefox: Firefox浏览器的userAgent字符串中会包含"Firefox"字样。
- 检测Internet Explorer: IE浏览器可以通过查找"MSIE"或"Trident"来识别。"Trident"是IE特有的布局引擎标识，出现在较新版本的IE浏览器中。
- 检测Edge: 对于Edge浏览器，可以寻找"Edge"关键字来进行识别，对于基于Chromium的新版Edge，则是查找"Edg"。
- 检测Safari: Safari浏览器可以通过"Version/"后面紧接着的数字和"Safari"字样来识别。
正则表达式检测方法
- 构建一个包含不同浏览器正则表达式的对象，并利用这些正则表达式来检测userAgent字符串。对于每种浏览器，定义一个正则表达式，并尝试与userAgent字符串匹配。

三、特性检测

除了直接解析userAgent字符串，JavaScript 还可以通过特性检测来识别和适应不同浏览器的能力。不同的浏览器可能会有不同的特性和BUG，开发者可以通过测试这些特性是否存在或者可行，来决定使用哪些功能。

基于对象和方法检测
- 检查浏览器是否支持某一特定的对象或方法，比如window.XMLHttpRequest对象。如果该对象存在，则说明浏览器支持Ajax的XMLHTTPRequest功能。
基于行为检测
- 测验浏览器中某些JavaScript代码片段的执行结果是否符合预期。通过这种方式，可以间接判断浏览器对某种技术的支持程度。

四、识别浏览器版本

确定了浏览器类型后，接下来通过分析userAgent字符串可以提取出浏览器的版本信息。

获取版本号
- 对于大多数浏览器，版本号紧随其名称之后，通常是一个数字和一个点，然后是更详细的版本数字。
版本号的意义
- 版本号对于检测某些只在特定版本中才有的特性或Bug非常关键。

五、平台识别

不仅仅是浏览器类型和版本，有时还需要识别用户的操作系统平台，因为不同的平台会有不同的行为和特性。

系统类型检测
- 根据userAgent字符串中的平台信息，比如"Win32"代表Windows系统，"MacIntel"代表Mac系统等，来识别用户的操作平台。
移动设备识别
- 移动设备通常会在userAgent中包含如"iPhone"、"iPad"、"Android"等关键字来标识自己的设备类型。