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

Houfeng發表於2015-10-18

介紹

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 的 "頁面審查工具"

相關文章