美文网首页
WebView加载缓存问题总结

WebView加载缓存问题总结

作者: 小猪在哪 | 来源:发表于2016-10-27 11:25 被阅读0次

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);

}

}

相关文章

  • WebView加载缓存问题总结

    1.兼容性问题 4.4包括以下版本WebView内核不同导致,各种问题。这里解决的方式是使用腾讯TBS浏览器服务,...

  • Android WebView的使用

    WebView初始化设置 设置缓存路径 设置UserAgent WebView加载url WebView加载首页u...

  • iOS webview 清除js缓存

    webview清除缓存不能清除js缓存 问题: uiwebview加载的是本地的html 文件(包含 HTML j...

  • 2018-03-11

    WebView缓存 Android WebView缓存可以分为页面缓存和数据缓存页面缓存是指加载一个网页时htm...

  • iOS webView缓存,保证加载最新html

    iOS webView缓存,保证加载最新html [TOC] 前言 最近有个需求,修改webview(WKWebv...

  • WebView加载富文本

    目录 前言 WebView加载富文本的方法总结了一下 WebView加载数据的方式 WebView加载数据的方式有...

  • 缓存webview图片资源的两种方式

    在使用iOS的webview的时候发现这样一个问题,加载一个网页进来,webview会负责缓存页面里的css,js...

  • WebView自动缓存-清除缓存

    iOS的Webview加载HTML时会自动缓存JS、CSS等文件,当下次加载HTML时会根据请求的缓存策略是否使用...

  • webView的简单使用

    只是为了总结和方便日后再使用webView时记录遇到的问题! 一、加载 1、加载网页 mWebView.loadU...

  • WKWebView/UIWebView速度优化及清空访问栈

    前言接到一个提升App里h5的加载速度优化的问题,参考了很多文章后决定从webview缓存池、并行加载开始 1、统...

网友评论

      本文标题:WebView加载缓存问题总结

      本文链接:https://www.haomeiwen.com/subject/wxijuttx.html