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分钟快速安装:
安装nodeJs
-
安装 BrowserSync
$ npm install -g browser-sync
-
启动 browser-sync
-
html静态页面:
$ browser-sync start --server --files "css/*.css"
-
用php等语言渲染的动态页面,需要用代理模式
$ browser-sync start --proxy "myproject.dev" --files "css/*.css"
-
有了这个神器,苦逼的前端GG是不是有时间去和心仪的妹子约会了呢?
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。