Android WebView的坑總結

最近把做好的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 支持