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