CN113779466B - 一种页面显示方法、装置、存储介质及电子设备 - Google Patents

Abstract

本说明书公开了一种页面显示方法、装置、存储介质及电子设备。通过将待显示的目标页面中的每个组件判定为本地组件或云组件，并在终端设备上根据本地组件的描述信息渲染得到本地组件的组件图像，而将云组件的描述信息发送给云端设备，以在云端设备上生成渲染信息并返回给终端设备，从而将目标页面中各组件的组件图像显示在终端设备上，使得在充分利用终端设备上计算资源的同时，还通过减少传输数据量的方式，降低了目标页面显示的延时。

Description

一种页面显示方法、装置、存储介质及电子设备

技术领域

本说明书涉及计算机技术领域，尤其涉及一种页面显示方法、装置、存储介质及电子设备。

背景技术

当用户访问页面时，需要将页面文件绘制成图像，并展示在终端设备上，这一过程被称作对页面的渲染。

通常来说，页面的渲染可以分为以下几个步骤，包括：将开发者所编写的页面文件解析为计算机能够理解的数据结构，例如将超文本标记语言（Hyper Text MarkupLanguage，HTML）格式的页面文件解析为文档对象模型（Document Object Model，DOM）结构，然后计算出页面中各内容的样式（例如坐标，颜色等）并生成渲染指令，根据渲染指令进行绘制，得到所绘制出的用于显示的图像。

由于上述渲染过程中所需要占用的计算资源较大，通常难以在终端设备的本地完成，因此在现有技术中，终端设备往往会将页面文件发送给服务器，并在服务器上完成渲染并返回所绘制出的图像给终端设备，终端设备可以直接将所接收到的图像显示在屏幕上。

但由于所绘制出的图像的数据量通常较大，传输时间也较长，因此会导致终端设备对页面显示的延时。此外，终端设备自身的计算资源也无法得到充分的利用。

发明内容

本说明书提供一种页面显示方法、装置、存储介质及电子设备，以部分的解决现有技术存在的上述问题。

本说明书采用下述技术方案：

本说明书提供了一种页面显示方法，包括：

确定待显示的目标页面中所包含的各组件；

针对目标页面中的每个组件，判定该组件为本地组件或云组件，其中，所判定出的所述目标页面中包括至少一个本地组件和至少一个云组件；

针对每个本地组件，根据该本地组件的描述信息，对该组件进行渲染，得到该本地组件的组件图像；针对每个云组件，向云端设备发送该云组件的描述信息，响应于所接收到的所述云端设备返回的该云组件的渲染信息，根据所述渲染信息确定该云组件的组件图像；

根据各组件的组件图像，显示所述目标页面。

可选地，针对每个组件，该组件的描述信息包括：

目标页面的页面文档中所包括的该组件的显示属性；或，

目标页面的页面文档中所包括的该组件的显示属性以及所接收到的用户输入的对该组件的操作指令。

可选地，根据该本地组件的描述信息，对该组件进行渲染，得到该本地组件的组件图像，具体包括：

根据该本地组件的描述信息，生成该本地组件对应的渲染指令；

根据所述渲染指令对该本地组件进行绘制，得到所绘制出的该本地组件的组件图像。

可选地，当该本地组件的描述信息包括目标页面的页面文档中所包括的该本地组件的显示属性，以及所接收到的用户输入的对该本地组件的操作指令时，根据该本地组件的描述信息，生成该本地组件对应的渲染指令，具体包括：

根据所获取到的该本地组件的显示属性，以及所接收到的对该本地组件的操作指令，重新确定该本地组件当前的显示属性；

根据所重新确定出的该本地组件当前的显示属性，生成该本地组件对应的渲染指令。

可选地，响应于所接收到的所述云端设备返回的该云组件的渲染信息，根据所述渲染信息确定该云组件的组件图像，具体包括：

响应于所接收到的所述云端设备返回的该云组件对应的渲染指令，根据所述渲染指令对该云组件进行绘制，得到所绘制出的该云组件的组件图像。

可选地，响应于所接收到的所述云端设备返回的该云组件的渲染信息，根据所述渲染信息确定该云组件的组件图像，具体包括：

响应于所接收到的所述云端设备返回的组件图像，将所接收到的组件图像作为该云组件的组件图像。

可选地，所述渲染信息包括图像以及渲染指令；

响应于所接收到的所述云端设备返回的该云组件的渲染信息，根据所述渲染信息确定该云组件的组件图像，具体包括：

响应于所接收到的所述云端设备返回的该云组件的渲染信息，根据所述渲染信息中所包括的渲染指令进行绘制；

将所绘制出的图像及所述渲染信息中所包括的图像作为该云组件的组件子图像；

组合该云组件的组件子图像，得到该云组件的组件图像。

可选地，向云端设备发送该云组件的描述信息，具体包括：

根据该云组件的描述信息，从云端设备中选择出该云组件的目标服务器，并向所选择出的目标服务器发送该云组件的描述信息，其中，所述云端设备包括总服务器和边缘服务器。

本说明书提供了一种页面显示方法，包括：

响应于所接收到的终端设备发送的云组件的描述信息，根据所述描述信息生成所述云组件的渲染信息，其中，所述云组件为待显示的目标页面中的组件，所述目标页面中还包括至少一个本地组件；

将所生成的所述云组件的渲染信息发送给所述终端设备，以使所述终端设备根据所述云组件的渲染信息确定该云组件的组件图像，使得所述终端设备根据所确定出的各组件的组件图像显示所述目标页面。

可选地，根据所述描述信息生成所述云组件的渲染信息，具体包括：

