问题描述:在android上通过webview调用自带的浏览器运行HTML5网页。由于图片加载的速度比较慢,导致第一个进入界面总是闪烁或者图片渲染有先后顺序,用户体验不好。我的解决策略是在angularjs启动之后采用$http.get()将图片资源先加载到angular默认缓存中,那么所有界面第一次访问的时候直接去缓存中获取图片资源。
问题是:在win10上用chrome调试,该缓存策略完全没问题,但是到了android上该策略无效?
代码:
for (var i = 0; i < arr.length; i++) {
var imgUrl = rootpath + arr[i]; //url
$http.get(imgUrl, {cache : true})
.success(function(data, state, header, config) {
//
})
.error(function(data, state, header, config) {
console.log("load error! url :"+ imgUrl );
});
便利图片数组arr[],依次调用$http加入缓存。