主流瀏覽器內置http抓包工具使用

1.1  谷歌瀏覽器內置抓包工具

谷歌瀏覽器 chrome自帶的 http 抓包工具界面簡潔大方，功能也很強大，惟一的不足就是界面是英文的。

打開方式一：點擊右上角的菜單-->更多工具-->開發者工具。

 

打開方式二：按快捷鍵：F12

 

谷歌瀏覽器內置抓包工具各類顯示方式。

 

【UnDock into separate window】: 點擊右上方的 UnDock into separate window 能夠以獨立窗口的方式顯示界面。

 

【Dock to left】: 谷歌瀏覽器內置抓包工具顯示在左邊。

 

【Dock to bottom】: 谷歌瀏覽器內置抓包工具顯示在下面。

 

【Dock to right】: 谷歌瀏覽器內置抓包工具顯示在右邊。

 

谷歌瀏覽器內置抓包步驟：

一、在 google 瀏覽器輸入測試項目網址：http://demo.bxcker.com/。

二、按快捷鍵：F12。

 

三、工具打開以後默認就是監測狀態，點擊工具左上方的小紅點 record network log，能夠記錄下整個訪問過程當中全部抓包結果，不然只記錄當前頁面的抓包結果，用於記錄存在跳轉頁面的抓包時該項很是有用。清除抓包結果能夠點擊紅點右邊的小圓圈 clear。

 

四、輸入帳戶名(demo100)和密碼(demo100),點登陸。

 

任一點擊一條 http 請求（Request URL: http://demo.bxcker.com/qhiex_login），在工具右邊會列出該請求的詳細信息，包括：請求頭、請求方式、提交的內容、請求數據、cookie 等內容。

 

1.2  Firefox瀏覽器覽器內置抓包工具

Firefox 瀏覽器內置抓包工具相似谷歌瀏覽器。

打開方式：按快捷鍵：F12

 

Firefox流覽器內置抓包步驟：

一、在 Firefox 瀏覽器輸入測試項目網址：http://demo.bxcker.com/。

二、按快捷鍵：F12。

 

三、工具打開以後默認就是監測狀態， 下面有一欄是專門的工具欄（包括：清除、過濾 URL、根據類型過濾（例如：html、css、js等））。

四、輸入帳戶名( demo100 )和密碼( demo100 ),點登陸。

 

任一點擊一條 http 請求（Request URL: http://demo.bxcker.com/qhiex_login），在工具右邊會列出該請求的詳細信息，包括：請求頭、請求方式、提交的內容、請求數據、cookie、每條請求的時間等內容。