根据所述描述信息生成所述云组件对应的渲染指令，作为所述云组件的渲染信息。

可选地，根据所述描述信息生成所述云组件的渲染信息，具体包括：

根据所述描述信息生成所述云组件对应的渲染指令；

以所述云组件对应的渲染指令进行绘制，得到所绘制出的所述云组件的组件图像，作为所述云组件的渲染信息。

可选地，根据所述描述信息生成所述云组件的渲染信息，具体包括：

根据所述描述信息生成所述云组件对应的渲染指令；

以预先设定的方式，将该云组件对应的渲染指令划分为待发送指令和待绘制指令；

根据该云组件对应的待绘制指令进行绘制，得到所绘制出的图像，作为该云组件对应的组件子图像，将该云组件对应的待发送指令和组件子图像作为所生成的该云组件的渲染信息，以使终端设备根据所接收到的渲染信息中的已发送指令进行绘制，并组合所绘制出的该云组件的组件子图像以及所述渲染信息中包含的该云组件的组件子图像，得到组合出的该云组件的组件图像。

可选地，所述云组件的描述信息包括：所述目标页面的页面文档中所包括的所述云组件的显示属性，以及终端设备所接收到的用户所输入的对所述云组件操作指令；

根据所述描述信息生成所述云组件对应的渲染指令，具体包括：

根据所述云组件的显示属性以及终端设备所接收到的对所述云组件的操作指令，重新确定所述云组件当前的显示属性；

根据所重新确定出的所述云组件当前的显示属性，生成所述云组件对应的渲染指令。

可选地，所述方法还包括：

响应于所接收到的终端设备发送的云组件的描述信息，确定各云端设备当前的空闲计算资源；

根据所述云组件的描述信息以及各云端设备当前的空闲计算资源，判断是否满足指定条件，若是，则从各云端设备中选择出所述云组件的目标云端设备，并向所选择出的目标云端设备发送所述云组件的描述信息，其中，所述云端设备包括总服务器和边缘服务器。

本说明书提供了一种页面显示系统，包括：

终端设备，用于确定待显示的目标页面中所包含的各组件，并获取各组件的描述信息；采用预先设定的方式，将每个组件确定为本地组件或云组件，其中，所述目标页面中至少包含至少一个本地组件和至少一个云组件；针对每个本地组件，根据该本地组件的描述信息，对该组件进行渲染，得到该本地组件的组件图像；针对每个云组件，向云端设备发送该云组件的描述信息；响应于所接收到的所述云端设备返回的该云组件的渲染信息，根据所述渲染信息确定该云组件的组件图像；根据各组件的组件图像，显示所述目标页面；

云端设备，用于响应于所接收到的终端设备发送的云组件的描述信息，根据所述描述信息生成所述云组件的渲染信息；将所生成的所述云组件的渲染信息发送给所述终端设备。

本说明书提供了一种页面显示装置，包括：

组件确定模块，用于确定待显示的目标页面中所包含的各组件，并获取各组件的描述信息；

类型确定模块，用于针对目标页面中的每个组件，判定该组件为本地组件或云组件，其中，所判定出的所述目标页面中包括至少一个本地组件和至少一个云组件；

组件渲染模块，用于针对每个本地组件，根据该本地组件的描述信息，对该组件进行渲染，得到该本地组件的组件图像；针对每个云组件，向云端设备发送该云组件的描述信息，响应于所接收到的所述云端设备返回的该云组件的渲染信息，根据所述渲染信息确定该云组件的组件图像；

页面显示模块，用于根据各组件的组件图像，显示所述目标页面。

本说明书提供了一种页面显示装置，包括：

渲染模块，用于响应于所接收到的终端设备发送的云组件的描述信息，根据所述描述信息生成所述云组件的渲染信息，其中，所述云组件为待显示的目标页面中的组件，所述目标页面中还包括至少一个本地组件；

发送模块，用于将所生成的所述云组件的渲染信息发送给所述终端设备，以使所述终端设备根据所述云组件的渲染信息确定该云组件的组件图像，使得所述终端设备根据所确定出的各组件的组件图像显示所述目标页面。

本说明书提供了一种计算机可读存储介质，所述存储介质存储有计算机程序，所述计算机程序被处理器执行时实现上述页面显示方法。

本说明书提供了一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现上述页面显示方法。

本说明书采用的上述至少一个技术方案能够达到以下有益效果：

在本说明书提供的页面显示方法中，通过将待显示的目标页面中的每个组件确定为本地组件或云组件，并在终端设备上根据本地组件的描述信息渲染得到本地组件的组件图像，而将云组件的描述信息发送给云端设备，以在云端设备上生成渲染信息并返回给终端设备，从而将目标页面中各组件的组件图像显示在终端设备上，使得在充分利用终端设备上计算资源的同时，还通过减少传输数据量的方式，降低了目标页面显示的延时。

附图说明

此处所说明的附图用来提供对本说明书的进一步理解，构成本说明书的一部分，本说明书的示意性实施例及其说明用于解释本说明书，并不构成对本说明书的不当限定。在附图中：

图1为本说明书提供的一种页面显示系统的示意图；

图2为本说明书提供的另一种页面显示系统的示意图；

图3为本说明书提供的一种页面显示装置的示意图；

图4为本说明书提供的另一种页面显示装置的示意图；

图5为本说明书提供的电子设备的结构示意图。

具体实施方式

除了上述完全依赖服务器实现对页面的渲染的方式之外，还可以仅采用终端设备本地的计算机资源进行渲染，此时，若终端设备所能提供的计算资源不足，而会导致页面无法正常加载。

