我們通過瀏覽器訪問Web應用,本質就是給提供Web服務的後臺傳送了一個Http請求,對於普通使用者而言,這個請求是什麼樣子的並不重要,但對於Web應用的開發和測試團隊而言,有時我們非常需要檢視傳送的請求都包含哪些資訊?這篇經驗
就會告訴大家如何檢視Http請求的廬山真面目!
工具/原料
一臺能連線網際網路的電腦
方法/步驟
步驟一 : 下載並安裝 Firefox 瀏覽器
百度搜索 Firefox,我們可以通過官網下載,也可以在百度軟體中心下載,安裝後開啟瀏覽器。
步驟二 : 搜尋並安裝外掛 HttpFox
點選 "工具"-->"附加元件" , 在開啟的視窗中,搜尋 "httpfox", 點選 "安裝",提示安裝成功後,重啟瀏覽器!
步驟三 : 檢視安裝好的 HttpFox 外掛
點選 "工具"-->"Web 開發者", 我們可以看到在最底部多了一個選單項 "HttpFox", 滑鼠移動到其上面,會顯示下一級選單頁,點選第一項 "Toggle HttpFox", 我們可以看到在瀏覽器底部出現一個操作檯,這個操作檯就是我們下面進行操作和分析的地方。
步驟四 : 測試 HttpFox 外掛
我們需要分析一個表單提交頁面,看看在提交表單的時候,我們傳送了什麼請求,具體有哪些引數。
我們先啟動 HttpFox, 然後再點選"儲存"按鈕,我們會發現 HttpFox 操作檯多出了一條記錄,這條記錄就代表這次請求操作!
步驟五 : 分析HttpFox攔截的請求
雙擊在 HttpFox 操作檯中出現的那條記錄,這樣我們就可以在其下方檢視這條記錄的具體資訊了,包括 頭部資訊,Cookies,請求引數,POST引數 和 返回資訊!
步驟六 : 總結
HttpFox作為一個FireFox外掛,是攔截分析Http請求的利器!他和User Agent Switcher 外掛結合使用還可以攔截和分析移動裝置傳送的請求和返回!
注意 : HttpFox 控制檯的內容顯示暫時還不支援中文,但這個通常不影響我們的抓取和分析
關於 User Agent Switcher 外掛的使用,大家可以參考如下經驗。
0 Firefox外掛之如何模擬移動裝置測試Web應用
注意事項
HttpFox操作檯不支援中文顯示,但這個通常不影響我們的抓取和分析