BrowserSync 是用 node.js 寫的工具,可以同時測試一堆 device,修改後不用按 reload,印象中已經有套件可以做類似的事情?
一般用 npm 裝就可以了:
npm install browser-sync
最簡單的方法是直接執行 browser-sync
,執行後會出現像這樣的訊息:
<script src='//192.168.1.1:3000/socket.io/socket.io.js'></script> <script>var ___socket___ = io.connect('http://192.168.1.1:3000');</script> <script src='//192.168.1.1:3001/client/browser-sync-client.0.6.0.js'></script>
把這段程式碼貼到 body 的最後面就可以了,當 BrowerSync 偵測到檔案有更新時會透過 server push 機制重刷頁面。
另外,也可以產生 bs-config.js 修改設定:
browser-sync --init
更完整的說明可以從「Options」這頁找到。