本说明书实施例提供的页面显示方法摒弃了上述任一种完全在终端设备或服务器上进行渲染的页面显示方法，而是让所要显示的目标页面中的一部分组件在终端设备上进行渲染，而另一部分则在服务器上进行渲染，在实现对终端设备本地的计算资源充分利用的同时，减小了终端设备与服务器中间之间传输的数据量，从而降低了页面生成的延时。

为使本说明书的目的、技术方案和优点更加清楚，下面将结合本说明书具体实施例及相应的附图对本说明书技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本说明书一部分实施例，而不是全部的实施例。基于本说明书中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本说明书保护的范围。

本说明书实施例提供的如图1所示的页面显示系统包括对目标页面进行展示的目标终端，以及对目标页面中至少部分组件进行云渲染的云端设备。

以下结合附图，详细说明本说明书各实施例提供的技术方案。

本说明书实施例中，用户通过终端设备（以下简称终端）访问页面，终端对用户所访问的目标页面进行显示。其中，用户所访问的目标页面可以为应用（Application，APP）中的页面，也可以为浏览器中的页面，或者游戏中的页面。本说明书中所述终端可以包括但不限于计算机、手机、平板电脑、笔记本电脑等，具有页面访问功能即可以是本说明书中所称的终端。

页面显示需要占用大量的计算资源，受限于终端有限的计算资源，本说明书实施例中所提供的页面显示系统中还包括云端设备，所述云端设备可以提供大量的计算资源以帮助终端对目标页面中的部分组件进行渲染（即云渲染）。

其中，所述云端设备可以为服务器或除对所述目标页面进行显示的终端以外的任一现有类型的其他终端设备，本说明书一实施例中，以所述云端设备为服务器为例进行说明。在此情形下，所述云端设备可以为一个单独的服务器，也可以是多个服务器组成的服务器集群，如，分布式服务器系统等，可以为物理服务器设备，也可以是云服务器，本说明书对此不做限制，具体可根据需要设置。

本说明书一实施例中，终端在接收到访问请求之后，可以将所述访问请求所指示访问的页面作为待显示的目标页面。

目标页面的内容由目标页面的页面文件中所规定的组件来决定。

页面的开发人员可以以现有的通用编程语言（General Purpose Language，GPL）或领域专用语言（Domain Specified Language，DSL）进行页面文件的编写，以通过所编写出的页面文件实现对目标页面的构建。

其中，可以任一GPL编写所述目标页面的页面文件，例如C语言、Java语言等，也可以采用DSL实现页面文件的编写，例如可以采用层叠样式表（Cascading Style Sheets，CSS）编写浏览器页面等等。

目标页面所对应的页面文件中规定有目标页面所包含的组件，典型的组件有按钮（button）、文本字段（text field）、进度条（Progress Bar）、键盘（keyboard）、图像、文字等。在页面文件中，可以通过标签等方式来规定组件的属性和内容，例如在可扩展标记语言（Extensible Markup Language，XML）格式的页面文件中可以通过<Textview>、<ImgView>、<ButtonView>等节点来规定页面所包含的组件。

针对每个组件，本说明书一实施例中将能够对该组件内容进行描述的数据称为该组件的描述信息。

本领域技术人员可以理解的，在目标页面的页面文件中，为各组件规定有对应的显示属性，例如，组件的尺寸、所在的位置、颜色，以及组件所承载的文本内容或图像内容，等等，本说明书实施例对于页面文件中为组件规定有何种显示属性不作限制。

由于计算机无法直接理解人为编写的页面文件，因此在渲染的过程中，需要先对页面文件进行解析，以使计算机根据所解析出的结构性数据生成对各组件进行渲染的渲染指令，以使图形处理器（graphics processing unit，GPU）根据所生成的渲染指令进行绘制。根据所选择的用于渲染的应用程序编程接口（Application Programming Interface，API），可以生成以该API进行渲染的渲染指令，例如开放图形库（Open Graphics Library，OpenGL）的指令等，然后GPU在渲染指令的指示下绘制出目标页面中所包括的各组件，并在终端上对目标页面进行显示，也即是说，显示目标页面的过程，就是生成渲染指令和绘制目标页面中的各组件的过程。

本说明书一实施例中，可以将目标页面的页面文档中所包含的组件的显示属性作为组件的描述信息。针对每个组件，通过上述方式们可以渲染得到所要对该组件进行显示的组件图像。

当然，由于目标页面通常还通过组件与用户进行交互，因此，本说明书一实施例中，针对每个组件，响应于所接收到的用户对该组件的操作指令，该组件的描述信息中可以包括该组件的显示属性以及用户对该组件的操作指令。本说明书一实施例中，针对每个组件，当响应于所接收的用户的操作指令，该组件的显示属性改变，需要重新确定时，可以将该操作指令称作对该组件的操作指令。

可以理解的，每个操作指令可以为对于一个或多个组件的操作指令，也就是说，通过一个组件所输入的操作指令同时也可以是另一个组件的操作指令，例如，当目标页面包括键盘组件，以及输入框组件时，用户可以通过与键盘组件进行交互，实现对输入框中文本等信息的输入，可以理解的，当用户通过键盘输入文本信息时，键盘这一组件的显示属性改变，例如需要显示待选文本，而输入框中也会出现用户所输入的文本，因此输入框组件的显示属性也会发生改变，此时，用户通过键盘组件所输入的控制指令同时为对键盘组件和输入框组件二者的控制指令。

