利用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，会弹出如下页面

1.png

• 手机和PC保持在同一网络下（比如同时连到一个Wi-Fi下）

• 设置手机的HTTP代理，代理IP地址设置为PC的IP地址，端口为spy-debugger的启动端口(默认端口：9888)。

• 用手机浏览器访问你要调试的页面即可。

参考文章

• 移动端真机调试方法介绍

• 移动端页面调试工具