在进行前端开发时，经常会遇到需要考虑不同浏览器的兼容性问题。而浏览器版本也是一个非常重要的因素。在这篇文章中，我们将介绍一个 npm 包 @testim/chrome-version ，该包可以帮助我们获取浏览器的版本信息。
什么是 @testim/chrome-version
@testim/chrome-version 是一个 npm 包，它可以用来获取 Chrome 浏览器的版本信息。该包基于一个叫作 Chrome Remote Interface（CRI）的调试协议，使用该协议可以与 Chrome 的调试端口进行通信，并从中获取浏览器相关的信息。
该包的使用非常简单，只需要安装它并调用相关的 API 即可获取浏览器的版本信息。
如何安装和使用 @testim/chrome-version
首先，我们需要使用 npm 安装该包：
npm install @testim/chrome-version
安装完成后，在项目中引入该包：
const chromeVersion = require('@testim/chrome-version');接下来，就可以调用该包的 API 来获取浏览器版本信息了。下面是一个示例：
chromeVersion({
host: 'localhost',
port: 9222
}).then(versionInfo => {
console.log(versionInfo);
});上述代码中，我们通过调用 chromeVersion 方法，并传入一个对象作为参数来获取 Chrome 版本信息。这个对象包含两个字段：host 和 port，分别表示 Chrome 调试端口所在的 IP 和端口号。在大多数情况下，只需要设置这两个参数即可。
调用上述代码后，将会在控制台输出类似下面的版本信息：
{ browser: 'chrome',
protocolVersion: '1.3',
product: 'Google Chrome',
revision: '12345678',
useragent: 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.212 Safari/537.36',
jsVersion: '7.2.502.28',
v8Version: '8.9.255.25' }上述代码返回的版本信息包含了 Chrome 的基本信息，包括浏览器名称、协议版本、产品名称、内部版本号、用户代理、JavaScript 引擎版本和 V8 版本。
在获取到版本信息后，我们可以根据需要进行特定功能的处理。例如，如果需要检测某项特性是否支持，可以先根据版本信息判断浏览器版本是否满足要求，然后进行特性检测。
总结
本文介绍了 npm 包 @testim/chrome-version 的使用方式。我们可以使用该包获取 Chrome 浏览器的版本信息，从而更好地处理浏览器的兼容性问题。需要注意的是，在使用该包时，需要先启动 Chrome 浏览器的调试端口。该包可以帮助我们获取版本信息，但并不具备自动启动浏览器调试端口的功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedc45ab5cbfe1ea0612188