关于新闻类android应用webview缓存的功能需求

最新推荐文章于 2021-05-29 09:40:54 发布
最新推荐文章于 2021-05-29 09:40:54 发布
阅读量1.1k 收藏
点赞数 1
分类专栏： 编程中问题解决方案
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/languobeibei/article/details/69267038
版权

在做新闻类应用的时候有一个这样的需求，要在读取一条新闻的时候，要缓存接下来的三条内容，当这个时候断网了， 这四条新闻要求都是可以离线阅读的。

虽然最后做出来了，但总觉得方法太笨重，不知道还有没有更好的方法，希望有更好方法的各位大神们，走过路过给个思路~十分感谢。

先说说我这个笨重的解决思路吧。

受先看看xml文件布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
   xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/root_view"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" 
    android:background="?attr/containerBackground">

    <include
        android:id="@+id/title_bar"
        layout="@layout/detail_title_bar" />

    <View
        android:id="@+id/title_bar_divider"
        android:layout_width="fill_parent"
        android:layout_height="0.5dip"
        android:layout_below="@id/title_bar"
        android:background="@color/detail_divider_day" />

    <FrameLayout
        android:id="@+id/tool_bar_layout"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true" >

        <include
            android:id="@+id/tool_bar"
            layout="@layout/tool_bar" />
    </FrameLayout>

    <WebView
        android:id="@+id/wb_details"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@id/tool_bar_layout"
        android:layout_below="@id/title_bar_divider"
        android:visibility="gone" 
        android:layerType="software"
        />
    <WebView
        android:id="@+id/wb_details_gone"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_above="@id/tool_bar_layout"
        android:layout_below="@id/title_bar_divider"
        android:visibility="gone" 
        />
    <WebView
        android:id="@+id/wb_details_gone2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_above="@id/tool_bar_layout"
        android:layout_below="@id/title_bar_divider"
        android:visibility="gone" 
        />
    <WebView
        android:id="@+id/wb_details_gone3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_above="@id/tool_bar_layout"
        android:layout_below="@id/title_bar_divider"
        android:visibility="gone" 
        />
    <ProgressBar
        android:id="@+id/ss_htmlprogessbar"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="fill_parent"
        android:layout_height="@dimen/pad_height_8"
        android:layout_above="@id/tool_bar_layout"
        android:layout_marginBottom="@dimen/pad_height_2"
        android:layout_marginLeft="@dimen/pad_height_10"
        android:layout_marginRight="@dimen/pad_height_10"
        android:max="100"
        android:visibility="gone" />

    <RelativeLayout
        android:id="@+id/notify_view"
        android:layout_width="fill_parent"
        android:layout_height="@dimen/pad_height_25"
        android:layout_below="@id/title_bar"
        android:layout_marginLeft="@dimen/pad_height_6"
        android:layout_marginRight="@dimen/pad_height_6"
        android:layout_marginTop="@dimen/pad_height_6"
        android:background="@drawable/bg_notify"
        android:visibility="gone" >

        <TextView
            android:id="@+id/notify_view_text"
            style="@style/list_notify_view"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:background="@null" />

        <LinearLayout
            android:id="@+id/notify_view_cancel_layout"
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_alignParentRight="true"
            android:orientation="horizontal" >

            <View
                android:id="@+id/notify_view_divider"
                style="@style/notify_view_divider"
                android:layout_width="0.5dip"
                android:layout_height="fill_parent"
                android:layout_gravity="center_vertical"
                android:layout_marginBottom="@dimen/pad_height_5"
                android:layout_marginTop="@dimen/pad_height_5" />

            <TextView
                android:id="@+id/notify_view_cancel"
                style="@style/list_notify_cancel_btn"
                android:layout_width="wrap_content"
                android:layout_height="fill_parent" />
        </LinearLayout>
    </RelativeLayout>

    <View
        android:id="@+id/drawer_shadow"
        android:layout_width="fill_parent"
        android:layout_height="@dimen/title_bar_height"
        android:background="?attr/detailHColor"
        android:visibility="invisible" />
    <FrameLayout
        android:id="@+id/customview_layout"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_below="@id/title_bar"
       android:background="?attr/detailFColor"
        android:clickable="true"
        android:visibility="gone" />

  

