在现代网页开发中，获取用户浏览器的类型和版本信息对于确保网站或Web应用的兼容性至关重要。开发者通常需要根据不同的浏览器特性来调整网页的某些功能，以提供更好的用户体验。本文将介绍如何使用JavaScript（简称JS）来获取当前用户正在使用的浏览器名称和版本号的实现方法。
传统的navigator.appName方法已经逐渐被淘汰，因为它只能识别到非常有限的浏览器类型，比如Internet Explorer（IE）和Netscape。现在普遍使用的是navigator.userAgent属性。这个属性提供了一个包含浏览器信息的长字符串，其中包含了浏览器名称、版本以及其他信息。为了从这个字符串中提取出浏览器的名称和版本信息，我们可以利用JavaScript中的正则表达式来进行匹配。
具体实现过程如下：
（1）我们需要编写一个函数getBrowserInfo()来获取浏览器的名称和版本信息。在这个函数中，我们将navigator.userAgent的值转换成小写，以便在匹配时不区分大小写。接着，我们定义四个正则表达式，分别用于匹配不同的浏览器及其版本号信息：
- regStr_ie：用于匹配IE浏览器的版本号；
- regStr_ff：用于匹配Firefox浏览器的版本号；
- regStr_chrome：用于匹配Chrome浏览器的版本号；
- regStr_saf：用于匹配Safari浏览器的版本号。
根据navigator.userAgent字符串中的特定标识，我们分别使用if语句来判断并匹配当前浏览器类型：
- 如果字符串中包含"msie"，则返回与IE浏览器相关的匹配结果；
- 如果字符串中包含"firefox"，则返回与Firefox浏览器相关的匹配结果；
- 如果字符串中同时包含"safari"和不包含"chrome"，则返回与Safari浏览器相关的匹配结果；
- 如果字符串中包含"chrome"，则返回与Chrome浏览器相关的匹配结果。
（2）获取到浏览器名称之后，我们需要进一步提取出版本号。这可以通过对获取到的匹配结果字符串使用replace方法来实现。我们使用一个正则表达式来移除所有非数字和点号（即删除版本号之外的所有字符）。这样，我们就能得到纯粹的版本号字符串。
通过调用getBrowserInfo()函数并使用alert弹窗来显示结果，或者进行其他需要的操作。
这种通过JavaScript获取浏览器名称和版本号的方法具有一定的通用性，能够覆盖目前市面上的大多数主流浏览器。需要注意的是，随着浏览器市场的不断发展和更新，正则表达式可能需要根据新的浏览器标识进行更新和维护。此外，由于浏览器厂商可能会修改其userAgent字符串，这种基于字符串分析的方法可能在某些情况下会遇到误差，因此在使用过程中需要注意兼容性测试和反馈。
总结来说，使用navigator.userAgent和正则表达式来获取浏览器信息是一种实用的技术手段，它可以帮助开发者在开发过程中进行针对性的浏览器兼容性调整，从而提升用户使用Web应用时的体验。
