利用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)。
• 用手机浏览器访问你要调试的页面便可。

参考文章

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