1. 程式人生 > >livereload-實時自動重新整理頁面(只要檢測的資料夾中檔案有修改,頁面就會自動重新整理)(適用pc端、移動端)

livereload-實時自動重新整理頁面(只要檢測的資料夾中檔案有修改,頁面就會自動重新整理)(適用pc端、移動端)

開發專案時需要不斷的重新整理瀏覽器才能看到效果,這個是個很麻煩的事情,總是得手動去重新整理。如果可以邊改專案邊重新整理就好了。 livereload就是這個你想要的工具。 安裝livereload,執行,將要檢測的專案資料夾放到livereload中。在pc端訪問本地站點。當檢測的資料夾中檔案有改變時,瀏覽器就會自動重新整理,省去了手動的麻煩。 對於移動端需要在對應的頁面中新增如下程式碼:
  1. <!--<script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>-->
這樣修改了專案檔案後,移動端也可以自動的重新整理。 ps:IE不支援。 livereload下載地址:http://download.livereload.com/windows/LiveReloadSetup.exe