HttpWatch 簡介
HttpWatch 是強大的網頁 HTTP/HTTPS 流量分析工具,整合於 IE 瀏覽器,能詳細記錄頁面載入的所有請求與回應,是前端優化、除錯利器。
環境準備
- 僅支援 Internet Explorer(其他瀏覽器無法使用)。
- 安裝後可在 IE 選單「檢視」→「瀏覽器列」或工具列圖示啟動,快捷鍵 Shift+F2。
核心操作流程
1. 開始記錄
開啟 HttpWatch 面板,輸入目標網址,點擊「Record」(記錄)按鈕,隨後按 Enter 或點擊「Go」載入頁面。
2. 分析 Summary 模式資料
載入完成後自動顯示所有請求,重點欄位說明:
- Time:請求耗時(含 DNS、連線、下載)。
- Result:HTTP 狀態碼(200 成功、404 不存在、304 快取、5xx 伺服器錯誤)。
- URL:請求完整路徑。
- Server IP:伺服器 IP(若未顯示可用
nslookup 指令查詢)。
3. 多網站測試與清除
點擊「Clear」清除舊資料,輸入新網址重複記錄。注意:部分 404 不影響頁面呈現,但長時間請求或中斷需重點排查。
4. 儲存分析報告
點擊「Save」匯出 .hwl 檔案,僅能在安裝 HttpWatch 的電腦開啟。若需合併多站點報告,測試過程中勿點擊 Clear。
進階技巧
- 搭配 Headers、Cookies、Content 分頁深入檢查請求細節。
- 利用篩選功能快速定位圖片、腳本、CSS 等特定資源類型。
- 對比前後兩次載入差異,驗證優化成效。
掌握 HttpWatch,網頁效能優化不再盲目!