遠端除錯工具 Weinre
如今人們也越來越習慣在手機上瀏覽網頁，而在手機上這些針對桌面瀏覽器設計的網頁經常慘不忍睹。Web應用開發者需要針對手機進行介面的重新設計，但是手機上並沒有稱心如意的除錯工具（如Firebug、web inspector），重新設計介面的工作往往事倍功半。本文介紹的除錯工具Weinre 就是解決這一問題的優秀除錯工具。
Weinre是什麼？
Weinre代表Web Inspector Remote，是一種遠端除錯工具。舉個例子，在電腦上可以即時 的更改手機上對應網頁的頁面元素、樣式表，或是檢視Javascript變數，同時還可以看到手機上頁面的錯誤和警告資訊. 下圖所示中的例子，通過在console中執行“document.body.style.backgroundcolor = 'green';” 即時改變了手機上網頁的背景色。該專案是
圖1: 桌面的debug客戶端與手機上的對應頁面
執行原理
Weinre作為一種遠端除錯工具，在結構上分為三層：
-
目標頁面（target）：被除錯的頁面，頁面已嵌入weinre的遠端js，下文會介紹；
-
Debug客戶端（client）：本地的Web Inspector除錯客戶端；
-
Debug服務端（agent）：一個HTTP Server，為目標頁面與Debug客戶端建立通訊。
獲取Weinre
在任何的支援 Node.js 環境的系統下通過包管理器（npm）即可安裝Weinre
npm install -g weinre
使用Weinre進行遠端除錯
1 啟動 WeinreDe bug 服務端
weinre --httpPort 8080 --boundHost -all-
2 通過PC瀏覽器（WebKit核心）開啟 WeinreDe bug 客戶端
Open in your pc browser http://localhost[Your IP]:8080
3 在你需要除錯的頁面加上通訊用的指令碼
4 在手機上訪問你的測試頁面，在電腦上進入到 WeinreDe bug 客戶端 看是否通訊成功，如果一切沒問題，可見到如下的頁面
Open in your pc browser http://localhost[Your IP]:8080/client/#anonymous
www.lnluqu.cn
www.025invest.cn
www.wx-detian.cn
www.xintravel.cn
www.fenghuicaifu.cn
www.chinaytbzw.cn
www.sydire.cn
www.jnymkj.cn
www.metrel-china.cn
www.hongheqiche.cn
www.zazhiku.cn
www.yz-hysl.cn
www.gutiangelun.cn
www.lnjjpm.cn
www.touraround.cn
www.sunmoon88.com.cn
www.13142js.cn
www.caixiantang.com.cn
www.poponet.cn
www.zglogistics.cn
www.zgxwzk.cn
www.bjltsc.cn
www.shshunfeng.cn
www.hzwssy.com.cn
www.daoyitang.cn
www.rossicount.cn
www.bjchange.cn