页面渲染方法及装置制造方法及图纸

本申请提供了一种页面渲染方法及装置；方法包括：获取目标应用的页面元素数据；基于页面元素数据，确定目标应用中至少一个待更新的页面元素对应的渲染数据，并获取各待更新的页面元素的渲染参数；确定各待更新的页面元素所归属的图像色块，这里，图像色块与待展示页面中的视图层级呈一一对应关系；针对待展示页面的各视图层级，以图像色块为渲染单位，基于渲染数据和渲染参数，分别对各图像色块中待更新的页面元素进行渲染，以展示待展示页面。通过本申请，能够简化页面优化过程，提升待更新页面的加载效率。面的加载效率。面的加载效率。

【技术实现步骤摘要】
页面渲染方法及装置


[0001]本申请涉及互联网技术，尤其涉及一种页面渲染方法及装置。

技术介绍

[0002]互联网特别是移动互联网的快速发展，页面作为需要展示的信息的载体，得到广泛的应用。由于信息的多样化，在页面的展示场景中，通常页面状态或者数据会实时发生变化，这样即会涉及页面更新后的展示。在现有技术中，在对更新后的页面进行展示的过程中有时会产生页面卡顿现象，而不同操作系统对在不同平台(Android和iOS)中产生的页面卡顿会进行针对性的优化，这种优化仅仅局限于业务层面，例如一个页面中需要请求多个接口，每个接口数据返回后都进行整体刷新，优化后的刷新修改为基于页面控件的局部刷新。但是这样基于页面控件的局部刷新方式会致使页面优化过程比较繁琐，导致展示待更新页面时加载效率低下。

技术实现思路

