BrowserSync 是一种广泛用于 Web 开发的自动化工具。此工具通过同步许多设备之间的文件更改和交互,使我们的测试和调整速度更快。
- BrowserSync 的功能。
- 实时重新加载
- 交互同步
- 模拟较慢的连接
- URL 历史记录
- 与 GULP 和 Grunt 等任务运行程序兼容
- 跨多个操作系统工作
BrowserSync 的工作
如果您没有服务器设置,BrowserSync 会创建一个小型服务器。否则,它可以挂接到您的服务器并充当代理。之后,它会在每个页面上添加一个 javascript 文件。此文件使用 WebSockets 在客户端和服务器之间建立通信,以监视代码或浏览器操作的更改。一旦 browsersync 检测到某个操作,它就会重新加载页面。
安装 BrowserSync
BrowserSync 是一个 npm 包,因此您必须确保已安装它。要安装 BrowserSync,只需打开终端并执行以下命令。Node.js
sudo npm install -g browser-sync
要检查是否安装了 BrowserSync,请输入以下命令。
browser-sync --version
使用 BrowserSync
转到项目目录的根目录,运行以下命令。
browser-sync start --server --files "*.html, css/*.css"
执行命令后,它会触发提供目录根文件的默认浏览器。