weinre

weinre 是一個類似 firebug 的 遠端除錯工具,
只要任何一隻手機或者手機瀏覽器連上有 weinre 的服務的機器,
就可以和 看到 網頁的 DOM 結構,
甚至是 console 資訊。

weinre 

柯南在好幾個月前就發現這神奇的東西,
並且下載它的 Mac client 端來幫忙開發。
昨天閱讀網路上的技術文章,
發現 weinre 也有 Node JS 版本,
趕緊寫文作紀錄並分享給有興趣的朋友。

要安裝 NodeJS 版的 weinre 很簡單,
只要下以下指令

sudo npm -g install weinre

就可以在已經裝有 NodeJS 與 NPM 的環境下裝好 weinre ,
接下來只要下

weinre 
就會在 local 端起動 port 為 8080 的 web server

weinre_server 

有很多方法可以讓我們進行遠端 debug 的功能,
柯南主要是用 bookmarklet 的方式,
這樣子只要在手機上(或模擬器上)瀏覽任何網頁時,
在電腦上用 chrome / safari 開啟 http://localhost:8080 
接下來在手機上(或模擬器上)點下我們事先記錄的 bookmarklet 
就可以在 chrome / safari 上進行 remote debug 了!

Technorati Tags: weinre, remote debugging, mobile web

arrow
arrow

    賽拉維‧柯南 發表在 痞客邦 留言(0) 人氣()