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

Android 混合开发,html5 自动更新爬过的坑

时间:2017-04-21 19:28:56      阅读:256      评论:0      收藏:0      [点我收藏+]

标签:view   text   length   企鹅   前端   资料   ber   数据   接口   

现在使用混合开发的公司越来越多,虽然出现了一些新技术,比如Facebook的react native、阿里的weex,但依然阻挡不了一些公司采用h5的决心,当然,这也是从多方面考虑的选择。

在三年前就使用过html5混合开发,当时做的是一款贵金属软件,涨跌五线谱、乾坤交易,还有各个股市的信息,那时候还是上波牛市爆发的前夕,哎。。。

最近公司让用h5混合开发,一些页面和功能有h5分担,最初时候放在本地assets文件夹下,后来由于前端同事频繁修改和更新,再加上数据安全方面考虑,决定把包放在服务器,采用接口返回字段,判断是否需要下载更新,接下来就谈下开发中遇到的几个坑,给自己做个笔记,也分享给需要的朋友。

首坑:Android系统

对于h5的混合开发,Android系统就是个大坑,三年前接入h5点时候,那时候好多手机卡的跟ppt似的,4.0后Google进行了一些优化,效率上确实好了很多,但后面又来了一系列巨坑,比如4.3之前一个内核,4.3一个单独内核,4.3之后又是一个内核,原生的WebView没法做到整体兼容,最后采取了一个方案,使用大企鹅的x5内核,优点如下:

  1. 里面类名和方法名,和原生的名称几乎是一样的,使用更方便
  2. QQ和微信都是采用x5内核,内核共享,不需要单独下载
  3. 兼容性相对较好

二坑:DownloadManager。

最初的方案是采用系统下类DownloadManager,既然是系统提供的,很多码友肯定觉得很OK的,但是爆破部队瞎搞,三星的手机系统却把DownloadManager的api删了,这尼玛就恶心了,你还是继续玩爆炸吧。。。

三坑:webview载入不显示

之前放在assets的时候,页面显示的很6,换成下载到本地读取,居然不显示了,打印下路径,没问题,那就可以确定问题出在了加载过程了,查了下资料发现,可以是用loadData,这种方法需要先将html文件读取出来,以字符串传入loadData,可以展示页面,但是不会引用css、js等文件。也可以使用loadUrl,不过需要注意,这里因为是使用本地数据,所以传入的url需要做些处理,例如:

  1. 如果html文件存于assets:则加前缀:file:///android_asset/
  2. 如果html文件存于sdcard:则加前缀:content://com.android.htmlfileprovider/sdcard/

PS:content前缀可能导致异常,直接使用file:///sdcard/ 或者 file:/sdcard也可以

四坑:特殊字符的转义

有一个页面,iOS同事那边一直显示正常,Android这边怎么都出不来,同样页面不同数据的页面就显示页面,当时就觉得很奇怪,不应该是h5点问题,要不iOS也不会显示,打印了URL一看,擦,URL中有一个”%”,转义后便OK了。当然,根据需要还有一些特殊字符也需要转义,”%”只是一个个例。

代码还未从公司项目中剥离,目前不上传了,如有错误或者补充,多多指教。

Android 混合开发,html5 自动更新爬过的坑

标签:view   text   length   企鹅   前端   资料   ber   数据   接口   

原文地址:http://blog.csdn.net/pangpang123654/article/details/70314232

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