原理：整个过程中共做了2次代理，一次是将手机端访问的路径使用spy-debugger代理，一次是把spy-debugger发送的请求再用Charles做一次代理。最后达到查看页面dom结构、log、资源文件和接口路径替换等目的。
1.全局安装spy-debugger
注：mac 下 sudo npm install spy-debugger （cnpm会出错，报mime.lookup is not a function 被这坑爹问题烦了半天）
2.手机和PC保持在同一网络下（比如同时连到一个Wi-Fi下）
3.在手机端设置代理：代理IP地址设置为PC的IP地址，端口为spy-debugger的启动端口(默认端口：9888)
这里说明一下，使用spy-debugger的最主要原因是可以看手机中的实际dom结构和log，若单纯只想抓包或做替换，这里设置的代理完全可以是Charles或fiddler的代理端口。
2.启动Charles ，在设置中查看配置的代理端口
3.在命令行中输入 spy-debugger -e http://127.0.0.1:8888 （因为这里Charles的代理端口是8888）
4.跑本地代码，run dev ，替换文件
因为我这次的项目是单页面程序，所以想本地程序的效果的话，index.html文件不用动，只需要将线上的app.155902952a7fac91fb5d.js HTTP/1.1替换为本地run dev 后生成的app.js
总结：该方法适合在项目开发中后期，已发布的情况下，做真机调试的时候使用。在开发前期最好还是本地开发，效率高。
https://www.npmjs.com/package/spy-debugger