码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-05-09 14:07:33      阅读:382      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!