WebView拦截线上资源，加载离线资源

最新推荐文章于 2024-07-09 13:53:26 发布

mrRuby

最新推荐文章于 2024-07-09 13:53:26 发布

阅读量1.4k

点赞数

分类专栏：开发经验文章标签： WebView 离线资源

本文链接：https://blog.csdn.net/mrRuby/article/details/113483884

版权

在项目开发中，通过Charles分析发现Webview加载网页时存在大体积js和css资源，影响加载速度和用户体验。本文介绍了如何在客户端通过WebView拦截线上资源，转而加载本地离线资源，提升Webview的加载效率。重点讲解了拦截资源的步骤，包括获取需要拦截的资源、设置WebViewClient进行拦截，并强调了注意事项，如正确设置mimeType和与前端约定资源文件名。

摘要由CSDN通过智能技术生成

一、前言

最近的项目开发中接入了一些网页功能，Webview加载完成大约需要10秒左右，经过使用Charles抓包分析，发现在加载过程中出现了几个比较大的js和css文件，这些文件在没有压缩之前有15M左右，发布线上压缩有也有3M左右，这些资源严重影响了webview的加载速度，同时也带来了不好的体验。在极致情况下，web端应该去做这些优化处理，但在项目赶时间的情况下，客户端在做了这些大文件资源做了离线处理，让webview加载这些的时候从本地加载。

二、Webview拦截资源

2.1获取需要拦截的资源

//本地缓存路径，一般都放在assets目录中
private static final String PATH_WEB_RESOURCE = "www";
private List<String> offlineResource;

//获取需要的缓存文件
private List<String> fetchOfflineResource(Context context) {
    AssetManager assetManager = context.getAssets();
    try {
        String[] res = assetManager.list(PATH_WEB_RESOURCE);
        if (res != null) {
            return Arrays.asList(res);
        }
    } catch (Exception ex) {
        ex.printStackTrace();
    }
    return null;
}