CN114186154A - 页面处理方法、装置、电子设备及存储介质 - Google Patents

Abstract

本公开关于一种页面处理方法、装置、电子设备及存储介质，该方法包括：识别当前页面的第一引擎数量，以及第二引擎数量；第一引擎数量为当前页面的可视区域的待调用的目标引擎的数量，第二引擎数量为当前页面的待调用的目标引擎的数量；当第一引擎数量小于预设数量，且第二引擎数量大于预设数量时，从预设数据库中获取缓存的目标引擎；预设数量为当前页面支持运行的目标引擎的数量阈值，预设数据库中缓存有当前页面的非可视区域所调用的目标引擎；根据缓存的目标引擎，对可视区域中的对应位置进行渲染，并展示渲染后的页面。采用本方法，有利于提高页面的显示效果。

Description

页面处理方法、装置、电子设备及存储介质

技术领域

本公开涉及计算机技术领域，尤其涉及一种页面处理方法、装置、电子设备及存储介质。

背景技术

目前，使用浏览器的3D能力主要依赖渲染引擎；然而在同一个页面内，浏览器支持单次运行的渲染引擎的数量是有限制的，且不同浏览器的限制不相同。

传统技术中，当一个页面内运行的渲染引擎的数量超过浏览器限制时，会丢弃渲染引擎，造成白屏，从而使得页面的显示效果较差。

发明内容

本公开提供一种页面处理方法、装置、电子设备及存储介质，以至少解决相关技术中页面的显示效果较差的问题。本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种页面处理方法，包括：

识别当前页面的第一引擎数量，以及第二引擎数量；所述第一引擎数量为所述当前页面的可视区域的待调用的目标引擎的数量，所述第二引擎数量为所述当前页面的待调用的目标引擎的数量；

当所述第一引擎数量小于预设数量，且所述第二引擎数量大于所述预设数量时，从预设数据库中获取缓存的目标引擎；所述预设数量为所述当前页面支持运行的目标引擎的数量阈值，所述预设数据库中缓存有所述当前页面的非可视区域所调用的目标引擎；

根据所述缓存的目标引擎，对所述可视区域中的对应位置进行渲染，并展示渲染后的页面。

在一示例性实施例中，所述识别当前页面的第一引擎数量，包括：

确定当前页面的可视区域中的目标引擎渲染区域的数量；

根据所述目标引擎渲染区域的数量，确定所述可视区域的待调用的目标引擎的数量，作为所述第一引擎数量。

在一示例性实施例中，所述当所述第一引擎数量小于预设数量，且所述第二引擎数量大于所述预设数量时，从预设数据库中获取缓存的目标引擎，包括：

当所述第一引擎数量小于预设数量，所述第二引擎数量大于所述预设数量，且所述预设数据库中缓存有所述第一引擎数量的目标引擎时，从所述预设数据库中获取所述第一引擎数量的目标引擎。

在一示例性实施例中，在识别当前页面的第一引擎数量，以及第二引擎数量之前，还包括：

获取所述当前页面的非可视区域所调用的目标引擎；

将所述当前页面的非可视区域所调用的目标引擎，存储至所述预设数据库中。

在一示例性实施例中，在根据所述缓存的目标引擎，对所述可视区域中的对应位置进行渲染，并展示渲染后的页面之后，还包括：

当检测到所述当前页面移动时，识别所述当前页面的第三引擎数量和第四引擎数量；所述第三引擎数量为当前移出所述可视区域的页面区域所调用的目标引擎的数量，所述第四引擎数量为当前移进所述可视区域的页面区域的待调用的目标引擎的数量；

当所述第三引擎数量大于所述第四引擎数量，且所述第四引擎数量满足第一预设阈值时，将当前移出所述可视区域的页面区域所调用的目标引擎，存储至所述预设数据库中。

在一示例性实施例中，在当检测到所述当前页面移动时，识别所述当前页面的第三引擎数量和第四引擎数量之后，还包括：

当所述第三引擎数量大于所述第四引擎数量，且所述第四引擎数量满足第二预设阈值时，从所述当前移出所述可视区域的页面区域所调用的目标引擎中，获取所述第四引擎数量的目标引擎，得到剩余目标引擎；

根据所述第四引擎数量的目标引擎，对当前移进所述可视区域的页面区域的对应位置进行渲染，以及将所述剩余目标引擎存储至所述预设数据库中。

在一示例性实施例中，在当检测到所述当前页面移动时，识别所述当前页面的第三引擎数量和第四引擎数量之后，还包括：

当所述第三引擎数量小于或者等于所述第四引擎数量，且所述第四引擎数量满足所述第二预设阈值时，从所述预设数据库中获取目标数量的目标引擎；所述目标数量为所述第四引擎数量与所述第三引擎数量之差；

根据所述目标数量的目标引擎，以及当前移出所述可视区域的页面区域所调用的目标引擎，对当前移进所述可视区域的页面区域的对应位置进行渲染。

根据本公开实施例的第二方面，提供一种页面处理装置，包括：