可以理解的，当组件的描述信息中包括组件的显示信息以及对组件的控制指令时，在根据组件的描述信息对组件进行渲染时，需要先根据所获取到的该本地组件的显示属性，以及所接收到的对该本地组件的操作指令，重新确定该本地组件当前的显示属性，再根据所重新确定出的该本地组件当前的显示属性，生成该本地组件对应的渲染指令，以绘制出组件的组件图像。

由于上述渲染过程会占用大量的计算资源，其中，在解析页面文件和生成渲染指令的过程中需要占用大量中央处理器（central processing unit，CPU）的计算资源，而在根据渲染指令绘制图像时则会占用大量GPU的计算资源，因此，本说明书所提供的页面显示方法中可以在终端本地和云端设备上分别对目标页面中的至少部分组件进行渲染。

本说明书一实施例中，可以将目标页面中在终端本地进行渲染的组件称为本地组件，并将目标页面中在云端设备上进行渲染的组件称为云组件。本说明书实施例所提供的页面显示方法中，终端在确定出目标页面中的各本地组件和各云组件，并获取各组件的描述信息之后，可以根据本地组件的描述信息，采用任一现有的渲染方式，对本地组件进行渲染，得到本地组件的组件图像，而对于云组件，则可将云组件的描述信息发送至云端设备，并响应于云端设备所返回的渲染信息，确定出云组件的组件图像，接着，对各组件的组件图像进行显示以构成所述目标页面。

基于如图1所示的页面显示系统，本说明书实施例提供的页面显示方法通过将待显示的目标页面中的每个组件确定为本地组件或云组件，并在终端上根据本地组件的描述信息渲染得到本地组件的组件图像，而将云组件的描述信息发送给云端设备，以在云端设备上生成渲染信息并返回给终端，从而将目标页面中各组件的组件图像显示在终端上，使得在充分利用终端上计算资源的同时，还通过减少传输数据量的方式，降低了目标页面显示的延时。

图2示出了一种由终端和云端设备组成的页面显示系统，其中，终端所要显示的目标页面中包括组件A~组件E，图2示例出了将组件A和组件D确定为云组件，并将组件B、组件C，以及组件E确定为本地组件时，对图2中示出的目标页面进行显示的方式，其中，终端根据本地组件（组件B、组件C，以及组件E）的描述信息，通过上述任一方式为每个组件确定出组件图像以显示在终端上，此外，针对每个云组件（组件A和组件D），终端可以通过任一现有的通信传输方式，将该云组件的描述信息传输给云端设备，并接收云端设备所返回的渲染信息，根据所接收到的云组件的渲染信息确定云组件的组件图像以显示在终端上。

本说明书一实施例中，组件所确定出的组件中可以包含该组件的下级组件，例如，若将页面文件解析为DOM树结构，则DOM树中的每个节点为一个组件，本说明书实施例中具有子节点的节点可以称作一个组件。如图2中示出，组件E包括组件E1~组件E3，示例中可以直接将包含组件E1~组件E3的组件E确定为一个本地组件，当然，也分别针对组件E1~组件E3中的每个组件，采用上述任一方式，确定该组件为本地组件或云组件，并生成该组件对应的组件图像。本说明书对此不作限制。

可以采用任一方式确定目标页面中的每个组件为本地组件或云组件，例如，可以预先为目标页面中所包括的各组件设定有该组件的类型为本地组件或云组件，再例如，可以根据页面文件中各组件的显示属性确定各组件的类型为本地组件或云组件，例如可以将所承载的内容包括文本类型的数据的组件作为本地组件等等。

当然，也可以根据对组件进行渲染所占用的计算资源，将终端无法提供渲染所占用的计算资源的组件作为云组件，避免终端无法提供足够的计算资源渲染本地组件，此外，还可以对各组件所渲染出的组件图像进行预测，并将组件图像大于预先设定的数据量阈值的组件作为本地组件，以减少终端所接收的渲染信息的数据量，从而降低终端对目标页面的显示延时。

本说明书一实施例中，为目标页面所确定出的各组件中，至少包含一个本地组件和一个云组件。

终端对本地组件进行渲染时，需要根据该本地组件的描述信息，生成该本地组件对应的渲染指令，根据所述渲染指令对该本地组件进行绘制，得到所绘制出的该本地组件的组件图像。具体的，当本地组件的描述信息中仅包括该本地组件的显示属性，则可以直接对该本地组件的显示属性进行解析，并生成绘制指令以绘制组件图像。而若本地组件的描述信息中除了包括本地组件的显示属性之外，还包括对该本地组件的控制指令，此时可以根据所获取到的该本地组件的显示属性，以及所接收到的对该本地组件的操作指令，重新确定该本地组件当前的显示属性，根据所重新确定出的该本地组件当前的显示属性，生成该本地组件对应的渲染指令。

而对于所确定出的云组件，终端则将云组件的描述信息发送给云端设备。

云端设备则响应于所接收到的终端设备发送的云组件的描述信息，根据所述描述信息生成所述云组件的渲染信息，并将所生成的所述云组件的渲染信息发送给所述终端设备。

本说明书一实施例中，云端设备发送给终端的渲染信息可以是通过上述任一方式，根据所述描述信息生成所述云组件对应的渲染指令，并以所述云组件对应的渲染指令进行绘制，得到所绘制出的所述云组件的组件图像，在此情形下，终端可以直接根据所接收到的组件图像进行显示。

而为了减小传输数据量，降低传输和目标页面显示的延时，本说明书另一实施例中，云端设备发送给终端的渲染信息也可以为根据该云组件的描述信息所生成的该云组件对应的渲染指令。此时，接收到该云组件的描述信息之后，终端可以根据该云组件对应的渲染指令进行绘制，得到所绘制出的该云组件的组件图像。

