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