数量识别单元，被配置为执行识别当前页面的第一引擎数量，以及第二引擎数量；所述第一引擎数量为所述当前页面的可视区域的待调用的目标引擎的数量，所述第二引擎数量为所述当前页面的待调用的目标引擎的数量；

引擎获取单元，被配置为执行当所述第一引擎数量小于预设数量，且所述第二引擎数量大于所述预设数量时，从预设数据库中获取缓存的目标引擎；所述预设数量为所述当前页面支持运行的目标引擎的数量阈值，所述预设数据库中缓存有所述当前页面的非可视区域所调用的目标引擎；

页面渲染单元，被配置为执行根据所述缓存的目标引擎，对所述可视区域中的对应位置进行渲染，并展示渲染后的页面。

在一示例性实施例中，所述数量识别单元，还被配置为执行确定当前页面的可视区域中的目标引擎渲染区域的数量；根据所述目标引擎渲染区域的数量，确定所述可视区域的待调用的目标引擎的数量，作为所述第一引擎数量。

在一示例性实施例中，所述引擎获取单元，还被配置为执行当所述第一引擎数量小于预设数量，所述第二引擎数量大于所述预设数量，且所述预设数据库中缓存有所述第一引擎数量的目标引擎时，从所述预设数据库中获取所述第一引擎数量的目标引擎。

在一示例性实施例中，所述装置还包括引擎存储单元，被配置为执行获取所述当前页面的非可视区域所调用的目标引擎；将所述当前页面的非可视区域所调用的目标引擎，存储至所述预设数据库中。

在一示例性实施例中，所述装置还包括第一处理单元，被配置为执行当检测到所述当前页面移动时，识别所述当前页面的第三引擎数量和第四引擎数量；所述第三引擎数量为当前移出所述可视区域的页面区域所调用的目标引擎的数量，所述第四引擎数量为当前移进所述可视区域的页面区域的待调用的目标引擎的数量；当所述第三引擎数量大于所述第四引擎数量，且所述第四引擎数量满足第一预设阈值时，将当前移出所述可视区域的页面区域所调用的目标引擎，存储至所述预设数据库中。

在一示例性实施例中，所述装置还包括第二处理单元，被配置为执行当所述第三引擎数量大于所述第四引擎数量，且所述第四引擎数量满足第二预设阈值时，从所述当前移出所述可视区域的页面区域所调用的目标引擎中，获取所述第四引擎数量的目标引擎，得到剩余目标引擎；根据所述第四引擎数量的目标引擎，对当前移进所述可视区域的页面区域的对应位置进行渲染，以及将所述剩余目标引擎存储至所述预设数据库中。

在一示例性实施例中，所述装置还包括第三处理单元，被配置为执行当所述第三引擎数量小于或者等于所述第四引擎数量，且所述第四引擎数量满足所述第二预设阈值时，从所述预设数据库中获取目标数量的目标引擎；所述目标数量为所述第四引擎数量与所述第三引擎数量之差；根据所述目标数量的目标引擎，以及当前移出所述可视区域的页面区域所调用的目标引擎，对当前移进所述可视区域的页面区域的对应位置进行渲染。

根据本公开实施例的第三方面，提供一种电子设备，包括：处理器；用于存储所述处理器可执行指令的存储器；其中，所述处理器被配置为执行所述指令，以实现如第一方面的任一项实施例中所述的页面处理方法。

根据本公开实施例的第四方面，提供一种计算机可读存储介质，当所述计算机可读存储介质中的指令由电子设备的处理器执行时，使得所述电子设备能够执行第一方面的任一项实施例中所述的页面处理方法。

根据本公开实施例的第五方面，提供一种计算机程序产品，所述计算机程序产品包括指令，所述指令被电子设备的处理器执行时，使得所述电子设备能够执行第一方面的任一项实施例中所述的页面处理方法。

本公开的实施例提供的技术方案至少带来以下有益效果：

通过识别当前页面的第一引擎数量，以及第二引擎数量；第一引擎数量为当前页面的可视区域的待调用的目标引擎的数量，第二引擎数量为当前页面的待调用的目标引擎的数量；然后当第一引擎数量小于预设数量，且第二引擎数量大于预设数量时，从预设数据库中获取缓存的目标引擎；预设数量为当前页面支持运行的目标引擎的数量阈值，预设数据库中缓存有当前页面的非可视区域所调用的目标引擎；最后根据缓存的目标引擎，对可视区域中的对应位置进行渲染，并展示渲染后的页面。这样，先缓存当前页面的非可视区域所调用的目标引擎，并在当前页面的可视区域的待调用的目标引擎的数量小于当前页面支持运行的目标引擎的数量阈值，且当前页面的待调用的目标引擎的数量大于当前页面支持运行的目标引擎的数量阈值的情况下，利用缓存的当前页面的非可视区域所调用的目标引擎，对可视区域中的对应位置进行渲染，无需丢弃所有的目标引擎，从而避免了当前页面的待调用的目标引擎的数量超过限制时，需要丢弃所有的目标引擎，导致页面的显示效果较差的缺陷，进而提高了页面的显示效果。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理，并不构成对本公开的不当限定。

