介绍
在前端开发中，我们需要经常在浏览器中进行调试和测试。一般情况下，我们都是通过在浏览器中打开 HTML 文件来实现调试和测试。但是，此方法有一些限制，比如只能在一个浏览器窗口中进行测试，同时也不能利用一些高级的调试工具等。为了解决这些问题，我们可以使用 runinchrome 这个 npm 包。
runinchrome 是一个可以在 Chrome 浏览器中直接运行本地 HTML 文件的命令行工具。使用该工具，我们可以方便地在多个窗口中打开同一 HTML 文件，并且可以轻松地使用 Chrome 开发者工具对 HTML 文件进行调试和测试。
安装
安装 runinchrome 非常简单，只需要在命令行中运行以下命令：
npm i -g runinchrome
使用
使用 runinchrome 也很简单，只需要在命令行中运行以下命令：
runinchrome ./path/to/your/html/file.html
之后，runinchrome 会自动在 Chrome 浏览器中打开该 HTML 文件，并且会在每个新的窗口中打开一次。如果你需要打开多个窗口进行测试，只需要再次运行以上命令即可。
另外，如果需要在其他浏览器中使用 runinchrome，可以使用以下命令：
runinfirefox ./path/to/your/html/file.html runinsafari ./path/to/your/html/file.html runinie ./path/to/your/html/file.html
示例代码
以下是一个示例代码，使用 runinchrome 在多个浏览器窗口中打开同一 HTML 文件：
-- -------------------- ---- -------
-- ----------
------
------
----------- ------------
-------
------
---------- -----------
------- --------------------------
-------
-------
-- --------
------------------- ---------在命令行中运行以下命令：
runinchrome index.html
runinchrome 会在 Chrome 浏览器中打开该 HTML 文件，同时会在每个新的窗口中打开一次。可以在 Chrome 开发者工具中查看是否正常输出控制台信息。如果需要在其他浏览器中运行该 HTML 文件，只需要替换命令即可。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065b45c6eb7e50355dbebc