[微信開發利器]微信內移動前端開發抓包調試工具fiddler使用教程

在朋友圈看到一款瘋轉的H5小遊戲,想要copy,什麼?只能在微信裏打開?小樣,圖樣圖森破,限制了oauth、微信瀏覽器內打開,照樣能看你源碼~

---

使用fiddler來抓包

須要先作一些簡單的準備工做:

• 一臺帶有無線網卡的PC或者筆記本電腦，而後將電腦和手機鏈接到同一個Wi-Fi網絡中，而且保證兩者是在同一個ip網段內的；

• 在電腦上安裝 Fiddler;

• 打開Fiddler在菜單欄中點擊 Tools - Fiddler Options - Connections 中按照以下配置後重啓下fiddler：

  
  

很好理解,即容許遠程設備使用本機聯網.

好了,能夠重啓fiddler軟件了,重啓完畢後把軟件最大窗口,否則你可能看不懂怎麼沒有找到那個該死的Online圖標?在工具條的最右邊,鼠標移到那個Online上,看圖:(轉載請註明出處:猿資猿味)

找到無線局域網內分配到本機的ip,上圖是192.168.0.4.具體各位自行找到,不要找錯了,肯定後纔能有用.

重點來了,掏出手機,打開手機的網絡設置,把網絡設置中的代理設置爲192.168.0.4,端口號填8888.以IOS手機爲例,"設置"->"Wi-Fi",看圖,點那個"i":

找到"HTTP代理",選擇"手動",填上電腦的IP(192.168.0.4)和端口(8888),看圖:(轉載請註明出處:猿資猿味)

好了,如今正常狀況下用手機產生http請求的數據都會在電腦上的fiddler上顯示出來了,若是不行請自行排查IP是否設錯,或者是否是沒有同處於一個局域網下,或者沒有開啓fiddler的容許遠程用8888端口訪問網絡...這些個前提要確認好.

---

若是對方是https的怎麼辦?沒問題,裝個擴展插件:CertMaker for iOS and Android 步驟以下:

• 安裝 CertMaker for iOS and Android 用來抓HTTPS的數據包；

• 打開Fiddler，點擊菜單欄上的 Tools - Fiddler Options - HTTPS,勾選上Decrypt HTTPS traffic ，而後重啓Fiddler；

• 打開手機，訪問本機IP+8888，例如：192.168.0.4:8888, 點擊 You can download the FiddlerRoot certificate 按照提示，在手機上安裝證書，重啓手機瀏覽器。

---

好了,https照樣能抓了.接下來教你們如何看源碼.

再裝一個擴展:Syntax-Highlighting Add-Ons,下載地址都在上面那個地址裏了,找一下就有了,安裝上重啓fiddler.

---

實戰操做演練

https://open.weixin.qq.com /connect/oauth2/authorize?appid=wx6f3020ce6c245df0&redirect_uri=http %3A%2F %2Fw.k189.cn%2Findex.php%2FHuoDong%2FFlowhongbao%2Findex&response_type=code& amp;scope=snsapi_base&state=123& connect_redirect=1#wechat_redirect 以這個活動爲例,在電腦上是打不開的,可是在微信裏面能打開,由於有 oauth2.0嘛.

在手機的微信中打開此連接,會在fiddler軟件裏顯示所有http請求哦,看圖:(轉載請註明出處:猿資猿味)

這個看到了吧,就是那麼簡單,js,html,圖片都會顯示出來的,看源碼能夠說是不費吹灰之力,彷彿是和用Chrome瀏覽器F12看源碼同樣,哦呵呵呵~

雙擊上圖圈出來的url,右側會把詳情顯示出來,點"SyntaxView"且看下圖:(轉載請註明出處:猿資猿味)

這時你可能要叫起來了,艹艹艹擦哦,怎麼是亂碼?騷年,Don't worry.沒看到上面還有句英文寫着嗎?翻譯過來大概意思也就是說:"響應可能須要解碼才能看,點我格式下他"(不要吐槽個人英文,只可意會不可言傳).就是讓你點它唄,點了你會發現,amazing!

好了,都是看得懂的東西了,我也就不廢話了,其餘的JS文件同樣能看的,還幫你格式化過了.

---

其實呢,我等用fiddler工具用來抄襲別人的源碼,是侮辱了這個工具的強大性,由於fiddler還能替換掉請求的某個加載文件,達到調試方便的目的,具體使用方法你們自行查閱相關資料.