微信公众号调试

Posted 2020-10-16 红鲤鱼与绿鲤鱼

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的问题