livereload
livereload是一個web開發(fā)輔助工具，當(dāng)我們修改完html、css和js的時候會自動刷新瀏覽器徙邻，不需要再F5了骏融。這樣在雙屏切圖链嘀、寫js代碼的時候會提高很多效率；
livereload是基于html5的websocket實現(xiàn)的档玻；
livereload在訪問的web頁面中插入一段socket套接字代碼(javascript語言編寫)怀泊，這段代碼與livereload服務(wù)器端socket建立鏈接；并等待與執(zhí)行類似“reload css/styles.css”的指令误趴。
如何插入socket套接字代碼
下面列出了三種方式霹琼，在web頁面中插入必要的socket套接字代碼：
- 通過瀏覽器插件
- 通過服務(wù)器中間件
- 手動在頁面中<script src=""></script>引入
服務(wù)器中間件：就是在網(wǎng)頁請求到達http服務(wù)器和網(wǎng)頁響應(yīng)返回客戶端（瀏覽器）之間，服務(wù)器中間件對網(wǎng)頁進行加工處理凉当，比如插入一段javascript腳本枣申；
livereload在windows or mac中的應(yīng)用
livereload在windows和mac中都有相關(guān)的app應(yīng)用，可閱讀以下文檔來獲取更多幫助：
How do I start using LiveReload
livereload在gulp中的應(yīng)用
gulp工具集中有l(wèi)ivereload的實現(xiàn)看杭；
有兩類工具：
- 需要瀏覽器插件配合來插入socket套接字的實現(xiàn)忠藤，比如gulp-livereload
- 以服務(wù)器中間件來插入socket套接字的實現(xiàn)，比如gulp-server-livereload
livereload在grunt中的應(yīng)用
同樣楼雹，grunt也存在上述兩類工具：
- grunt-contrib-watch模孩，配合瀏覽器插件，實現(xiàn)livereload的功能贮缅；
- grunt-contrib-connect（http服務(wù)器） & connect-livereload（中間件） 實現(xiàn)livereload;
