平常我们在进行移动端开发的时候都是用PC端的手机模拟器进行调试。但是，PC端调试和最终在移动端呈现的效果仍然存在差距，那么这时我们就可以使用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，会弹出如下页面
1.png
手机和PC保持在同一网络下（比如同时连到一个Wi-Fi下）
设置手机的HTTP代理，代理IP地址设置为PC的IP地址，端口为spy-debugger的启动端口(默认端口：9888)。
用手机浏览器访问你要调试的页面即可。
平常我们在进行移动端开发的时候都是用PC端的手机模拟器进行调试。但是，PC端调试和最终在移动端呈现的效果仍然存在差...
本文主要介绍了spy-debugger的使用方式，有同事使用的mobile-debugger也很好用。 页面调试+...
真机远程页面调试工具spy-debugger 怎么用 https://github.com/wuchangming...
前言 在进行移动端webapp开发时，你是否会想要在真机上调试项目。下面分析一下本地运行项目时，真机调试需要的步骤...
移动端调试困难 很多时候，我们在进行移动端开发时，都是先在PC端使用手机模拟器进行调试，没有问题后，我们才会在手机...
现在很多移动端是用H5做的，但是有时候，有的问题，无法在真机进行调试，这个就需要vConsole进行调试，它可以打...
1 首先打开fiddler 选中tools -->options -->connections 配置fiddler...
一、关于spy-debugger 一站式页面调试、抓包工具。远程调试任何手机浏览器页面，任何手机移动端webvie...
之前制作移动端页面的过程中，PC端模拟调试一切正常，但放到移动端真机调试时发现许多页面存在色差问题。 这是由于浏览...
本地联调环境搭建 当在本地进行移动端开发时，由于项目没有发布到bate机或开发机上，此时的真机调试就稍显困难，...
本文标题：利用spy-debugger进行移动端真机调试
本文链接：https://www.haomeiwen.com/subject/cijpsqtx.html
网友评论