Android记录25-WebView实现离线缓存阅读

于 2024-05-27 03:03:48 发布
阅读量296 收藏 5
点赞数 5
分类专栏： 作者\/ 文章标签： android 缓存
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_85112710/article/details/139224577
版权
  1. 定义一个离线下载的服务Service
  1. 启动后台服务Service来执行异步下载
  1. 存储到本地数据库中
  1. 每一次加载url之前，先判断数据库是否存在缓存内容
5.如果存在缓存，优先加载本地缓存，如果不存在，才执行联网请求

第二个思路就是本篇 博客要讲的通过WebView自带的缓存功能来实现离线阅读

这里小巫接着上一篇博客的例子来添加代码。

参考1：http://www.open-open.com/lib/view/open1392188052301.html

参考2：http://87426628.blog.163.com/blog/static/6069361820139183417725/

Android WebView缓存可以分为页面缓存和数据缓存

页面缓存是指加载一个网页时html、JS、CSS等页面或者资源数据。

数据缓存分别为两种：AppCache和DOM Storage(Web Storage)。

AppCache也是我们的H5缓存，我们可以设置缓存的目录

Dom Storage具有Session Storage和Local Storage两种，前者是会话级别的存储，页面关闭之后就消失了，后者是本地化存储。

这里写图片描述

如果我们手机有root的权限的话，就可以看到/data/data/package_name/下的文件目录，我们就会发现webview为我们创建

app_webview，这个应该就是webview的缓存目录的位置。

public void initWebView() {

mWebView.getSettings().setJavaScriptEnabled(true);

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

// 建议缓存策略为，判断是否有网络，有的话，使用LOAD_DEFAULT,无网络时，使用LOAD_CACHE_ELSE_NETWORK

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

// 开启DOM storage API 功能

mWebView.getSettings().setDomStorageEnabled(true);

// 开启database storage API功能

mWebView.getSettings().setDatabaseEnabled(true);

String cacheDirPath = getFilesDir().getAbsolutePath()

  • APP_CACHE_DIRNAME;

Log.i(“cachePath”, cacheDirPath);

// 设置数据库缓存路径

mWebView.getSettings().setDatabasePath(cacheDirPath); // API 19 deprecated

// 设置Application caches缓存目录

mWebView.getSettings().setAppCachePath(cacheDirPath);

// 开启Application Cache功能

mWebView.getSettings().setAppCacheEnabled(true);

Log.i(“databasepath”, mWebView.getSettings().getDatabasePath());

}

这里加载我博客里的一篇文章：

这里写图片描述

public void findView() {

initWebView();

mWebView.setWebViewClient(new WebViewClient() {

@Override

public void onLoadResource(WebView view, String url) {

Log.i(TAG, “onLoadResource url=” + url);

super.onLoadResource(view, url);

}

@Override

public boolean shouldOverrideUrlLoading(WebView view, String url) {

Log.i(TAG, “intercept url=” + url);

view.loadUrl(url);

return true;

}

// 页面开始时调用

@Override

public void onPageStarted(WebView view, String url, Bitmap favicon) {

Log.e(TAG, “onPageStarted”);

super.onPageStarted(view, url, favicon);

}

// 页面加载完成调用

@Override

public void onPageFinished(WebView view, String url) {

super.onPageFinished(view, url);

}

@Override

public void onReceivedError(WebView view, int errorCode,

String description, String failingUrl) {

super.onReceivedError(view, errorCode, description, failingUrl);

Toast.makeText(getApplicationContext(), “”, Toast.LENGTH_LONG)

.show();

}

});

mWebView.setWebChromeClient(new WebChromeClient() {

@Override

public boolean onJsAlert(WebView view, String url, String message,

JsResult result) {

Log.e(TAG, "onJsAlert " + message);

Toast.makeText(getApplicationContext(), message,

Toast.LENGTH_SHORT).show();

result.confirm();

return super.onJsAlert(view, url, message, result);

}

@Override

public boolean onJsConfirm(WebView view, String url,

String message, JsResult result) {

Log.e(TAG, "onJsConfirm " + message);

return super.onJsConfirm(view, url, message, result);

}

@Override

public boolean onJsPrompt(WebView view, String url, String message,

String defaultValue, JsPromptResult result) {

Log.e(TAG, "onJsPrompt " + url);

return super.onJsPrompt(view, url, message, defaultValue,

result);

}

});

mWebView.loadUrl(url);

}

完整代码

package com.infzm.webview;

import java.io.File;

