在前端开发中，有时我们需要自动化测试浏览器的某些行为，比如点击、滚动、输入等等操作。而 Selenium 是一个比较流行的浏览器自动化测试工具，它提供了 JavaScript 接口供我们使用。但是，如果你想要通过代码的方式来启动和控制浏览器，那么 driver-vendor 是一个不错的选择。
driver-vendor 简介
driver-vendor 是一个浏览器驱动工具，它可以启动浏览器，并提供了一些方法来控制浏览器的行为，比如打开一个网页、点击某个元素、输入数据等等。它与 Selenium 的 WebDriver API 比较类似，但是它使用的浏览器驱动是浏览器厂商自带的 API，所以在某些情况下可能比 Selenium 更快更稳定。
目前 driver-vendor 支持的浏览器有 Chrome、Firefox、Safari 和 Edge。如果你想要使用它，你需要安装浏览器厂商提供的驱动程序。
安装和使用
安装
首先，你需要安装 driver-vendor。它可以通过 npm 安装：
npm install driver-vendor
或者使用 yarn：
yarn add driver-vendor
启动浏览器
在使用 driver-vendor 之前，你需要为每个浏览器安装对应的驱动程序。你可以在以下链接中找到每个浏览器的驱动程序。
- Chrome: https://sites.google.com/a/chromium.org/chromedriver/downloads
- Firefox: https://github.com/mozilla/geckodriver/releases
- Safari: https://webkit.org/blog/6900/webdriver-support-in-safari-10/
- Edge: https://developer.microsoft.com/en-us/microsoft-edge/tools/webdriver/
下载完驱动程序后，你需要将它们添加到 PATH 环境变量中，或者将它们放到一个已经在 PATH 中的目录中。
启动浏览器的代码示例：
-- -------------------- ---- ------- ----- - ------- - - ------------------------- ----- -------- ----- - ----- ------ - ----- --- --------------------------------------- ----- ------------------------------------ -- -- --------- ----- -------------- - ------
上面的代码是用 driver-vendor 启动 Chrome，然后打开百度首页。其中，Builder 类用来创建一个浏览器实例，forBrowser 方法用来指定浏览器类型，build 方法用来创建浏览器实例，get 方法用来打开一个网页，quit 方法用来关闭浏览器实例。
控制浏览器
在启动了浏览器之后，你可以使用 driver-vendor 提供的一些方法来控制浏览器的行为，比如点击某个元素、输入数据、获取元素的文本等等。
下面是一些代码示例：
-- -------------------- ---- ------- ----- -------- ----- - ----- ------ - ----- --- --------------------------------------- ----- ------------------------------------ ----- ----- - ----- -------------------- ----- ---- --- ----- ---------------------------------- ----- ----- - ----- ------------------ --------------------- ------- ----- -------------- - ------
上面的代码用 driver-vendor 打开百度首页，在搜索框中输入 driver-vendor 并回车，然后打印出网页的标题。
如果你想要了解更多关于 driver-vendor 的 API，你可以去官网查看完整文档。
总结
driver-vendor 是一个浏览器驱动工具，它可以启动浏览器，并提供了一些方法来控制浏览器的行为。它的用法与 Selenium 的 WebDriver API 比较类似，但是它使用的浏览器驱动是浏览器厂商自带的 API，所以在某些情况下可能比 Selenium 更快更稳定。安装和使用也比较简单，只需要按照文档进行操作即可。如果你在前端自动化测试方面有所需求，它是一个值得一试的工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600560b481e8991b448defaf