图1是根据一示例性实施例示出的一种页面处理方法的流程图。

图2是根据一示例性实施例示出的识别当前页面的第一引擎数量的步骤的流程图。

图3是根据一示例性实施例示出的另一种页面处理方法的流程图。

图4是根据一示例性实施例示出的又一种页面处理方法的流程图。

图5是根据一示例性实施例示出的一种页面处理装置的框图。

图6是根据一示例性实施例示出的一种电子设备的框图。

具体实施方式

为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。

需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

还需要说明的是，本公开所涉及的用户信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于展示的数据、分析的数据等)，均为经用户授权或者经过各方充分授权的信息和数据。

图1是根据一示例性实施例示出的一种页面处理方法的流程图，如图1所示，该页面处理方法用于终端中，包括以下步骤：

在步骤S110中，识别当前页面的第一引擎数量，以及第二引擎数量；第一引擎数量为当前页面的可视区域的待调用的目标引擎的数量，第二引擎数量为当前页面的待调用的目标引擎的数量。

其中，当前页面是指终端(比如手机、平板等)上当前需要显示的页面，比如视频浏览页面、新闻资讯页面、图片浏览页面等。当前页面的可视区域，是指当前页面在终端屏幕上显示的页面区域；当前页面的非可视区域，是指当前页面不在终端屏幕上显示的页面区域。

其中，目标引擎是指渲染引擎，比如webgl(Web Graphics Library)渲染引擎等。

其中，当前页面的第一引擎数量，是指当前页面的可视区域需要调用的目标引擎的数量。当前页面的第二引擎数量，是指当前页面需要调用的目标引擎的数量。

具体地，终端对当前页面的可视区域的目标引擎渲染区域进行识别，得到当前页面的可视区域的待调用的目标引擎的数量，作为当前页面的第一引擎数量；对当前页面的目标引擎渲染区域进行识别，得到当前页面的待调用的目标引擎的数量，作为当前页面的第二引擎数量。

举例说明，假设当前页面的可视区域的渲染区域为A个，当前页面的渲染区域为B个，则当前页面的第一引擎数量为A个，第二引擎数量为B个。

在步骤S120中，当第一引擎数量小于预设数量，且第二引擎数量大于预设数量时，从预设数据库中获取缓存的目标引擎；预设数量为当前页面支持运行的目标引擎的数量阈值，预设数据库中缓存有当前页面的非可视区域所调用的目标引擎。

其中，数量阈值可以是指数量最大值；预设数量是指当前页面支持运行的目标引擎的数量最大值，具体是指当前页面支持运行的渲染引擎的数量最大值。需要说明的是，若当前页面运行的目标引擎的数量过多的话，浏览器会因为内存占用等原因崩溃，造成页面的显示效果较差。

其中，当前页面的非可视区域所调用的目标引擎，会缓存在预设数据库中，避免非可视区域在无需显示页面时，还占用当前页面所调用的目标引擎，造成当前页面所调用的目标引擎的数量超过限制，进而造成页面的显示效果较差。

具体地，在第一引擎数量小于当前页面支持运行的目标引擎的数量阈值，且第二引擎数量大于当前页面支持运行的目标引擎的数量阈值的情况下，终端从预设数据库中获取缓存的目标引擎。进一步地，在第一引擎数量小于当前页面支持运行的目标引擎的数量最大值，且第二引擎数量大于当前页面支持运行的目标引擎的数量最大值的情况下，说明当前页面的待调用的目标引擎的数量超过限制，但当前页面的可视区域的待调用的目标引擎的数量没有超过限制，则通过终端从预设数据库中获取缓存的目标引擎。

举例说明，在当前页面的可视区域需要调用的渲染引擎的数量小于预设数量，且当前页面需要调用的渲染引擎的数量大于预设数量的情况下，终端从预设数据库中获取缓存的渲染引擎。

在步骤S130中，根据缓存的目标引擎，对可视区域中的对应位置进行渲染，并展示渲染后的页面。

举例说明，终端根据缓存的渲染引擎，对可视区域中的对应渲染区域进行渲染，得到渲染后的页面。

上述页面处理方法中，通过识别当前页面的第一引擎数量，以及第二引擎数量；第一引擎数量为当前页面的可视区域的待调用的目标引擎的数量，第二引擎数量为当前页面的待调用的目标引擎的数量；然后当第一引擎数量小于预设数量，且第二引擎数量大于预设数量时，从预设数据库中获取缓存的目标引擎；预设数量为当前页面支持运行的目标引擎的数量阈值，预设数据库中缓存有当前页面的非可视区域所调用的目标引擎；最后根据缓存的目标引擎，对可视区域中的对应位置进行渲染，并展示渲染后的页面。这样，先缓存当前页面的非可视区域所调用的目标引擎，并在当前页面的可视区域的待调用的目标引擎的数量小于当前页面支持运行的目标引擎的数量阈值，且当前页面的待调用的目标引擎的数量大于当前页面支持运行的目标引擎的数量阈值的情况下，利用缓存的当前页面的非可视区域所调用的目标引擎，对可视区域中的对应位置进行渲染，无需丢弃所有的目标引擎，从而避免了当前页面的待调用的目标引擎的数量超过限制时，需要丢弃所有的目标引擎，导致页面的显示效果较差的缺陷，进而提高了页面的显示效果。

