码迷,mamicode.com
首页 > 其他好文 > 详细

BrowserSync - 浏览器同步测试工具

时间:2016-06-02 00:25:50      阅读:287      评论:0      收藏:0      [点我收藏+]

标签:

背景:

之前在学gulp的时候,使用gulp-livereload来实时自动刷新页面省时开发,但一直比较难用,现在找到新的替代神器。

 

安装:
 
// 使用淘宝镜像会快些
npm install -g browser-sync --registry=https://registry.npm.taobao.org 

 

启动:
 
(1)静态网页(服务器模式
 
       先进入项目目录,然后:
// --files 路径是相对于运行该命令的项目(目录) 
browser-sync start --server --files "css/*.css, *.html"
// 如果你的文件层级比较深,您可以考虑使用 **(表示任意目录)匹配,任意目录下任意.css 或 .html文件。 
browser-sync start --server --files "**/*.css, **/*.html"
// --监听整个项目
browser-sync start --server --files "**" 

 

(2)动态网页(代理模式
 
// 主机名可以是ip或域名
browser-sync start --proxy "主机名" "css/*.css"

 

BrowserSync - 浏览器同步测试工具

标签:

原文地址:http://www.cnblogs.com/xjnotxj/p/5551404.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!