微信公众号调试

1.spy-debugger

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

windows     npm install spy-debugger -g

mac   sudo npm install spy-debugger -g

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

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

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

  • Android设置代理步骤:设置 - WLAN - 长按选中网络 - 修改网络 - 高级 - 代理设置 - 手动

  • iOS设置代理步骤:设置 - 无线局域网 - 选中网络 - HTTP代理手动

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

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

(默认端口:9888)

spy-debugger -p 8888  

设置外部代理(默认使用AnyProxy)

spy-debugger -e http://127.0.0.1:8888

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

spy-debugger -w true   (可以用来调试页面DOM结构)

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

spy-debugger -i true

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

spy-debugger -b false

是否允许HTTP缓存

spy-debugger -c true

(以上默认都为false)

这个IOS可能会连不了,真实记录连了2个小时没连到,窝了一肚子火;

以上内容出自(https://mp.weixin.qq.com/s?__biz=MzI0ODA2ODU2NQ==&mid=2651131236&idx=1&sn=c3712b7750f08efa3fe406e2359e75a0&chksm=f257cddec52044c88fc4b322e15fcd53169f916d77713f113ddc1c8c4dd67fc98e68506ca196&mpshare=1&scene=23&srcid=0113hE1rzWGKVOmrzRk4IYCH#rd

2.vConsole

  腾讯公司出品,微信调试的神器吧,可以在移动端进行调试,不能进行DOM调试,IOS 安卓都可以进行使用

npm install vconsole
<script src="path/to/vconsole.min.js"></script>
<script>
  // init vConsole
  var vConsole = new VConsole();
  console.log(‘Hello world‘);
</script>

其实直接下载release压缩包使用dist目录下的min.js也可以。在需要调试的页面进行初始化就可以调试了

缓存问题:在安卓直接在设置里面找到应用程序找到微信清除缓存数据,IOS多次刷新页面或者通用清除缓存数据,如果还不行把服务器的页面删除在IOS里面拿不到数据在把页面放回去在进行请求,如果还不行那就退出微信再登。还不行那就等着微信自己去清吧。

还有如果出现微信配置在安卓可以Ios不可以去找你们后台吧。可能是URL的问题

 

 



 





微信公众号调试

上一篇:10天学安卓-第八天


下一篇:微信 小程序布局 swiper 页面