移动端真机调试：spy-debugger调试教程

安装

在window下安装：
npm install spy-debugger -g
在MAC下安装：
sudo npm install spy-debugger -g

操作步骤

第一步
手机和PC保持在同一网络下（比如同时连到一个Wi-Fi下）
第二步
使用window10下的powershell,命令行输入spy-debugger，按命令行提示用浏览器打开相应地址

第三步
设置手机的HTTP代理，代理IP地址设置为PC的IP地址，端口为spy-debugger的启动端口(默认端口：9888)
Android设置代理步骤：设置 - WLAN - 长按选中网络 - 修改网络 - 高级 - 代理设置 - 手动
IOS设置代理步骤：设置 - Wi-Fi - 选中网络，点击感叹号 - HTTP代理手动.

第四步
安装证书，手机必须先设置完代理后再通过(非微信)手机浏览器访问以下链接：
http://spydebugger.com/cert 安装证书（手机首次调试需要安装证书，已安装了证书的手机无需重复安装)。

第五步
用手机浏览器访问你要调试的页面即可

此图片为在手机端调试的页面

原理

spy-debugger原理是集成了weinre，简化了weinre需要给每个调试的页面添加js代码.spy-debugger原理是拦截所有html页面请求注入weinre所需要的js代码。让页面调试更加方便
此文章参考此链接真机远程页面调试工具spy-debugger
此文章参考此链接刘小夕的9102了，你还不会移动端真机调试？