当你的网页有多个浏览器需要照顾时,编写代码变得举步维艰,而测试也变得不省心了。你需要一个一个挨个打开,刷新…。
现在好了,有BrowserSync这样的利器,无需手动刷新了,全部由 BrowserSync 搞定。
BrowserSync 是一个自动化测试辅助工具,可以帮你在网页文件变更时自动载入新的网页。
如何使用
BrowserSync是一个Node.js包,所以要使用BrowserSync首先需要安装Node.js。Node.js现在已经是新一代前端的必备神器,所以这里就不再多说明了。
安装BrowserSync:
npm install -g browser-sync
安装完毕之后,针对不同的情况,你有两个选择:
静态网站
如果你的网站是纯静态的,那么使用BrowserSync的服务器模式:
browser-sync --server --files "css/*.css"
动态网站
如果你的网站依赖PHP、Python或者Ruby,那么使用BrowserSync的代理模式:
browser-sync --proxy "myproject.dev" --files "css/*.css"
搞定。当然,它还可以与Grunt.js一起使用。