Nodejs 真机远程页面调试工具分享－

Nodejs 真机远程页面调试工具分享－－spy-debugger

项目地址在 github 上： https://github.com/wuchangming/spy-debugger

简介：

1 、一站式页面调试工具，远程调试任何手机浏览器页面，任何手机移动端 webview （如：微信， HybirdApp 等）HTTP/HTTPS。
2 、spy-debugger内部集成了weinre和代理node-mitmproxy。
3 、支持 HTTPS 页面的调试。
4 、自动忽略原生 App 发起的 https 请求，只拦截 webview 发起的 https 请求。对使用了 SSL pinning 技术的原生 App 不造成任何影响。
5 、操作简单

调试页面

wuwangju 1楼•1 天前

为啥我看你的帖子背景是黑色的

songsunli 2楼•1 天前

我也不知道，好像 nodejs 这个模块都是黑的。。。

htzhanglong 3楼•1 天前

用 weinre 啊，很不错~
不过 iOS 不是可以直接接 USB 先然后用 mac 的 safari 调试吗？

主要是为 android 准备的？

h691938207 4楼•1 天前作者

哦，为非 safari 得移动页面准备的啊……

vueper 5楼•1 天前

移动端还是有各种各样的浏览器和 webview 的。主要是为了调试那些不能直接连 usb 调试的浏览器或者 webview 。

itying888 6楼•1 天前

好工具已 star
安装证书地址打不开… 找不到 DNS

h691938207 7楼•1 天前作者

必须先设置完手机代理后再访问 http://spydebugger.com/cert 地址安装。

sinazl 8楼•1 天前

手机要先设置代理后再安装证书。
第一次启动 spydebugger 会生成 CA 证书，位置在你本机的%HOMEPATH%/node-mitmproxy/node-mitmproxy.ca.crt 。证书的安装地址只是代理做了转发。

itying888 9楼•1 天前

学会了一直想调试 https 来着好简便

h691938207 10楼•1 天前作者

正需要

h691938207 11楼•1 天前作者

之前也是调试 https 页面的时候感觉太复杂了，要弄一堆代理所以才想着做一个

ionicwang 12楼•1 天前

好用，能调试生产 https 页面了。

eggper 13楼•1 天前

使用中有什么建议和意见可以和我提，谢谢支持

gougou168 14楼•1 天前

已用，已 star ，非常方便

wuwangju 15楼•1 天前

生成证书是什么原理

yibo5220 16楼•1 天前

用了一个 js 的库： https://github.com/digitalbazaar/forge

htzhanglong 17楼•1 天前

具体 ssl 处理的逻辑在自己写的另外一个项目： https://github.com/wuchangming/node-mitmproxy

yibo5220 18楼•1 天前

我第一次使用可以，今天使用，发现用代理上不了网， orz… 求解答。现在用代理就是打开网页都不行

htzhanglong 19楼•1 天前

重启开启一次就行了。对了。 HBuilder 调试好像不太行。只能用在浏览器调试

sinazl 20楼•1 天前

HBuilder? 编辑器？

zlyuanteng 21楼•1 天前

， HBuilder? 编辑器？

eggper 22楼•1 天前

关于你分享的Nodejs真机远程页面调试工具——spy-debugger，这是一个非常实用的工具，它支持远程调试任何手机浏览器页面和移动端WebView，并且无需USB连接设备。以下是一些关于spy-debugger的安装和使用步骤，以及一些关键特性的介绍：

安装

在Windows或Mac环境下，你可以通过npm全局安装spy-debugger：

npm install -g spy-debugger

使用

启动spy-debugger：

spy-debugger

设置手机代理：
- 确保手机和PC在同一网络下。
- 在手机上设置HTTP代理，代理IP为PC的IP地址，端口为spy-debugger的默认端口9888（或你指定的其他端口）。
安装证书：
- 手机设置完代理后，通过非微信的手机浏览器访问http://spydebugger.com/cert下载并安装node-mitmproxy CA根证书。
开始调试：
- 在手机上访问你想要调试的页面，spy-debugger会自动拦截并注入调试所需的js代码。

关键特性

页面调试+抓包：一站式解决页面调试和抓包需求。
支持HTTPS：无需担心HTTPS请求的安全问题。
自动忽略原生App请求：只拦截WebView发起的请求，对使用了SSL pinning技术的原生App无影响。
可配合其他代理工具：默认使用AnyProxy，也可设置外部代理。

spy-debugger是一个非常强大的工具，能够极大地提升你的调试效率。希望这个介绍对你有所帮助！