平常我们在进行移动端开发的时候都是用 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)。
用手机浏览器访问你要调试的页面即可。
参考文章
移动端真机调试方法介绍
移动端页面调试工具