Android WebView缓存加载与下拉刷新：实现联网更新无网留缓存

嘿，我来帮你理清这个「可行时尝试刷新」的逻辑！你的需求核心其实是优先尝试网络更新，失败/无网时自动 fallback 到缓存，结合你已实现的功能，咱们可以把下拉刷新的逻辑拆成清晰的几步来实现：

下拉触发刷新时，我们的逻辑优先级是：

1. 先判断当前网络是否可用
2. 有网：请求最新网页 → 成功则更新缓存+刷新UI；失败则直接读取缓存
3. 无网：直接读取缓存，同时给用户友好提示

步骤1：添加网络状态检查工具方法 #

先写一个简单的工具方法，用来快速判断设备是否有可用网络：

public static boolean isNetworkAvailable(Context context) {
    ConnectivityManager cm = (ConnectivityManager) context.getSystemService(Context.CONNECTIVITY_SERVICE);
    if (cm != null) {
        NetworkInfo activeNetwork = cm.getActiveNetworkInfo();
        return activeNetwork != null && activeNetwork.isConnectedOrConnecting();
    }
    return false;
}

别忘了在AndroidManifest.xml里添加必要权限：

<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.INTERNET" />

步骤2：修改下拉刷新的核心逻辑 #

把你现有的OnRefreshListener更新成下面这样，把网络检查、请求、缓存 fallback 串起来：

swipeRefreshLayout = findViewById(R.id.swipe);
swipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
    @Override
    public void onRefresh() {
        boolean hasNetwork = isNetworkAvailable(MainActivity.this);
        if (hasNetwork) {
            // 有网络，尝试请求最新网页
            fetchLatestWebPage(new WebPageCallback() {
                @Override
                public void onSuccess(String newContent) {
                    // 更新本地缓存
                    saveToCache(newContent);
                    // 刷新WebView显示最新内容
                    loadContentToWebView(newContent);
                    // 结束下拉刷新状态
                    swipeRefreshLayout.setRefreshing(false);
                }

                @Override
                public void onFailure() {
                    // 请求失败，fallback到缓存
                    String cachedContent = loadFromCache();
                    if (cachedContent != null) {
                        loadContentToWebView(cachedContent);
                    }
                    swipeRefreshLayout.setRefreshing(false);
                    // 可选：给用户提示
                    Toast.makeText(MainActivity.this, "网络请求失败，显示缓存内容", Toast.LENGTH_SHORT).show();
                }
            });
        } else {
            // 无网络，直接用缓存
            String cachedContent = loadFromCache();
            if (cachedContent != null) {
                loadContentToWebView(cachedContent);
            }
            swipeRefreshLayout.setRefreshing(false);
            Toast.makeText(MainActivity.this, "无网络连接，显示缓存内容", Toast.LENGTH_SHORT).show();
        }
    }
});

步骤3：补充核心辅助方法 #

这里假设你已经有基础的缓存和WebView加载方法，要是还没完善，可以参考下面的示例：

• 保存内容到缓存（用SharedPreferences示例，也可以用本地文件）：

private void saveToCache(String content) {
    SharedPreferences sp = getSharedPreferences("web_page_cache", MODE_PRIVATE);
    sp.edit().putString("cached_content", content).apply();
}

• 从缓存读取内容：

private String loadFromCache() {
    SharedPreferences sp = getSharedPreferences("web_page_cache", MODE_PRIVATE);
    return sp.getString("cached_content", null);
}

• 加载内容到WebView：

private void loadContentToWebView(String content) {
    WebView webView = findViewById(R.id.your_webview_id);
    // 如果是加载HTML内容用这个
    webView.loadDataWithBaseURL(null, content, "text/html", "UTF-8", null);
    // 如果是加载URL，直接用webView.loadUrl("你的目标URL")即可
}

• 网络请求方法（用OkHttp示例，你也可以用Retrofit/Volley）：

private void fetchLatestWebPage(WebPageCallback callback) {
    OkHttpClient client = new OkHttpClient();
    Request request = new Request.Builder()
            .url("你的目标网页URL")
            .build();
    
    client.newCall(request).enqueue(new Callback() {
        @Override
        public void onFailure(Call call, IOException e) {
            // 切回主线程处理UI
            runOnUiThread(callback::onFailure);
        }

        @Override
        public void onResponse(Call call, Response response) throws IOException {
            if (response.isSuccessful() && response.body() != null) {
                String newContent = response.body().string();
                runOnUiThread(() -> callback.onSuccess(newContent));
            } else {
                runOnUiThread(callback::onFailure);
            }
        }
    });
}

// 定义回调接口，用来处理请求结果
interface WebPageCallback {
    void onSuccess(String content);
    void onFailure();
}

额外优化：让OkHttp自动管理缓存 #

如果你是直接加载网页URL，其实可以让OkHttp帮你自动处理缓存逻辑，不用手动读写缓存，只需要初始化OkHttp时配置缓存：

// 初始化带缓存的OkHttpClient
File cacheDir = new File(getCacheDir(), "okhttp_web_cache");
int cacheSize = 10 * 1024 * 1024; // 10MB缓存空间
Cache cache = new Cache(cacheDir, cacheSize);

OkHttpClient client = new OkHttpClient.Builder()
        .cache(cache)
        .build();

然后请求时设置缓存策略：

Request request = new Request.Builder()
        .url("你的目标网页URL")
        .cacheControl(new CacheControl.Builder()
                .maxAge(0, TimeUnit.SECONDS) // 优先从网络获取最新内容
                .maxStale(7, TimeUnit.DAYS) // 网络失败时，允许使用最多7天前的缓存
                .build())
        .build();

这样OkHttp会自动帮你完成“有网更最新，无网用缓存”的逻辑，你只需要在回调里把返回的内容加载到WebView就行。

内容的提问来源于stack exchange，提问作者Matt Smeets