当你的网页有多个浏览器需要照顾时,编写代码变得举步维艰,而测试也变得不省心了。你需要一个一个挨个打开,刷新…。

现在好了,有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一起使用

About liuyanghejerry

富有激情的前端工程师,专注GUI开发。

Comments are closed.

Post Navigation