[h5]解決華爲x5瀏覽器底部欄兼容問題,的後續

上一回說過,華爲榮耀系列手機做h5兼容的問題後,又進一步發現了其它問題。當時我們採用的最後一種解決方案,按照我們的思路,的確可以做到一屏內顯示,樣式完全符合我們的預期。

BUT😢!在一屏下,如果繼續下滑,會因手勢操作而開啓瀏覽器的“全屏模式”。在此之後,再上滑關閉此模式。本來fixed在底部95px的footer上的button等元素,就會因錯位而無法點擊。如圖所示:
WechatIMG22.jpeg

在我們視角力,紅色地方是這些綁定了click事件的dom所在的位置,按照正常邏輯,我們應該按紅色位置。但是實際上,經歷過“全屏-非全屏”切換後,我們點擊紅色區域是沒有用的,需要點擊黃色區域一次,窗口才能正確識別,然後再點紅色位置才正確!(我大致算了算,黃色區域整好就是從非全屏切到全屏後,這些dom上移到的位置。也就是懷疑,是從全屏切回非全屏時,dom位置沒有被瀏覽器正確判定😂)。

我看了手機百度 ,也是通過開啓全屏模式的方式(即《解決華爲x5瀏覽器底部欄兼容問題》的解決思路1.)來解決榮耀系瀏覽器兼容問題的。

目前來看,榮耀系瀏覽器的這一兼容問題,應該是傾向於無解。目前和ui及PL溝通後,希望對此係列爲代表的x5內核瀏覽器進行交互修改。將底部操作提升到頁面安全位置。 我們通過ua.tolowercase()是否includes("mqqbrowser")且!includes("micromessenger")來進行判定,做出針對性樣式調整。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章