在一示例性实施例中，如图2所示，在步骤S110中，识别当前页面的第一引擎数量，具体可以通过以下步骤实现：

在步骤S210中，确定当前页面的可视区域中的目标引擎渲染区域的数量。

在步骤S220中，根据目标引擎渲染区域的数量，确定可视区域的待调用的目标引擎的数量，作为第一引擎数量。

其中，目标引擎渲染区域是指目标引擎需要渲染的区域，具体是指渲染引擎需要渲染的区域，比如webgl渲染区域。目标引擎与目标引擎渲染区域存在一一对应关系。

具体地，终端对当前页面的可视区域中的目标引擎渲染区域进行识别，得到当前页面的可视区域中的目标引擎渲染区域的数量；将当前页面的可视区域中的目标引擎渲染区域的数量，确定为可视区域的待调用的目标引擎的数量；将可视区域的待调用的目标引擎的数量，作为当前页面的第一引擎数量。

举例说明，当当前页面的可视区域中的目标引擎渲染区域的数量为A个时，说明可视区域的待调用的目标引擎的数量为A个，进而说明第一引擎数量也为A个。

进一步地，在步骤S110中，识别当前页面的第二引擎数量，具体可以通过以下步骤实现：终端对当前页面的目标引擎渲染区域进行识别，得到当前页面的目标引擎渲染区域的数量；将当前页面的目标引擎渲染区域的数量，确定为当前页面的待调用的目标引擎的数量；将当前页面的待调用的目标引擎的数量，作为当前页面的第二引擎数量。例如，当当前页面的目标引擎渲染区域的数量为B个时，说明当前页面的待调用的目标引擎的数量为B个，进而说明第二引擎数量也为B个。

本公开实施例提供的技术方案，通过识别当前页面的第一引擎数量，有利于后续在第一引擎数量小于预设数量，且第二引擎数量大于预设数量的情况下，从预设数据库中获取缓存的目标引擎，对可视区域中的对应位置进行渲染；避免了当前页面的待调用的目标引擎的数量超过限制时，需要丢弃所有的目标引擎，导致页面的显示效果较差的缺陷，实现了复用目标引擎，提升页面性能的目的。

在一示例性实施例中，在步骤S120中，当第一引擎数量小于预设数量，且第二引擎数量大于预设数量时，从预设数据库中获取缓存的目标引擎，具体包括：当第一引擎数量小于预设数量，第二引擎数量大于预设数量，且预设数据库中缓存有第一引擎数量的目标引擎时，从预设数据库中获取第一引擎数量的目标引擎。

举例说明，在当前页面的可视区域需要调用的目标引擎的数量小于预设数量，当前页面需要调用的目标引擎的数量大于预设数量，且预设数据库中缓存有当前页面的可视区域需要调用的对应数量的目标引擎的情况下，终端直接从预设数据库中获取对应数量的目标引擎，无需重新建立目标引擎。

本公开实施例提供的技术方案，在第一引擎数量小于预设数量，第二引擎数量大于预设数量，且预设数据库中缓存有第一引擎数量的目标引擎的情况下，直接从预设数据库中获取第一引擎数量的目标引擎，无需重新建立目标引擎，实现了复用目标引擎的目的；同时也无需在当前页面的待调用的目标引擎的数量超过限制时，丢弃所有的目标引擎，从而提升了页面的显示效果。

在一示例性实施例中，在步骤S110中，在识别当前页面的第一引擎数量，以及第二引擎数量之前，还包括：获取当前页面的非可视区域所调用的目标引擎；将当前页面的非可视区域所调用的目标引擎，存储至预设数据库中。

举例说明，终端通过目标引擎获取指令，获取当前页面的非可视区域所调用的目标引擎，并将当前页面的非可视区域所调用的目标引擎，存储至预设数据库中，以通过预设数据库缓存当前无需使用的目标引擎。

本公开实施例提供的技术方案，通过预设数据库缓存当前页面的非可视区域所调用的目标引擎，避免了非可视区域在无需显示页面时，还占用当前页面所调用的目标引擎，造成当前页面所调用的目标引擎的数量超过限制，进而造成页面的显示效果较差的缺陷；同时，在当前页面的可视区域需要调用目标引擎时，直接从预设数据库中获取相应数量的目标引擎，无需重新建立目标引擎，实现了复用目标引擎的目的。

在一示例性实施例中，在步骤S130中，在根据缓存的目标引擎，对可视区域中的对应位置进行渲染，并展示渲染后的页面之后，还包括：当检测到当前页面移动时，识别当前页面的第三引擎数量和第四引擎数量；第三引擎数量为当前移出可视区域的页面区域所调用的目标引擎的数量，第四引擎数量为当前移进可视区域的页面区域的待调用的目标引擎的数量；当第三引擎数量大于第四引擎数量，且第四引擎数量满足第一预设阈值时，将当前移出可视区域的页面区域所调用的目标引擎，存储至预设数据库中。

