安卓网页离线保存_Android之 -WebView实现离线缓存阅读

这篇博客介绍了如何在安卓应用中实现离线下载和离线阅读功能,主要利用WebView的内置缓存功能。通过设置缓存模式、开启DOM storage和database storage API,以及管理缓存目录,确保在无网络时能够加载本地缓存的网页内容。
摘要由CSDN通过智能技术生成

前言

本篇博客要实现的是一个离线下载和离线阅读的功能,这是很多阅读类app都常见的一个功能,典型的应用就是网易新闻。什么是离线下载?其实这个概念是比较模糊,是离线之后下载呢,还是下载之后离线,但稍微有点脑子的人都知道没有网络之后怎么下载呢?所以离线下载这个功能是”在有网络的情况下,把资源下载到本地“,离线阅读就是”在没有网络或者网络不好的时候,阅读本地好缓存的文章资源“。这样就很清楚我们要的这两个具体的功能需求了。

实现思路

小巫这里提供两个实现思路,一个就是自己写逻辑,一个是通过WebView本身自带的缓存功能来实现。 先来说第一个思路:

定义一个离线下载的服务Service

启动后台服务Service来执行异步下载

存储到本地数据库中

每一次加载url之前,先判断数据库是否存在缓存内容 5.如果存在缓存,优先加载本地缓存,如果不存在,才执行联网请求

第二个思路就是本篇 博客要讲的通过WebView自带的缓存功能来实现离线阅读 这里小巫接着上一篇博客的例子来添加代码。

Android WebView缓存可以分为页面缓存和数据缓存 页面缓存是指加载一个网页时html、JS、CSS等页面或者资源数据。 数据缓存分别为两种:AppCache和DOM Storage(Web Storage)。 AppCache也是我们的H5缓存,我们可以设置缓存的目录 Dom Storage具有Session Storage和Local Storage两种,前者是会话级别的存储,页面关闭之后就消失了,后者是本地化存储。

17720ec1925579dfebcce124fec893fd.png 如果我们手机有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());

}

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

738919b7c739bad23f6207409c5758cc.png

public void findView() {

initWebView();

mWebView.setWebViewClient(new WebViewClient() {

@Override

public void onLoadResource(WebView view, String url) {

Log.i(TAG, "onLoadResource url&

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在 Android WebView 实现离线时加载原来的缓存页面,你可以使用以下步骤: 1. 设置 WebView缓存模式为 `LOAD_CACHE_ELSE_NETWORK`,这样 WebView 会优先加载缓存,如果缓存不存在才从网络加载数据。可以使用 `setCacheMode` 方法设置缓存模式: ```java webView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK); ``` 2. 确保 WebView 启用了 DOM 存储和数据库存储功能,这样可以在离线时仍然能够使用相关的本地存储数据。可以使用以下方法启用这些功能: ```java webView.getSettings().setDomStorageEnabled(true); webView.getSettings().setDatabaseEnabled(true); ``` 3. 在加载 WebView网页之前,检查设备的网络连接状态。如果设备处于离线状态,你可以手动加载缓存的页面,否则 WebView 将按照缓存模式加载页面。示例代码如下: ```java ConnectivityManager cm = (ConnectivityManager) getSystemService(Context.CONNECTIVITY_SERVICE); NetworkInfo networkInfo = cm.getActiveNetworkInfo(); if (networkInfo == null || !networkInfo.isConnected()) { // 设备离线状态 webView.loadUrl("file:///android_asset/offline.html"); // 加载离线页面 } else { // 设备在线状态,WebView 根据缓存模式加载网页 webView.loadUrl("https://example.com"); // 加载网页 } ``` 在上述代码中,如果设备处于离线状态,则加载位于 assets 目录下的 offline.html 页面,你可以根据需要替换为你自己的离线页面路径。 通过以上步骤,当设备处于离线状态时,WebView 将加载之前缓存的页面,而不是尝试从网络加载新的数据。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值