前端开发中，我们经常遇到需要在多个浏览器中测试页面的情况，传统的做法是在每个浏览器中逐一打开页面，这样的方法效率低下且不够及时。而现在，有一个 npm 包被开发出来，它就是专门用来帮助我们在多个浏览器中同时测试页面的工具——buddy-browser。
buddy-browser 是一个跨平台的命令行工具，它可以在多个浏览器中打开同一个页面，并且可以同步操作，支持远程控制和截图，非常的实用。
安装
安装 buddy-browser 很简单，只需要在命令行中输入以下命令即可：
$ npm install -g buddy-browser
这样就可以全局安装 buddy-browser 命令行工具了。
使用
打开浏览器
使用 buddy-browser 命令行工具打开浏览器非常简单，只需要在命令行中输入以下命令即可：
$ buddy-browser http://localhost:8080
这条命令会默认在本地的 8080 端口打开一个页面，并在所有已经安装的浏览器中打开，如果你想打开特定的浏览器，可以使用以下命令：
$ buddy-browser --chrome --firefox --safari http://localhost:8080
这样就可以在 Google Chrome、Firefox 和 Safari 浏览器中打开同一个页面。
如果想要在其他电脑上打开同一个页面，则需要在另一台计算机中同样安装 buddy-browser，并使其运行在远程模式下，例如：
$ buddy-browser --remote http://localhost:8080
这样就可以在电脑 A 上打开一个页面，并在电脑 B 上同步打开。
同步操作
buddy-browser 支持多种同步操作，包括滚动、点击、键盘输入等，这些操作都可以在所有的浏览器中同时进行。
- 滚动
buddyBrowser.scrollBy(x, y);
- 点击
buddyBrowser.click(selector);
- 键盘输入
buddyBrowser.type(selector, text);
截图
buddy-browser 支持截图功能，可以以多种格式保存截图，如 PNG、JPEG、PDF 等。
buddyBrowser.screenshot('my-page.png');结语
buddy-browser 工具的使用可以大大提高前端开发的效率，在测试页面时可以快速地在多个浏览器中进行操作，而且操作还可以同步，非常的便捷。如果你是一位前端开发者，不妨试试 buddy-browser 工具吧，它肯定能帮助你提高工作效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c8dccdc64669dde554c