其中，当用户滚动当前页面时，当前页面会呈现出另一页面区域，该另一页面区域即为新的可视区域。

其中，第三引擎数量，是指当前移出可视区域的页面区域已调用的目标引擎的数量；当前移出可视区域的页面区域，是指上一次出现在可视区域内，本次并没有出现在可视区域内的页面区域。

其中，第四引擎数量，是指当前移进可视区域的页面区域需要调用的目标引擎的数量；当前移进可视区域的页面区域，是指上一次没有出现在可视区域内，而本次出现在可视区域内的页面区域。

其中，第一预设阈值可以是0。第四引擎数量满足第一预设阈值，是指第四引擎数量等于第一预设阈值，具体是指第四引擎数量等于0。

举例说明，在检测到当前页面移动的情况下，终端对当前移出可视区域的页面区域中的目标引擎渲染区域进行识别，得到当前移出可视区域的页面区域中的目标引擎渲染区域的数量；根据当前移出可视区域的页面区域中的目标引擎渲染区域的数量，确定当前移出可视区域的页面区域已调用的目标引擎的数量，作为第三引擎数量；同时对当前移进可视区域的页面区域中的目标引擎渲染区域进行识别，得到当前移进可视区域的页面区域中的目标引擎渲染区域的数量；根据当前移进可视区域的页面区域中的目标引擎渲染区域的数量，确定当前移进可视区域的页面区域需要调用的目标引擎的数量，作为第四引擎数量；当第三引擎数量大于第四引擎数量，且第四引擎数量为0时，说明当前移出可视区域的页面区域已调用的目标引擎的数量大于或者等于1，且当前移进可视区域的页面区域需要调用的目标引擎的数量为0，则直接将当前移出可视区域的页面区域已调用的目标引擎，存储至预设数据库中。

本公开实施例提供的技术方案，在当前移出可视区域的页面区域所调用的目标引擎的数量大于当前移进可视区域的页面区域的待调用的目标引擎的数量，且当前移进可视区域的页面区域的待调用的目标引擎的数量满足第一预设阈值的情况下，将当前移出可视区域的页面区域所调用的目标引擎，存储至预设数据库中，实现了在目标引擎无需使用时，将目标引擎缓存至预设数据库，避免了当前页面所调用的目标引擎的数量超过限制，导致页面的显示效果较差的缺陷。

在一示例性实施例中，在当检测到当前页面移动时，识别当前页面的第三引擎数量和第四引擎数量之后，还包括：当第三引擎数量大于第四引擎数量，且第四引擎数量满足第二预设阈值时，从当前移出可视区域的页面区域所调用的目标引擎中，获取第四引擎数量的目标引擎，得到剩余目标引擎；根据第四引擎数量的目标引擎，对当前移进可视区域的页面区域的对应位置进行渲染，以及将剩余目标引擎存储至预设数据库中。

其中，第二预设阈值可以是1。第四引擎数量满足第二预设阈值，可以是指第四引擎数量大于或者等于第二预设阈值，具体是指第四引擎数量大于或者等于1。举例说明，当第三引擎数量大于第四引擎数量，且第四引擎数量大于或者等于第二预设阈值时，说明当前移出可视区域的页面区域已调用的目标引擎的数量大于当前移进可视区域的页面区域需要调用的目标引擎的数量，且当前移进可视区域的页面区域需要调用的目标引擎的数量大于或者等于第二预设阈值，则通过终端从当前移出可视区域的页面区域所调用的目标引擎中，获取与当前移进可视区域的页面区域需要调用的目标引擎的数量相对应的目标引擎，得到剩余的目标引擎；根据与当前移进可视区域的页面区域需要调用的目标引擎的数量相对应的目标引擎，对当前移进可视区域的页面区域的对应目标引擎渲染区域进行渲染，得到渲染后的页面，以及将剩余的目标引擎存储至预设数据库中。

本公开实施例提供的技术方案，在当前移出可视区域的页面区域所调用的目标引擎的数量大于当前移进可视区域的页面区域待调用的目标引擎的数量，且当前移进可视区域的页面区域待调用的目标引擎的数量满足第二预设阈值的情况下，将当前移出可视区域的页面区域所调用的目标引擎中的一部分目标引擎，作用到当前移进可视区域的页面区域，以对当前移进可视区域的页面区域中的对应位置进行渲染；另一部分目标引擎存储至预设数据库中，既提升了页面性能，又实现了复用目标引擎的目的。

在一示例性实施例中，在当检测到当前页面移动时，识别当前页面的第三引擎数量和第四引擎数量之后，还包括：当第三引擎数量小于或者等于第四引擎数量，且第四引擎数量满足第二预设阈值时，从预设数据库中获取目标数量的目标引擎；目标数量为第四引擎数量与第三引擎数量之差；根据目标数量的目标引擎，以及当前移出可视区域的页面区域所调用的目标引擎，对当前移进可视区域的页面区域的对应位置进行渲染。

