三種工具分別是
- livestyle(http://livestyle.io/)
需要：chrome livestyle插件 sublime 插件 - livereload（http://livereload.com/）
需要：瀏覽器插件livereload nodejs插件 npm install -g livereload - browsersync(http://www.browsersync.cn/#install)不需要安裝插件
簡介
- BrowserSync是一個同步多瀏覽器頁面測試工具狈惫，在IDE里面修改完文件存哲，頁面就會同步刷新
- BrowserSync除了自動刷新映屋，默認配置下，BrowserSync
會在打開你當前網(wǎng)頁的所有瀏覽器中同步滾動條位置，表單行為和點擊事件 - BrowserSync啟動的時候會自動啟動自帶的靜態(tài)的服務(wù)器,通過這個服務(wù)器來訪問網(wǎng)頁
- BrowserSync
不需要安裝任何的瀏覽器插件橄唬，就可以處理項目文件，不像livereload
，必須要安裝瀏覽器插件
基本原理
當網(wǎng)頁已連接到BrowserSync的時候雷则，我們可以查看一下源碼，會發(fā)現(xiàn)它們都被添加了與BrowserSync有關(guān)的一段<script>代碼肪笋，就像liveReload瀏覽器插件做的那樣月劈。這些代碼會在瀏覽器和BrowserSync的服務(wù)器之間建立web socket連接度迂，一旦有監(jiān)聽的文件發(fā)生變化，BrowserSync會通知瀏覽器猜揪。
如果發(fā)生變化的文件是css惭墓，BrowserSync不會刷新整頁，而是直接重新請求這個css文件而姐，并更新到當前頁中腊凶。
browsersync的使用：
browsersync安裝使用1
browsersync安裝使用2
browsersync安裝使用3
和gulp結(jié)合
和gulp結(jié)合
參考：gulp結(jié)合使用
高級用法
在控制臺里嘗試輸入：
$ browser-sync init
回車，然后你會發(fā)現(xiàn)拴念，當前目錄多了一個bs-config.js文件钧萍，這個是BrowserSync的配置文件。有關(guān)BrowserSync
的所有運行配置都在這個里面政鼠，我們可以參考官方給出的文檔進行修改风瘦，然后以這個配置文件來運行BrowserSync：
$ browser-sync start --config bs-config .js
三種方案對比：
三種方案對比
