我們在做基於html5開發，或者手機跨平台方案時，總是會用到Phonegap, JQuery mobile, XUI, Jqmobi, Sencha Touch,JQuery Touch,等，這些都是前端開發的方式，我們不得不去跟前端工程師一樣，去進行前端調試，但是Fire Fox + Firebug 或者Chrome開發者工具是常用的方前端方法，但這些方法一用到Phonegap等方案上卻遇到了最大的問題，跨域訪問，於是我們不得不另辟蹊徑。
是什么呢？Dreamweaver CS6.5以上的版本的移動支持？那只是一個美麗的幻想。呵呵
我們回到前端調試的另一個利器，因為別的工具太少，我們不得不被迫稱之為“神器”----Weinre (WEb INspector REmote)
步驟如下：
1.Weinre環境搭建:
以前用它時還好，可以下載jar包在java環境下運行，現在不行了，github上下載的要用了NodeJS環境來運行，什么？你不知道什么叫NodeJS?作為了下前端開發工程師，這是一個罪過，因為這個東西的出現，可以讓精通js的前端工程師們直接跨入高並發網站的開發中去,呵呵，書歸正傳，這里介紹windows下環境搭建。
網上下載NodeJS安裝環境，進行安裝。安裝完成后，利用NodeJS的模塊管理工具NPM從NodeJS的模塊倉庫中下載Weinre,看到這里，大家一定想起了linux上的apt-get,yum,及項目工具maven的組件倉庫。
在NodeJS的命令行環境下，直接npm -install weinre就搞定了一切，簡單吧？：） 然后，你就可以在NOdeJS的node-modules\.bin目錄下找到weinre.cmd命令，執行它，可以設定一個主機綁定參數比如--boundHost=192.168.1.100，好了，weinre環境好了。其實就是啟動了一個web服務，中介代理傳輸調試瀏覽器與移動設備中瀏覽器中的數據，從頁可以周期性溝通數據。
如果你覺得自己搭建環境麻煩，也可以用公網上已搭建好的weinre服務，只是速度慢得讓你想跳樓：）
2.使用weinre:
打開一個webkit內核的瀏覽器比如Chrome.打開http://192.168.1.100:8080/client#abcdefg (abcdefg這是一個標識id只要與移動設備里加入的腳本所指向的id一致就行了）。
在移動設備的啟動頁面的js中，加入如下內容 <script src="http://192.168.2.100:8080/target/target-script-min.js#abcdefg"></script>
3.調試：
在移動設備中運行啟動頁面。在Chrome中就可以進行調試了。
對weinre的更多講解可以參考網上的一些資料:http://www.donglongfei.com/2012/03/debug-phonegap-app-using-weinre/?utm_source=rss&utm_medium=rss&utm_campaign=debug-phonegap-app-using-weinre