</RelativeLayout>
布局中直接隐藏放置了四个webview，第一个webview在点击的时候会处于打开状态，其他三个处于隐藏状态。

在代码中也创建四个webview，将四个webview的配置都写出来。

@SuppressLint("SetJavaScriptEnabled")
	@android.webkit.JavascriptInterface
	private void initWebView() {
		webView = (WebView) findViewById(R.id.wb_details);
		WebSettings settings = webView.getSettings();
		settings.setJavaScriptEnabled(true);// 设置可以运行JS脚本
		settings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);
		settings.setSupportZoom(false);// 用于设置webview放大
		settings.setBuiltInZoomControls(false);
		CommonUtils.initWebData(this, settings);
		webView.addJavascriptInterface(new JsInteration(), "control");
		webView.setBackgroundColor(0);
		webView.addJavascriptInterface(new JsInteration(), "jsObj");
		webView.addJavascriptInterface(new JsInteration(), "jsinterface");
		settings.setAppCacheMaxSize(1024 * 1024 * 20);// 设置缓冲大小，我设的是8M
		String appCacheDir = this.getApplicationContext().getDir("cache", Context.MODE_PRIVATE).getPath();
		settings.setAppCachePath(appCacheDir);
		settings.setAllowFileAccess(true);
		settings.setAppCacheEnabled(true); // 设置缓存模式是否打开
		if (!NetUtils.isConnected(DetailsActivity.this)) {
			settings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
		} else {
			settings.setCacheMode(WebSettings.LOAD_DEFAULT);
		}
		webView.setWebChromeClient(new ProgressChromeClient());
		webView.getSettings().setDomStorageEnabled(true);
		webView.setWebViewClient(new MyWebViewClient());
		
		new MyAsnycTask().execute(news_url);
		
	}
	@SuppressLint("SetJavaScriptEnabled")
	@android.webkit.JavascriptInterface
	private void initWebView_gone() {
		webView_gone = (WebView) findViewById(R.id.wb_details_gone);
		WebSettings settings_gone = webView_gone.getSettings();
		settings_gone.setJavaScriptEnabled(true);// 设置可以运行JS脚本
		settings_gone.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);
		settings_gone.setSupportZoom(false);// 用于设置webview放大
		settings_gone.setBuiltInZoomControls(false);
		settings_gone.setAppCacheMaxSize(1024 * 1024 * 20);// 设置缓冲大小，我设的是8M
		String appCacheDir = this.getApplicationContext().getDir("cache", Context.MODE_PRIVATE).getPath();
		settings_gone.setAppCachePath(appCacheDir);
		settings_gone.setAllowFileAccess(true);
		settings_gone.setAppCacheEnabled(true); // 设置缓存模式是否打开
		String url_get = webView_gone.getUrl();
		if (!NetUtils.isConnected(DetailsActivity.this)) {
			settings_gone.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
			webView_gone.loadUrl(url_get);
		} else {
			settings_gone.setCacheMode(WebSettings.LOAD_DEFAULT);
		}
		CommonUtils.initWebData(this, settings_gone);
		webView_gone.getSettings().setDomStorageEnabled(true);
		webView_gone.setWebViewClient(new MyWebViewClient_());
		webView_gone.loadUrl(news_postion_url);
	}
	@SuppressLint("SetJavaScriptEnabled")
	@android.webkit.JavascriptInterface
	private void initWebView_gone2() {
		webView_gone2 = (WebView) findViewById(R.id.wb_details_gone2);
		WebSettings settings_gone = webView_gone.getSettings();
		settings_gone.setJavaScriptEnabled(true);// 设置可以运行JS脚本
		settings_gone.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);
		settings_gone.setSupportZoom(false);// 用于设置webview放大
		settings_gone.setBuiltInZoomControls(false);
		settings_gone.setAppCacheMaxSize(1024 * 1024 * 20);// 设置缓冲大小，我设的是8M
		String appCacheDir = this.getApplicationContext().getDir("cache", Context.MODE_PRIVATE).getPath();
		settings_gone.setAppCachePath(appCacheDir);
		settings_gone.setAllowFileAccess(true);
		settings_gone.setAppCacheEnabled(true); // 设置缓存模式是否打开
		String url_get = webView_gone2.getUrl();
		if (!NetUtils.isConnected(DetailsActivity.this)) {
			settings_gone.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
			webView_gone2.loadUrl(url_get);
		} else {
			settings_gone.setCacheMode(WebSettings.LOAD_DEFAULT);
		}
		CommonUtils.initWebData(this, settings_gone);
		webView_gone2.getSettings().setDomStorageEnabled(true);
		webView_gone2.setWebViewClient(new MyWebViewClient_());
		webView_gone2.loadUrl(news_postion1_url);
	}
	@SuppressLint("SetJavaScriptEnabled")
	@android.webkit.JavascriptInterface
	private void initWebView_gone3() {
		webView_gone3 = (WebView) findViewById(R.id.wb_details_gone3);
		WebSettings settings_gone = webView_gone3.getSettings();
		settings_gone.setJavaScriptEnabled(true);// 设置可以运行JS脚本
		settings_gone.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);
		settings_gone.setSupportZoom(false);// 用于设置webview放大
		settings_gone.setBuiltInZoomControls(false);
		settings_gone.setAppCacheMaxSize(1024 * 1024 * 20);// 设置缓冲大小，我设的是8M
		String appCacheDir = this.getApplicationContext().getDir("cache", Context.MODE_PRIVATE).getPath();
		settings_gone.setAppCachePath(appCacheDir);
		settings_gone.setAllowFileAccess(true);
		settings_gone.setAppCacheEnabled(true); // 设置缓存模式是否打开
		String url_get = webView_gone3.getUrl();
		if (!NetUtils.isConnected(DetailsActivity.this)) {
			settings_gone.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
			webView_gone3.loadUrl(url_get);
		} else {
			settings_gone.setCacheMode(WebSettings.LOAD_DEFAULT);
		}
		CommonUtils.initWebData(this, settings_gone);
		webView_gone3.getSettings().setDomStorageEnabled(true);
		webView_gone3.setWebViewClient(new MyWebViewClient_());
		webView_gone3.loadUrl(news_postion2_url);
	}

