用 BrowserSync 測試多個平台...

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」這頁找到。

This entry was posted in Browser, Computer, CSS, Murmuring, Network, Programming, Software, WWW and tagged , , , , , , , . Bookmark the permalink.

One Response to 用 BrowserSync 測試多個平台...

  1. Archie says:

    的確,Grunt常見的套件:grunt-contrib-watch也可以做到watch & livereload的功能。BrowserSync多了scrolling、click等許多powerfull功能。

Leave a Reply

Your email address will not be published. Required fields are marked *