在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 【angular2】微信H5,沒有報錯&&沒有沖突,卻樣式錯亂,

【angular2】微信H5,沒有報錯&&沒有沖突,卻樣式錯亂,怎么解決?

最近測試給我提交了一些BUG,內(nèi)容描述是 “剛進入微信H5頁面的時候是正常的,但是當(dāng)點擊返回鍵的時候,樣式就錯亂了” ,有點懵逼,我和他的手機都是安卓的,那么我開發(fā)完,肯定是我自己的實機先測試過才發(fā)出去給他測試的。然后我拿他手機來看一下,果然就是錯亂了,如下圖所示:

可以看到樣式都錯亂了

同樣的錯亂

然后我試著去排查錯誤和找出原因,結(jié)果...沒有錯誤。我就無語了!我記得之前也出現(xiàn)過這種問題,但是一般都會有報錯的,因為錯誤,所以干擾到樣式的正常展示。但是這次,沒有報錯?。。∫膊粫墙M件的樣式?jīng)_突,組件的樣式?jīng)_突頂多就是看著不對勁罷了,但還是在一個頁面內(nèi)。這個bug,無報錯,且?guī)讉€頁面都堆在了一起!

后來,測試和我說,有可能是因為系統(tǒng)的原因,安卓7.0以前的好像都會有這樣的問題,我看了一下我的手機,7.0...但是我還是覺得以前都沒有,突然間就有的問題,還那么詭異,不會和安卓系統(tǒng)有關(guān)。

然后我把H5的鏈接發(fā)給測試,讓測試用手機瀏覽器打開,不用微信打開,結(jié)果?。。∈钦5模。?!
下圖是瀏覽器打開后的截圖:
與之前的錯誤頁面是對應(yīng)的,是不是幾乎不敢相信

圖片描述

我還是覺得是有錯誤影響到了,但是在模擬器上都是正常的!~我就想不明白了,到底是什么原因?qū)е碌倪@個問題,怎么解決?有大佬遇到過嗎?

回答
編輯回答
傻叼

把出錯的設(shè)備,adb連接到電腦,開啟chrome遠程調(diào)試,審查元素看下樣式。我猜測可能是html標(biāo)簽閉合有問題~

2017年5月7日 00:14
編輯回答
款爺

這個我后來按照上面這位大哥的思路去走,在谷歌瀏覽器下了一個ADB Plugin插件,然后就可以用了。但是,我想要調(diào)試的設(shè)備用不了,因為谷歌瀏覽器沒有提示信息。

然后我就換了微信開發(fā)者工具,結(jié)果一試,雖然也不行,但是起碼有提示信息了,于是按照提示信息走,就找到了要打開X5內(nèi)核的inspect的方法,打開后就可以測試了。

結(jié)果發(fā)現(xiàn),的確是有報錯的,但是不是上面那位大哥的標(biāo)簽閉合的錯誤,是一個很刁鉆的錯誤:ERROR RangeError: Invalid language tag: en-US ——at new NumberFormat (native)

在百度基本搜不出來什么東西。在谷歌上也就勉強有幾個回答,哎,在琢磨中。

------------------------------------------------------補充-------------------------

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

上面的網(wǎng)址是我自己關(guān)于這個錯誤的一個淺顯的解決辦法。

2017年11月14日 05:39