本发明专利技术公开了一种页面展示方法、装置、存储介质及计算机设备，涉及互联网技术领域。其中方法包括：在应用程序启动或webview页面退出时，预创建一空页面，并获取页面缓存数据；响应于webview页面开启请求，在所述页面缓存数据中提取出与目标页面对应的目标静态资源；通过所述空页面加载所述目标静态资源，创建所述目标页面，并发送与所述目标页面对应的预请求，缓存所述预请求的请求结果；读取所述预请求的请求结果，并根据所述预请求的请求结果渲染展示所述目标页面。上述方法可以有效的提高webview页面的展示速度，并降低系统内存压力和网络请求压力，从而提升用户体验和用户留存度。度。度。
【技术实现步骤摘要】
页面展示方法、装置、存储介质及计算机设备
5
[0001]本专利技术涉及互联网
，尤其是涉及一种页面展示方法、装置、存储介质及计算机设备。
技术介绍
[0002]0webview页面和原生技术开发的页面是目前应用程序中较为常用的两种
[0003]页面类型，相较于传统的原生技术开发的页面，webview页面在跨端展示和动态化发布方面有着明显的优势。但是，webview页面通常采用按需加载的方式进行展示，即需要等待前置步骤请求成功并准备完成后，才会触发页面的创
[0004]建、加载和展示，这导致webview页面的展示速度方面明显弱于原生技术开发5的页面。
[0005]在现有方案中，通常采用预创建多个空页面或启动时预请求大量数据的方式来提升webview页面的展示速度，但是，预创建多个空页面或启动时预请求大量数据会导致应用程序的占用内存较高，甚至会导致应用程序被系统强
[0006]制退出，同时，大量的数据预请求也会加重网络压力，基于此，目前的webview0页面展示方式难以在内存使用和页面展示速度这两方面做到有效平衡。
技术实现思路
[0007]有鉴于此，本申请提供了一种页面展示方法、装置、存储介质及计算机设备，主要目的在于解决webview页面内存占用高和展示速度慢的技术问题。5根据本专利技术的第一个方面，提供了一种页面展示方法，该方法包括：
[0008]在应用程序启动或webview页面退出时，预创建一空页面，并获取页面缓存数据；
[0009]响应于webview页面开启请求，在所述页面缓存数据中提取出与目标页
[0010]面对应的目标静态资源；
[0011]0通过所述空页面加载所述目标静态资源，创建所述目标页面，并发送与所述目标页面对应的预请求，缓存所述预请求的请求结果；
[0012]读取所述预请求的请求结果，并根据所述预请求的请求结果渲染展示所述目标页面。
[0013]可选的，所述在应用程序启动或webview页面退出时，预创建一空页面，并获取页面缓存数据，包括：在应用程序启动或webview页面退出时，预创建webview页面的运行环境，并获取webview页面的公共框架资源和高频静态资源数据包；将所述公共框架资源和所述高频静态资源数据包存储在所述应用程序的第一缓存空间中；通过所述运行环境，在所述第一缓存空间中加载所述公共框架资源；将所述加载了公共框架资源的运行环境存储在第二缓存空间中。
[0014]可选的，所述响应于webview页面开启请求，在所述页面缓存数据中提取出与目标页面对应的目标静态资源，包括：响应于webview页面开启请求，在所述webview页面开启请
求中提取目标页面的页面标识；在所述第一缓存空间中获取与所述页面标识对应的预选静态资源，并对所述预选静态资源进行校验；当所述预选静态资源校验通过时，将所述预选静态资源确定为与所述目标页面对应的目标静态资源；当所述预选静态资源校验不通过时，通过服务器获取与所述目标页面对应的目标静态资源。
[0015]可选的，所述方法还包括：在预设的资源更新时间段内，对所述第一缓存空间中的所述公共框架资源和所述高频静态资源数据包进行更新，其中，所述资源更新时间段包括加载所述公共框架资源后的预设时间段、提取所述目标静态资源后的预设时间段、所述应用程序的空闲时间段、以及预设的资源更新周期时间段中的至少一个时间段。
[0016]可选的，所述通过所述空页面加载所述目标静态资源，创建所述目标页面，包括：在所述第二缓存空间中获取所述加载了公共框架资源的运行环境；通过所述加载了公共框架资源的运行环境，加载所述目标静态资源，创建所述目标页面。
[0017]可选的，所述发送与所述目标页面对应的预请求，缓存所述预请求的请求结果，包括：获取所述目标页面对应的接口配置信息，并对所述接口配置信息进行解析，得到动态参数信息；获取所述目标页面的页面路径信息，对所述页面路径信息进行解析，得到查询参数信息，并提取当前的环境参数信息；基于所述动态参数信息、所述查询参数信息和所述环境参数信息，发送与所述目标页面对应的预请求；接收所述预请求的请求结果，并清空所述应用程序的第三缓存空间，将所述请求结果存储在所述第三缓存空间中。
[0018]可选的，所述读取所述预请求的请求结果，并根据所述预请求的请求结果渲染展示所述目标页面，包括：查询与所述目标页面对应的预请求的请求结果；若查询到与所述目标页面对应的预请求的请求结果，则读取所述预请求的请求结果，并根据所述预请求的请求结果渲染展示所述目标页面；若未查询到与所述目标页面对应的预请求的请求结果，则查询与所述目标页面对应的预请求是否已发送；若所述预请求已发送，则等待所述预请求的请求结果，并在接收到所述预请求的请求结果时，根据所述预请求的请求结果渲染展示所述目标页面
[0019]可选的，所述方法还包括：若未查询到与所述目标页面对应的预请求的请求结果，且所述预请求未发送，则发送与所述目标页面对应的业务请求，并在接收到所述业务请求的请求结果时，根据所述业务请求的请求结果渲染展示所述目标页面。
[0020]可选的，在所述读取所述预请求的请求结果，并根据所述预请求的请求结果渲染展示所述目标页面之前，所述方法还包括：在所述应用程序的第四缓存空间中获取与所述目标页面对应的页面快照文件，并根据所述页面快照文件，渲染展示所述目标页面的页面快照。
[0021]可选的，在所述渲染展示所述目标页面之前，所述方法还包括：在所述应用程序的第五缓存空间中获取页面基础信息，并将所述页面基础信息缓存在所述目标页面的全局环境上下文中，其中，所述页面基础信息包括系统设备信息、用户状态信息和用户权限信息中的至少一种信息；所述渲染展示所述目标页面，包括：通过所述全局环境上下文中的页面基础信息，渲染展示所述目标页面。
[0022]可选的，所述方法还包括：当检测到所述页面基础信息发生改变和/或所述页面基础信息的缓存时间超过预设的有效时间时，清除所述全局环境上下文中失效的页面基础信息；在所述第五缓存空间中重新获取所述页面基础信息，并将所述重新获取的页面基础信
息缓存在所述目标页面的全局环境上下文中。
[0023]可选的，在所述渲染展示所述目标页面之后，所述方法还包括：判断所述目标页面是否为高频使用页面，若所述目标页面为高频使用页面，则将渲染成功的所述目标页面缓存在所述应用程序的第六缓存空间中；在所述目标页面退出后，所述方法还包括：响应于webview页面开启请求，判断所述第六缓存空间中是否存储了所述渲染成功的目标页面；若所述第六缓存空间中存储了所述渲染成功的目标页面，则展示所述渲染成功的目标页面。
[0024]可选的，所述展示所述渲染成功的目标页面，包括：基于预设的页面刷新条件，判断所述渲染成功的目标页面是否需要刷新，其中，所述页面刷新条件包括所述目标页面的页面路径信息中包括预设的刷新参数和/或所述渲染成功的目标页面的缓存时间超过预设的刷新时间；若判定本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种页面展示方法，其特征在于，所述方法包括：在应用程序启动或webview页面退出时，预创建一空页面，并获取页面缓存数据；响应于webview页面开启请求，在所述页面缓存数据中提取出与目标页面对应的目标静态资源；通过所述空页面加载所述目标静态资源，创建所述目标页面，并发送与所述目标页面对应的预请求，缓存所述预请求的请求结果；读取所述预请求的请求结果，并根据所述预请求的请求结果渲染展示所述目标页面。2.根据权利要求1所述的方法，其特征在于，所述在应用程序启动或webview页面退出时，预创建一空页面，并获取页面缓存数据，包括：在应用程序启动或webview页面退出时，预创建webview页面的运行环境，并获取webview页面的公共框架资源和高频静态资源数据包；将所述公共框架资源和所述高频静态资源数据包存储在所述应用程序的第一缓存空间中；通过所述运行环境，在所述第一缓存空间中加载所述公共框架资源；将所述加载了公共框架资源的运行环境存储在第二缓存空间中。3.根据权利要求2所述的方法，其特征在于，所述响应于webview页面开启请求，在所述页面缓存数据中提取出与目标页面对应的目标静态资源，包括：响应于webview页面开启请求，在所述webview页面开启请求中提取目标页面的页面标识；在所述第一缓存空间中获取与所述页面标识对应的预选静态资源，并对所述预选静态资源进行校验；当所述预选静态资源校验通过时，将所述预选静态资源确定为与所述目标页面对应的目标静态资源；当所述预选静态资源校验不通过时，通过服务器获取与所述目标页面对应的目标静态资源。4.根据权利要求2或3所述的方法，其特征在于，所述方法还包括：在预设的资源更新时间段内，对所述第一缓存空间中的所述公共框架资源和所述高频静态资源数据包进行更新，其中，所述资源更新时间段包括加载所述公共框架资源后的预设时间段、提取所述目标静态资源后的预设时间段、所述应用程序的空闲时间段、以及预设的资源更新周期时间段中的至少一个时间段。5.根据权利要求2所述的方法，其特征在于，所述通过所述空页面加载所述目标静态资源，创建所述目标页面，包括：在所述第二缓存空间中获取所述加载了公共框架资源的运行环境；通过所述加载了公共...
【专利技术属性】
技术研发人员：邱计，
申请(专利权)人：拉扎斯网络科技上海有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。