HttpWatch背景介紹
當用戶使用瀏覽器訪問某個URL地址、提交表單數據時,瀏覽器會生成請求消息發送給服務器,服務器收到請求后,將生成的響應消息返回給瀏覽器。瀏覽器發出的請求信息和服務器返回的響應信息統稱為HTTP消息。HTTP消息有著嚴格的格式。開發人員在進行開發測試的時候有時候就需要抓包分析這些報文。我們之前有介紹過一些抓包工具比如:fiddler (for Windows)、Thor:手機端HTTP 抓包分析工具。而今天我們要介紹的也是一款非常有名的windows系統抓包工具httpwatch。
HttpWatch簡介
HttpWatch chrome插件的作用就是顯示,分析和保存Chrome瀏覽器生成的HTTP / HTTPS流量(請訪問www.httpwatch.com)。HttpWatch自動化界面在IE和Chrome瀏覽器中提供HttpWatch的編程控制。 它可用于開發幾乎任何編程語言(例如C#,JavaScript,Ruby等)的測試,這些編程語言捕獲訪問網頁時生成的低級網絡時序,錯誤和其他統計信息。但是,此接口僅提供基本GotoURL方法以在頁面之間導航。 如果您的測試需要更多交互,例如提交表單或單擊按鈕,我們建議使用Selenium自動化框架。 最新的HttpWatch更新(版本11.1.19)包括幾個與Selenium相關的改進,使集成更加容易。與內置的DevTools網絡面板相比,HttpWatch支持許多其他功能:
- 支持在每個Chrome選項卡中自動記錄和記錄網絡流量,無需用戶進行額外干預
- 顯示有關眾所周知的性能和安全問題的警告,例如無效的緩存設置
- 高級查找和過濾功能可以更輕松地查找請求或內容
- 自動屏蔽POST表單數據中的密碼,以便它們不會記錄在HWL或HAR文件中
- 內置頁面級別統計信息摘要,例如下載的字節數,網絡往返次數等
- 為請求添加注釋,以幫助后續分析日志文件
- 直接通過工具發送HWL或HAR文件
目前該工具僅限Windows,需要從https://www.httpwatch.com單獨下載,以便在安裝Chrome擴展程序后完成安裝。HttpWatch充當瀏覽器內的HTTP嗅探器,并顯示有關Chrome生成的HTTP(S)請求的詳細信息。這些信息包括:
- HTTP標頭
- HTTP cookie
- 狀態代碼和錯誤
- 查詢字符串
- 發布數據
- 內容 - 圖像,文本和二進制
- 時間
HttpWatch Chrome插件使用說明
離線安裝httpwatch chrome插件的方法參照:怎么在谷歌瀏覽器中安裝.crx擴展。如果你是最新版chrome瀏覽器,可以參考chrome 67版本后無法拖拽離線安裝CRX格式插件的解決方法。
如何在Google Chrome中打開HttpWatch?
1、安裝HttpWatch后,它會在Internet Explorer和Chrome中添加一個可用于記錄和查看HTTP請求的擴展程序。單擊HttpWatch圖標可以打開擴展窗口。
2、在安裝HttpWatch后首次打開Chrome時,它會要求您啟用HttpWatch擴展程序,單擊Enable Extension,HttpWatch即可使用。 可以使用快捷鍵(Ctrl + Shift + H)或單擊工具欄中的HttpWatch圖標打開它:
HttpWatch插件窗口的組成部分
HttpWatch插件窗口包含三個部分:
1、工具欄
工具欄顯示在窗口的頂部,包含用于控制HttpWatch的按鈕。有關更多信息,請參閱工具欄按鈕。
2、請求網格
這將顯示由HttpWatch記錄的可滾動的HTTP請求列表。有關更多信息,請參閱請求網格。
3、請求視圖
選擇請求網格中的項目會導致HttpWatch窗口的下半部分顯示有關該項目的詳細信息。可以通過拖動將其與請求網格分開的水平線來調整此區域的大小。有關更多信息,請參閱請求視圖
如何使用HttpWatch記錄HTTP請求?
控制日志記錄所需的基本步驟如下:1、在Internet Explorer或Chrome中,通過單擊圖標或從菜單中選擇它來打開HttpWatch窗口。
2、單擊“錄制”按鈕開始錄制HTTP請求。
3、使用瀏覽器與要檢查的網站進行交互。在執行此操作時,您可以關閉HttpWatch窗口,它將在后臺繼續執行日志記錄請求。
4、可以通過在請求網格中選擇單個請求來查看這些請求。
5、可以使用“清除”按鈕清空日志,也可以使用“停止”按鈕暫停日志記錄。
6、您可以使用過濾器避免記錄某些類型的請求。