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

利用spy-debugger进行移动端真机调试_第1张图片

  • 手机和PC保持在同一网络下(比如同时连到一个Wi-Fi下)
  • 设置手机的HTTP代理,代理IP地址设置为PC的IP地址,端口为spy-debugger的启动端口(默认端口:9888)。
  • 用手机浏览器访问你要调试的页面即可。

参考文章

你可能感兴趣的:(前端)