[发明专利]一种H5页面在手机应用中缓存文件资源的方法

说明书

本发明公开了一种H5页面在手机应用中缓存文件资源的方法，包括以下步骤：S1、H5页面发起网络请求连接；S2、缓存系统判断所述网络请求是否为文件资源，若是则执行步骤S3，否则结束进程；S3、缓存系统判断所述资源文件的缓存状态，若已缓存则返回缓存完成的资源到H5页面，否则缓存系统下载所述文件资源，然后返回下载完成的资源到H5页面；S4、H5页面接收所述文件资源进行展示。本发明提供一种H5页面在手机应用中缓存文件资源的方法，用户无需修改H5插件端，在不改动H5任何代码的情况下实现缓存的功能，直接用Img标签加载网络资源就可实现第一次加载图片，后续使用本地缓存文件展示图片资源，效率高。

技术领域

本发明涉及图片资源缓存技术领域，具体涉及一种H5页面在手机应用中缓存文件资源的方法。

背景技术

目前在手机应用中用到了大量的H5插件或者页面用于业务系统，其中不乏大量图片资源的展示，原生webview的网页缓存机制无法做到图片资源的缓存，会造成每次打开页面都需要从服务器请求图片资源的情况，造成相同资源多次请求的情况，导致用户流量快速流失，若网络信号不是很好，加载时间较长用户体验很差；且常规的原生缓存方式缓存的图片无法供H5使用。

发明内容

本发明提出一种H5页面在手机应用中缓存文件资源的方法用于解决上述问题。

为实现上述目的，本发明采用以下技术方案：

一种H5页面在手机应用中缓存文件资源的方法，包括以下步骤：

S1、H5页面发起网络请求连接；

S2、缓存系统判断所述网络请求是否为文件资源，若是则执行步骤S3，否则结束进程；

S3、缓存系统判断所述资源文件的缓存状态，若已缓存则返回缓存完成的资源到H5页面，否则缓存系统下载所述文件资源，然后返回下载完成的资源到H5页面；

S4、H5页面接收所述文件资源进行展示。

优选地，步骤S2具体为：

S21、缓存系统拦截所述网络请求，并提取所述网络请求中的请求参数；

S22、缓存系统根据所述网络请求的地址判断所述网络请求是否为文件资源，若是则执行步骤S3，否则结束进程。

优选地，所述请求参数包括域名、资源名称及资源类型。

优选地，步骤S3中所述缓存系统通过所述请求参数将资源文件下载到本地缓存目录进行缓存。

优选地，步骤S3中所述缓存状态通过信息摘要算法和文件名进行判断。

采用上述技术方案后，本发明与背景技术相比，具有如下优点：

本发明提供一种H5页面在手机应用中缓存文件资源的方法，在APP程序内内置缓存系统，用户无需修改H5插件端，在不改动H5任何代码的情况下实现缓存的功能，直接用Img标签加载网络资源就可实现第一次加载图片，后续使用本地缓存文件展示图片资源，效率高；且文件缓存到应用的缓存目录不会造成手机脏数据，用户通过清除缓存就可以释放空间。

附图说明

图1为本发明方法步骤流程示意图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

实施例

配合图1所示，本发明公开了一种H5页面在手机应用中缓存文件资源的方法，包括以下步骤：

S1、H5页面发起网络请求连接；