【angular2】微信H5,没有报错&&没有冲突,却样式错乱,怎么解决?

最近测试给我提交了一些BUG,内容描述是 “刚进入微信H5页面的时候是正常的,但是当点击返回键的时候,样式就错乱了” ,有点懵逼,我和他的手机都是安卓的,那么我开发完,肯定是我自己的实机先测试过才发出去给他测试的。然后我拿他手机来看一下,果然就是错乱了,如下图所示:

可以看到样式都错乱了

同样的错乱

然后我试着去排查错误和找出原因,结果...没有错误。我就无语了!我记得之前也出现过这种问题,但是一般都会有报错的,因为错误,所以干扰到样式的正常展示。但是这次,没有报错!!!也不会是组件的样式冲突,组件的样式冲突顶多就是看着不对劲罢了,但还是在一个页面内。这个bug,无报错,且几个页面都堆在了一起!

后来,测试和我说,有可能是因为系统的原因,安卓7.0以前的好像都会有这样的问题,我看了一下我的手机,7.0...但是我还是觉得以前都没有,突然间就有的问题,还那么诡异,不会和安卓系统有关。

然后我把H5的链接发给测试,让测试用手机浏览器打开,不用微信打开,结果!!!是正常的!!!
下图是浏览器打开后的截图:
与之前的错误页面是对应的,是不是几乎不敢相信

图片描述

我还是觉得是有错误影响到了,但是在模拟器上都是正常的!~我就想不明白了,到底是什么原因导致的这个问题,怎么解决?有大佬遇到过吗?

阅读 2.6k
2 个回答

把出错的设备,adb连接到电脑,开启chrome远程调试,审查元素看下样式。我猜测可能是html标签闭合有问题~

这个我后来按照上面这位大哥的思路去走,在谷歌浏览器下了一个ADB Plugin插件,然后就可以用了。但是,我想要调试的设备用不了,因为谷歌浏览器没有提示信息。

然后我就换了微信开发者工具,结果一试,虽然也不行,但是起码有提示信息了,于是按照提示信息走,就找到了要打开X5内核的inspect的方法,打开后就可以测试了。

结果发现,的确是有报错的,但是不是上面那位大哥的标签闭合的错误,是一个很刁钻的错误:ERROR RangeError: Invalid language tag: en-US ——at new NumberFormat (native)

在百度基本搜不出来什么东西。在谷歌上也就勉强有几个回答,哎,在琢磨中。

------------------------------------------------------补充-------------------------

https://segmentfault.com/q/10...

上面的网址是我自己关于这个错误的一个浅显的解决办法。

推荐问题
宣传栏