Android WebView的坑總結

來源:互聯網
上載者:User

最近把做好的iPad HybridApp向Android遷移,碰到的坑太多了,讓我這個折騰過Android接近4年的老鳥都頭疼!現在把前人遇到的都列出來,再慢慢解決自己的,目前已經解決了android鍵盤覆蓋問題,下面最棘手的問題就是螢幕高度的適配問題了!本文會不斷更新

1、 Andrid4.1事件穿透BUG 原因不明



2、 Android2.X 中文不支援粗體


3、 目前發現的WEBVIEW尺寸寬度有320、 360、 400等多個尺寸


該解析度或許和螢幕尺寸有關
目前測試結果
320-640解析度-》320
720解析度 –》360
800 解析度 –》400

難道是手機寬度的一半?

螢幕密度的的問題啊 !!!



4、 原尺寸圖片放到WEBVIEW裡會顯得很模糊,建議採用大圖進行縮小
比如 需要為300*100大小的圖片,請使用600*200的來進行縮小


5、 ANDROID 2.X TEXTAREA|INPUT等空間可能會出現移位的情況,原因也許與position:fix有關


6、 text-overflow:ellipsis;(字串CSS截取)功能BUG:截取長度會把margin-left一起計算進去,導致含有margin-left的容器被截取內容過多。


7、 使用translate3d的位移會導致position:fixed的內建元素一起移動。此BUG更噁心的是,在IPHONE裡會直接移掉,可在ANDROID裡顯示不會移動,但如果有事件的話,事件的可點擊地區會位移。估計是ANDROID嘗試修複沒修複好。


8、 WEBVIEW記憶體限制12M(目前此問題尚未出現)


9、 ANDROID2.X不支援BOX-SHADOW


10、 不支援MASK


11、 支援CALC,使用時請注意防止被LESS先行編譯
width:~"-webkit-calc(100% - 100px)";
margin: 0px 50px;

通過此方法可以很容易實現浮動元素置中,而不用去計算TOP LEFT


12、android4.4 好像不支援target-densitydpi=device-dpi,Android4.3 支援



聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.