美文网首页
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加载缓存问题总结

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