举例说明，当第三引擎数量小于或者等于第四引擎数量，且第四引擎数量大于或者等于第二预设阈值时，说明当前移出可视区域的页面区域已调用的目标引擎的数量小于或者等于当前移进可视区域的页面区域需要调用的目标引擎的数量，且当前移进可视区域的页面区域需要调用的目标引擎的数量大于或者等于第二预设阈值，则通过终端统计当前移进可视区域的页面区域需要调用的目标引擎的数量，与当前移出可视区域的页面区域已调用的目标引擎的数量之差，得到目标数量；从预设数据库中获取目标数量的目标引擎，并根据目标数量的目标引擎，以及当前移出可视区域的页面区域已调用的目标引擎，对当前移进可视区域的页面区域的对应目标引擎渲染区域进行渲染，得到渲染后的页面。

本公开实施例提供的技术方案，在当前移出可视区域的页面区域所调用的目标引擎的数量小于或者等于当前移进可视区域的页面区域待调用的目标引擎的数量，且当前移进可视区域的页面区域待调用的目标引擎的数量满足第二预设阈值的情况下，根据当前移出可视区域的页面区域所调用的目标引擎，以及预设数据库中缓存的目标引擎，对当前移进可视区域的页面区域的对应位置进行渲染，实现了复用目标引擎，提升页面性能的效果。

图3是根据一示例性实施例示出的一种页面处理方法的流程图，如图3所示，该页面处理方法用于终端中，包括以下步骤：

在步骤S310中，获取当前页面的非可视区域所调用的目标引擎；将当前页面的非可视区域所调用的目标引擎，存储至预设数据库中。

在步骤S320中，确定当前页面的可视区域中的目标引擎渲染区域的数量；根据当前页面的可视区域中的目标引擎渲染区域的数量，确定可视区域的待调用的目标引擎的数量，作为第一引擎数量。

在步骤S330中，确定当前页面中的目标引擎渲染区域的数量；根据当前页面中的目标引擎渲染区域的数量，确定当前页面的待调用的目标引擎的数量，作为第二引擎数量。

在步骤S340中，当第一引擎数量小于预设数量，第二引擎数量大于预设数量，且预设数据库中缓存有第一引擎数量的目标引擎时，从预设数据库中获取第一引擎数量的目标引擎；预设数量为当前页面支持运行的目标引擎的数量阈值。

在步骤S350中，根据获取的第一引擎数量的目标引擎，对可视区域中的对应位置进行渲染，并展示渲染后的页面。

上述页面处理方法中，先缓存当前页面的非可视区域所调用的目标引擎，并在当前页面的可视区域的待调用的目标引擎的数量小于当前页面支持运行的目标引擎的数量阈值，且当前页面的待调用的目标引擎的数量大于当前页面支持运行的目标引擎的数量阈值的情况下，利用缓存的当前页面的非可视区域所调用的目标引擎，对可视区域中的对应位置进行渲染，无需丢弃所有的目标引擎，从而避免了当前页面的待调用的目标引擎的数量超过限制时，需要丢弃所有的目标引擎，导致页面的显示效果较差的缺陷，进而提高了页面的显示效果。

为了更清晰阐明本公开实施例提供的页面处理方法，以下以一个具体的实施例对该页面处理方法进行具体说明。在一个实施例中，如图4所示，本公开还提供了一种页面处理方法，通过复用缓存的目标引擎，对页面的可视区域进行渲染；具体包括如下内容：

参考图4，终端通过目标引擎缓存模块，缓存移出页面的可视区域的目标引擎；当可视区域内需要调用目标引擎时，从目标引擎缓存模块中，取出相应数量的目标引擎；同时监听页面的可视区域，按需调用缓存的目标引擎。

上述页面处理方法，可以达到以下技术效果：(1)突破可视区域内单次运行的目标引擎的数量限制；(2)复用目标引擎，减少目标引擎的新建，提升了页面性能。

应该理解的是，虽然图1-图3的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图1-图3中的至少一部分步骤可以包括多个步骤或者多个阶段，这些步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。

可以理解的是，本说明书中上述方法的各个实施例之间相同/相似的部分可互相参见，每个实施例重点说明的是与其他实施例的不同之处，相关之处参见其他方法实施例的说明即可。

图5是根据一示例性实施例示出的一种页面处理装置的框图。参照图5，该装置包括数量识别单元510，引擎获取单元520和页面渲染单元530。

数量识别单元510，被配置为执行识别当前页面的第一引擎数量，以及第二引擎数量；第一引擎数量为当前页面的可视区域的待调用的目标引擎的数量，第二引擎数量为当前页面的待调用的目标引擎的数量。

引擎获取单元520，被配置为执行当第一引擎数量小于预设数量，且第二引擎数量大于预设数量时，从预设数据库中获取缓存的目标引擎；预设数量为当前页面支持运行的目标引擎的数量阈值，预设数据库中缓存有当前页面的非可视区域所调用的目标引擎。

