首页 > Web开发 > 详细

一站式远程页面调试工具spy-debugger 2.0,已支持HTTPS

时间:2016-05-09 14:04:30      阅读:190      评论:0      收藏:0      [点我收藏+]

项目名称: spy-debugger 项目地址:https://github.com/wuchangming/spy-debugger

关于spy-debugger npm Build Status

1、一站式页面调试工具,远程调试任何手机浏览器页面,任何手机移动端webview(如:微信,HybirdApp等)HTTP/HTTPS。 2、spy-debugger内部集成了weinre。 3、支持HTTPS页面的调试。

安装

Windows 下

npm install spy-debugger -g

Mac 下

sudo npm install spy-debugger -g

安装证书

第一步:生成证书

spy-debugger initCA
// 证书生成在用户根目录的node-mitmproxy文件夹下的
// 如: /Users/wuchangming/node-mitmproxy

第二步:安装证书

把node-mitmproxy文件夹下的 node-mitmproxy.ca.crt 传到手机上,点击安装即可。

Demo

轻轻松松修改微信小游戏页面^.^

技术分享

三分钟上手

第一步:手机和PC保持在同一网络下(比如同时连到一个Wi-Fi下)

第二步:命令行输入spy-debugger start,按命令行提示用浏览器打开相应地址。

第三步:设置手机的HTTP代理,代理IP地址设置为PC的IP地址,端口为spy-debugger的启动端口(默认端口:9888)。

第四步:用手机浏览器访问你要调试的页面即可。

自定义选项

端口

(默认端口:9888)

spy-debugger start -p 8888 是否让weinre监控iframe加载的页面

(默认: false)

spy-debugger start -i true 更多

spy-debugger原理是集成了weinre,简化了weinre需要给每个调试的页面添加js代码。spy-debugger原理是拦截所有html页面请求注入weinre所需要的js代码。让页面调试更加方便。

一站式远程页面调试工具spy-debugger 2.0,已支持HTTPS

原文:http://www.cnblogs.com/wuchangming/p/5473616.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!