【技术实现步骤摘要】
页面加载方法、装置、电子设备、服务器及存储介质
[0001]本申请属于电子设备
,具体涉及一种页面加载方法、装置、电子设备、服务器及存储介质。
技术介绍
[0002]随着互联网技术的发展,网站的页面显示方式也在发生着巨大的变化,各大网站也越来越注重网站页面的动态显示效果,以此来提高用户访问网站的使用体验。
[0003]在相关技术中,在浏览器访问某一网站的页面时,可以先从前端服务器中获取页面静态资源进行渲染,再从后端服务器中获取页面的动态数据进行二次渲染,得到该网页的页面内容。但是,该种方式容易导致页面访问过程中出现页面崩溃等问题。
技术实现思路
[0004]本申请实施例的目的是提供一种页面加载方法、装置、电子设备、服务器及存储介质,能够解决页面访问过程中出现页面崩溃的问题。
[0005]第一方面,本申请实施例提供了一种页面加载方法,该方法包括:获取由第一服务器发送的目标页面对应的预渲染数据;该预渲染数据包括动态数据快照,该动态数据快照用于表征上述目标页面的各个页面元素在第一时刻的动态数据;获取由第二服务器发送的各个上述页面元素在第二时刻的动态数据;在阻止调用各个上述页面元素的初始动态数据的情况下,根据上述预渲染数据、上述动态数据快照以及各个上述页面元素在第二时刻的动态数据,显示上述目标页面。
[0006]第二方面,本申请实施例提供了一种页面加载装置,该装置包括:获取模块和显示模块,其中:上述获取模块,用于获取由第一服务器发送的目标页面对应的预渲染数据;该预渲染数据包括动态 ...
【技术保护点】
【技术特征摘要】
1.一种页面加载方法,应用于电子设备,其特征在于,所述方法包括:获取由第一服务器发送的目标页面对应的预渲染数据;所述预渲染数据包括动态数据快照,所述动态数据快照用于表征所述目标页面的各个页面元素在第一时刻的动态数据;获取由第二服务器发送的各个所述页面元素在第二时刻的动态数据;在阻止调用各个所述页面元素的初始动态数据的情况下,根据所述预渲染数据、所述动态数据快照以及各个所述页面元素在第二时刻的动态数据,显示所述目标页面。2.根据权利要求1所述的方法,其特征在于,所述在阻止调用各个所述页面元素的初始动态数据的情况下,根据所述预渲染数据、所述动态数据快照以及各个所述页面元素在第二时刻的动态数据,显示所述目标页面,包括:在阻止调用各个所述页面元素的初始动态数据的情况下,根据所述预渲染数据和所述动态数据快照确定第一页面;根据所述第一页面和各个所述页面元素在第二时刻的动态数据,显示所述目标页面。3.根据权利要求1所述的方法,其特征在于,所述在阻止调用各个所述页面元素的初始动态数据的情况下,根据所述预渲染数据、所述动态数据快照以及各个所述页面元素在第二时刻的动态数据,显示所述目标页面,包括:在阻止调用各个所述页面元素的初始动态数据的情况下,对所述动态数据快照和各个所述页面元素在第二时刻的动态数据进行合并处理,获得合并数据;根据所述合并数据和所述预渲染数据,显示所述目标页面。4.根据权利要求1所述的方法,其特征在于,所述动态数据快照是对各个所述页面元素在第一时刻的动态数据进行序列化处理得到的;所述根据所述预渲染数据、所述动态数据快照以及各个所述页面元素在第二时刻的动态数据,显示所述目标页面的步骤之前,所述方法还包括:对所述动态数据快照进行反序列化处理,获得各个所述页面元素在第一时刻的动态数据;所述根据所述预渲染数据、所述动态数据快照以及各个所述页面元素在第二时刻的动态数据,显示所述目标页面,包括:根据所述预渲染数据、各个所述页面元素在第二时刻的动态数据以及各个所述页面元素在第一时刻的动态数据,显示所述目标页面。5.一种页面加载方法,应用于第一服务器,其特征在于,所述方法包括:获取由第二服务器发送的目标页面的各个页面元素在第一时刻的动态数据;根据各个所述页面元素在第一时刻的动态数据确定动态数据快照;根据所述动态数据快照确定所述目标页面对应的预渲染数据;其中,电子设备在阻止调用各个所述页面元素的初始动态数据的情况下,根据所述预渲染数据、所述动态数据快照以及由所述第二服务器发送的各个所述页面元素在第二时刻的动态数据,显示所述目标页面。6.根据权利要求5所述的方法,其特征在于,所述根据各个所述页面元素在第一时刻的动态数据确定动态数据快照,包括:对各个所述页面元素在第一时刻的动态数据进行序列化处理,获得所述动态数据快照。
7.根据权利要求6所述的方法,其特征在于,所述对各个所述页面元素在第一时刻的动态数据进行序列化处理,获得所述动态数据快照,包括:根据各个所述页面元素在第一时刻的动态数据,确定各个所述页面元素分别对应的中间件插件;通过全局窗口对象,对各个所述中间件插件中的动态数据进行序列化处理,获得所述动态数据快照。8.根据权利要求5所述的方法,其特征在于,所述根据所述动态数据快照确定所述目标页面对应的预渲染数据,包括:根据所述动态数据快照,确定所述目标页面对应的静态节点;将所述静态节点插入至所述目标页面对应的静态页面框架中,获得所述预渲染数据。9.根据权利要求5所述的方法,其特征在于,所述根据所述动态数据快照确定所述目标页面对应的预渲染数据,包括:根据所述动态数据快照,确定所述目标页面对应的编程脚本;将所述编程脚本插入至所述目标页面对应的静态页面框架中,获得所述预渲染数据。10.根据权利要求5所述的方法,其特征在于,所述根据所述动态数据快照确定所述目...
【专利技术属性】
技术研发人员:胡锋,
申请(专利权)人:维沃移动通信有限公司,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。