移动端终极调试解决方案之一

首先介绍一下调试工具

spy-debugger神器

 废话不多说,开始正文........

首先npm i spy-debugger -g,这个操作相信大家都会(mac版需要在命令前加sodu)

启动 spy-debugger

手机设置代理,这个不太清楚可自行百度

安卓操作步骤:选择网络》WiFi名称》高级设置》代理》手动

主机名:192.168.0.5(这里填电脑ip)

端口:9888(默认9888)如果需要修改端口spy-debugger -p 3333

填完保存

安装证书:其实应该有两种方式

1.spy-debugger initCA  ,mac版会在user/noob/node-mitmproxy目录下生成ca.crt证书文件

把生成的文件发送到手机安装,用qq发送直接在qq里点击安装会无法识别,Tencent/qqfile_recv,自行去手机这个目录找,点击安装,证书用途选择默认的/应用即可(仅限安卓),ios自行百度安装方式

2.在spy-debugger启动之后会打开一个页面

移动端终极调试解决方案之一_第1张图片移动端终极调试解决方案之一_第2张图片

在请求抓包页可以看到rootCA的二维码,不用说也应该知道怎么做

到这里spy-debugger就安装完成了,

当然我们还得在手机上访问写好的静态页面

这里我用的http-server

npm i http-server -g

cd到我们的文件目录

http-server -c-l 可以实时更新文件状态

手机访问http://192.168.0.5:8080

默认端口8080,修改端口-p 4444

移动端终极调试解决方案之一_第3张图片移动端终极调试解决方案之一_第4张图片

完美解决移动端调试

你可能感兴趣的:(移动端)