whistle+SwitchyOmega前端api代理调试

最新推荐文章于 2024-04-23 10:45:45 发布

程序员-小许

最新推荐文章于 2024-04-23 10:45:45 发布

阅读量803

点赞数 12

文章标签：前端

本文链接：https://blog.csdn.net/m0_37820751/article/details/135378862

版权

// 全局安装whistle
npm install -g whistle

// 安装whistle的inspect插件，用于在网页中注入vConsole调试工具，方便调试手机上的h5页面
npm i -g whistle.inspect

w2 start // 启动
w2 stop // 关闭

whistle启动后，即可在浏览器内访问whistle页面：http://127.0.0.1:8899，打开可以按照规则配置代理的url

在这里插入图片描述

在这里插入图片描述

至此，我们已经能够基本完成whistle和SwitchyOmega的代理

PC下载完成后，双击傻瓜式安装即可

在这里插入图片描述

手机端下载证书后，在设置找到“从存储设备安装证书”类似的选项添加证书

在这里插入图片描述

最后，在我们手机和电脑连接同一个wifi或者网络下，手机上设置ip地址和端口，ip地址可以通过ipconfig获取

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

访问http://localhost:8899/network/，可以查看抓包，由于会产生大量的请求，所以必须在setting中设置过滤条件，如下：

在这里插入图片描述

关注