在前端开发过程中，我们经常需要进行浏览器兼容性测试，以确保我们的网页可以在各种浏览器上正常运行。针对不同浏览器的兼容性测试需要使用不同的工具和方法，这就给我们的测试工作带来了不少麻烦。
为了方便我们进行浏览器兼容性测试，有一个小工具叫做 match-chrome，它可以在命令行中快速测试我们网页在多个版本的 Chrome 浏览器中的兼容性。下面就来介绍一下如何使用 match-chrome 进行浏览器兼容性测试。
安装 match-chrome
match-chrome 是一个 npm 包，我们可以使用 npm 命令进行安装。打开命令行工具，输入以下命令：
--- ------- -- ------------
该命令会从 npm 仓库中下载并安装 match-chrome。安装完成后，我们可以在命令行中使用 match-chrome 命令。
使用 match-chrome
match-chrome 命令有两个参数，分别是我们需要测试的网页地址和需要测试的 Chrome 浏览器版本号。例如，我们想要测试 https://www.example.com 在 Chrome 60 和 Chrome 65 中的兼容性，可以运行以下命令：
------------ ----------------------- -----
该命令会打开 Chrome 浏览器，并依次在版本为 60 和版本为 65 的 Chrome 浏览器中加载该网页，并输出浏览器的版本号和测试结果。如下所示：
------- ------------- -------- -------- --- ----- ------- ------- ------------- -------- -------- --- ----- -------
我们可以看到 match-chrome 运行了两次，分别在版本为 60 和版本为 65 的 Chrome 浏览器中加载了该网页，并测试了该网页在两个版本的浏览器中的兼容性。其中，测试结果是“Success: All tests passed!”，表示测试通过。
如果我们想要测试的 Chrome 浏览器版本比较多，可以使用范围表示法。例如，我们想要测试 Chrome 60 到 Chrome 65 中的兼容性，可以运行以下命令：
------------ ----------------------- ------
上述命令会在版本为 60、61、62、63、64 和 65 的 Chrome 浏览器中加载该网页，并测试兼容性。测试结果与上面相同，不再赘述。
总结
match-chrome 是一个非常方便的工具，可以帮助我们在不同的 Chrome 浏览器版本中测试网页兼容性。学会了使用它，我们可以在开发前进行充分的测试，并及时发现兼容性问题，以保证我们的网页能够在不同的浏览器中正常运行。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60056c4581e8991b448e5c74