三種工具分別是
- 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
會在打開你當前網頁的所有瀏覽器中同步滾動條位置，表單行為和點擊事件 - BrowserSync啟動的時候會自動啟動自帶的靜態的服務器,通過這個服務器來訪問網頁
- BrowserSync
不需要安裝任何的瀏覽器插件，就可以處理項目文件，不像livereload
，必須要安裝瀏覽器插件
基本原理
當網頁已連接到BrowserSync的時候，我們可以查看一下源碼，會發現它們都被添加了與BrowserSync有關的一段<script>代碼，就像liveReload瀏覽器插件做的那樣。這些代碼會在瀏覽器和BrowserSync的服務器之間建立web socket連接，一旦有監聽的文件發生變化，BrowserSync會通知瀏覽器。
如果發生變化的文件是css，BrowserSync不會刷新整頁，而是直接重新請求這個css文件，并更新到當前頁中。
browsersync的使用：
browsersync安裝使用1
browsersync安裝使用2
browsersync安裝使用3
和gulp結合
和gulp結合
參考：gulp結合使用
高級用法
在控制臺里嘗試輸入：
$ browser-sync init
回車，然后你會發現，當前目錄多了一個bs-config.js文件，這個是BrowserSync的配置文件。有關BrowserSync
的所有運行配置都在這個里面，我們可以參考官方給出的文檔進行修改，然后以這個配置文件來運行BrowserSync：
$ browser-sync start --config bs-config .js
三種方案對比：
三種方案對比
