微信网页调试之利用vConsole真机调试

时间:2024-04-02 07:54:11

虽然微信开发者工具可以调试大多数情况,但有些问题开发者工具没法调试,只能在真机里调试

真机调试有多重方式

第一种就是手机连接电脑结合Chrome的inspect 进行USB远程调试,这个日后补充

第二种是开启vConsole,直接手机上就可以调,优点是方便,不用连接电脑,能看到大多数信息,缺点是不能打断点

下面介绍如何使用

1.开启vConsole

微信里访问:debugx5.qq.com,如果打不开,访问 debugmm.qq.com/?forcex5=true 开启

然后点击信息选项卡,如下图,打开vConsole  ,开启后屏幕下方会有绿色的按钮,点击即可进入,退出时点解hide

微信网页调试之利用vConsole真机调试

2使用

退出点击 HIde  清除 点clera

控制台支持日志,系统信息,网络请求,页面元素,本地存储等信息

log  查看控制台输出信息

 

微信网页调试之利用vConsole真机调试

network 查看ajax请求等数据,可以用来看与后端交互数据是否正确

微信网页调试之利用vConsole真机调试 

元素

微信网页调试之利用vConsole真机调试

 

存储  cookie 本地缓存等信息   清除cookie可以点击下方clear

微信网页调试之利用vConsole真机调试 

 

 

清除缓存时进入  debugx5.qq.com 

微信网页调试之利用vConsole真机调试