当然，云端设备在根据云组件的描述信息生成该云组件对应的渲染指令之后，还可以以预先设定的方式，将该云组件对应的渲染指令划分为待发送指令和待绘制指令，并根据该云组件对应的待绘制指令进行绘制，得到所绘制出的图像，作为该云组件对应的组件子图像，此时，可以将该云组件对应的待发送指令和组件所绘制出的该云组件的组件子图像，作为该云组件的渲染信息发送给终端，终端在接收到该云组件的渲染信息之后，则可以将所述渲染信息中的待发送指令作为已接收指令，并根据所述已接收指令进行绘制，得到所绘制出的该云组件的组件子图像，并将根据所述已接收指令绘制出的组件子图像和渲染信息中所包括的组件子图像组合为该云组件的组件图像。

需要说明的是，本说明书实施例中所述组件图像可以为静态的图片，也可以为由若干个视频帧编码得到的视频流，本说明书对此不作限制，而当组件图像为视频流时，进行绘制的终端或云端设备通过上述任一方式根据所述组件的描述信息生成每个视频帧对应的绘制指令，再针对每个视频帧，根据该视频帧对应的绘制指令得到所绘制出的该视频帧，并将所绘制出的各视频帧采用任一现有的方式编码为视频流。而类似的，所述渲染信息中所包括的渲染指令也可以为对若干个视频帧进行渲染的指令流。

在终端通过上述任一方式确定出各云组件的组件图像之后，根据各云组件的组件图像，以及终端采用上述任一方式所渲染出的各本地组件的组件图像，可以对目标页面进行显示。

本说明书一实施例中，所述云端设备可以包括若干个服务器，此时，针对所确定出的每个云组件，所述终端可以从各云端设备中选择出目标云端设备，并将该云组件的描述信息发送给所选择出的目标云端设备，以使所述目标云端设备通过上述任一方式向终端返回该云组件的渲染信息。

本说明书一实施例中，所述云端设备所包括的各服务器中至少包含一个总服务器和至少一个边缘服务器，其中，本领域技术人员可以理解的，所述总服务器所提供的计算资源大于任一边缘服务器，而各边缘服务器被布置在不同位置，针对每个终端，距离该终端最近的服务器与该终端之间数据传输的速率大于所述云端设备中的其他任一服务器。

示例性的，当某一云组件的渲染需要占用大量的计算资源时，可以选择所述总服务器作为目标服务器，并向所述总服务器发送该云组件的描述信息；而当所渲染出的组件图像的数据量较大时，为了提高组件图像的传输速率以降低页面显示的延时，则可以选择距离所述终端较近或最近的边缘服务器作为目标服务器，当然，以上仅为示例，本说明书实施例并不对选择目标服务器的方式作限制。

而对于接收到云组件的描述信息的服务器来说，该服务器还可以确定各云端设备当前的空闲计算资源，并根据所述云组件的描述信息和各云端设备当前的空闲计算资源判断当前是否满足指定条件，若是，则从各服务器中重新选择出所述云组件的目标云端设备，并向所重新选择出的目标云端设备发送所述云组件的描述信息，以使所重新选择出的目标云端设备根据上述任一方式生成该云组件的渲染信息并返回给所述终端。

本说明书并不限制所述指定条件如何设定，例如，可以确定所述终端的位置信息，并根据所确定出的所述终端的位置信息，以及各云端设备的位置信息，从当前的空闲计算资源满足对所述云组件的描述信息的处理条件的各云端设备中，选择出与所述终端的位置最近的云端设备，作为所述云组件的目标云端设备。当然，还可以采用其他任一方式选择所述云组件的目标云端设备，本说明书对此不作限制。

以上为本说明书的一个或多个实施例提供的页面显示方法，基于同样的思路，本说明书还提供了相应的页面显示装置，如图3、图4所示。

图3为本说明书提供的一种页面显示装置示意图，该装置包括：

组件确定模块300，用于确定待显示的目标页面中所包含的各组件，并获取各组件的描述信息；

类型确定模块302，用于针对目标页面中的每个组件，判定该组件为本地组件或云组件，其中，所判定出的所述目标页面中包括至少一个本地组件和至少一个云组件；

组件渲染模块304，用于针对每个本地组件，根据该本地组件的描述信息，对该组件进行渲染，得到该本地组件的组件图像；针对每个云组件，向云端设备发送该云组件的描述信息，响应于所接收到的所述云端设备返回的该云组件的渲染信息，根据所述渲染信息确定该云组件的组件图像；

页面显示模块306，用于根据各组件的组件图像，显示所述目标页面。

可选地，针对每个组件，该组件的描述信息包括：目标页面的页面文档中所包括的该组件的显示属性；或，目标页面的页面文档中所包括的该组件的显示属性以及所接收到的用户输入的对该组件的操作指令。

可选地，所述组件渲染模块304具体用于，根据该本地组件的描述信息，生成该本地组件对应的渲染指令；根据所述渲染指令对该本地组件进行绘制，得到所绘制出的该本地组件的组件图像。

可选地，当该本地组件的描述信息包括目标页面的页面文档中所包括的该本地组件的显示属性，以及所接收到的用户输入的对该本地组件的操作指令时，所述组件渲染模块304具体用于，根据所获取到的该本地组件的显示属性，以及所接收到的对该本地组件的操作指令，重新确定该本地组件当前的显示属性；根据所重新确定出的该本地组件当前的显示属性，生成该本地组件对应的渲染指令。

