页面加载方法、装置、电子设备、服务器及存储介质制造方法及图纸

本申请公开了一种页面加载方法、装置、电子设备、服务器及存储介质，属于电子设备技术领域。该页面加载方法包括：获取由第一服务器发送的目标页面对应的预渲染数据；该预渲染数据包括动态数据快照，该动态数据快照用于表征上述目标页面的各个页面元素在第一时刻的动态数据；获取由第二服务器发送的各个上述页面元素在第二时刻的动态数据；在阻止调用各个上述页面元素的初始动态数据的情况下，根据上述预渲染数据、上述动态数据快照以及各个上述页面元素在第二时刻的动态数据，显示上述目标页面。面。面。

【技术实现步骤摘要】
页面加载方法、装置、电子设备、服务器及存储介质


[0001]本申请属于电子设备
，具体涉及一种页面加载方法、装置、电子设备、服务器及存储介质。

技术介绍

[0002]随着互联网技术的发展，网站的页面显示方式也在发生着巨大的变化，各大网站也越来越注重网站页面的动态显示效果，以此来提高用户访问网站的使用体验。
[0003]在相关技术中，在浏览器访问某一网站的页面时，可以先从前端服务器中获取页面静态资源进行渲染，再从后端服务器中获取页面的动态数据进行二次渲染，得到该网页的页面内容。但是，该种方式容易导致页面访问过程中出现页面崩溃等问题。

技术实现思路

