Chrome开发者工具简单演示

常见抓包工具

HTTP抓包工具：Fiddler、Charles、Firebug、开发者工具等等。。。

Chrome开发者工具简单演示

打开Chrome 浏览器，按下F12快捷打开Chrome开发者工具

点击Network 标签

勾选 Preserve log选项，确保页面刷新不会把已抓到的请求清空

image.png

打开网站首页，输入登录名和密码，点击登录

查看开发者工具，可以找到如下图Login的请求接口

image.png

查看Login 请求的详细信息

请求方法：POST

请求的URL：

请求参数格式：Content-Type: application/x-www-form-urlencoded

请求参数：UserName=XXX&Password=XXXX&CheckCode=&Remember=false&LoginCheckCode=7119

请求结果类型：Content-Type: application/json; charset=utf-8

请求结果：

image.png

response

更多关于Chrome开发者工具帮助中文帮助文档可以参考：

Fiddler

Chrome开发者工具依赖于Chrome浏览器，也只能抓取Chrome浏览器发起的请求，如果我们想获取所有程序发起的请求苏飞开发者工具网源码，我们就可以通过Fiddler来抓取。

简介

Fiddler（中文名称：小提琴）是一个HTTP的调试代理，以代理服务器的方式，监听系统的Http网络数据流动，Fiddler可以也可以让你检查所有的HTTP通讯苏飞开发者工具网源码，设置断点，以及Fiddle所有的“进出”的数据（我一般用来抓包）,Fiddler还包含一个简单却功能强大的基于JScript .NET事件脚本子系统，它可以支持众多的HTTP调试任务。

工作原理

Fiddler是以代理WEB服务器的形式工作的,浏览器与服务器之间通过建立TCP连接以HTTP协议进行通信，浏览器默认通过自己发送HTTP请求到服务器，它使用代理地址:127.0.0.1, 端口:8888. 当Fiddler开启会自动设置代理， 退出的时候它会自动注销代理，这样就不会影响别的程序。不过如果Fiddler非正常退出，这时候因为Fiddler没有自动注销，会造成网页无法访问。解决的办法是重新启动下Fiddler。

工作原理.png