|
|
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 瀏覽
這樣就可以重現問題了，以上
 |
|
IP卡
狗仔卡
发表于 2020-3-4 13:43:07
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
显身卡
发表于 2020-3-4 16:07:38