共计 908 个字符，预计需要花费 3 分钟才能阅读完成。
通常在移动端页面调试时，除了移动端 chrome 和 safiri, 几乎对其他浏览器无法调试。在测试过程中，通常解决兼容性占了大部分时间，对那些手机厂商自带浏览器和第三方浏览器深恶痛绝，为什么不使用统一标准。
spy-debugger 移动端浏览器调试工具
页面调试、抓包工具。远程调试任何手机浏览器页面，任何手机移动端 webview（如：微信，HybridApp 等）。支持 HTTP/HTTPS，无需 USB 连接设备。
1. 安装
需要安装 node，在这不做介绍了，然后安装 spy-debbugger 依赖包到全局环境。（这里使用了 npm,yarn 也不错）
npm install spy-debugger -g
2.PC 端运行
打开终端运行
spy-debugger
当出现下图所示即表示在 PC 端运行成功，记住 IP 和 node-mitmproxy 启动端口，后面需要使用，上图这个样子就成功启动了，浏览器打开 http://127.0.0.1:65443，后续调试的的功能都在这个页面上操作。
3. 设置手机端 HTTP 代理
首先电脑和手机保持在一个网络下，或连接同一个 wifi。然后到手机端设置所连 wifi 的代理。进入 wlan 列表，
长按或者点击最右的箭头（IOS 是 i 符号），进入当前 wifi 详情页
手机滑到最下面有个代理，点开选择为手动
然后连接电脑端的代理，就下图中的 将第 2 步中的 IP 和端口分别填入主机名和端口
4. 手机端下载并安装证书（首次使用安装）
手机端第三方浏览器输入 http://s.xxx（不要用自带浏览器和微信浏览器），下载证书到本地。
安卓端安装证书的两种方式：
其一：设置——WiFi——高级设置——安装证书
其二：设置——更多设置——系统安全——从存储设备安装证书
IOS 端安装证书的方式看下面链接就行：
https://www.jianshu.com/p/d31…
5. 用手机浏览器访问你要调试的页面即可
下图就是用手机端浏览器打开页面，targets 会显示监听到打开的页面。
菜单栏的 Elements、Resources、Network、Timeline、Console 和 chrome 的开发工具项类似。
体验肯定没 PC 端浏览器的好，但能够满足大部分调试的需求。