分享一個用於前端開發的實時更新工具 - iweb

介紹

iweb 一個用於前端開發的工具，
能夠在文件發生變化時，實時自動在瀏覽器中刷新頁面，或者精確的識別不一樣類型更新內容，
更細粒度的實時無刷新的更新 "樣式、圖片" 等資源,
無需任何瀏覽器插件，無需手動添加 "client-script", 能夠同時鏈接不限數量的多個設備。

GitHub: https://github.com/Houfeng/iweb (歡迎 star、fork)
iweb 基於 Nokit 開發，主頁: http://houfeng.net/iweb/

安裝

[sudo] npm install iweb -g

更新

[sudo] npm update iweb -g

啓動

cd <工做目錄>
iweb [port]

啓動後用PC或移動設備的瀏覽器直接訪問 "http://localhost[:端口]"，
在文件發生任何變化時，iweb 會即時完成瀏覽器端刷新或更新。

在手機中訪問

在手機上輸入一個 url 是比較麻煩的， 能夠經過訪問 "http://locahost[:端口]/-dev" 能夠打開 「工具」 頁面，
在這個面頁會爲本機的每個 ip 生成一個 「二維碼」，能夠用手機掃描，輕鬆訪問。

頁面審查工具

iweb 提供一個，基於 weinre（Nokit 重寫的版本）的頁面檢查工具。
能夠經過訪問 "http://locahost[:端口]/-dev" 能夠打開 「工具」 頁面，
而後點擊 "Inspector" 打開，相似 chrome devtool 的 "頁面審查工具"