H5页面状态缓存方法及装置、存储介质、计算机设备制造方法及图纸

本申请公开了一种H5页面的状态缓存方法及装置、存储介质、计算机设备，该方法包括：响应于第一H5页面请求指令，加载页面状态缓存工具，其中，所述页面状态缓存工具中存储有预设第一缓存页面标识配置项；利用所述页面状态缓存工具，在所述第一H5页面对应的路由守卫中插入预设缓存检测代码；通过运行所述预设缓存检测代码查询所述预设第一缓存页面标识配置项中是否包含所述第一H5页面对应的第一页面标识，并在包含所述第一页面标识时，对所述第一H5页面进行状态缓存。本申请有利于减少工作人员的开发量，并且操作简单、代码通用性较高、便于后期页面维护。

【技术实现步骤摘要】
H5页面状态缓存方法及装置、存储介质、计算机设备
本申请涉及互联网
，尤其是涉及到一种H5页面状态缓存方法及装置、存储介质、计算机设备。
技术介绍
H5页面因具有良好交互体验感，目前已经在众多的互联网产品中被普遍应用。其中，对H5页面进行状态缓存，以便用户再次打开页面时可以快速从缓存中获取上一次的页面状态，使用户更加方便、直观的从页面上获取信息，是使H5页面具有较好交互体验感的有效途径之一。现有技术中，为实现对H5页面进行状态缓存，需要在每一个需要做状态缓存的页面中预先编写一段代码，以便在打开H5页面时，浏览器可以通过读取这段代码判断当前页面是否为需要进行状态缓存的页面，从而实现页面状态缓存。这种方法要对每个需要缓存的页面配置对应的代码，开发量大、操作繁琐、代码通用性差、且页面维护难度大。
技术实现思路
有鉴于此，本申请提供了一种H5页面的状态缓存方法及装置、存储介质、计算机设备，有利于减少工作人员的开发量，并且操作简单、代码通用性较高、便于后期页面维护。根据本申请的一个方面，提供了一种H5页面的状态缓本文档来自技高网...

【技术保护点】
1.一种H5页面的状态缓存方法，其特征在于，包括：/n响应于第一H5页面请求指令，加载页面状态缓存工具，其中，所述页面状态缓存工具中存储有预设第一缓存页面标识配置项；/n利用所述页面状态缓存工具，在所述第一H5页面对应的路由守卫中插入预设缓存检测代码；/n通过运行所述预设缓存检测代码查询所述预设第一缓存页面标识配置项中是否包含所述第一H5页面对应的第一页面标识，并在包含所述第一页面标识时，对所述第一H5页面进行状态缓存。/n

【技术特征摘要】
1.一种H5页面的状态缓存方法，其特征在于，包括：
响应于第一H5页面请求指令，加载页面状态缓存工具，其中，所述页面状态缓存工具中存储有预设第一缓存页面标识配置项；
利用所述页面状态缓存工具，在所述第一H5页面对应的路由守卫中插入预设缓存检测代码；
通过运行所述预设缓存检测代码查询所述预设第一缓存页面标识配置项中是否包含所述第一H5页面对应的第一页面标识，并在包含所述第一页面标识时，对所述第一H5页面进行状态缓存。


2.根据权利要求1所述的方法，其特征在于，所述对所述第一H5页面进行状态缓存，具体包括：
生成与所述第一页面标识相对应的标识字符串；
将所述标识字符串发送至与所述第一H5页面对应的浏览器缓存工具中，并通过所述浏览器缓存工具将所述标识字符串转发至所述页面状态缓存工具，以使所述页面状态缓存工具将所述标识字符串存放在目标响应式变量中；
当监听到所述目标响应式变量中存放所述标识字符串后，通过所述页面状态缓存工具调用所述浏览器缓存工具对所述第一H5页面进行缓存。


3.根据权利要求2所述的方法，其特征在于，所述页面状态缓存工具中还存储有预设第二缓存页面标识配置项；所述生成与所述第一页面标识相对应的标识字符串之前，所述方法还包括：
在包含所述第一页面标识时，获取所述第一H5页面对应的第二H5页面，其中，所述第二H5页面为进入所述第一H5页面的前置页面；
通过运行所述预设缓存检测代码查询所述预设第二缓存页面标识配置项中是否包含所述第二H5页面对应的第二页面标识；
在不包含所述第二页面标识时，执行所述生成与所述第一页面标识相对应的标识字符串。


4.根据权利要求3所述的方法，其特征在于，所述通过运行所述预设缓存检测代码查询所述预设第二缓存页面标识配置项中是否包含所述第二H5页面对应的第二页面标识之后，所述方法还包括：
在包含所述第二页面标识时，判断所述目标响应式变量中是否存储有所述第一页面标识对应的标识字符串；
在所述目标响应式变量中存储有所述第一页面标识对应的标识字符串时，移除所述标识字符串，并删除已有的对所述第一H5页面的状态缓存。

【专利技术属性】
技术研发人员：黄佳鹏，
申请(专利权)人：平安国际智慧城市科技股份有限公司，
类型：发明
国别省市：广东;44