页面渲染单元530，被配置为执行根据缓存的目标引擎，对可视区域中的对应位置进行渲染，并展示渲染后的页面。

在一示例性实施例中，数量识别单元510，还被配置为执行确定当前页面的可视区域中的目标引擎渲染区域的数量；根据目标引擎渲染区域的数量，确定可视区域的待调用的目标引擎的数量，作为第一引擎数量。

在一示例性实施例中，引擎获取单元520，还被配置为执行当第一引擎数量小于预设数量，第二引擎数量大于预设数量，且预设数据库中缓存有第一引擎数量的目标引擎时，从预设数据库中获取第一引擎数量的目标引擎。

在一示例性实施例中，页面处理装置还包括引擎存储单元，被配置为执行获取当前页面的非可视区域所调用的目标引擎；将当前页面的非可视区域所调用的目标引擎，存储至预设数据库中。

在一示例性实施例中，页面处理装置还包括第一处理单元，被配置为执行当检测到当前页面移动时，识别当前页面的第三引擎数量和第四引擎数量；第三引擎数量为当前移出可视区域的页面区域所调用的目标引擎的数量，第四引擎数量为当前移进可视区域的页面区域的待调用的目标引擎的数量；当第三引擎数量大于第四引擎数量，且第四引擎数量满足第一预设阈值时，将当前移出可视区域的页面区域所调用的目标引擎，存储至预设数据库中。

在一示例性实施例中，页面处理装置还包括第二处理单元，被配置为执行当第三引擎数量大于第四引擎数量，且第四引擎数量满足第二预设阈值时，从当前移出可视区域的页面区域所调用的目标引擎中，获取第四引擎数量的目标引擎，得到剩余目标引擎；根据第四引擎数量的目标引擎，对当前移进可视区域的页面区域的对应位置进行渲染，以及将剩余目标引擎存储至预设数据库中。

在一示例性实施例中，页面处理装置还包括第三处理单元，被配置为执行当第三引擎数量小于或者等于第四引擎数量，且第四引擎数量满足第二预设阈值时，从预设数据库中获取目标数量的目标引擎；目标数量为第四引擎数量与第三引擎数量之差；根据目标数量的目标引擎，以及当前移出可视区域的页面区域所调用的目标引擎，对当前移进可视区域的页面区域的对应位置进行渲染。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

图6是根据一示例性实施例示出的一种用于执行页面处理方法的电子设备600的框图。例如，电子设备600可以是移动电话、计算机、数字广播终端、消息收发设备、游戏控制台、平板设备、医疗设备、健身设备、个人数字助理等。

参照图6，电子设备600可以包括以下一个或多个组件：处理组件602、存储器604、电源组件606、多媒体组件608、音频组件610、输入/输出(I/O)的接口612、传感器组件614以及通信组件616。

处理组件602通常控制电子设备600的整体操作，诸如与显示、电话呼叫、数据通信、相机操作和记录操作相关联的操作。处理组件602可以包括一个或多个处理器620来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件602可以包括一个或多个模块，便于处理组件602和其他组件之间的交互。例如，处理组件602可以包括多媒体模块，以方便多媒体组件608和处理组件602之间的交互。

存储器604被配置为存储各种类型的数据以支持在电子设备600的操作。这些数据的示例包括用于在电子设备600上操作的任何应用程序或方法的指令、联系人数据、电话簿数据、消息、图片、视频等。存储器604可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)、电可擦除可编程只读存储器(EEPROM)、可擦除可编程只读存储器(EPROM)、可编程只读存储器(PROM)、只读存储器(ROM)、磁存储器、快闪存储器、磁盘、光盘或石墨烯存储器。

电源组件606为电子设备600的各种组件提供电力。电源组件606可以包括电源管理系统，一个或多个电源，及其他与为电子设备600生成、管理和分配电力相关联的组件。

多媒体组件608包括在所述电子设备600和用户之间的提供输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件608包括前置摄像头和/或后置摄像头。当电子设备600处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是固定的光学透镜系统或具有焦距和光学变焦能力。

音频组件610被配置为输出和/或输入音频信号。例如，音频组件610包括麦克风(MIC)，当电子设备Z00处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器604或经由通信组件616发送。在一些实施例中，音频组件610还包括扬声器，用于输出音频信号。

I/O接口612为处理组件602和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。

传感器组件614包括一个或多个传感器，用于为电子设备600提供各个方面的状态评估。例如，传感器组件614可以检测到电子设备600的打开/关闭状态，组件的相对定位，例如所述组件为电子设备600的显示器和小键盘，传感器组件614还可以检测电子设备600或电子设备600组件的位置改变，用户与电子设备600接触的存在或不存在，设备600方位或加速/减速和电子设备600的温度变化。传感器组件614可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件614还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件614还可以包括加速度传感器、陀螺仪传感器、磁传感器、压力传感器或温度传感器。

通信组件616被配置为便于电子设备600和其他设备之间有线或无线方式的通信。电子设备600可以接入基于通信标准的无线网络，如WiFi，运营商网络(如2G、3G、4G或5G)，或它们的组合。在一个示例性实施例中，通信组件616经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件616还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

