最近做的一个项目要求做响应式 多终端都要适配。
PC端的浏览器倒是有很多方法可以调试,但是如果在不启动服务器的情况下,在移动端的调试很麻烦,这时候就要用到browsersync了
1.安装:npm install -g browser-sync
2.静态项目直接监听文件就可以
browser-
sync
start --server --files
"**/*.css, **/*.html, **/*.js"
3.动态项目(使用服务器跑起来的项目)需要使用代理模式
browser-sync start --proxy "主机名" "css/*.css" //主机名可以是IP或者域名
如果觉着每次都输入命令太麻烦,也可以选择使用api
具体的api可以查看:http://www.browsersync.cn/docs/api/