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

本公开提供了一种页面渲染方法、装置、电子设备及存储介质，属于互联网技术领域。方法包括：通过万维网WEB层获取页面信息，将页面信息发送给系统原生的本地层；通过本地层接收页面信息，根据页面信息确定页面结构；通过本地层，根据页面结构确定至少一个节点的渲染信息，基于至少一个节点的渲染信息，对页面进行渲染。由于WEB层相对于本地层来说运算能力有限，使得通过WEB层将页面信息发送给本地层，由本地层基于该页面信息实现对页面的渲染，即可在较短的时间内完成页面的渲染，从而缩短页面渲染花费的时间。特别是在页面上包括较多的节点时，通过本地层进行页面渲染相对于WEB层能够显著节约时间。

Page rendering methods, devices, electronic devices and storage media

【技术实现步骤摘要】
页面渲染方法、装置、电子设备及存储介质
本公开涉及互联网
，特别涉及一种页面渲染方法、装置、电子设备及存储介质。
技术介绍
随着互联网技术的发展，各种各样的应用程序层出不穷，应用程序通常由一个一个的页面构成，用户可以通过浏览应用程序中的页面来获取需要的信息。应用程序中页面渲染地越快速，对用户的吸引力越强。因此，如何快速进行页面渲染是一个亟需解决的问题。相关技术中，在进行页面渲染时，通过WEB(WorldWideWeb，万维网)层构建页面结构，页面结构包括至少一个节点，遍历页面结构中的每个节点，根据每个节点包含的内容和样式渲染该节点，从而完成页面的渲染。在上述相关技术中，由于页面上包括大量的节点，在通过WEB层进行页面渲染时会花费较长的时间。
技术实现思路
本公开实施例提供了一种页面渲染方法、装置、电子设备及存储介质，能够解决相关技术中触控操作较为复杂的问题。所述技术方案如下：根据本公开实施例的一方面，提供了一种页面渲染方法，所述方法包括：通过万维网WEB层获取页面信息，将所述页面信息发送给系统原生的本地层；通过所述本地层接收所述页面信息，根据所述页面信息确定页面结构，所述页面结构用于指示待渲染的页面中包括的至少一个节点；通过所述本地层，根据所述页面结构确定所述至少一个节点的渲染信息，基于所述至少一个节点的渲染信息，对所述页面进行渲染。在一种可能的实现方式中，所述页面信息包括所述页面的布局信息和样式信息；所述根据所述页面信息确定页面结构，包括：对所述布局信息进行解析，得到所述页面的布局结构；对所述样式信息进行解析，得到所述页面的样式结构；将所述布局结构和样式结构进行融合，得到所述页面的页面结构。在另一种可能的实现方式中，所述根据所述页面结构确定所述至少一个节点的渲染信息，包括：对于所述至少一个节点中的任一节点，获取所述节点包括的样式标识；从用于存储样式的样式文件中，获取与所述样式标识对应的样式；根据所述样式和所述页面结构，确定所述节点的渲染信息。在另一种可能的实现方式中，所述获取所述节点包括的样式标识，包括：对所述节点进行解析，得到所述节点包括的至少一个属性；获取所述至少一个属性中样式标识属性的参数值，得到所述样式标识。在另一种可能的实现方式中，所述根据所述样式和所述页面结构，确定所述节点的渲染信息，包括：根据所述页面结构，获取与所述节点相关的至少一个其他节点；根据所述至少一个其他节点的渲染信息和所述样式，确定所述节点的渲染信息。在另一种可能的实现方式中，所述方法还包括：通过所述本地层，将渲染得到的页面发送给所述WEB层；通过所述WEB层，对所述页面进行显示。根据本公开实施例的另一方面，提供了一种页面渲染装置，所述装置包括：发送模块，被配置为通过万维网WEB层获取页面信息，将所述页面信息发送给系统原生的本地层；接收模块，被配置为通过所述本地层接收所述页面信息，根据所述页面信息确定页面结构，所述页面结构用于指示待渲染的页面中包括的至少一个节点；渲染模块，被配置为通过所述本地层，根据所述页面结构确定所述至少一个节点的渲染信息，基于所述至少一个节点的渲染信息，对所述页面进行渲染。在一种可能的实现方式中，所述页面信息包括所述页面的布局信息和样式信息；所述接收模块，还被配置为对所述布局信息进行解析，得到所述页面的布局结构；对所述样式信息进行解析，得到所述页面的样式结构；将所述布局结构和样式结构进行融合，得到所述页面的页面结构。在另一种可能的实现方式中，所述渲染模块，还被配置为对于所述至少一个节点中的任一节点，获取所述节点包括的样式标识；从用于存储样式的样式文件中，获取与所述样式标识对应的样式；根据所述样式和所述页面结构，确定所述节点的渲染信息。在另一种可能的实现方式中，所述渲染模块，还被配置为对所述节点进行解析，得到所述节点包括的至少一个属性；获取所述至少一个属性中样式标识属性的参数值，得到所述样式标识。在另一种可能的实现方式中，所述渲染模块，还被配置为根据所述页面结构，获取与所述节点相关的至少一个其他节点；根据所述至少一个其他节点的渲染信息和所述样式，确定所述节点的渲染信息。在另一种可能的实现方式中，所述装置还包括：所述确定模块，还被配置为通过所述本地层，将渲染得到的页面发送给所述WEB层；显示模块，被配置为通过所述WEB层，对所述页面进行显示。根据本公开实施例的另一方面，提供了一种电子设备，所述电子设备包括一个或多个处理器；用于存储所述一个或多个处理器可执行指令的易失性或非易失性存储器；其中，所述一个或多个处理器被配置为：通过万维网WEB层获取页面信息，将所述页面信息发送给系统原生的本地层；通过所述本地层接收所述页面信息，根据所述页面信息确定页面结构，所述页面结构用于指示待渲染的页面中包括的至少一个节点；通过所述本地层，根据所述页面结构确定所述至少一个节点的渲染信息，基于所述至少一个节点的渲染信息，对所述页面进行渲染。根据本公开实施例的另一方面，提供了一种非临时性计算机可读存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行上述电子设备操作方法。本公开实施例提供的技术方案带来的有益效果至少包括：由于WEB层相对于本地层来说运算能力有限，且本地层的运算能力可以随着电子设备的提升而提升，使得通过WEB层将页面信息发送给本地层，由本地层基于该页面信息实现对页面的渲染，即可在较短的时间内完成页面的渲染，从而缩短页面渲染花费的时间。特别是在页面上包括较多的节点时，通过本地层进行页面渲染相对于WEB层能够显著节约时间。并且，由于通过本地层分别对布局信息和样式信息进行解析，得到布局结构和样式结构，从而融合后得到页面结构，在本地层计算能力较高的前提下，解析和融合的速度也较快，从而缩短了页面渲染的整体耗时。并且，由于通过本地层根据节点包括的样式标识，来从样式文件中获取样式，进而确定节点的渲染信息，使得样式可以存储在样式文件中，而不是页面信息中，从而一方面减少了开发人员的工作量，另一方面本地层根据样式标识检索较为快速，缩短了页面渲染的整体耗时。附图说明为了更清楚地说明本公开实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1是本公开实施例提供的一种实施环境的示意图；图2是本公开实施例提供的一种页面渲染方法的流程图；图3是本公开实施例提供的另一种页面渲染方法的流程图；图4是本公开实施例提供的一种页面的示意图；图5是本公开实施例提供的快应用框本文档来自技高网...

