码迷,mamicode.com
首页 > 移动开发 > 详细

Android WebView的坑总结

时间:2014-06-24 17:11:26      阅读:202      评论:0      收藏:0      [点我收藏+]

标签:android   webview   html5   hybrid app   

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



Android WebView的坑总结,布布扣,bubuko.com

Android WebView的坑总结

标签:android   webview   html5   hybrid app   

原文地址:http://blog.csdn.net/offbye/article/details/34100421

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!