页面显示方法、装置、电子设备及存储介质制造方法及图纸

技术编号:25521151 阅读:14 留言:0更新日期:2020-09-04 17:11
本公开关于一种页面显示方法、装置、电子设备及存储介质,属于网络技术领域。方法包括:根据当前显示的第一页面,确定第二页面,第二页面为第一页面的子页面;获取第二页面的目标资源存储到本地缓存中;响应于第二页面的加载请求,在第二页面中显示占位资源;在本地缓存中进行查询,得到第二页面的目标资源;将第二页面中显示的占位资源替换为目标资源。本公开可以减少流量的消耗,提升页面的显示速度。

【技术实现步骤摘要】
页面显示方法、装置、电子设备及存储介质
本公开涉及网络
,尤其涉及一种页面显示方法、装置、电子设备及存储介质。
技术介绍
随着网络技术的发展,互联网上的资源越来越多,用户可以在电子设备上进行浏览操作,电子设备可以根据用户的浏览操作加载相应的网页来显示资源。相关技术中,电子设备在加载网页时,电子设备需要向服务器请求大量的图片资源,在获取到这些图片资源后,在网页上进行显示,但这些图片资源的体积较大,不仅会消耗用户大量的流量,而且会造成页面显示速度过慢,使得用户等待时间过长。因此,亟需一种页面显示方法,来减少流量的消耗,提升页面的显示速度。
技术实现思路
本公开提供一种页面显示方法、装置、电子设备及存储介质,可以减少流量的消耗,提升页面的显示速度。本公开的技术方案如下:根据本公开实施例的第一方面,提供一种页面显示方法,包括:根据当前显示的第一页面,确定第二页面,所述第二页面为所述第一页面的子页面;获取所述第二页面的目标资源存储到本地缓存中;响应于所述第二页面的加载请求,在所述第二页面中显示占位资源,所述占位资源与所述目标资源的资源类型相同;在所述本地缓存中进行查询,得到所述第二页面的所述目标资源;将所述第二页面中显示的所述占位资源替换为所述目标资源。在一种可能实现方式中,所述获取所述第二页面的目标资源存储到本地缓存中,包括:根据所述第二页面和所述本地缓存,确定所述目标资源,所述目标资源为所述本地缓存中未存储的所述第二页面的资源;向服务器发送资源获取请求,所述资源获取请求用于请求获取所述目标资源;接收所述服务器基于所述资源获取请求返回的所述目标资源;将所述目标资源存储到所述本地缓存中。在一种可能实现方式中,所述根据所述第二页面和所述本地缓存,确定所述目标资源,包括:根据所述第二页面对应的资源文件,确定所述第二页面的至少一个资源的资源标识;根据所述至少一个资源的资源标识,在所述本地缓存中进行查询,所述本地缓存用于根据资源标识存储资源;响应于所述本地缓存中未存储有所述至少一个资源中的任一资源,将所述任一资源确定为所述目标资源。在一种可能实现方式中,所述第二页面的数量为至少一个,所述根据当前显示的第一页面,确定第二页面之后,所述页面显示方法还包括:依次获取至少一个所述第二页面的目标资源存储到所述本地缓存中;响应于任一所述第二页面的加载请求,停止依次获取目标资源存储到所述本地缓存中的过程。在一种可能实现方式中,所述获取所述第二页面的目标资源存储到本地缓存中,包括:响应于所述第二页面的目标资源的尺寸大于尺寸阈值,对所述第二页面的目标资源进行压缩,得到压缩后的所述目标资源,所述压缩后的所述目标资源的尺寸小于或等于所述尺寸阈值;将所述压缩后的所述目标资源存储到所述本地缓存中。在一种可能实现方式中,所述获取所述第二页面的目标资源存储到本地缓存中之后,所述页面显示方法还包括:响应于所述本地缓存的已缓存量大于缓存量阈值,根据历史访问数据,从所述本地缓存中删除访问次数小于目标次数的资源。在一种可能实现方式中,所述响应于所述第二页面的加载请求,在所述第二页面中显示占位资源,包括:响应于所述第二页面的加载请求,拦截所述第二页面的资源获取请求,所述资源获取请求用于向服务器请求获取所述第二页面的目标资源。在所述第二页面中显示所述占位资源。在一种可能实现方式中,所述根据当前显示的第一页面,确定第二页面,包括:扫描所述第一页面中的链接;根据扫描到的链接的目标属性,确定所述第二页面,所述目标属性用于指示链接对应的页面。在一种可能实现方式中,所述根据当前显示的第一页面,确定第二页面之前,所述页面显示方法还包括:响应于所述第一页面的加载请求,在所述第一页面中显示占位资源;在所述本地缓存中进行查询,得到所述第一页面的目标资源;将所述第一页面中显示的占位资源替换为所述第一页面的目标资源。在一种可能实现方式中,所述将所述第一页面中显示的占位资源替换为所述第一页面的目标资源之前,所述页面显示方法还包括:响应于所述本地缓存中未存储所述第一页面的目标资源,向服务器发送资源获取请求,所述资源获取请求用于请求获取所述第一页面的目标资源;接收所述服务器基于所述资源获取请求返回的所述第一页面的目标资源;将所述第一页面的目标资源存储到所述本地缓存中。根据本公开实施例的第二方面,提供一种页面显示装置,包括:确定单元,被配置为执行根据当前显示的第一页面,确定第二页面,所述第二页面为所述第一页面的子页面;获取单元,被配置为执行获取所述第二页面的目标资源;存储单元,被配置为执行将所述第二页面的目标资源存储到本地缓存中;显示单元,被配置为执行响应于所述第二页面的加载请求,在所述第二页面中显示占位资源,所述占位资源与所述目标资源的资源类型相同;查询单元,被配置为执行在所述本地缓存中进行查询,得到所述第二页面的所述目标资源;所述显示单元还被配置为执行将所述第二页面中显示的所述占位资源替换为所述目标资源。在一种可能实现方式中,所述获取单元被配置为执行:根据所述第二页面和所述本地缓存,确定所述目标资源,所述目标资源为所述本地缓存中未存储的所述第二页面的资源;向服务器发送资源获取请求,所述资源获取请求用于请求获取所述目标资源;接收所述服务器基于所述资源获取请求返回的所述目标资源;将所述目标资源存储到所述本地缓存中。在一种可能实现方式中,所述获取单元被配置为执行:根据所述第二页面对应的资源文件,确定所述第二页面的至少一个资源的资源标识;根据所述至少一个资源的资源标识,在所述本地缓存中进行查询,所述本地缓存用于根据资源标识存储资源;响应于所述本地缓存中未存储有所述至少一个资源中的任一资源,将所述任一资源确定为所述目标资源。在一种可能实现方式中,所述第二页面的数量为至少一个,所述存储单元还被配置为执行依次获取至少一个所述第二页面的目标资源存储到所述本地缓存中;响应于任一所述第二页面的加载请求,停止依次获取目标资源存储到所述本地缓存中的过程。在一种可能实现方式中,所述获取单元被配置为执行:响应于所述第二页面的目标资源的尺寸大于尺寸阈值,对所述第二页面的目标资源进行压缩,得到压缩后的所述目标资源,所述压缩后的所述目标资源的尺寸小于或等于所述尺寸阈值;将所述压缩后的所述目标资源存储到所述本地缓存中。在一种可能实现方式中,所述页面显示装置还包括:删除单元,被配置为执行响应于所述本地缓存的已缓存量大于缓存量阈值,根据历史访问数据,从所述本地缓存中删除访问次数小于目标次数的资源。在一种可能实现方式中,所述查询单元被配置为执行:响应于所本文档来自技高网...

