【angular2】微信H5,没有报错&&没有冲突,却样式错乱,怎么解决?
最近测试给我提交了一些BUG,内容描述是 “刚进入微信H5页面的时候是正常的,但是当点击返回键的时候,样式就错乱了” ,有点懵逼,我和他的手机都是安卓的,那么我开发完,肯定是我自己的实机先测试过才发出去给他测试的。然后我拿他手机来看一下,果然就是错乱了,如下图所示:
然后我试着去排查错误和找出原因,结果...没有错误。我就无语了!我记得之前也出现过这种问题,但是一般都会有报错的,因为错误,所以干扰到样式的正常展示。但是这次,没有报错!!!也不会是组件的样式冲突,组件的样式冲突顶多就是看着不对劲罢了,但还是在一个页面内。这个bug,无报错,且几个页面都堆在了一起!
后来,测试和我说,有可能是因为系统的原因,安卓7.0以前的好像都会有这样的问题,我看了一下我的手机,7.0...但是我还是觉得以前都没有,突然间就有的问题,还那么诡异,不会和安卓系统有关。
然后我把H5的链接发给测试,让测试用手机浏览器打开,不用微信打开,结果!!!是正常的!!!
下图是浏览器打开后的截图:
我还是觉得是有错误影响到了,但是在模拟器上都是正常的!~我就想不明白了,到底是什么原因导致的这个问题,怎么解决?有大佬遇到过吗?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
把出错的设备,adb连接到电脑,开启chrome远程调试,审查元素看下样式。我猜测可能是html标签闭合有问题~
这个我后来按照上面这位大哥的思路去走,在谷歌浏览器下了一个ADB Plugin插件,然后就可以用了。但是,我想要调试的设备用不了,因为谷歌浏览器没有提示信息。
然后我就换了微信开发者工具,结果一试,虽然也不行,但是起码有提示信息了,于是按照提示信息走,就找到了要打开X5内核的inspect的方法,打开后就可以测试了。
结果发现,的确是有报错的,但是不是上面那位大哥的标签闭合的错误,是一个很刁钻的错误:ERROR RangeError: Invalid language tag: en-US ——at new NumberFormat (native)
在百度基本搜不出来什么东西。在谷歌上也就勉强有几个回答,哎,在琢磨中。
------------------------------------------------------补充-------------------------
https://segmentfault.com/q/10...
上面的网址是我自己关于这个错误的一个浅显的解决办法。