[0004]本申请实施例的目的是提供一种页面加载方法、装置、电子设备、服务器及存储介质，能够解决页面访问过程中出现页面崩溃的问题。
[0005]第一方面，本申请实施例提供了一种页面加载方法，该方法包括：获取由第一服务器发送的目标页面对应的预渲染数据；该预渲染数据包括动态数据快照，该动态数据快照用于表征上述目标页面的各个页面元素在第一时刻的动态数据；获取由第二服务器发送的各个上述页面元素在第二时刻的动态数据；在阻止调用各个上述页面元素的初始动态数据的情况下，根据上述预渲染数据、上述动态数据快照以及各个上述页面元素在第二时刻的动态数据，显示上述目标页面。
[0006]第二方面，本申请实施例提供了一种页面加载装置，该装置包括：获取模块和显示模块，其中：上述获取模块，用于获取由第一服务器发送的目标页面对应的预渲染数据；该预渲染数据包括动态数据快照，该动态数据快照用于表征上述目标页面的各个页面元素在第一时刻的动态数据；上述获取模块，还用于获取由第二服务器发送的各个上述页面元素在第二时刻的动态数据；上述显示模块，用于在阻止调用各个所述页面元素的初始动态数据的情况下，根据获取模块获取到的上述预渲染数据、上述动态数据快照以及各个上述页面元素在第二时刻的动态数据，显示上述目标页面。
[0007]第三方面，本申请实施例提供了一种页面加载方法，该方法包括：获取由第二服务器发送的目标页面的各个页面元素在第一时刻的动态数据；根据各个上述页面元素在第一时刻的动态数据确定动态数据快照；根据该动态数据快照确定上述目标页面对应的预渲染数据；其中，电子设备在阻止调用各个上述页面元素的初始动态数据的情况下，根据上述预渲染数据、上述动态数据快照以及由上述第二服务器发送的各个上述页面元素在第二时刻的动态数据，显示上述目标页面。
[0008]第四方面，本申请实施例提供了一种页面加载装置，该装置包括：获取模块和确定模块，其中：上述获取模块，用于获取由第二服务器发送的目标页面的各个页面元素在第一时刻的动态数据；上述确定模块，用于根据获取模块获取到的各个上述页面元素在第一时
刻的动态数据确定动态数据快照；上述确定模块，还用于根据该动态数据快照确定上述目标页面对应的预渲染数据；其中，电子设备在阻止调用各个上述页面元素的初始动态数据的情况下，根据上述预渲染数据、上述动态数据快照以及由上述第二服务器发送的各个上述页面元素在第二时刻的动态数据，显示上述目标页面。。
[0009]第五方面，本申请实施例提供了一种电子设备，该电子设备包括处理器和存储器，所述存储器存储可在所述处理器上运行的程序或指令，所述程序或指令被所述处理器执行时实现如第一方面所述的方法的步骤。
[0010]第六方面，本申请实施例提供了一种服务器，该服务器包括处理器和存储器，所述存储器存储可在所述处理器上运行的程序或指令，所述程序或指令被所述处理器执行时实现如第三方面所述的方法的步骤。
[0011]第七方面，本申请实施例提供了一种可读存储介质，所述可读存储介质上存储程序或指令，所述程序或指令被处理器执行时实现如第一方面所述的方法的步骤，或者，实现如第三方面所述的方法的步骤。
[0012]第八方面，本申请实施例提供了一种芯片，所述芯片包括处理器和通信接口，所述通信接口和所述处理器耦合，所述处理器用于运行程序或指令，实现如第一方面所述的方法的步骤，或者，实现如第三方面所述的方法的步骤。
[0013]第九方面，本申请实施例提供一种计算机程序产品，该程序产品被存储在存储介质中，该程序产品被至少一个处理器执行以实现如第一方面所述的方法的步骤，或者，实现如第三方面所述的方法的步骤。
[0014]在本申请实施例中，电子设备获取由第一服务器发送的目标页面对应的预渲染数据，并获取由第二服务器发送的各个页面元素在第二时刻的动态数据，在阻止调用各个页面元素的初始动态数据的情况下，根据预渲染数据、动态数据快照以及各个页面元素在第二时刻的动态数据，显示目标页面。如此，由于预渲染数据包括动态数据快照，动态数据快照用于表征目标页面的各个页面元素在第一时刻的动态数据，而各个页面元素在第一时刻的动态数据与各个页面元素在第二时刻的动态数据之间的相似度，大于各个页面元素的初始动态数据与各个页面元素在第二时刻的动态数据之间的相似度。因此，使得电子设备在加载目标页面时，能够阻止电子设备根据预渲染数据、各个页面元素的初始动态数据、各个页面元素在第二时刻的动态数据进行渲染。从而，避免了由于各个页面元素的初始动态数据与各个页面元素在第二时刻的动态数据差异过大所导致的页面崩溃问题，提高了页面加载的成功率。
附图说明
[0015]图1是本申请实施例提供的一种相关技术中页面加载方法的框架结构图；
[0016]图2是本申请实施例提供的一种页面加载方法的流程示意图之一；
[0017]图3是本申请实施例提供的一种页面加载方法的框架结构图之一；
[0018]图4是本申请实施例提供的一种页面加载方法的框架结构图之二；
[0019]图5是本申请实施例提供的一种页面加载方法的流程示意图之二；
[0020]图6是本申请实施例提供的一种页面加载装置的结构示意图之一；
[0021]图7是本申请实施例提供的一种页面加载装置的结构示意图之二；
[0022]图8是本申请实施例提供的一种通信设备的结构示意图；
[0023]图9是本申请实施例提供的一种电子设备的硬件示意图；
[0024]图10是本申请实施例提供的一种服务器的硬件示意图。
具体实施方式
[0025]下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员获得的所有其他实施例，都属于本申请保护的范围。
[0026]本申请的说明书和权利要求书中的术语“第一”、“第二”等是用于区别类似的对象，而不用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施，且“第一”、“第二”等所区分的对象通常为一类，并不限定对象的个数，例如第一对象可以是一个，也可以是多个。此外，说明书以及权利要求中“和/或”表示所连接本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面加载方法，应用于电子设备，其特征在于，所述方法包括：获取由第一服务器发送的目标页面对应的预渲染数据；所述预渲染数据包括动态数据快照，所述动态数据快照用于表征所述目标页面的各个页面元素在第一时刻的动态数据；获取由第二服务器发送的各个所述页面元素在第二时刻的动态数据；在阻止调用各个所述页面元素的初始动态数据的情况下，根据所述预渲染数据、所述动态数据快照以及各个所述页面元素在第二时刻的动态数据，显示所述目标页面。2.根据权利要求1所述的方法，其特征在于，所述在阻止调用各个所述页面元素的初始动态数据的情况下，根据所述预渲染数据、所述动态数据快照以及各个所述页面元素在第二时刻的动态数据，显示所述目标页面，包括：在阻止调用各个所述页面元素的初始动态数据的情况下，根据所述预渲染数据和所述动态数据快照确定第一页面；根据所述第一页面和各个所述页面元素在第二时刻的动态数据，显示所述目标页面。3.根据权利要求1所述的方法，其特征在于，所述在阻止调用各个所述页面元素的初始动态数据的情况下，根据所述预渲染数据、所述动态数据快照以及各个所述页面元素在第二时刻的动态数据，显示所述目标页面，包括：在阻止调用各个所述页面元素的初始动态数据的情况下，对所述动态数据快照和各个所述页面元素在第二时刻的动态数据进行合并处理，获得合并数据；根据所述合并数据和所述预渲染数据，显示所述目标页面。4.根据权利要求1所述的方法，其特征在于，所述动态数据快照是对各个所述页面元素在第一时刻的动态数据进行序列化处理得到的；所述根据所述预渲染数据、所述动态数据快照以及各个所述页面元素在第二时刻的动态数据，显示所述目标页面的步骤之前，所述方法还包括：对所述动态数据快照进行反序列化处理，获得各个所述页面元素在第一时刻的动态数据；所述根据所述预渲染数据、所述动态数据快照以及各个所述页面元素在第二时刻的动态数据，显示所述目标页面，包括：根据所述预渲染数据、各个所述页面元素在第二时刻的动态数据以及各个所述页面元素在第一时刻的动态数据，显示所述目标页面。5.一种页面加载方法，应用于第一服务器，其特征在于，所述方法包括：获取由第二服务器发送的目标页面的各个页面元素在第一时刻的动态数据；根据各个所述页面元素在第一时刻的动态数据确定动态数据快照；根据所述动态数据快照确定所述目标页面对应的预渲染数据；其中，电子设备在阻止调用各个所述页面元素的初始动态数据的情况下，根据所述预渲染数据、所述动态数据快照以及由所述第二服务器发送的各个所述页面元素在第二时刻的动态数据，显示所述目标页面。6.根据权利要求5所述的方法，其特征在于，所述根据各个所述页面元素在第一时刻的动态数据确定动态数据快照，包括：对各个所述页面元素在第一时刻的动态数据进行序列化处理，获得所述动态数据快照。
7.根据权利要求6所述的方法，其特征在于，所述对各个所述页面元素在第一时刻的动态数据进行序列化处理，获得所述动态数据快照，包括：根据各个所述页面元素在第一时刻的动态数据，确定各个所述页面元素分别对应的中间件插件；通过全局窗口对象，对各个所述中间件插件中的动态数据进行序列化处理，获得所述动态数据快照。8.根据权利要求5所述的方法，其特征在于，所述根据所述动态数据快照确定所述目标页面对应的预渲染数据，包括：根据所述动态数据快照，确定所述目标页面对应的静态节点；将所述静态节点插入至所述目标页面对应的静态页面框架中，获得所述预渲染数据。9.根据权利要求5所述的方法，其特征在于，所述根据所述动态数据快照确定所述目标页面对应的预渲染数据，包括：根据所述动态数据快照，确定所述目标页面对应的编程脚本；将所述编程脚本插入至所述目标页面对应的静态页面框架中，获得所述预渲染数据。10.根据权利要求5所述的方法，其特征在于，所述根据所述动态数据快照确定所述目...

【专利技术属性】
技术研发人员：胡锋，
申请(专利权)人：维沃移动通信有限公司，
类型：发明
国别省市：