乐趣区

利用spy-debugger进行移动端真机调试

平常我们在进行移动端开发的时候都是用 PC 端的手机模拟器进行调试。但是,PC 端调试和最终在移动端呈现的效果仍然存在差距,那么这时我们就可以使用 spy-debugger 来进行真机调试。
在电脑上打开 git bash,全局安装 spy-debugger
npm install –g spy-debugger

在电脑的 git bash 里执行 spy-debugger initCA 生成证书。证书会生成在用户根目录的 node-mitmproxy 文件夹下,如:/Users/onthine/node-mitmproxy

把 node-mitmproxy 文件夹下的 node-mitmproxy.ca.crt 传到手机上进行安装
在电脑的 git bash 里执行 spy-debugger start,会弹出如下页面

手机和 PC 保持在同一网络下(比如同时连到一个 Wi-Fi 下)
设置手机的 HTTP 代理,代理 IP 地址设置为 PC 的 IP 地址,端口为 spy-debugger 的启动端口 (默认端口:9888)。
用手机浏览器访问你要调试的页面即可。

参考文章

移动端真机调试方法介绍
移动端页面调试工具

退出移动版