Fiddler是一个http调试代理,它能 够记录所有的你电脑和互联网之间的http通讯,Fiddler 可以也可以让你检查所有的http通讯,设置断点,以及Fiddle 所有的“进出”的数据(指cookie,html,js,css等文件,这些都可以让你胡乱修改的意思)。 Fiddler 要比其他的网络调试器要更加简单,因为它仅仅暴露http通讯还有提供一个用户友好的格式。
- 移动端h5页,查看网络请求,需要用工具抓包
- Windows一般用 fiddler
- Mac OS 一般用 charles
- 手机和电脑要在同一个局域网下
- 将手机代理到电脑上
一、Fiddler下载地址:https://www.telerik.com/download/fiddler
二、打开Fiddler,配置参数:
1.配置fiddler允许远程连接
打开Tools–> Options–> Connections选项中勾选Allow remote computers to connect (允许远程计算机连接),选择监听端口9000(可自己配置,默认为8888),配置完如下图:,如下图:
重要提示:开启好远程连接之后,重启Fiddler,不然就不会更新你刚开启的远程配置
2. 配置fiddler允许监听到https
打开Tools–> Options–>HTTPS,勾选Decrypt HTTPS traffic ,选择from remotes client only(从远程客户端),同时勾选Ignore server certificate errors(unsafe)配置完如下图:(首次点击会弹出是否信任fiddler证书和安全提示,直接点击yes就行)
二、对手机端进行参数配置
首先,要保证手机和电脑都处于同一个网络;
然后要知道电脑的ip地址(当然这个电脑是安装fiddler的电脑),电脑ip地址可通过cmd,输入ipconfig查询,或网络共享中ipv4找到
再者要知道fiddler的端口号,Tools->Options->Connections,port中值就是端口号,我设置的是9000(一般默认为8888);接下来开始操作手机;
1、第一步:手机和电脑连接同一个网络,打开手机浏览器,输入http://ip:端口号,点击前往;见下图:
2、前往之后会跳转到证书下载页,见下图:
点击FiddlerRootcertificate下载证书;
3、更改手机WiFi的代理
手机系统设置-无线网-点击高级(这一步根据手机型号决定的,也可以选择手机和电脑已就那个同时链接的WLAN,设置WLAN),代理选择手动,主机名就是fiddler的电脑ip地址,端口号,就是fiddler的端口号,与浏览器中ip:端口号保持一致,点击确定即可,
4、OK,开始操作手机吧,电脑fiddler中会显示一些http信息,成功;
5.调试移动端网页
手机在使用时会不停的发送很多http请求, fiddler 会在迅速抓到很多请求,为了页面整洁,在某一条请求处右键,选择Remove -> All Sessions
在电脑浏览器打开要调试的网页(注意!!待会要把这个网址生成一个二维码,所以要写具体的IP地址,而不是localhost)
打开二维码生成器,用该网址生成二维码
用手机浏览器扫描这个二维码即可打开该网页
fiddler 抓包
网址代理(网址重定向) --例如:扫描用上面dom.html生成的二维码,跳转到event.html
点击 AutoResponder -> 勾选Enable rules 和 Unmatched requests passthrough -> 将dom.html的请求拉到右边第一行输入框(request),在下面输入event.html的地址(记住不要写localhost)->点 save
然后在手机浏览器强制刷新或重新扫描之前生成的二维码,显示的是 event.html