BrowserSync -- 你值得拥有的多浏览器测试工具

BrowserSync 是一个同步多浏览器页面测试工具。

BrowserSync makes your tweaking and testing faster by synchronising file changes and interactions across multiple devices. It’s wicked-fast and totally free.

有了它，你不用在多个浏览器间来回切换，不断刷新来看效果了。更神奇的是你在一个浏览器中滚动页面、点击按钮等用户行为也会同步到每一个浏览器中。

官方的视频演示。

• 又是传说中的5分钟快速安装：

1. 安装nodeJs

2. 安装 BrowserSync

   $ npm install -g browser-sync

3. 启动 browser-sync

   • html静态页面：

     $ browser-sync start --server --files "css/*.css"

   • 用php等语言渲染的动态页面，须要用代理模式

     $ browser-sync start --proxy "myproject.dev" --files "css/*.css"

有了这个神器，苦逼的前端GG是否是有时间去和心仪的妹子约会了呢？