不怕原生开发甩锅web前端,教你抓包app请求,调试h5

软件工具
346
0
0
2022-03-29
标签   抓包工具

随着移动端的发展,越来越多的开发app内嵌webview 。很多时候本地浏览器没问题,放在app里却问题频出,为了准确的把锅丢给app开发,我们就要掌握移动端请求抓包的技法!!!

  1. 首先保证手机与电脑在一个局域网,连接统一无线网。
  2. 下载 Fiddler Everywhere (官网地址:https://www.telerik.com/fiddler/usecases/web-debugging) 抓包工具。注册账号或者使用google账号登录,这步略过
  3. 想要完成抓包需要下载电脑以及手机两个证书。先下载电脑证书,勾选捕获 https请求,要不然只能拦截http请求。然后点击 信任根证书。

不怕原生开发甩锅web前端,教你抓包app请求,调试h5设置pc证书

  1. 在设置里 ,勾选允许远程终端链接,并设置 端口号(8866)。移动端访问 本地ip:端口号 (例如:http://192.168.21.1:8866/) 即可 (查询电脑ip在 cmd 输入 ipconfig,找到 IPv4 地址)

不怕原生开发甩锅web前端,教你抓包app请求,调试h5设置端口

手机界面,点击下载证书。

不怕原生开发甩锅web前端,教你抓包app请求,调试h5手机下载证书

下载完成

设置 --- 通用 --- 描述文件 --- DO_NOT_TRUST_FiddlerRoot --- 安装

安装完成

设置 --- 通用 --- 关于本机 --- 最下面证书信任设置 --- 信任证书DO_NOT_TRUST_FiddlerRoot

  1. 最后一步,配置手机wifi代理。将移动端请求链接到fiddler起的服务里。

不怕原生开发甩锅web前端,教你抓包app请求,调试h5配置wifi代理


输入本地IP 以及上面配置的端口号


不怕原生开发甩锅web前端,教你抓包app请求,调试h5配置wifi代理

这样就完成喽,移动端访问任何请求,都会出现在这里,帮助你第一时间锁定问题!!

不怕原生开发甩锅web前端,教你抓包app请求,调试h5配置完成,可查看移动端请求