可选地，所述组件确定模块300具体用于，响应于所接收到的所述云端设备返回的该云组件对应的渲染指令，根据所述渲染指令对该云组件进行绘制，得到所绘制出的该云组件的组件图像。

可选地，所述组件确定模块300具体用于，响应于所接收到的所述云端设备返回的组件图像，将所接收到的组件图像作为该云组件的组件图像。

可选地，所述渲染信息包括图像以及渲染指令；所述组件确定模块300具体用于，响应于所接收到的所述云端设备返回的该云组件的渲染信息，根据所述渲染信息中所包括的渲染指令进行绘制；将所绘制出的图像及所述渲染信息中所包括的图像作为该云组件的组件子图像；组合该云组件的组件子图像，得到该云组件的组件图像。

图4为本说明书提供的一种页面显示装置示意图，该装置包括：

渲染模块400，用于响应于所接收到的终端设备发送的云组件的描述信息，根据所述描述信息生成所述云组件的渲染信息，其中，所述云组件为待显示的目标页面中的组件，所述目标页面中还包括至少一个本地组件；

发送模块402，用于将所生成的所述云组件的渲染信息发送给所述终端设备，以使所述终端设备根据所述云组件的渲染信息确定该云组件的组件图像，使得所述终端设备根据所确定出的各组件的组件图像显示所述目标页面。

可选地，所述渲染模块400具体用于，根据所述描述信息生成所述云组件对应的渲染指令，作为所述云组件的渲染信息。

可选地，所述渲染模块400具体用于，根据所述描述信息生成所述云组件对应的渲染指令；以所述云组件对应的渲染指令进行绘制，得到所绘制出的所述云组件的组件图像，作为所述云组件的渲染信息。

可选地，所述渲染模块400具体用于，根据所述描述信息生成所述云组件对应的渲染指令；以预先设定的方式，将该云组件对应的渲染指令划分为待发送指令和待绘制指令；根据该云组件对应的待绘制指令进行绘制，得到所绘制出的图像，作为该云组件对应的组件子图像，并将该云组件对应的待发送指令和组件子图像作为所生成的该云组件的渲染信息，以使终端设备根据所接收到的渲染信息中的已发送指令进行绘制，并组合所绘制出的该云组件的组件子图像以及所述渲染信息中包含的该云组件的组件子图像，得到组合出的该云组件的组件图像。

可选地，所述云组件的描述信息包括：所述目标页面的页面文档中所存储的所述云组件的显示属性，以及终端设备所接收到的用户所输入的对所述云组件操作指令；所述渲染模块400具体用于，根据所述云组件的显示属性以及终端设备所接收到的对所述云组件的操作指令，重新确定所述云组件当前的显示属性；根据所重新确定出的所述云组件当前的显示属性，生成所述云组件对应的渲染指令。

可选地，所述发送模块402还用于，响应于所接收到的终端设备发送的云组件的描述信息，确定各云端设备当前的空闲计算资源；根据所述云组件的描述信息以及各云端设备当前的空闲计算资源，判断是否满足指定条件，若是，则从各云端设备中选择出所述云组件的目标云端设备，并向所选择出的目标云端设备发送所述云组件的描述信息，其中，所述云端设备包括总服务器和边缘服务器。

本说明书还提供了一种计算机可读存储介质，该存储介质存储有计算机程序，计算机程序可用于执行上述页面显示方法。

本说明书还提供了图5所示的电子设备的结构示意图。如图5所示，在硬件层面，该电子设备包括处理器、内部总线、内存以及非易失性存储器，当然还可能包括其他业务所需要的硬件。处理器从非易失性存储器中读取对应的计算机程序到内存中然后运行，以实现上述页面显示方法。

当然，除了软件实现方式之外，本说明书并不排除其他实现方式，比如逻辑器件抑或软硬件结合的方式等等，也就是说以下处理流程的执行主体并不限定于各个逻辑单元，也可以是硬件或逻辑器件。

在20世纪90年代，对于一个技术的改进可以很明显地区分是硬件上的改进（例如，对二极管、晶体管、开关等电路结构的改进）还是软件上的改进（对于方法流程的改进）。然而，随着技术的发展，当今的很多方法流程的改进已经可以视为硬件电路结构的直接改进。设计人员几乎都通过将改进的方法流程编程到硬件电路中来得到相应的硬件电路结构。因此，不能说一个方法流程的改进就不能用硬件实体模块来实现。例如，可编程逻辑器件（Programmable Logic Device, PLD）（例如现场可编程门阵列（Field Programmable GateArray，FPGA））就是这样一种集成电路，其逻辑功能由用户对器件编程来确定。由设计人员自行编程来把一个数字系统“集成”在一片PLD上，而不需要请芯片制造厂商来设计和制作专用的集成电路芯片。而且，如今，取代手工地制作集成电路芯片，这种编程也多半改用“逻辑编译器（logic compiler）”软件来实现，它与程序开发撰写时所用的软件编译器相类似，而要编译之前的原始代码也得用特定的编程语言来撰写，此称之为硬件描述语言（Hardware Description Language，HDL），而HDL也并非仅有一种，而是有许多种，如ABEL（Advanced Boolean Expression Language）、AHDL（Altera Hardware DescriptionLanguage）、Confluence、CUPL（Cornell University Programming Language）、HDCal、JHDL（Java Hardware Description Language）、Lava、Lola、MyHDL、PALASM、RHDL（RubyHardware Description Language）等，目前最普遍使用的是VHDL（Very-High-SpeedIntegrated Circuit Hardware Description Language）与Verilog。本领域技术人员也应该清楚，只需要将方法流程用上述几种硬件描述语言稍作逻辑编程并编程到集成电路中，就可以很容易得到实现该逻辑方法流程的硬件电路。