这样的结果就达到了需求的要求。

但如果像之前，我只是写了两个webview，在第二个webview中直接

@SuppressLint("SetJavaScriptEnabled")
	@android.webkit.JavascriptInterface
	private void initWebView_gone() {
		webView_gone = (WebView) findViewById(R.id.wb_details_gone);
		WebSettings settings_gone = webView_gone.getSettings();
		settings_gone.setJavaScriptEnabled(true);// 设置可以运行JS脚本
		settings_gone.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);
		settings_gone.setSupportZoom(false);// 用于设置webview放大
		settings_gone.setBuiltInZoomControls(false);
		settings_gone.setAppCacheMaxSize(1024 * 1024 * 20);// 设置缓冲大小，我设的是8M
		String appCacheDir = this.getApplicationContext().getDir("cache", Context.MODE_PRIVATE).getPath();
		settings_gone.setAppCachePath(appCacheDir);
		settings_gone.setAllowFileAccess(true);
		settings_gone.setAppCacheEnabled(true); // 设置缓存模式是否打开
		if (!NetUtils.isConnected(DetailsActivity.this)) {
			settings_gone.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
		} else {
			settings_gone.setCacheMode(WebSettings.LOAD_DEFAULT);
		}
		CommonUtils.initWebData(this, settings_gone);
		webView_gone.getSettings().setDomStorageEnabled(true);
		webView_gone.setWebViewClient(new MyWebViewClient_());
		webView_gone.loadUrl(news_postion_url);
		webView_gone.loadUrl(news_postion1_url);
		webView_gone.loadUrl(news_postion2_url);
}

这样的结果就是只能缓存第一条和第四条新闻，中间的两条是缓存不到的。

好了，各位路过的大神如果有更好的方法，请留言，虚心请教更好的方法。

 