【技术保护点】
1.一种页面渲染方法，其特征在于，所述方法包括：/n通过万维网WEB层获取页面信息，将所述页面信息发送给系统原生的本地层；/n通过所述本地层接收所述页面信息，根据所述页面信息确定页面结构，所述页面结构用于指示待渲染的页面中包括的至少一个节点；/n通过所述本地层，根据所述页面结构确定所述至少一个节点的渲染信息，基于所述至少一个节点的渲染信息，对所述页面进行渲染。/n

【技术特征摘要】
1.一种页面渲染方法，其特征在于，所述方法包括：
通过万维网WEB层获取页面信息，将所述页面信息发送给系统原生的本地层；
通过所述本地层接收所述页面信息，根据所述页面信息确定页面结构，所述页面结构用于指示待渲染的页面中包括的至少一个节点；
通过所述本地层，根据所述页面结构确定所述至少一个节点的渲染信息，基于所述至少一个节点的渲染信息，对所述页面进行渲染。


2.根据权利要求1所述的方法，其特征在于，所述页面信息包括所述页面的布局信息和样式信息；所述根据所述页面信息确定页面结构，包括：
对所述布局信息进行解析，得到所述页面的布局结构；
对所述样式信息进行解析，得到所述页面的样式结构；
将所述布局结构和样式结构进行融合，得到所述页面的页面结构。


3.根据权利要求1所述的方法，其特征在于，所述根据所述页面结构确定所述至少一个节点的渲染信息，包括：
对于所述至少一个节点中的任一节点，获取所述节点包括的样式标识；
从用于存储样式的样式文件中，获取与所述样式标识对应的样式；
根据所述样式和所述页面结构，确定所述节点的渲染信息。


4.根据权利要求3所述的方法，其特征在于，所述获取所述节点包括的样式标识，包括：
对所述节点进行解析，得到所述节点包括的至少一个属性；
获取所述至少一个属性中样式标识属性的参数值，得到所述样式标识。


5.根据所述权利要求3所述的方法，其特征在于，所述根据所述样式和所述页面结构，确定所述节点的渲染信息，包括：
根据所述页面结构，获取与所述节点相关的至少一个其他节点；
根据所述至少一个其他节点的渲染信息和所述样式，确定所述节点的渲染信息。


6.根据权利要求1所述的方法，其特征在于，所述方法还包括：
通过所述本地层，将渲染得到的页面发送给所述WEB层；
通过所述WEB层，对所述页面进行显示。


7.一种页面渲染装置，其特征在于，所述装置包括：
发送模块，被配置为通过万维网WEB层获取页面信息，将所述页面信息发送给系统原生的本地层；
接收模块，被配置为通过所述本地层接收所述页面信息，根据所述页面信息确定页面结构，所述页面结构用于指示待渲染的页面中包括的至少一个节点；
渲染模块，被...

【专利技术属性】
技术研发人员：董永清，孙良木，潘温，
申请(专利权)人：北京小米移动软件有限公司，
类型：发明
国别省市：北京;11