微信客户端开启vconsole调试


最近在调试前段时间做的支付服务,H5扫码支付已经跟websocket推送信息前端,实现跳转了(因为是做的聚合支付,不是直接对的支付,所以支付结果,由我搭建的支付服务再调用我搭建的WS推送信息服务结合),今天开始调试微信浏览器内jsApi唤起支付了(也是走的我搭建的聚合支付服务)。
在联调中,还是会碰到一些流程出入参希望看看,想看看到底哪里出了问题,苦于移动端不能F12啊。友好的微信给我们提供了这么一个入口,使开发者可以真机调试。给微信开发者点赞。然后就可以看到你打印的内容及其他的信息,比如cookie、LocalStorage,Network、Element……
先上效果图,如下:微信客户端开启vconsole调试_第1张图片

那怎么打开了
微信打开这个网址 http://debugx5.qq.com/ 暖心的我给你准备好了二维码,扫一扫吧(不要太感动……)
微信客户端开启vconsole调试_第2张图片

进去后,选择中间‘’信息‘’,然后一直往下翻,把vConsole打开,把下面两个Content Cache关掉。
微信客户端开启vconsole调试_第3张图片
然后打开你要调试的页面,你就你能看到右下角有个绿色按钮vConsole。点击就能查看你代码中console的内容了。
这里特别说下,这种不引入vconsole.js的方式只支持安卓的微信客户端,苹果的不支持,鸿蒙的还没有设备试验。
引入vconsole.js的方式是可以支持苹果的微信客户端的。

你可能感兴趣的:(工具,微信vconsole,移动端H5小程序)