控制器可以按任何适当的方式实现，例如，控制器可以采取例如微处理器或处理器以及存储可由该（微）处理器执行的计算机可读程序代码（例如软件或固件）的计算机可读介质、逻辑门、开关、专用集成电路（Application Specific Integrated Circuit，ASIC）、可编程逻辑控制器和嵌入微控制器的形式，控制器的例子包括但不限于以下微控制器：ARC 625D、Atmel AT91SAM、Microchip PIC18F26K20 以及Silicone Labs C8051F320，存储器控制器还可以被实现为存储器的控制逻辑的一部分。本领域技术人员也知道，除了以纯计算机可读程序代码方式实现控制器以外，完全可以通过将方法步骤进行逻辑编程来使得控制器以逻辑门、开关、专用集成电路、可编程逻辑控制器和嵌入微控制器等的形式来实现相同功能。因此这种控制器可以被认为是一种硬件部件，而对其内包括的用于实现各种功能的装置也可以视为硬件部件内的结构。或者甚至，可以将用于实现各种功能的装置视为既可以是实现方法的软件模块又可以是硬件部件内的结构。

上述实施例阐明的系统、装置、模块或单元，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的，计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。

为了描述的方便，描述以上装置时以功能分为各种单元分别描述。当然，在实施本说明书时可以把各单元的功能在同一个或多个软件和/或硬件中实现。

本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质（包括但不限于磁盘存储器、CD-ROM、光学存储器等）上实施的计算机程序产品的形式。

本发明是参照根据本发明实施例的方法、设备（系统）、和计算机程序产品的流程图和／或方框图来描述的。应理解可由计算机程序指令实现流程图和／或方框图中的每一流程和／或方框、以及流程图和／或方框图中的流程和／或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和／或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和／或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和／或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。

本领域技术人员应明白，本说明书的实施例可提供为方法、系统或计算机程序产品。因此，本说明书可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本说明书可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质（包括但不限于磁盘存储器、CD-ROM、光学存储器等）上实施的计算机程序产品的形式。

本说明书可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本说明书，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

以上所述仅为本说明书的实施例而已，并不用于限制本说明书。对于本领域技术人员来说，本说明书可以有各种更改和变化。凡在本说明书的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本说明书的权利要求范围之内。

Claims (18)

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

确定待显示的目标页面中所包含的本地组件和云组件；

其中，所述目标页面中包括至少一个本地组件和至少一个云组件；

针对确定出的所述目标页面所包含的每个本地组件，根据该本地组件的描述信息，对该组件进行渲染，得到该本地组件的组件图像；针对确定出的所述目标页面所包含的每个云组件，向云端设备发送该云组件的描述信息，响应于所接收到的所述云端设备返回的该云组件的渲染信息，根据所述渲染信息确定该云组件的组件图像，其中，所述渲染信息为渲染指令和/或组件图像；

根据各组件的组件图像，显示所述目标页面。

2.如权利要求1所述的方法，其特征在于，针对每个组件，该组件的描述信息包括：

目标页面的页面文档中所包括的该组件的显示属性；或，

目标页面的页面文档中所包括的该组件的显示属性以及所接收到的用户输入的对该组件的操作指令。

3.如权利要求1所述的方法，其特征在于，根据该本地组件的描述信息，对该组件进行渲染，得到该本地组件的组件图像，具体包括：

根据该本地组件的描述信息，生成该本地组件对应的渲染指令；

根据所述渲染指令对该本地组件进行绘制，得到所绘制出的该本地组件的组件图像。

4.如权利要求3所述的方法，其特征在于，当该本地组件的描述信息包括目标页面的页面文档中所包括的该本地组件的显示属性，以及所接收到的用户输入的对该本地组件的操作指令时，根据该本地组件的描述信息，生成该本地组件对应的渲染指令，具体包括：

根据所获取到的该本地组件的显示属性，以及所接收到的对该本地组件的操作指令，重新确定该本地组件当前的显示属性；

根据所重新确定出的该本地组件当前的显示属性，生成该本地组件对应的渲染指令。

5.如权利要求1所述的方法，其特征在于，响应于所接收到的所述云端设备返回的该云组件的渲染信息，根据所述渲染信息确定该云组件的组件图像，具体包括：

响应于所接收到的所述云端设备返回的该云组件对应的渲染指令，根据所述渲染指令对该云组件进行绘制，得到所绘制出的该云组件的组件图像。

6.如权利要求1所述的方法，其特征在于，响应于所接收到的所述云端设备返回的该云组件的渲染信息，根据所述渲染信息确定该云组件的组件图像，具体包括：

响应于所接收到的所述云端设备返回的组件图像，将所接收到的组件图像作为该云组件的组件图像。

7.如权利要求1所述的方法，其特征在于，响应于所接收到的所述云端设备返回的该云组件的渲染信息，根据所述渲染信息确定该云组件的组件图像，具体包括：

响应于所接收到的所述云端设备返回的该云组件的渲染信息，根据所述渲染信息中所包括的渲染指令进行绘制；

将所绘制出的图像及所述渲染信息中所包括的图像作为该云组件的组件子图像；

组合该云组件的组件子图像，得到该云组件的组件图像。

8.一种页面显示方法，其特征在于，包括：

