hi 這里是胡斌的本周工作總結(jié)
本周工作內(nèi)容
- 合規(guī)合同服務(wù)聯(lián)調(diào)和提測(cè),修改BUG
- CRM管理系統(tǒng)改進(jìn)
本周學(xué)習(xí)總結(jié)
使用Fiddler調(diào)試移動(dòng)web頁(yè)面
在H5頁(yè)面整合到APP上去之后家厌,調(diào)試和跟進(jìn)就變得比較麻煩胚嘲,比如頁(yè)面腳本掛了(本周出現(xiàn)過(guò))杆故,一些請(qǐng)求和事件出現(xiàn)異常豆茫,可以將移動(dòng)端訪問(wèn)的請(qǐng)求代理至PC上的fiddler,再由fiddler發(fā)送請(qǐng)求到服務(wù)器屋摇,這樣fiddler就可以完成抓包調(diào)試的工作揩魂。
設(shè)置Fiddler
菜單欄 Tools -> Fiddler Options -> Connections選項(xiàng)卡 -> 如圖:
![](http://blog.billyh.cn/uploads/1497181743000.png)
獲取無(wú)線網(wǎng)IP地址并設(shè)置手機(jī)代理連接
- 通過(guò)ipconfig獲取PC端的無(wú)線局域網(wǎng)IP
- 連接PC發(fā)出的無(wú)線網(wǎng)
- 設(shè)置手機(jī)的HTTP代理為主機(jī)名:PC端獲得的無(wú)線局域網(wǎng)IP,端口:在fiddler中設(shè)置的端口
這樣就能在fiddler中抓取到手機(jī)H5頁(yè)面或者APP中發(fā)出的HTTP請(qǐng)求了炮温,可以像正常調(diào)試WEB頁(yè)面那樣進(jìn)行操作火脉。
代理本地文件
在fiddler中抓取到請(qǐng)求之后,可以將抓取到的HTML文件或者其他數(shù)據(jù)保存下來(lái)柒啤,雙擊需要替換請(qǐng)求資源的請(qǐng)求倦挂,將請(qǐng)求代理到保存下來(lái)的本地文件,如圖:
![](http://blog.billyh.cn/uploads/1497182728000.png)
這樣就可以通過(guò)修改本地文件進(jìn)行實(shí)時(shí)調(diào)試白修,非常方便妒峦。