[0003]本申请实施例提供一种页面渲染方法、装置、设备、计算机可读存储介质及计算机程序产品，能够简化页面优化过程，提升待更新页面的加载效率。
[0004]本申请实施例的技术方案是这样实现的：
[0005]本申请实施例提供一种页面渲染方法，包括：
[0006]获取目标应用的页面元素数据；
[0007]基于所述页面元素数据，确定所述目标应用中至少一个待更新的页面元素对应的渲染数据，并获取各所述待更新的页面元素的渲染参数；
[0008]确定各所述待更新的页面元素所归属的图像色块，所述图像色块与待展示页面中的视图层级呈一一对应关系；
[0009]针对所述待展示页面的各视图层级，以所述图像色块为渲染单位，基于所述渲染数据和所述渲染参数，分别对各所述图像色块中待更新的页面元素进行渲染，以展示所述待展示页面。
[0010]本申请实施例提供一种页面渲染装置，包括：
[0011]第一获取模块，用于获取目标应用的页面元素数据；
[0012]第二获取模块，用于基于所述页面元素数据，确定所述目标应用中至少一个待更新的页面元素对应的渲染数据，并获取各所述待更新的页面元素的渲染参数；
[0013]确定模块，确定各所述待更新的页面元素所归属的图像色块，所述图像色块与待展示页面中的视图层级呈一一对应关系；
[0014]渲染模块，用于针对所述待展示页面的各视图层级，以所述图像色块为渲染单位，基于所述渲染数据和所述渲染参数，分别对各所述图像色块中待更新的页面元素进行渲染，以展示所述待展示页面。
[0015]在上述方案中，所述第二获取模块，还用于解析所述页面元素数据，得到所述待展
示页面的树结构；从所述树结构的根节点开始遍历，以确定所述目标应用中待更新的页面元素所对应的节点；对于每个待更新的页面元素所对应的节点，确定所述节点对应的至少两个属性维度的属性数据作为所述渲染数据。
[0016]在上述方案中，所述第二获取模块，还用于获取所述目标应用中各待更新的页面元素的元素标识；从所述树结构的根节点开始遍历，在遍历的过程中，将所述元素标识与所述树结构中节点的节点标识进行匹配，得到匹配结果；当所述匹配结果表征匹配成功时，将相应节点作为所述待更新的页面元素所对应的节点。
[0017]在上述方案中，所述第二获取模块，还用于获取所述目标应用中各待更新的页面元素的元素标识；依据所述元素标识，针对各所述待更新的页面元素，获取所述待更新的页面元素在各属性维度的属性数据所对应的渲染参数。
[0018]在上述方案中，所述确定模块，还用于确定各所述待更新的页面元素所在的视图层级，以及各所述视图层级对应的图像色块；针对各所述视图层级，将处于所述视图层级的所述待更新的页面元素，确定为归属于与所述视图层级对应的图像色块。
[0019]在上述方案中，所述渲染模块，还用于创建第一渲染线程；针对所述待展示页面的各视图层级，通过所述第一渲染线程，以所述图像色块为渲染单位，对所述图像色块中待更新的页面元素进行渲染；所述渲染模块，还用于获取所述待展示页面中无需更新的页面元素的渲染数据及渲染参数；创建第二渲染线程；基于所述无需更新的页面元素的渲染数据及渲染参数，通过所述第二渲染线程，对所述待展示页面中无需更新的页面元素进行渲染。
[0020]在上述方案中，所述装置还包括展示模块，所述展示模块，用于确定所述第一渲染线程对所述待更新的页面元素渲染完成对应的第一时间，以及所述第二渲染线程对所述无需更新的页面元素渲染完成对应的第二时间；基于所述第一时间与所述第二时间的时间先后，确定页面展示时间；基于所述页面展示时间，展示所述待展示页面。
[0021]在上述方案中，所述装置还包括监测模块，所述监测模块，用于当监测到所述第一渲染线程发送的所述渲染完成信号时，将接收时间确定为所述第一时间；当监测到所述第二渲染线程发送的所述渲染完成信号时，将接收时间确定为所述第二时间。
[0022]在上述方案中，所述装置还包括复用模块，所述复用模块，用于接收到针对所述目标应用的页面切换指令，所述页面切换指令用于指示由所述待展示页面切换至目标页面；响应于所述页面切换指令，确定与所述目标页面的各视图层级相对应的图像色块；当所述目标页面存在与所述待展示页面相同的图像色块时，对所述相同的图像色块进行复用，并基于复用的所述图像色块进行页面渲染，以展示所述目标页面。
[0023]本申请实施例提供一种装置，包括：
[0024]存储器，用于存储可执行指令；
[0025]处理器，用于执行所述存储器中存储的可执行指令时，实现本申请实施例提供的页面渲染方法。
[0026]本申请实施例提供一种计算机可读存储介质，存储有可执行指令，用于引起处理器执行时，实现本申请实施例提供的页面渲染方法。
[0027]本申请实施例提供一种计算机程序产品，包括计算机程序，该计算机程序被处理器执行时，实现本申请实施例提供的页面渲染方法。
[0028]本申请实施例具有以下有益效果：
[0029]在对页面进行渲染的过程中，针对待展示页面的各视图层级，通过获取待展示页面中所归属于同一图像色块的、待更新的页面元素对应的渲染参数以及渲染数据，从而分别对各图像色块中待更新的页面元素进行渲染，进而对待展示页面进行展示，如此，当图像色块中存在多个待更新的页面元素时，以图像色块为渲染单位，可以对该多个待更新的页面元素整体进行渲染，有效地简化了对页面进行渲染的过程，提升了待更新页面的加载效率。
附图说明
[0030]图1是本申请实施例提供的页面渲染系统100的一个可选的架构示意图；
[0031]图2是本申请实施例提供的电子设备的结构示意图；
[0032]图3是本申请实施例提供的页面渲染方法的流程示意图；
[0033]图4是本申请实施例提供的页面渲染方法的应用场景的一个可选的示意图；
[0034]图5是本申请实施例提供的页面渲染方法的一个可选的流程示意图；
[0035]图6是本申请实施例提供的确定待更新的页面元素对应的渲染数据的一个可选的流程示意图；
本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面渲染方法，其特征在于，所述方法包括：获取目标应用的页面元素数据；基于所述页面元素数据，确定所述目标应用中至少一个待更新的页面元素对应的渲染数据，并获取各所述待更新的页面元素的渲染参数；确定各所述待更新的页面元素所归属的图像色块，所述图像色块与待展示页面中的视图层级呈一一对应关系；针对所述待展示页面的各视图层级，以所述图像色块为渲染单位，基于所述渲染数据和所述渲染参数，分别对各所述图像色块中待更新的页面元素进行渲染，以展示所述待展示页面。2.根据权利要求1所述的方法，其特征在于，所述基于所述页面元素数据，确定所述目标应用中至少一个待更新的页面元素对应的渲染数据，包括：解析所述页面元素数据，得到所述待展示页面的树结构；从所述树结构的根节点开始遍历，以确定所述目标应用中待更新的页面元素所对应的节点；对于每个待更新的页面元素所对应的节点，确定所述节点对应的至少两个属性维度的属性数据作为所述渲染数据。3.根据权利要求2所述的方法，其特征在于，所述从所述树结构的根节点开始遍历，以确定所述目标应用中待更新的页面元素所对应的节点，包括：获取所述目标应用中各待更新的页面元素的元素标识；从所述树结构的根节点开始遍历，在遍历的过程中，将所述元素标识与所述树结构中节点的节点标识进行匹配，得到匹配结果；当所述匹配结果表征匹配成功时，将相应节点作为所述待更新的页面元素所对应的节点。4.根据权利要求2所述的方法，其特征在于，所述获取各所述待更新的页面元素的渲染参数，包括：获取所述目标应用中各待更新的页面元素的元素标识；依据所述元素标识，针对各所述待更新的页面元素，获取所述待更新的页面元素在各属性维度的属性数据所对应的渲染参数。5.根据权利要求1所述的方法，其特征在于，所述确定各所述待更新的页面元素所归属的图像色块，包括：确定各所述待更新的页面元素所在的视图层级，以及各所述视图层级对应的图像色块；针对各所述视图层级，将处于所述视图层级的所述待更新的页面元素，确定为归属于与所述视图层级对应的图像色块。6.根据权利要求1所述的方法，其特征在于，所述针对所述待展示页面的各视图层级，以所述图像色块为渲染单位，基于所述渲染数据和所述渲染参数，分别对各所述图像色块中待更新的页面元素进行渲染，包括：创建第一渲染...

【专利技术属性】
技术研发人员：苟亚明，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：