背景介绍

写这篇文章的目的,主要是工作上做的事H5的项目,最近遇到了一个问题。由于这个H5嵌套在别的app上以及公众号上,因为本地想要完整的复现问题就不是 F12 能解决的了,所以就想着学下抓包,让自己的调试技术提升一些,故记录下这次的抓包之旅

抓包工具的选择

市场上其实有很多的抓包工具,在这里我选择的是 fiddler 抓包工具,具体下载地址可点击

android 获取网页json 安卓抓取webview所有请求_H5


点击 Download For Windows

下载Fiddler,安装这里跳过,毕竟保姆教程不是妈妈教程哈哈哈

抓包前期准备

抓包前,保证手机与电脑是同一个wifi,也就是通过一个局域网内,手机便可直接访问电脑端的ip,这步是后面所有的基础。

第一步:配置Fillder

点击 tools -> options 进行配置,建议配置完重启下fiddler

android 获取网页json 安卓抓取webview所有请求_抓包_02


在http进行如下配置

android 获取网页json 安卓抓取webview所有请求_抓包工具_03


捕捉https连接

解密https通信

在connections进行如下配置

android 获取网页json 安卓抓取webview所有请求_android 获取网页json_04


允许远程计算机连接

使用客户端连接

重用服务器连接

记住图中的8888端口

第二步:配置手机网络代理

首先在电脑获取到自己的ip,可在命令行中执行ipconfig,或者直接在WiFi中查询

android 获取网页json 安卓抓取webview所有请求_抓包_05


这里拿到我的ip是 10.128.4.101

端口刚刚配置的是 8888

在手机中,打开wifi设置手动代理,ip就是本机ip,端口就是刚刚配置的端口

如图

android 获取网页json 安卓抓取webview所有请求_抓包_06

第三步:获取证书

打开手机任意浏览器,输入 ip:端口的链接访问,笔者输入的就是 https://10.128.4.101:8888 在页面中下载安全证书

android 获取网页json 安卓抓取webview所有请求_H5_07



这时你就会发现,在手机上进行的任何访问,电脑上的fiddler都能捕获https请求了