import android.app.Activity;

import android.content.Intent;

import android.graphics.Bitmap;

import android.net.Uri;

import android.os.Bundle;

import android.util.Log;

import android.view.KeyEvent;

import android.view.View;

import android.view.View.OnClickListener;

import android.webkit.JsPromptResult;

import android.webkit.JsResult;

import android.webkit.WebChromeClient;

import android.webkit.WebSettings;

import android.webkit.WebSettings.RenderPriority;

import android.webkit.WebView;

import android.webkit.WebViewClient;

import android.widget.Button;

import android.widget.Toast;

public class MainActivity extends Activity implements OnClickListener {

private WebView mWebView;

private Button nightModeBtn;

private Button lightModeBtn;

// -----

private static final String TAG = MainActivity.class.getSimpleName();

private static final String APP_CACHE_DIRNAME = “/webcache”; // web缓存目录

private String url; // 网页url

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

mWebView = (WebView) this.findViewById(R.id.webview);

nightModeBtn = (Button) this.findViewById(R.id.btn_nightmode);

lightModeBtn = (Button) this.findViewById(R.id.btn_lightmode);

nightModeBtn.setOnClickListener(this);

lightModeBtn.setOnClickListener(this);

// webView.loadUrl(“http://www.baidu.com”);

WebSettings settings = mWebView.getSettings();

// 设置javaScript可用

settings.setJavaScriptEnabled(true);

// 绑定javaScript接口，可以实现在javaScript中调用我们的Android代码

// webView.addJavascriptInterface(new WebAppInterface(this), “Android”);

// webView.setWebViewClient(new MyWebViewClient());

// 加载assets目录下的html页面

// mWebView.loadUrl(“file:///android_asset/01.html”);

url = “http://blog.csdn.net/wwj_748/article/details/44810283”;

findView();

}

public void findView() {

initWebView();

mWebView.setWebViewClient(new WebViewClient() {

@Override

public void onLoadResource(WebView view, String url) {

Log.i(TAG, “onLoadResource url=” + url);

super.onLoadResource(view, url);

}

@Override

public boolean shouldOverrideUrlLoading(WebView view, String url) {

Log.i(TAG, “intercept url=” + url);

view.loadUrl(url);

return true;

}

// 页面开始时调用

@Override

public void onPageStarted(WebView view, String url, Bitmap favicon) {

Log.e(TAG, “onPageStarted”);

super.onPageStarted(view, url, favicon);

}

// 页面加载完成调用

@Override

public void onPageFinished(WebView view, String url) {

super.onPageFinished(view, url);

}

@Override

public void onReceivedError(WebView view, int errorCode,

String description, String failingUrl) {

super.onReceivedError(view, errorCode, description, failingUrl);

Toast.makeText(getApplicationContext(), “”, Toast.LENGTH_LONG)

.show();

}

});

mWebView.setWebChromeClient(new WebChromeClient() {

@Override

public boolean onJsAlert(WebView view, String url, String message,

JsResult result) {

Log.e(TAG, "onJsAlert " + message);

Toast.makeText(getApplicationContext(), message,

Toast.LENGTH_SHORT).show();

result.confirm();

return super.onJsAlert(view, url, message, result);

}

@Override

public boolean onJsConfirm(WebView view, String url,

String message, JsResult result) {

Log.e(TAG, "onJsConfirm " + message);

return super.onJsConfirm(view, url, message, result);

}

@Override

public boolean onJsPrompt(WebView view, String url, String message,

String defaultValue, JsPromptResult result) {

Log.e(TAG, "onJsPrompt " + url);

return super.onJsPrompt(view, url, message, defaultValue,

result);

}

});

mWebView.loadUrl(url);

}

public void initWebView() {

mWebView.getSettings().setJavaScriptEnabled(true);

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

// 建议缓存策略为，判断是否有网络，有的话，使用LOAD_DEFAULT,无网络时，使用LOAD_CACHE_ELSE_NETWORK

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

// 开启DOM storage API 功能

mWebView.getSettings().setDomStorageEnabled(true);

// 开启database storage API功能

mWebView.getSettings().setDatabaseEnabled(true);

String cacheDirPath = getFilesDir().getAbsolutePath()

  • APP_CACHE_DIRNAME;

Log.i(“cachePath”, cacheDirPath);

// 设置数据库缓存路径

mWebView.getSettings().setDatabasePath(cacheDirPath); // API 19 deprecated

// 设置Application caches缓存目录

mWebView.getSettings().setAppCachePath(cacheDirPath);

// 开启Application Cache功能

mWebView.getSettings().setAppCacheEnabled(true);

Log.i(“databasepath”, mWebView.getSettings().getDatabasePath());

}

