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 瀏覽

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

coming

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

明宇

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

github.com/SzzdOgate/update

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

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

謝謝