Fiddler移动端抓包及web调试

        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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值