public void clearWebViewCache() {

// 清理WebView缓存数据库

try {

deleteDatabase(“webview.db”);

deleteDatabase(“webviewCache.db”);

} catch (Exception e) {

e.printStackTrace();

}

// WebView缓存文件

File appCacheDir = new File(getFilesDir().getAbsolutePath()

  • APP_CACHE_DIRNAME);

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

File webviewCacheDir = new File(getCacheDir().getAbsolutePath()

  • “/webviewCache”);

Log.e(TAG, “appCacheDir path=” + webviewCacheDir.getAbsolutePath());

// 删除webView缓存目录

if (webviewCacheDir.exists()) {

deleteFile(webviewCacheDir);

}

// 删除webView缓存，缓存目录

if (appCacheDir.exists()) {

deleteFile(appCacheDir);

}

}

public void deleteFile(File file) {

Log.i(TAG, “delete file path=” + file.getAbsolutePath());

if (file.exists()) {

if (file.isFile()) {

file.delete();

2401_85112710
关注
专栏目录
Android WebView离线缓存 WebViewAssetLoader 的使用
xq610928的博客
04-26 1763
前言 ： 各位同学大家好，最近很长时间没有更新文章了。因为搬到新家去了 所以留给自己的时间非常的少，今天因为在项目开发上面遇到一些问题 所以就想记录分享出来。 问题原因 是这样的，项目组这边做了一个安卓WebView 嵌套H5链接的游戏壳包 。相信很多同学做过类似的需求 很多同学会说这个很简单 初始化webview控件 然后 设置webviewsetting 即可 最后调用 xWalkView.loadUrl(url); 方法即可 因为我们加载的一个H5游戏 在初始化加载进度条的时候有一个下载动作 非
Android记录25-WebView实现离线缓存阅读，Flutter中网络图片加载和缓存源码分析
m0_64319496的博客
11-17 726
public boolean onJsConfirm(WebView view, String url, String message, JsResult result) { Log.e(TAG, "onJsConfirm " + message); return super.onJsConfirm(view, url, message, result); } @Override public boolean onJsPrompt(WebView view, String url, String messa
【so easy~】 Webview离线功能（优先cache缓存+cache缓存管理）！
libo19881179的专栏
11-28 295
在做Webview显示服务器的html功能时 需要加入离线功能。 http://androiddada.iteye.com/ 开始思路很狭隘，以为一定应该是从服务器得到的html文件，下载到本地后加载~ 但是这样不能离线查看图片，因为图片数据并不再html中，只是连接地址。 后来，经过上网各种搜寻学习，发现原来Webview有自己的缓存，如图：    在手机本地 data/data...
Android之 -WebView实现离线缓存阅读
weixin_33928137的博客
09-09 133
前言 本篇博客要实现的是一个离线下载和离线阅读的功能，这是很多阅读类app都常见的一个功能，典型的应用就是网易新闻。什么是离线下载？其实这个概念是比较模糊，是离线之后下载呢，还是下载之后离线，但稍微有点脑子的人都知道没有网络之后怎么下载呢？所以离线下载这个功能是”在有网络的情况下，把资源下载到本地“，离线阅读就是”在没有网络或者网络不好的时候，阅读本地好缓存的文章资源“。这样就很清楚我们要的这两...
Android的webview支持HTML5的离线应用功能
编程猫的专栏
09-03 7696
HTML5的离线应用功能可以使得WebApp即使在网络断开的情况下仍能正常使用，这是个非常有用的功能。近来工作中也要用到HTML5离线应用功能，由于是在Android平台上做，所以自然而然的选择Webview来解析网页。但如何使Webivew支持HTML5离线应用功能呢，经过反复摸索和上网查找资料，反复做试验终于成功了。 首先需配置webview的的一些属性，假设activity中已经有
Android记录25-WebView实现离线缓存阅读，看看这篇文章吧
最新发布
2401_84091993的博客
04-03 388
由于篇幅限制，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！点击【学习资料】即可免费领取！既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！[外链图片转存中…(img-U84R05G6-1712083591880)]由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
Android记录25-WebView实现离线缓存阅读，剖析Android开发未来的出路在哪里
m0_66264324的博客
01-19 107
return super.onJsAlert(view, url, message, result); } @Override public boolean onJsConfirm(WebView view, String url, String message, JsResult result) { Log.e(TAG, "onJsConfirm " + message); return super.onJsConfirm(view, url, message, result); } @Override
Android记录25-WebView实现离线缓存阅读，2021金九银十
m0_66264588的博客
02-05 455
本篇博客要实现的是一个离线下载和离线阅读的功能，这是很多阅读类app都常见的一个功能，典型的应用就是网易新闻。什么是离线下载？其实这个概念是比较模糊，是离线之后下载呢，还是下载之后离线，但稍微有点脑子的人都知道没有网络之后怎么下载呢？所以离线下载这个功能是”在有网络的情况下，把资源下载到本地“，离线阅读就是”在没有网络或者网络不好的时候，阅读本地好缓存的文章资源“。这样就很清楚我们要的这两个具体的功能需求了。 实现思路 小巫这里提供两个实现思路，一个就是自己写逻辑，一个是通过WebView本身自带的缓存功
Android离线webview调试工具,开发H5混合应用必备
05-14
调试webview(类似Chrome://inspect的功能)国内404,大家都懂的,经过我各种折腾制作完成,不会出现空白页面,无需科学那啥,不限机型,Hybrid App等H5混合应用开发必备,
webView谷歌离线调试包
08-17
调试基于WebView的App最舒服的工具Chrome自带的开发者工具，其中有我们熟悉的Dom树调试，JS调试，Network监视等等功能。 Google提供的调试Android上WebView的步骤： 1.开启手机上的USB调试功能并且连接计算机手机端打开需要调试的app 2.打开Chrome浏览器，地址栏输入：Chrome://inspect，回车 3.Chrome会自动检测手机上打开的App，并列出可调试的WebView页面 4.点击Inspect，弹出开发者工具进行调试（Android4.4开始支持，老版本Android检测不到webview）
Android WebView cache 缓存 在线 视频播放
09-08
WebView cache 缓存 在线 视频播放 离线阅读
Html离线缓存webview配置详细
05-12
自己项目遇到的问题，把他总结下来，遇到同样问题可以下载
安卓网页离线保存_Android之 -WebView实现离线缓存阅读
weixin_30986079的博客
02-12 1071
前言本篇博客要实现的是一个离线下载和离线阅读的功能，这是很多阅读类app都常见的一个功能，典型的应用就是网易新闻。什么是离线下载？其实这个概念是比较模糊，是离线之后下载呢，还是下载之后离线，但稍微有点脑子的人都知道没有网络之后怎么下载呢？所以离线下载这个功能是”在有网络的情况下，把资源下载到本地“，离线阅读就是”在没有网络或者网络不好的时候，阅读本地好缓存的文章资源“。这样就很清楚我们要的这两个具...
Android WebView 实现离线缓存阅读
09-22 340
关注微信号：javalearns   随时随地学Java 或扫一扫 随时随地学Java 前言 本篇博客要实现的是一个离线下载和离线阅读的功能，这是很多阅读类app都常见的一个功能，典型的应用就是网易新闻。什么是离线下载？其实这个概念是比较模糊，是离线之后下载呢，还是下载之后离线，但稍微有点脑子的人都知道没有网络之后怎么下载呢？所以离线下载
基于Android开发WebView简单的离线访问
weixin_47619153的博客
12-14 435
前言： 对于WebView简单的离线访问（这里的离线访问指的是在网络下加载后的页面在断网后刷新依然可以继续访问） 实现过程： 只需要加上这一句代码即可： webView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK); ...
Android WebView 缓存
UFO00001的博客
03-16 1211
一. 两种缓存类型： 页面缓存：加载一个网页时的html、JS、CSS等页面或者资源数据，这些缓存资源是由于浏览器 的行为而产生，开发者只能通过配置HTTP响应头影响浏览器的行为才能间接地影响到这些缓存数据。 而缓存的索引放在：/data/data//databases 对应的文件放在：/data/data/package_name/cache/webviewCacheChromunm下数据
AndroidWebView设置缓存方式
VincentChan的博客
09-07 5184
1.WebView缓存方式种类： ①LOAD_DEFAULT：默认设置，当有缓存而且没有过期使用缓存，否则使用网络数据。 ②LOAD_CACHE_ELSE_NETWORK：只要有缓存就使用缓存，即使已经过期，否则使用网络数据。 ③LOAD_NO_CACHE：不适用缓存，只加载网络数据。 ④LOAD_CACHE_ONLY：不使用网络，只使用缓存数据。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值