charles代理
使用技巧如下：
http://www.jianshu.com/p/fdd7c681929c
1、手機wifi連接代理
以iphone為例，長按住wifi, 進入下一頁，可看到 HTTP代理-配置代理， 點擊進去，進入下圖的頁面。然后在服務器和端口設置你電腦的ip和port（如192.168.20.46 和8888）。
然后電腦上的charles會出現一個對話框，如下，請點擊下allow。
2、手機安裝證書
打開手機的默認瀏覽器，如safari, 輸入http://charlesproxy.com/getssl 或者 http://chls.pro/ssl。證書裝好之后，就可以抓到包了。
當然，這樣只能看到http的請求，如果是https的請求，你會發現是紅色的叉叉。
打開charles -> proxys -> ssl proxying settings 可以設置，添加你需要攔截的https請求。
其實ssl proxying settings就是為了添加ssl證書，這樣Charles才能拿到對稱密鑰，可以解析到服務端返回的內容
ios 大於10.3的版本，證書添加之后，還要將證書信任設置下，步驟如下： 設置->通用->關於本機->證書信任設置
3、MAP功能， tools > map local 是將某個網絡請求重定向到本地的某個文件
可將本地js代理替換到遠程
4、MAP功能， tools > map remote 是將某個網絡請求重定向到另一個網絡請求
可將測試環境代理替換到線上
5、DNS Spoofing 類似於hosts，
Spoof DNS lookups by specifying your own host name to remote address mappings.
6、Rewrite，重寫對應的內容，主要可以對某些匹配請求的header、host、url、path、query param、response status、body進行rewrite，支持正則表達式.
下圖是我用Rewrite將vconsole代理到每個html的規則
http://www.cnblogs.com/wonyun/p/5586746.html
http://www.heyuan110.com/2015/08/15/Charles輔助調試接口/ 很詳細很贊
7、黑名單 Tools->Black List
白名單 Tools->White List
vconsole
啦啦啦～微信出的，可以實時看到打印的參數和網絡請求。你只要引入下面的這個script就ok啦
這個是vconsole在h5上的浮層，點擊就可以知道你想看到的啦。
IOS的 h5可以在safari聯調
首先打開你的iphone，在設置下面找到safari－高級－然后打開Javascript和web選擇器
接着，用你的數據線連上mac。在iPhone的safari上輸入你想要調試的h5。打開mac上的safari瀏覽器－開發－＊＊iPhone，選上你打開的url，嘿嘿，就直接可以調試你的頁面啦。
安卓上的h5，可以調試測試包的webview
電腦上使用 chrome瀏覽器，進入chrome://inspect
數據線連接 手機， 進入開發者模式-USB調試