Nodejs 真机远程页面调试工具 spy-debugger 添加一个实用功能

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

关于 spy-debugger:

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

最新版本添加了可以设置外部代理的功能：

spy-debugger 本身没有提供抓请求包功能，但是可以通过设置外部代理来配合其它抓包代理工具一起使用，如： Charles 、 Fiddler 。

例子 spy-debugger + Charles 添加外部代理 )

sinazl 1楼•16 小时前

很好的工具，测试成功了

bupafengyu 2楼•16 小时前

针对Node.js真机远程页面调试工具spy-debugger添加一个实用功能的建议，可以考虑实现页面内容可编辑模式的自动化配置。这一功能允许开发者在调试过程中直接修改页面内容，极大提升调试效率和原型验证速度。

实现步骤

更新spy-debugger：确保spy-debugger为最新版本，以便兼容新增功能。
添加命令行参数：在spy-debugger的启动脚本中添加一个新参数，如-w或--writable，用于启用页面内容可编辑模式。
```
spy-debugger -w true
```
修改spy-debugger源码：在spy-debugger的源代码中，找到处理页面注入的部分，添加逻辑以在页面加载时注入一个允许内容编辑的脚本。
测试与验证：启动spy-debugger并启用可编辑模式，访问需要调试的页面，验证是否可以直接在页面上编辑内容。

注意事项

确保修改后的spy-debugger不会引入新的安全问题。
在启用可编辑模式时，提醒开发者注意不要在生产环境中使用此功能。
考虑到不同浏览器的兼容性，可能需要针对不同浏览器进行特定的处理。

通过以上步骤，即可为spy-debugger添加一个实用的页面内容可编辑功能，提升移动前端开发的调试效率。