H5游戏微端开发（二）：缓存——引入第三方库CacheWebView

最新推荐文章于 2024-08-18 10:11:13 发布

原创

最新推荐文章于 2024-08-18 10:11:13 发布 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#CacheWebView #H5微端 #H5游戏微端 #WebView #CocosCreator H5

本文介绍了如何使用第三方库CacheWebView解决H5游戏微端的缓存问题。通过拦截资源实现自定义缓存，缓解WebView缓存空间限制。文章详细阐述了引入CacheWebView的步骤，包括在build.gradle中添加依赖，创建并初始化App类，以及设置WebView拦截器。实现在离线状态下仍能正常访问网站，提高用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

写在前面

上篇文章H5游戏微端开发（一）：基础工程——WebView的使用，主要是讲解了WebView的基础用法。

但是想要做得好，WebView的缓存和优化是一个问题。这篇文章主要是引入第三方库CacheWebView来解决缓存问题。

CacheWebView通过拦截资源实现自定义缓存静态资源。突破WebView缓存空间限制，让缓存更简单。让网站离线也能正常访问。

关于webview和H5缓存机制的原理，有兴趣的可以先看完下面几篇文章。

H5缓存机制浅析-移动端Web加载性能优化

Android：手把手教你构建全面的WebView缓存机制 & 资源加载方案

CacheWebView的使用

1、引入CacheWebView第三方库

在build.gradle(Module: app)的dependencies中添加：

implementation 'ren.yale.android:cachewebviewlib:2.1.8'
implementation 'com.squareup.okhttp3:okhttp:3.10.0'

然后点击同步工程按钮，一般gradle文件修改都需要同步。

2、新建一个App类继承Application，然后再onCreate方法中初始化：

public class App extends Application {
   
   

    @Override
    public void onCreate() {
   
   
        super.onCreate();

        WebViewCacheInterceptorInst.getInstance().