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 多谢您的反馈。我们请技术员看。 是神州明見APP的用戶發現這問題的
github.com/SzzdOgate/update
我看現在網頁viewport meta已修改成 <meta name="viewport" content="width=device-width, user-scalable=yes">
android 10用神州明見APP裡的webview看已正常
謝謝
页:
[1]