微信开发手机在线调试

一站式页面调试、抓包工具。远程调试任何手机浏览器页面，任何手机移动端webview（如：微信，HybirdApp等）。支持HTTP/HTTPS，无需USB连接设备。

01特性

1、页面调试＋抓包

2、操作简单，无需USB连接设备

3、支持HTTPS。

4、spy-debugger内部集成了weinre、node-mitmproxy、AnyProxy。

5、自动忽略原生App发起的https请求，只拦截webview发起的https请求。对使用了SSL pinning技术的原生App不造成任何影响。

6、可以配合其它代理工具一起使用(默认使用AnyProxy) (设置外部代理)

02使用案例

页面编辑模式

启动命令：spy-debugger -w true

weiner页面调试界面

anyproxy抓包界面

03安装

Windows 下

Mac 下

04三分钟上手

第一步：手机和PC保持在同一网络下（比如同时连到一个Wi-Fi下）

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

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

Android设置代理步骤：设置 - WLAN - 长按选中网络 - 修改网络 - 高级 - 代理设置 - 手动
iOS设置代理步骤：设置 - 无线局域网 - 选中网络 - HTTP代理手动

第四步：手机安装证书。注：手机必须先设置完代理后再通过(非微信)手机浏览器访问http://spydebugger.com/cert(地址二维码)安装证书（手机首次调试需要安装证书，已安装了证书的手机无需重复安装)。

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

05自定义选项

端口

(默认端口：9888)

设置外部代理（默认使用AnyProxy）

spy-debugger内置AnyProxy提供抓包功能，但是也可通过设置外部代理和其它抓包代理工具一起使用，如：Charles、Fiddler。

设置页面内容为可编辑模式

该功能使页面内容修改更加直观方便。 (默认： false)

内部实现原理：在需要调试的页面内注入代码：document.body.contentEditable=true。暂不支持使用了iscroll框架的页面。

是否允许weinre监控iframe加载的页面

(默认： false)

是否只拦截浏览器发起的https请求

(默认： true)

有些浏览器发出的connect请求没有正确的携带userAgent，这个判断有时候会出错，如UC浏览器。这个时候需要设置为false。大多数情况建议启用默认配置：true，由于目前大量App应用自身（非WebView）发出的请求会使用到SSL pinning技术，自定义的证书将不能通过app的证书校验。

是否允许HTTP缓存

(默认： false)

06更多

修复weinre在node.js V7版本会崩溃的bug
对weinre在页面document ready事件前，无法打印console.log日志进行了增强修复。
spy-debugger原理是集成了weinre，简化了weinre需要给每个调试的页面添加js代码。spy-debugger原理是拦截所有html页面请求注入weinre所需要的js代码。让页面调试更加方便。

微信开发手机在线调试相关推荐

视频教程-10分钟搞定 php+H5手机网页微信支付在线视频教程（含源代码）-微信开发
10分钟搞定 php+H5手机网页微信支付在线视频教程(含源代码) 04年进入计算机行业.拥有6年net和php项目开发经验,8年java项目开发经验. 现前端全栈工程师,主攻产品设计,微信开发等. ...
微信H5手机网页开发—快速入门
序言随着微信(WeChat)的盛行,一个流行的开发工作也随之诞生--微信公众号开发,而其中最主要的部分,当属微信H5网页开发. 虽然网页开发大家并不陌生,但层出不穷的手机型号,导致了微信网页开发中遇 ...
微信开发SDK使用教程--手机微信好友发来聊天消息通知服务端
微信开发SDK使用教程--手机微信好友发来聊天消息通知服务端 case FriendTalkNotice: {// 微信好友发来聊天消息 log.debug("socket:msgtype= ...
微信开发之移动手机WEB页面(HTML5)Javascript实现一键拨号及短信发送功能
在做一个微信的微网站中的一个便民服务电话功能的应用,用到移动web页面中列出的电话号码,点击需要实现调用通讯录,网页一键拨号的拨打电话功能. 如果需要在移动浏览器中实现拨打电话,发送email,美国服 ...
微信开发SDK使用教程--手机微信个人号新增好友通知服务端
微信开发SDK使用教程--手机微信个人号新增好友通知服务端 case FriendAddNotice: {// 微信个人号新增好友通知 log.debug("socket:msgtype=F ...
视频教程-微信公众平台深度开发v2.0第6季——微信WEB开发、手机WEB技术-微信开发
微信公众平台深度开发v2.0第6季--微信WEB开发.手机WEB技术微信企业号星级会员.10多年软件从业经历,国家级软件项目负责人,主要从事软件研发.软件企业员工技能培训.已经取得计算机技术与软件资 ...
【微信开发】微信公众号开发之编辑模式使用
. 作者 : 万境绝尘转载请注明出处 : http://blog.csdn.net/shulianghan/article/details/20306735 . . 本人微信公众账号(订阅号) : ...
微信开发实现一键拨号出现屏蔽问题的解决方案
这段时间很多人看了我的帖子<微信开发之移动手机WEB页面(HTML5)Javascript实现一键拨号及短信发送功能 >询问我在微信中出现无法拨号的情况,原先我操作的时候,的确是OK的,现 ...
微信开发原理公众平台开发模式的数据交互方式
公众平台开发模式的数据交互方式 1.2 公众平台开发模式的数据交互方式公众平台消息接口为开发者提供了与用户进行消息交互的能力.对于成功接入消息接口的公众账号,当用户发消息给公众账号时,微信公众平台服 ...

微信开发手机在线调试

微信开发手机在线调试相关推荐

最新文章

热门文章