【技术保护点】
1.一种页面显示方法,其特征在于,所述页面显示方法包括:/n根据当前显示的第一页面,确定第二页面,所述第二页面为所述第一页面的子页面;/n获取所述第二页面的目标资源存储到本地缓存中;/n响应于所述第二页面的加载请求,在所述第二页面中显示占位资源,所述占位资源与所述目标资源的资源类型相同;/n在所述本地缓存中进行查询,得到所述第二页面的所述目标资源;/n将所述第二页面中显示的所述占位资源替换为所述目标资源。/n

【技术特征摘要】
1.一种页面显示方法,其特征在于,所述页面显示方法包括:
根据当前显示的第一页面,确定第二页面,所述第二页面为所述第一页面的子页面;
获取所述第二页面的目标资源存储到本地缓存中;
响应于所述第二页面的加载请求,在所述第二页面中显示占位资源,所述占位资源与所述目标资源的资源类型相同;
在所述本地缓存中进行查询,得到所述第二页面的所述目标资源;
将所述第二页面中显示的所述占位资源替换为所述目标资源。


2.根据权利要求1所述的页面显示方法,其特征在于,所述获取所述第二页面的目标资源存储到本地缓存中,包括:
根据所述第二页面和所述本地缓存,确定所述目标资源,所述目标资源为所述本地缓存中未存储的所述第二页面的资源;
向服务器发送资源获取请求,所述资源获取请求用于请求获取所述目标资源;
接收所述服务器基于所述资源获取请求返回的所述目标资源;
将所述目标资源存储到所述本地缓存中。


3.根据权利要求1所述的页面显示方法,其特征在于,所述第二页面的数量为至少一个,所述根据当前显示的第一页面,确定第二页面之后,所述页面显示方法还包括:
依次获取至少一个所述第二页面的目标资源存储到所述本地缓存中;
响应于任一所述第二页面的加载请求,停止依次获取目标资源存储到所述本地缓存中的过程。


4.根据权利要求1所述的页面显示方法,其特征在于,所述获取所述第二页面的目标资源存储到本地缓存中,包括:
响应于所述第二页面的目标资源的尺寸大于尺寸阈值,对所述第二页面的目标资源进行压缩,得到压缩后的所述目标资源,所述压缩后的所述目标资源的尺寸小于或等于所述尺寸阈值;
将所述压缩后的所述目标资源存储到所述本地缓存中。


5.根据权利要求1所述的页面显示方法,其特征在于,所述获取所述第二页面的目标资源存储到本地缓存中之后,所述页面显示方法还包括:
响应于所述本地缓存...

【专利技术属性】
技术研发人员:瞿靖坤
申请(专利权)人:北京达佳互联信息技术有限公司
类型:发明
国别省市:北京;11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1