在示例性实施例中，电子设备600可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。

在示例性实施例中，还提供了一种包括指令的计算机可读存储介质，例如包括指令的存储器604，上述指令可由电子设备600的处理器620执行以完成上述方法。例如，计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

在示例性实施例中，还提供一种计算机程序产品，所述计算机程序产品中包括指令，上述指令可由电子设备600的处理器620执行以完成上述方法。

需要说明的，上述的装置、电子设备、计算机可读存储介质、计算机程序产品等根据方法实施例的描述还可以包括其他的实施方式，具体的实现方式可以参照相关方法实施例的描述，在此不作一一赘述。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本公开旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (10)

1.一种页面处理方法，其特征在于，包括：

识别当前页面的第一引擎数量，以及第二引擎数量；所述第一引擎数量为所述当前页面的可视区域的待调用的目标引擎的数量，所述第二引擎数量为所述当前页面的待调用的目标引擎的数量；

当所述第一引擎数量小于预设数量，且所述第二引擎数量大于所述预设数量时，从预设数据库中获取缓存的目标引擎；所述预设数量为所述当前页面支持运行的目标引擎的数量阈值，所述预设数据库中缓存有所述当前页面的非可视区域所调用的目标引擎；

根据所述缓存的目标引擎，对所述可视区域中的对应位置进行渲染，并展示渲染后的页面。

2.根据权利要求1所述的页面处理方法，其特征在于，所述识别当前页面的第一引擎数量，包括：

确定当前页面的可视区域中的目标引擎渲染区域的数量；

根据所述目标引擎渲染区域的数量，确定所述可视区域的待调用的目标引擎的数量，作为所述第一引擎数量。

3.根据权利要求1所述的页面处理方法，其特征在于，所述当所述第一引擎数量小于预设数量，且所述第二引擎数量大于所述预设数量时，从预设数据库中获取缓存的目标引擎，包括：

当所述第一引擎数量小于预设数量，所述第二引擎数量大于所述预设数量，且所述预设数据库中缓存有所述第一引擎数量的目标引擎时，从所述预设数据库中获取所述第一引擎数量的目标引擎。

4.根据权利要求1所述的页面处理方法，其特征在于，在识别当前页面的第一引擎数量，以及第二引擎数量之前，还包括：

获取所述当前页面的非可视区域所调用的目标引擎；

将所述当前页面的非可视区域所调用的目标引擎，存储至所述预设数据库中。

5.根据权利要求1所述的页面处理方法，其特征在于，在根据所述缓存的目标引擎，对所述可视区域中的对应位置进行渲染，并展示渲染后的页面之后，还包括：

当检测到所述当前页面移动时，识别所述当前页面的第三引擎数量和第四引擎数量；所述第三引擎数量为当前移出所述可视区域的页面区域所调用的目标引擎的数量，所述第四引擎数量为当前移进所述可视区域的页面区域的待调用的目标引擎的数量；

当所述第三引擎数量大于所述第四引擎数量，且所述第四引擎数量满足第一预设阈值时，将当前移出所述可视区域的页面区域所调用的目标引擎，存储至所述预设数据库中。

6.根据权利要求5所述的页面处理方法，其特征在于，在当检测到所述当前页面移动时，识别所述当前页面的第三引擎数量和第四引擎数量之后，还包括：

当所述第三引擎数量大于所述第四引擎数量，且所述第四引擎数量满足第二预设阈值时，从所述当前移出所述可视区域的页面区域所调用的目标引擎中，获取所述第四引擎数量的目标引擎，得到剩余目标引擎；

根据所述第四引擎数量的目标引擎，对当前移进所述可视区域的页面区域的对应位置进行渲染，以及将所述剩余目标引擎存储至所述预设数据库中。

7.一种页面处理装置，其特征在于，包括：

数量识别单元，被配置为执行识别当前页面的第一引擎数量，以及第二引擎数量；所述第一引擎数量为所述当前页面的可视区域的待调用的目标引擎的数量，所述第二引擎数量为所述当前页面的待调用的目标引擎的数量；

引擎获取单元，被配置为执行当所述第一引擎数量小于预设数量，且所述第二引擎数量大于所述预设数量时，从预设数据库中获取缓存的目标引擎；所述预设数量为所述当前页面支持运行的目标引擎的数量阈值，所述预设数据库中缓存有所述当前页面的非可视区域所调用的目标引擎；

页面渲染单元，被配置为执行根据所述缓存的目标引擎，对所述可视区域中的对应位置进行渲染，并展示渲染后的页面。

8.一种电子设备，其特征在于，包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现如权利要求1至6中任一项所述的页面处理方法。

9.一种计算机可读存储介质，其特征在于，当所述计算机可读存储介质中的指令由电子设备的处理器执行时，使得所述电子设备能够执行如权利要求1至6中任一项所述的页面处理方法。

10.一种计算机程序产品，所述计算机程序产品中包括指令，其特征在于，所述指令被电子设备的处理器执行时，使得所述电子设备能够执行如权利要求1至6任一项所述的页面处理方法。

Images