利用spy-debugger进行移动端真机调试

栏目: 编程工具 · 发布时间: 7年前

内容简介:平常我们在进行移动端开发的时候都是用PC端的手机模拟器进行调试。但是,PC端调试和最终在移动端呈现的效果仍然存在差距,那么这时我们就可以使用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进行移动端真机调试

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

以上所述就是小编给大家介绍的《利用spy-debugger进行移动端真机调试》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Web ReDesign 2.0

Web ReDesign 2.0

Kelly Goto、Emily Cotler / Peachpit Press / 2004-12-10 / USD 45.00

If anything, this volume's premise--that the business of Web design is one of constant change-has only proven truer over time. So much so, in fact, that the 12-month design cycles cited in the last ed......一起来看看 《Web ReDesign 2.0》 这本书的介绍吧!

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具