雜物聚集地

Android 上 Chrome 99 full screen的顯示issue

Tue, 29 Mar 2022 16:00:00 GMT

目前遇到一個無解的問題先記錄一下

測試版本號: Chrome 99.0.4844.73
測試日期: 2022.3.29 測試手機: A70

一開始以為是專案問題,後來多測了幾款競品或類似專案也會有相同問題,最後發現連 google首頁都可以重現,看來是chrome的issue無誤了。

重現方法:

  1. 手機開啟開發者模式與電腦連接
  2. 開啟google首頁
  3. 手機如果有鎖定螢幕直向的話請關閉,讓他可以直橫版切換
  4. 使用chrome dev tool,打開Console tab
  5. 輸入 document.documentElement.requestFullscreen() 強制進入全螢幕
  6. 手機轉向
  7. 拖出navigation bar,按返回退出全螢幕
  8. 再輸入 document.documentElement.requestFullscreen() 進入全螢幕一次
  9. 此時可以看到網頁顯示為全黑

以上步驟只是單純重現專案遇到的狀況,觸發的條件應該在於全螢幕狀態下轉向,只要沒有做這件事就不會觸發。

查找一下 chromium的issue有看到一個類似的,且他的版號是98,重現步驟幾乎一樣,所以也許這個問題在98版就有了,且試過退到 版號91跟96不會有這個問題。