前端超好用的web调试抓包工具——whistle的安装及pc端和移动端真机使用_霸霸最棒

作者：代码艺术家 | 2024-02-03 19:59:35

踩

霸霸最棒

前端日常移动端开发过程中，对于真机问题经常需要抓包解决，但是我自己手机是安卓手机，android 7.0后，对于https的请求，最近发现了另一个好用的工具（whistle），简单介绍一下使用步骤

1、安装

我直接使用npm全局安装的，安装结束可以输入w2 help查看帮助信息，并验证是否安装成功

 npm install  -g  whistle   
1

2、本地启动

w2 start
1

在这里插入图片描述

启动后访问http://127.0.0.1:8899/可以看到监控界面

在这里插入图片描述

3、pc端windows场景设置全局代理

在这里插入图片描述

4、安装根证书

在这里插入图片描述

点击下载证书，之后双击证书，安装证书，注意需要安装到受信任的根证书颁发机构中

在这里插入图片描述

捕获https请求，就可以在界面中看到浏览器发出的一些请求

在这里插入图片描述

5、移动端设置手动代理

如果需要抓取https，需要安装证书

首先打开浏览器扫描扫描HTTPS 里面的二维码下载CA证书安装后再信任，进入wifi设置，长按你所连的wifi，点击修改网络

mobile 和 PC处于同一WiFi，HTTP的代理开启手动，服务主机名为你主机的ip地址，可以在终端中运行ipconfig查看，端口为开启端口，填好之后保存，就可以捕获手机的网络请求了

在这里插入图片描述

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/article/detail/57965