明宇 发表于 2020-3-4 13:43:07

android 10 webview瀏覽阿波羅手機頁面問題

android 10 webview瀏覽阿波羅手機頁面,版面會過寬,且連結都無法點

測試是android 10的webview才會遇到這個問題,android 8以前版本用webview瀏覽正常

android 10 webview關掉setUseWideViewPort,阿波羅手機頁面就正常了

所以判斷是網站meta viewport的設定值造成android 10 webview瀏覽頁面異常

android 10 webview瀏覽頁面異常手機頁面範例
<meta name="viewport" content="width=device-width; initial-scale=1.3; minimum-scale=1.0; maximum-scale=3.0">

android 10 webview瀏覽頁面正常的網站頁面範例
<meta name="viewport" content="width=device-width, user-scalable=yes">

webview用debug模式去看,點不到的原因是網頁上有一個 <div id="sn_menu_background"></div> 全屏的透明區塊檔在所有元素的最上方,使用者不管怎麼點都只會點到這個div,div底下的連結你只能看到,但點不到,但即使拿掉sn_menu_background,依然有網站版面超過手機寬度的問題,所以應該是從meta "viewport"去調整參數解決問題

實際測試可以在android 10的手機或模擬器安裝WebView Test做測試

測試步驟

1 安裝WebView TesT
2 啟動WebView TesT,找到設定的地方啟用setUseWideViewPort
3 瀏覽

這樣就可以重現問題了,以上

https://i.imgur.com/HjOApwW.png

coming 发表于 2020-3-4 16:07:38

多谢您的反馈。我们请技术员看。

明宇 发表于 2020-3-4 21:27:48

是神州明見APP的用戶發現這問題的

github.com/SzzdOgate/update

我看現在網頁viewport meta已修改成 <meta name="viewport" content="width=device-width, user-scalable=yes">

android 10用神州明見APP裡的webview看已正常

謝謝
页: [1]
查看完整版本: android 10 webview瀏覽阿波羅手機頁面問題