webview html不缓存图片,WebView加载缓存问题总结

1.兼容性问题

4.4包括以下版本WebView内核不同导致，各种问题。这里解决的方式是使用腾讯TBS浏览器服务，可以做到低版本h5的兼容。

2.缓存问题

当我们加载Html时候，会在我们data/应用package下生成database与cache两个文件夹:

我们请求的Url记录是保存在webviewCache.db里，而url的内容是保存在webviewCache文件夹下.

WebView中存在着两种缓存：网页数据缓存(存储打开过的页面及资源)、H5缓存(即AppCache)。

注：使用WebSetting.LOAD_DEFAULT时，一定要建立自己缓存路径(系统默认路径不生效)，不然没法处理数据过期问题(即始终从网络加载数据)。自己测试的结果，可能有其他方式吧

/data/data/package_name/cache/

/data/data/package_name/database/webview.db

/data/data/package_name/database/webviewCache.db

综合可以得知 webview 会将我们浏览过的网页url已经网页文件(css、图片、js等)保存到数据库表中

缓存模式(5种)

LOAD_CACHE_ONLY:  不使用网络，只读取本地缓存数据

LOAD_DEFAULT:  根据cache-control决定是否从网络上取数据。

LOAD_CACHE_NORMAL: API level 17中已经废弃, 从API level 11开始作用同LOAD_DEFAULT模式

LOAD_NO_CACHE: 不使用缓存，只从网络获取数据.

LOAD_CACHE_ELSE_NETWORK，只要本地有，无论是否过期，或者no-cache，都使用缓存中的数据。

如：www.taobao.com的cache-control为no-cache，在模式LOAD_DEFAULT下，无论如何都会从网络上取数据，如果没有网络，就会出现错误页面；在LOAD_CACHE_ELSE_NETWORK模式下，无论是否有网络，只要本地有缓存，都使用缓存。本地没有缓存时才从网络上获取。

www.360.com.cn的cache-control为max-age=60，在两种模式下都使用本地缓存数据。

总结：根据以上两种模式，建议缓存策略为，判断是否有网络，有的话，使用LOAD_DEFAULT，无网络时，使用LOAD_CACHE_ELSE_NETWORK。

设置WebView 缓存模式

private void initWebView() {

mWebView.getSettings().setJavaScriptEnabled(true);

mWebView.getSettings().setRenderPriority(RenderPriority.HIGH);

mWebView.getSettings().setCacheMode(WebSettings.LOAD_DEFAULT);  //设置 缓存模式

// 开启 DOM storage API 功能

mWebView.getSettings().setDomStorageEnabled(true);

//开启 database storage API 功能

mWebView.getSettings().setDatabaseEnabled(true);

String cacheDirPath = getFilesDir().getAbsolutePath()+APP_CACAHE_DIRNAME;

//      String cacheDirPath = getCacheDir().getAbsolutePath()+Constant.APP_DB_DIRNAME;

Log.i(TAG, "cacheDirPath="+cacheDirPath);

//设置数据库缓存路径

mWebView.getSettings().setDatabasePath(cacheDirPath);

//设置  Application Caches 缓存目录

mWebView.getSettings().setAppCachePath(cacheDirPath);

//开启 Application Caches 功能

mWebView.getSettings().setAppCacheEnabled(true);

}

清除缓存

/**

* 清除WebView缓存

*/

public void clearWebViewCache(){

//清理Webview缓存数据库

try {

deleteDatabase("webview.db");

deleteDatabase("webviewCache.db");

} catch (Exception e) {

e.printStackTrace();

}

//WebView 缓存文件

File appCacheDir = new File(getFilesDir().getAbsolutePath()+APP_CACAHE_DIRNAME);

Log.e(TAG, "appCacheDir path="+appCacheDir.getAbsolutePath());

File webviewCacheDir = new File(getCacheDir().getAbsolutePath()+"/webviewCache");

Log.e(TAG, "webviewCacheDir path="+webviewCacheDir.getAbsolutePath());

//删除webview 缓存目录

if(webviewCacheDir.exists()){

deleteFile(webviewCacheDir);

}

//删除webview 缓存 缓存目录

if(appCacheDir.exists()){

deleteFile(appCacheDir);

}

}