weinre 是一個類似 firebug 的 遠端除錯工具,
只要任何一隻手機或者手機瀏覽器連上有 weinre 的服務的機器,
就可以和 看到 網頁的 DOM 結構,
甚至是 console 資訊。
柯南在好幾個月前就發現這神奇的東西,
並且下載它的 Mac client 端來幫忙開發。
昨天閱讀網路上的技術文章,
發現 weinre 也有 Node JS 版本,
趕緊寫文作紀錄並分享給有興趣的朋友。
要安裝 NodeJS 版的 weinre 很簡單,
只要下以下指令
sudo npm -g install weinre
就可以在已經裝有 NodeJS 與 NPM 的環境下裝好 weinre ,
接下來只要下
weinre
就會在 local 端起動 port 為 8080 的 web server
有很多方法可以讓我們進行遠端 debug 的功能,
柯南主要是用 bookmarklet 的方式,
這樣子只要在手機上(或模擬器上)瀏覽任何網頁時,
在電腦上用 chrome / safari 開啟 http://localhost:8080
接下來在手機上(或模擬器上)點下我們事先記錄的 bookmarklet
就可以在 chrome / safari 上進行 remote debug 了!
Technorati Tags: weinre, remote debugging, mobile web
文章標籤
全站熱搜
留言列表