响应于所接收到的终端设备发送的每个云组件的描述信息，根据所述描述信息生成该云组件的渲染信息，其中，所述云组件为待显示的目标页面中的组件，所述目标页面中还包含至少一个本地组件，所述渲染信息为渲染指令和/或组件图像；

将所生成的该云组件的渲染信息发送给所述终端设备，以使所述终端设备根据该云组件的渲染信息确定该云组件的组件图像，使得所述终端设备根据所确定出的云组件的组件图像和本地组件的组件图像显示所述目标页面，其中，针对每个本地组件，该本地组件的组件图像是所述终端设备根据该本地组件的描述信息对该本地组件进行渲染得到的。

9.如权利要求8所述的方法，其特征在于，根据所述描述信息生成所述云组件的渲染信息，具体包括：

根据所述描述信息生成所述云组件对应的渲染指令，作为所述云组件的渲染信息。

10.如权利要求8所述的方法，其特征在于，根据所述描述信息生成所述云组件的渲染信息，具体包括：

根据所述描述信息生成所述云组件对应的渲染指令；

以所述云组件对应的渲染指令进行绘制，得到所绘制出的所述云组件的组件图像，作为所述云组件的渲染信息。

11.如权利要求8所述的方法，其特征在于，根据所述描述信息生成所述云组件的渲染信息，具体包括：

根据所述描述信息生成所述云组件对应的渲染指令；

以预先设定的方式，将该云组件对应的渲染指令划分为待发送指令和待绘制指令；

根据该云组件对应的待绘制指令进行绘制，得到所绘制出的图像，作为该云组件对应的组件子图像，并将该云组件对应的待发送指令和组件子图像作为所生成的该云组件的渲染信息，以使终端设备根据所接收到的渲染信息中的已发送指令进行绘制，并组合所绘制出的该云组件的组件子图像以及所述渲染信息中包含的该云组件的组件子图像，得到组合出的该云组件的组件图像。

12.如权利要求9-11任一所述的方法，其特征在于，所述云组件的描述信息包括：所述目标页面的页面文档中所包括的所述云组件的显示属性，以及终端设备所接收到的用户所输入的对所述云组件操作指令；

根据所述描述信息生成所述云组件对应的渲染指令，具体包括：

根据所述云组件的显示属性以及终端设备所接收到的对所述云组件的操作指令，重新确定所述云组件当前的显示属性；

根据所重新确定出的所述云组件当前的显示属性，生成所述云组件对应的渲染指令。

13.如权利要求8所述的方法，其特征在于，所述方法还包括：

响应于所接收到的终端设备发送的云组件的描述信息，确定各云端设备当前的空闲计算资源；

根据所述云组件的描述信息以及各云端设备当前的空闲计算资源，判断是否满足指定条件，若是，则从各云端设备中选择出所述云组件的目标云端设备，并向所选择出的目标云端设备发送所述云组件的描述信息，其中，所述云端设备包括总服务器和边缘服务器。

14.一种页面显示系统，其特征在于，包括：

终端设备，用于确定待显示的目标页面中所包含的本地组件和云组件，其中，所述目标页面中包括至少一个本地组件和至少一个云组件；针对确定出的所述目标页面所包含的每个本地组件，根据该本地组件的描述信息，对该组件进行渲染，得到该本地组件的组件图像；针对确定出的所述目标页面所包含的每个云组件，向云端设备发送该云组件的描述信息；响应于所接收到的所述云端设备返回的所述云组件的渲染信息，根据所述渲染信息确定所述云组件的组件图像；根据各组件的组件图像，显示所述目标页面，其中，所述渲染信息为渲染指令和/或组件图像；

云端设备，用于响应于所接收到的终端设备发送的云组件的描述信息，根据所述描述信息生成所述云组件的渲染信息；将所生成的所述云组件的渲染信息发送给所述终端设备。

15.一种页面显示装置，其特征在于，所述装置具体包括：

组件确定模块，用于确定待显示的目标页面中所包含的本地组件和云组件；其中，所判定出的所述目标页面中包括至少一个本地组件和至少一个云组件；

组件渲染模块，用于针对确定出的所述目标页面所包含的每个本地组件，根据该本地组件的描述信息，对该组件进行渲染，得到该本地组件的组件图像；针对确定出的所述目标页面所包含的每个云组件，向云端设备发送该云组件的描述信息，响应于所接收到的所述云端设备返回的该云组件的渲染信息，根据所述渲染信息确定该云组件的组件图像，其中，所述渲染信息为渲染指令和/或组件图像；

页面显示模块，用于根据各组件的组件图像，显示所述目标页面。

16.一种页面显示装置，其特征在于，所述装置具体包括：

渲染模块，用于响应于所接收到的终端设备发送的每个云组件的描述信息，根据所述描述信息生成该云组件的渲染信息，其中，所述云组件为待显示的目标页面中的组件，所述目标页面中还包含至少一个本地组件，所述渲染信息为渲染指令和/或组件图像；

发送模块，用于将所生成的该云组件的渲染信息发送给所述终端设备，以使所述终端设备根据该云组件的渲染信息确定该云组件的组件图像，使得所述终端设备根据所确定出的云组件的组件图像和本地组件的组件图像显示所述目标页面，其中，针对每个本地组件，该本地组件的组件图像是所述终端设备根据该本地组件的描述信息对该本地组件进行渲染得到的。

17.一种计算机可读存储介质，其特征在于，所述存储介质存储有计算机程序，所述计算机程序被处理器执行时实现上述权利要求1~13任一项所述的方法。

18.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现上述权利要求1~13任一项所述的方法。

Images