省时的浏览器同步测试工具—Browsersync

xiaoxiao2021-02-28  67

Browsersync能让浏览器实时、快速响应您的文件更改(html、js、css、sass、less等)并自动刷新页面。更重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试。您可以想象一下:“假设您的桌子上有pc、ipad、iphone、android等设备,同时打开了您需要调试的页面,当您使用browsersync后,您的任何一次代码保存,以上的设备都会同时显示您的改动”。无论您是前端还是后端工程师,使用它将提高您30%的工作效率。 ——源自官网介绍

使用方法:

1. 安装 Node.js: https://nodejs.org/en/ 2. 安装 BrowserSync: npm install -g browser-sync 3. 启动 BrowserSync: 静态网站: 进入到该项目(目录)下,并运行相应的命令: // --files 路径是相对于运行该命令的项目(目录) browser-sync start --server --files "css/*.css, *.html" // 如果你的文件层级比较深,您可以考虑使用 **(表示任意目录)匹配,任意目录下任意.css 或 .html文件。 browser-sync start --server --files "**/*.css, **/*.html"

这里都是来自官网的内容,目的只是让大家了解这个工具,方便自己的开发。

中文文档说明地址: http://www.browsersync.cn/

转载请注明原文地址: https://www.6miu.com/read-84075.html

最新回复(0)