在微信网页开发过程中,我们经常遇到在真机和电脑上的效果不一致,大部分原因是因为手机的内核和电脑开发时使用的内核不一致和物理像素差异导致的。这个时候我们如果真机出现了问题怎么快速排查问题,微信自带了X5内核debug模式,我们可以通过和谷歌浏inspect进行调试
建立连接
手机通过数据线连接电脑,进入USB调试模式,这个过程自行科普自己的机型,安卓机这么多,我没办法手把手脚把脚的写了,靓仔们自行解决,这个解决不了就先回家睡觉了
微信打开X5调试页面:debugx5.qq.com
勾选“打开TBS内核Inspector调试功能”和“打开vConsole调试功能”
在谷歌浏览器地址栏输入chrome://inspect/#devices,可以看到手机型号与调试链接(手机需要开启调试模式),点击“inspect”(如果白屏了,或者显示404,是因为需要翻墙)
检查是否连接成功
如果target上已经有了你的手机型号显示,说明已经连接上了,这时候拿着你的手机去访问你需要调试的网页