使用spy-debugger进行真机调试步骤

Spydebugger安装与使用

1.安装: 全局安装 npm install –g spy-debugger

2.启动: spy-debugger

3.设置手机的HTTP代理
路径:

  • Android设置步骤:设置 - WLAN - 长按选中网络 - 修改网络 - 高级 - 代理设置 - 手动
  • iOS设置代理步骤:设置 - 无线局域网 - 选中网络 - HTTP代理手动

代理的地址:为 PC的IP地址 ;
端口:代理的端口为spy-debugger的启动端口(默认端口为:9888);如果要指定端口: spy-debugger –p 8888。

4.手机安装证书(node-mitmproxy CA根证书)

第一步:生成证书:
生成CA根证书,根证书生成在 /Users/XXX/node-mitmproxy/ 目录下(Mac)。
spy-debugger initCA

第二步:安装证书:
把node-mitmproxy文件夹下的 node-mitmproxy.ca.crt 传到手机上,点击安装即可。

不同手机端安装方式不同,百度一下
小米:
设置=》WLAN =》高级设置 =》安装证书
选择证书进行安装

Spy-debugger启动界面,同样,在手机端刷新页面之后,targets中会有记录
在这里插入图片描述

Targets 为none处理
添加以下js

<body>
</body>
<script src="/target/target-script-min.js#anonymous"></script>

添加完js后刷新
在这里插入图片描述
在这里插入图片描述

spy-debugger真机调试

Spy-debugger内部集成了weinre,通过代理的方式拦截所有html自动注入weinre所需的js代码。简化了weinre需要给每个调试的页面添加js代码。spy-debugger原理是拦截所有html页面请求注入weinre所需要的js代码。让页面调试更加方便。

特性:

1.页面调试+抓包

2.操作简单

3.支持HTTPS。

4.spy-debugger内部集成了weinre、node-mitmproxy、AnyProxy。

5.自动忽略原生App发起的https请求,只拦截webview发起的https请求。对使用了SSL pinning技术的原生App不造成任何影响。

6.可以配合其它代理工具一起使用(默认使用AnyProxy)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值