张小贝_
关注
专栏目录
android 新闻图片加载，缓存处理
yhqbsand
11-13 3296
在开发中，遇到很多大量图片呈现给用户，那么我们怎么又快又高效的显示给用户呢？ 在这里结合前人写的文章和自己的一些改动。 一般我们写的过程中是这么处理的：先去缓存（WeakHashMap来存储图片）中提取，这样速度快又节约流量，缓存中没有再选择本地有图片没有，如果两者都没有则只有从网络去获取。 我们先分开讲解 方法一：网络下载 方法二：从本地文件加载 方法三：从缓存中读取 先来
Android记录25-WebView实现离线缓存阅读，2021金九银十
m0_66264588的博客
02-05 455
本篇博客要实现的是一个离线下载和离线阅读的功能，这是很多阅读类app都常见的一个功能，典型的应用就是网易新闻。什么是离线下载？其实这个概念是比较模糊，是离线之后下载呢，还是下载之后离线，但稍微有点脑子的人都知道没有网络之后怎么下载呢？所以离线下载这个功能是”在有网络的情况下，把资源下载到本地“，离线阅读就是”在没有网络或者网络不好的时候，阅读本地好缓存的文章资源“。这样就很清楚我们要的这两个具体的功能需求了。 实现思路 小巫这里提供两个实现思路，一个就是自己写逻辑，一个是通过WebView本身自带的缓存功
Android仿今日头条新闻缓存加载功能实现和DiskLruCache硬盘缓存学习
07-26
Android仿今日头条新闻缓存加载功能实现和DiskLruCache硬盘缓存学习
Android性能优化之解密ZAKER,网易云阅读等新闻应用的内容缓存加载方式
Alex Tam 的专栏
05-22 4495
我是比较关注时事的, 每天都会花一点事件去看看新闻什么的. 因此类似ZAKER, 网易云阅读等这类的资讯聚合类应用是我的钟爱, 并且这些应用也确实做得很好,值得学习! 前面一篇文章, 讲了缓存的一些构思. 之前也写过LRUCache类的一些缓存实践, 但那只是放在应用的缓存中,并不适合做长期的缓存.  这次我们来实践完整的例子, 模仿ZAKER那类应用是如何加载一条新闻的,并且如何缓存这条新闻的.
andriod安卓新闻类app页面数据图片缓存
wangwen520312的专栏
08-21 1512
.图片缓存     使用ImageLoader进行属性配置可以将图片保存在内存或者sd卡中.下次进入app会自动优先sd卡,次内存,再次从网络进行加载. .数据保存 使用SharePreference()进行保存.
Android新闻类app的数据库,Android资讯新闻类App(头条、网易等)，频道管理集成之数据库存储，androidapp...
weixin_34445112的博客
05-29 373
Android资讯新闻类App(头条、网易等)，频道管理集成之数据库存储，androidapp经常看新闻类的大家都知道这个频道管理。图片转载https://blog.csdn.net/u011916937/article/details/50483278我这里是用的Github，开源项目，导入的依赖，下属必须配置。allprojects {repositories {google()jcenter...
Android WebViewJS应用源码.zip源码资源下载
02-22
【Android WebViewJS应用源码】是一个关于在Android平台上利用WebView组件与JavaScript交互的源码示例。这个资源包提供了一种方法，使Android原生应用能够利用Web技术增强功能，例如展示网页内容、调用JavaScript...
android中webview打开有广告,Android快速去掉WebView上的烦人广告
weixin_31889665的博客
05-25 1027
近日，在把某网站用WebView打包到App里面的时候，出现的一个麻烦。看下图广告额，有广告。不影响阅读体验的广告都是可以接受的。但是有一问题是因为有一个广告div比屏幕要大，导致该网页在在移动端上可以左右滑动，这个就没法忍受了，看下图广告没办法了，只能把广告去掉了.首先看看集成网页的代码.private WebView webView;private WebSettings settings;@...
安卓网页离线保存_Android之 -WebView实现离线缓存阅读
weixin_30986079的博客
02-12 1070
前言本篇博客要实现的是一个离线下载和离线阅读的功能，这是很多阅读类app都常见的一个功能，典型的应用就是网易新闻。什么是离线下载？其实这个概念是比较模糊，是离线之后下载呢，还是下载之后离线，但稍微有点脑子的人都知道没有网络之后怎么下载呢？所以离线下载这个功能是”在有网络的情况下，把资源下载到本地“，离线阅读就是”在没有网络或者网络不好的时候，阅读本地好缓存的文章资源“。这样就很清楚我们要的这两个具...
仿ZAKER,网易云阅读等新闻应用的内容缓存加载方式Demo
05-22
综上所述，这个Demo将涵盖Android的WebView使用，网页内容的加载与缓存策略，以及如何通过这些技术提升应用的性能和用户体验，特别是对于新闻阅读类应用来说，缓存机制的实现至关重要。通过深入理解并实践这些知识点...
Android代码-一个新闻聚合类阅读客户端
08-06
微阅 一个小而美的阅读客户端，包含微信精选，IT之家(去广告),果壳热门，知乎日报，和视频推荐栏目，每天更换主题。点击下载APK 涉及到的知识点有： Retrofit 的使用，包括使用 Http 缓存、converter 的使用等； RxJava 的使用，包括配合 Retrofit、RxBus 的使用等； MVP 架构实践，包括 presenter 的生命周期管理； RecycleView CardView 的使用； RecycleView 使用 ItemTouchHelper 实现拖拽移动到不同的列表，下拉刷新，上拉到底自动加载等； 使用 Palette 从图片中取色； 主题动态切换； Android 4.4 及以上版本的状态栏适配； FloatingActionButton 的自定义动作； AppCompatActivity 配合 PreferenceFragment 实现 Material Design 的设置界面； WebView 的使用，包括显示加载进度条、播放视频等； VideoView 的使用，包括自定义按钮； 动态切换 NavigationView 的菜单
Android缓存机制&一个缓存框架推荐
郭风朴(guofengpu)的Android影音专栏
06-20 1746
1、先推荐一个轻量级缓存框架——ACache（ASimpleCache） ACache介绍：ACache类似于SharedPreferences，但是比SharedPreferences功能更加强大，SharedPreferences只能保存一些基本数据类型、Serializable、Bundle等数据。而Acache可以缓存如下数据：普通的字符串、JsonObject、JsonArray、Bi
android两种方式实现离线缓存
跨语言，跨平台，跨应用
12-06 3390
android实现离线缓存在这个无法缺失互联网的世界里android离线缓存将解决在没有互联网的环境中APP的使用，目前使用这项技术的有网易新闻，神马新闻，其实现的方式有： Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传 LaTex数学公式 UML序列图和流程图 离线写博客 导入导出Markdown文件 丰富的快捷键 快捷键 加粗 Ctrl + B 斜体
Android 中的缓存机制与实现
a15838319826的博客
06-07 3200
Android 中的缓存机制与实现 　　Android开发本质上就是手机和互联网中的web服务器之间进行通信，就必然需要从服务端获取数据，而反复通过网络获取数据是比较耗时的，特别是访问比较多的时候，会极大影响了性能，Android中可通过二级缓存来减少频繁的网络操作，减少流量、提升性能。 一、二级缓存工作机制 　　所谓二级缓存实际上并不复杂，当Android端需要获得数据时比如获取网络中的图片
webapp 把网站封装成APP的方法- appcan
热门推荐
0x616a's blog
06-23 1万+
该封装方法操作简单，无需开发。支持内置QQ浏览器；可封装成多种平台应用；占用权限少；APP体积小。 方法一和方法二虽然效果差不多，都是简单的封装了webapp。 但是方法一不支持旋转。使用方法二固定横屏旋转可以制作成TV版的webapp。 方法二有一定的开发性，也比较简单，有兴趣的可以自己研究。 步骤图片太多，文字看不懂的可以参考一下图包里的图片看吧：https://pan.baidu.c...
Android OKHTTP 设置缓存 断网使用
desireyao的专栏
01-04 2630
OKHTTP 设置 GET 请求网络缓存、缓存时间以及断网情况下的使用 基于 okhttp 3.9.1 测试 1. 设置本地本地缓存的路径、大小 public CacheResponse() { int cacheSize = 10 * 1024 * 1024; // 10 MiB final String CACHE_PATH
Android WebView 控制与优化：解决回到上一级网页问题
WebView常用于APP中创建浏览器功能、新闻客户端的图文展示，以及关于/介绍/用户界面。Hybrid应用开发中，HTML页面作为界面并与Android原生代码交互，如在Android中使用RN或微信小程序。 8. **应用场景与优缺点**：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值