最近测试给我提交了一些BUG,内容描述是 “刚进入微信H5页面的时候是正常的,但是当点击返回键的时候,样式就错乱了” ,有点懵逼,我和他的手机都是安卓的,那么我开发完,肯定是我自己的实机先测试过才发出去给他测试的。然后我拿他手机来看一下,果然就是错乱了,如下图所示:
然后我试着去排查错误和找出原因,结果...没有错误。我就无语了!我记得之前也出现过这种问题,但是一般都会有报错的,因为错误,所以干扰到样式的正常展示。但是这次,没有报错!!!也不会是组件的样式冲突,组件的样式冲突顶多就是看着不对劲罢了,但还是在一个页面内。这个bug,无报错,且几个页面都堆在了一起!
后来,测试和我说,有可能是因为系统的原因,安卓7.0以前的好像都会有这样的问题,我看了一下我的手机,7.0...但是我还是觉得以前都没有,突然间就有的问题,还那么诡异,不会和安卓系统有关。
然后我把H5的链接发给测试,让测试用手机浏览器打开,不用微信打开,结果!!!是正常的!!!
下图是浏览器打开后的截图:
我还是觉得是有错误影响到了,但是在模拟器上都是正常的!~我就想不明白了,到底是什么原因导致的这个问题,怎么解决?有大佬遇到过吗?
把出错的设备,adb连接到电脑,开启chrome远程调试,审查元素看下样式。我猜测可能是html标签闭合有问题~