使用Vconsole和Fillder调试移动终端抓取包的方法

在开发中，有时候需要在手机上进行测试，但是如果遇到bug，如何抓取包进行调试呢？这里介绍了两种方法：Vconsole Fillder使用Vconsole进行调试。

一个轻量级、可扩展的手机网页前端开发者调试面板

Vconsole功能：

查看控制台日志查看网络请求手动执行JS命令行自定义插件入门

(1)首先需要下载Vconsole，地址https://www.npmjs.com/package/vconsole

npm安装vconsole导入dist/vconsole.min.js到您的项目：

script src=' http : path/to/vConsole . min . js '/script script//init vConsole var vConsole=new vConsole()；console . log(' Hello Vconsole ')；/脚本

用Fillder调试

打开提琴手，然后单击菜单栏中的工具选项以打开选项对话框

在打开的对话框中，切换到HTTPS选项卡。

在打开的HTTPS选项卡上，选中捕获HTTPS连接和解密HTTPS流量前面的复选框，然后单击确定。

连接检查允许远程连接

配置主机文件：c : \ windows \ system32 \ drivers \ etc(此操作取决于具体情况)。重启提琴手，用wifi设置手机代理。服务器地址是自己电脑的IP，端口和fiddler相同(默认8888)。用手机浏览器打开IP:端口号。下载并安装证书后，连接并设置代理的wifi。

-你可以调试快乐-。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。