问题描述

微信内置的浏览器并没有提供调试入口,这种情况下如果某些网页的认证信息发生了变化,在微信内访问时常常因为缓存和 cookie 的存在导致这些页面无法顺利切换认证信息,给开发和使用带来了较大的不便。

解决方案

微信 8.0.19 以上的版本中内置浏览器由 X5 内核替换成了 XWEB 内核,可以使用 XWEB 内核的调试功能清除对应网页的缓存和 cookie。

开启 XWEB 调试

在微信内访问 http://debugxweb.qq.com/?inspector=true 开启 XWEB 内核的调试功能,如果网页自动跳转微信官网则说明开启成功。

连接手机到电脑

确保手机解锁并通过数据线连接电脑(注意选择传输文件/调试模式),然后打开手机的开发者模式并开启 USB 调试。

远程调试

在电脑端使用 Chrome 浏览器打开 chrome://inspect/#devices(或者使用 Edge 浏览器打开edge://inspect/#devices),如下图所示,Remote Target 下方会显示正在调试的手机型号,在微信内打开需要的网页,此时选择电脑上对应的网页点击 inspect 即可在弹出的窗口中开始调试。

68650bbc67865cae9448bfa2c5e7b945.png

调试窗口与普通的开发者工具无异,我们选择“应用-存储”选项卡,点击“清除网站数据”即可清除该网页存储在微信内置浏览器本地的所有数据,具体如下图所示。

8a2a236a228a73be559fa11ffacb6f6f.png

在微信中关闭网页重新打开后可以发现之前的缓存和 cookie 已经消失,已经正常切换为新的认证信息。