再也不怕原生开发甩锅给前端了,教你抓包webview,调试h5!!

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

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

再也不怕原生开发甩锅给前端了,教你抓包webview,调试h5!!

  1. 在设置里 ,勾选允许远程终端链接,并设置 端口号(8866)。移动端访问 本地 ip:端口号 (例如:http://192.168.21.1:8866/) 即可 (查询电脑ip 在cmd 输入ipconfig,找到 IPv4 地址)
    再也不怕原生开发甩锅给前端了,教你抓包webview,调试h5!!
    手机界面,点击下载证书。
    再也不怕原生开发甩锅给前端了,教你抓包webview,调试h5!!
    下载完成
    设置 — 通用 — 描述文件 — DO_NOT_TRUST_FiddlerRoot — 安装。
    安装完成
    设置 — 通用 — 关于本机 — 最下面证书信任设置 — 信任证书DO_NOT_TRUST_FiddlerRoot

  2. 最后一步,配置手机wifi代理。将请求链接到 fiddler起的服务里。
    再也不怕原生开发甩锅给前端了,教你抓包webview,调试h5!!
    输入本地IP 以及上面配置的端口号
    再也不怕原生开发甩锅给前端了,教你抓包webview,调试h5!!
    这样就完成喽,手机访问任何app网页,请求都会出现在 这里,帮助你第一时间锁定问题!!
    再也不怕原生开发甩锅给前端了,教你抓包webview,调试h5!!