使用fiddler进行手机抓包:http及https

前言:进行前端开发时,如果是在PC端,chrome的谷歌开发者工具可以很好查看前端发送和接收到的内容,然而在手机端,尤其是微信H5,有些页面必须在微信内部才能运行的,就必须用到抓包工具了。fiddler是免费软件,安装和使用很简单,最近正好在开发微信H5的项目,用它解决了不少问题。



一、下载及安装

fiddler下载地址:https://www.telerik.com/download/fiddler

使用fiddler进行手机抓包:http及https_第1张图片

进入官网选择使用Fiddler的目的,填写Email后即可下载,然后按照正常安装软件的步骤安装好即可。



二、使用fiddler进行HTTP抓包

1、Fiddler配置

打开fiddler软件,左上角菜单栏点击Tools→Options

使用fiddler进行手机抓包:http及https_第2张图片

在弹出来的页面点击Connections→勾选Allow remote computers to connect,默认端口是8888,可以修改也可以默认,设置完点击OK。

配置好后,一定要记得重启Fiddler!否则手机会连不到网。

使用fiddler进行手机抓包:http及https_第3张图片

2、手机配置(以安卓手机为例,苹果手机修改方法基本一样)

首先确保手机与电脑在同一局域网下,然后找到手机连接的wifi名长按出现对话框→点击修改网络

使用fiddler进行手机抓包:http及https_第4张图片

点击修改网络后,在进去的页面找到高级选项,点击高级选项→代理方式选择手动→代理服务器主机名填写局域网的IP地址→端口号默认填8888(如果在上一步的fiddler设置中修改了端口号,就填写自己修改的端口号)

使用fiddler进行手机抓包:http及https_第5张图片

如果不知道IP地址,打开电脑运行→输入cmd,回车→在命令行中输入ipconfig,再回车,出现的信息中IPv4地址就是IP地址

使用fiddler进行手机抓包:http及https_第6张图片
使用fiddler进行手机抓包:http及https_第7张图片

手机配置完了,随意打开一个网页或APP,就能抓取到HTTP包了,如果手机连不上网,检查以上配置都正确的话,记得要重启fiddler!

使用fiddler进行手机抓包:http及https_第8张图片



三、使用fiddler进行HTTPS抓包

以上配置只能抓取到HTTP包,如果项目是在HTTPS中开发的,还需要再做一些配置。

注意:HTTPS的配置是基于HTTP抓包配置已经完成的,如果HTTP抓包没配置好,查看上面的第二步使用fiddler进行HTTP抓包,按步骤完成后再进行下面的配置。

1、fiddler配置

打开fiddler,左上角菜单点击Tools→点击Options→点击HTTPS看到下面的页面

勾选Decrypt HTTPS traffic,下拉选择 remote client only(如果要网页和手机端都抓包,选择 all processes),勾选Ignore server cetificate errors,点击OK。这时候一般会弹出一个对话框安装证书,建议不要安装默认的证书,抓不到包。。

使用fiddler进行手机抓包:http及https_第9张图片

2、安装certmaker插件

用fiddler默认的证书抓不到包,IOS和安卓的都不行。。。需要安装插件。。

插件地址:https://www.telerik.com/fiddler/add-ons ,找到certmaker插件,下载后正常安装即可。安装完后记得重启fiddler!

3、下载证书

(1)PC端:点击 http://localhost:8888/ 下载

使用fiddler进行手机抓包:http及https_第10张图片

(2)手机端:打开浏览器或iphone 的safari 输入http:// IP地址:8888(局域网IP地址查询方法看前面)

进入页面点击FddlerRoot certificate下载证书并安装,安卓一般直接安装完即可

IOS的需要进入通用→关于本机→证书信任设置→启用fiddler证书

使用fiddler进行手机抓包:http及https_第11张图片
使用fiddler进行手机抓包:http及https_第12张图片

4、开始抓HTTPS包,手机打开想抓包的网页,就能在Fiddler上看到啦~

使用fiddler进行手机抓包:http及https_第13张图片

你可能感兴趣的:(使用fiddler进行手机抓包:http及https)