主流浏览器内置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、每条请求的时间等内容。