CN112287256A - 页面显示方法、终端设备、云服务器、系统及存储介质 - Google Patents
页面显示方法、终端设备、云服务器、系统及存储介质 Download PDFInfo
- Publication number
- CN112287256A CN112287256A CN202010997017.4A CN202010997017A CN112287256A CN 112287256 A CN112287256 A CN 112287256A CN 202010997017 A CN202010997017 A CN 202010997017A CN 112287256 A CN112287256 A CN 112287256A
- Authority
- CN
- China
- Prior art keywords
- target
- page
- rendering tree
- initial
- rendering
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 103
- 238000009877 rendering Methods 0.000 claims abstract description 448
- 238000013507 mapping Methods 0.000 claims description 59
- 230000015654 memory Effects 0.000 claims description 24
- 238000004590 computer program Methods 0.000 claims description 8
- 230000002159 abnormal effect Effects 0.000 abstract description 4
- 238000010586 diagram Methods 0.000 description 14
- 238000004891 communication Methods 0.000 description 9
- 230000008569 process Effects 0.000 description 7
- 230000003068 static effect Effects 0.000 description 7
- 230000000694 effects Effects 0.000 description 6
- 230000003993 interaction Effects 0.000 description 5
- 230000011664 signaling Effects 0.000 description 4
- 230000006870 function Effects 0.000 description 3
- 239000004973 liquid crystal related substance Substances 0.000 description 3
- 238000012545 processing Methods 0.000 description 3
- 230000001413 cellular effect Effects 0.000 description 2
- 239000003795 chemical substances by application Substances 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- VYZAMTAEIAYCRO-UHFFFAOYSA-N Chromium Chemical compound [Cr] VYZAMTAEIAYCRO-UHFFFAOYSA-N 0.000 description 1
- 230000003044 adaptive effect Effects 0.000 description 1
- 230000000903 blocking effect Effects 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 239000000284 extract Substances 0.000 description 1
- 230000000977 initiatory effect Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000001953 sensory effect Effects 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
- 239000002699 waste material Substances 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/901—Indexing; Data structures therefor; Storage structures
- G06F16/9027—Trees
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请提供一种页面显示方法、终端设备、云服务器、系统、电子设备及存储介质，包括：向云服务器发送获取请求，获取请求中携带目标页面的属性信息，获取请求用于获取与目标页面对应的目标渲染树，接收云服务器反馈的与获取请求对应的目标渲染树，对目标渲染树进行渲染，获得并输出与目标渲染树对应的目标页面，通过终端设备从云服务器获取目标渲染树，无需由终端设备本身生成目标渲染树，避免了由终端设备生成目标渲染树，并对目标渲染树进行渲染生成目标页面时造成的目标页面加载异常等问题，实现了节约终端设备生成渲染树的时间，从而提高生成目标页面的效率，降低了目标页面显示对终端设备性能的要求，提高了终端设备的整体运作性能。
Description
技术领域
本申请涉及互联网和页面显示技术领域，尤其涉及一种页面显示方法、终端设备、云服务器、系统、电子设备及存储介质。
背景技术
随着互联网技术的发展，以及终端设备的应用普及，如何降低显示页面的对硬件性能要求及提高页面显示的效率成了亟待解决的问题。
在现有技术中，页面显示的方法包括：当终端设备接收到显示页面的请求时，获取用于显示页面的静态资源，根据获取到的静态资源生成渲染树，并对渲染树进行渲染，生成并显示页面。
然而，发明人在实现本申请的过程中，发现至少存在以下技术问题：页面的生成速度较慢，且页面生成的稳定性偏低，低性能硬件无法运行复杂页面。
发明内容
本申请实施例提供一种页面显示方法、终端设备、云服务器、系统、电子设备及存储介质，用于解决上述技术问题中的至少一种。
第一方面，本申请实施例提供一种页面显示方法，所述方法应用于终端设备，所述方法包括：
向云服务器发送获取请求，所述获取请求中携带目标页面的属性信息，所述获取请求用于获取与所述目标页面对应的目标渲染树；
接收所述云服务器反馈的与所述获取请求对应的所述目标渲染树；
对所述目标渲染树进行渲染，获得并输出与所述目标渲染树对应的目标页面。
在本实施例中，通过终端设备从云服务器获取目标渲染树，无需由终端设备本身生成目标渲染树，避免了由终端设备生成目标渲染树，并对目标渲染树进行渲染生成目标页面时造成的：终端设备的显示器的白屏时间过长和目标页面加载异常等问题，实现了节约终端设备生成渲染树的时间，从而提高生成目标页面的效率，且降低了目标页面对终端设备的性能的要求的技术效果。
在一些实施例中，所述目标页面的属性信息用于结合预先设置的映射关系确定所述目标渲染树；其中，所述映射关系用于表征初始页面与初始渲染树之间的关系，所述初始页面包括所述目标页面，所述初始渲染树包括所述目标渲染树。
在本实施例中，通过构建映射关系的确定目标渲染树，可以提高确定目标渲染树的效率，从而提高显示目标页面的速度，增强用户的浏览体验的技术效果。
在一些实施例中，所述方法还包括：
向所述云服务器发送渲染请求，所述渲染请求中携带所述初始页面的属性信息，所述渲染请求用于请求生成所述初始页面对应的所述初始渲染树。
在一些实施例中，所述映射关系用于表征所述初始页面与存储地址之间的关系，所述存储地址为存储所述初始渲染树的地址。
在一些实施例中，在向云服务器发送获取请求之前，所述方法还包括：
生成并存储所述终端设备与所述云服务器共同配置的指令协议，所述指令协议包括：指令类型和指令参数，所述指令类型包括页面初始化类型和页面操作类型，所述指令参数包括页面属性信息和针对页面的操作信息；
获取针对所述终端设备的目标操作信息，所述目标操作信息包括目标指令类型和目标指令参数；
根据所述目标指令类型和所述目标指令参数确定所述目标页面的属性信息。
在一些实施例中，若所述目标指令类型为页面初始化类型，所述目标指令参数为地址信息，则所述目标渲染树为基于所述目标指令参数确定所述目标页面的属性信息，并根据预先设置的映射关系获取的与所述目标页面对应的渲染树，其中，所述映射关系用于表征初始渲染树与初始页面之间的关系，所述初始页面包括所述目标页面，所述初始渲染树包括所述目标渲染树。
在一些实施例中，若所述目标指令类型为页面操作类型，所述目标指令参数为针对页面的操作信息，则所述目标渲染树是根据所述针对页面的操作信息确定所述目标页面，并基于所述目标页面对当前页面的渲染树进行更新获得的渲染树。
在一些实施例中，在所述接收所述云服务器反馈的与所述获取请求对应的目标渲染树之后，所述方法还包括：
确定当前渲染树；
若所述目标渲染树与所述当前渲染树相同，则保持输出所述当前渲染树对应的页面；
以及，对所述目标渲染树进行渲染，获得所述目标页面包括：若所述目标渲染树与所述当前渲染树不同，则对所述目标渲染树进行渲染，获得并输出与所述目标渲染树对应的所述目标页面。
在本实施例中，通过将目标渲染树与当前渲染树进行比对，可以避免对同一渲染树进行渲染造成的资源浪费、时间消耗的弊端，从而实现提高资源的合理利用的技术效果。
第二方面，本申请实施例提供一种页面显示方法，所述方法应用云服务器，所述方法包括：
接收终端设备发送的获取请求，所述获取请求中携带目标页面的属性信息，所述获取请求用于获取与所述目标页面对应的目标渲染树；
确定与所述获取请求对应的目标渲染树；
将所述目标渲染树发送至所述终端设备，所述目标渲染树用于生成与所述获取请求对应的目标页面。
在一些实施例中，确定与所述获取请求对应的目标渲染树，包括：
根据所述目标页面的属性信息确定所述目标页面；
根据所述目标页面和预先设置的映射关系，确定所述目标渲染树，其中，所述映射关系用于表征初始渲染树与初始页面之间的关系，所述初始页面包括所述目标页面，所述初始渲染树包括所述目标渲染树。
在一些实施例中，在所述接收终端设备发送的获取请求之前，所述方法还包括：
接收所述终端设备发送的渲染请求，所述渲染请求中携带所述初始页面的属性信息，所述渲染请求用于请求生成所述初始页面对应的所述初始渲染树；
根据所述初始页面的属性信息生成与所述初始页面对应的初始渲染树。
在一些实施例中，在根据初始页面的属性信息生成与所述初始页面对应的初始渲染树之后，所述方法还包括：
为所述初始渲染树分配存储地址，并存储所述初始渲染树；
构建所述初始页面与所述存储地址之间的所述映射关系。
在一些实施例中，所述目标页面的属性信息包括针对所述终端设备的目标操作信息，且所述目标操作信息包括目标指令类型和目标指令参数；在所述接收终端设备发送的获取请求之前，所述方法还包括：
生成并存储所述云服务器与所述终端设备共同配置的指令协议，所述指令协议包括：指令类型和指令参数，所述指令类型包括页面初始化类型和页面操作类型，所述指令参数包括页面属性信息和针对页面的操作信息；
以及，确定与所述获取请求对应的目标渲染树，包括：根据所述目标指令类型和所述目标指令参数确定所述目标渲染树。
在一些实施例中，若所述目标指令类型为页面初始化类型，所述目标指令参数为地址信息；则根据所述目标指令类型和所述目标指令参数确定所述目标渲染树，包括：
根据所述地址信息确定所述目标页面；
根据预先设置的映射关系获取与所述目标页面对应的所述目标渲染树，所述映射关系用于表征初始渲染树与初始页面之间的关系，所述初始渲染树包括所述目标渲染树，所述初始页面包括所述目标页面。
在一些实施例中，若所述目标指令类型为页面操作类型，所述目标指令参数为针对页面的操作信息，则根据所述目标指令类型和所述目标指令参数确定所述目标渲染树，包括：
根据所述针对页面的操作信息确定目标页面；
基于所述目标页面对当前页面的渲染树进行更新，获得与所述目标页面对应的所述目标渲染树。
第三方面，本申请实施例提供一种终端设备，所述终端设备包括：
第一发送模块，用于向云服务器发送获取请求，所述获取请求中携带目标页面的属性信息，所述获取请求用于获取与所述目标页面对应的目标渲染树；
第一接收模块，用于接收所述云服务器反馈的与所述获取请求对应的所述目标渲染树；
渲染模块，用于对所述目标渲染树进行渲染，获得与所述目标渲染树对应的目标页面；
输出模块，用于输出所述目标页面。
在一些实施例中，所述目标页面的属性信息用于结合预先设置的映射关系确定所述目标渲染树；其中，所述映射关系用于表征初始页面与初始渲染树之间的关系，所述初始页面包括所述目标页面，所述初始渲染树包括所述目标渲染树。
在一些实施例中，所述第一发送模块还用于，向所述云服务器发送渲染请求，所述渲染请求中携带所述初始页面的属性信息，所述渲染请求用于请求生成所述初始页面对应的所述初始渲染树。
在一些实施例中，所述映射关系用于表征所述初始页面与存储地址之间的关系，所述存储地址为存储所述初始渲染树的地址。
在一些实施例中，第一存储模块，用于生成并存储所述终端设备与所述云服务器共同配置的指令协议，所述指令协议包括：指令类型和指令参数，所述指令类型包括页面初始化类型和页面操作类型，所述指令参数包括页面属性信息和针对页面的操作信息；
获取模块，用于获取针对所述终端设备的目标操作信息，所述目标操作信息包括目标指令类型和目标指令参数；
第一确定模块，用于根据所述目标指令类型和所述目标指令参数确定所述目标页面的属性信息。
在一些实施例中，若所述目标指令类型为页面初始化类型，所述目标指令参数为地址信息，则所述目标渲染树为基于所述目标指令参数确定所述目标页面的属性信息，并根据预先设置的映射关系获取的与所述目标页面对应的渲染树，其中，所述映射关系用于表征初始渲染树与初始页面之间的关系，所述初始页面包括所述目标页面，所述初始渲染树包括所述目标渲染树。
在一些实施例中，若所述目标指令类型为页面操作类型，所述目标指令参数为针对页面的操作信息，则所述目标渲染树是根据所述针对页面的操作信息确定所述目标页面，并基于所述目标页面对当前页面的渲染树进行更新获得的渲染树。
在一些实施例中，所述终端设备还包括：
第二确定模块，用于确定当前渲染树；
若所述目标渲染树与所述当前渲染树相同，则所述输出模块用于，保持输出所述当前渲染树对应的页面；
若所述目标渲染树与所述当前渲染树不同，则所述渲染模块用于，对所述目标渲染树进行渲染，获得与所述目标渲染树对应的所述目标页面。
第四方面，本申请实施例提供一种云服务器，所述云服务器包括：
第二接收模块，用于接收终端设备发送的获取请求，所述获取请求中携带目标页面的属性信息，所述获取请求用于获取与所述目标页面对应的目标渲染树；
第三确定模块，用于确定与所述获取请求对应的目标渲染树；
第二发送模块，用于将所述目标渲染树发送至所述终端设备，所述目标渲染树用于生成与所述获取请求对应的目标页面。
在一些实施例中，所述第三确定模块用于，根据所述目标页面的属性信息确定所述目标页面，根据所述目标页面和预先设置的映射关系，确定所述目标渲染树，其中，所述映射关系用于表征初始渲染树与初始页面之间的关系，所述初始页面包括所述目标页面，所述初始渲染树包括所述目标渲染树。
在一些实施例中，所述云服务器还包括：
第三接收模块，用于接收所述终端设备发送的渲染请求，所述渲染请求中携带所述初始页面的属性信息，所述渲染请求用于请求生成所述初始页面对应的所述初始渲染树；
生成模块，用于根据所述初始页面的属性信息生成与所述初始页面对应的初始渲染树。
在一些实施例中，所述云服务器还包括：
分配模块，用于为所述初始渲染树分配存储地址，并存储所述初始渲染树；
构建模块，用于构建所述初始页面与所述存储地址之间的所述映射关系。
在一些实施例中，所述云服务器还包括：
第二存储模块，用于生成并存储所述云服务器与所述终端设备共同配置的指令协议，所述指令协议包括：指令类型和指令参数，所述指令类型包括页面初始化类型和页面操作类型，所述指令参数包括页面属性信息和针对页面的操作信息；
所述第三确定模块用于，根据所述目标指令类型和所述目标指令参数确定所述目标渲染树。
在一些实施例中，若所述目标指令类型为页面初始化类型，所述目标指令参数为地址信息；则所述第三确定模块用于，根据所述地址信息确定所述目标页面，根据预先设置的映射关系获取与所述目标页面对应的所述目标渲染树，所述映射关系用于表征初始渲染树与初始页面之间的关系，所述初始渲染树包括所述目标渲染树，所述初始页面包括所述目标页面。
在一些实施例中，若所述目标指令类型为页面操作类型，所述目标指令参数为针对页面的操作信息，则所述第三确定模块用于，根据所述针对页面的操作信息确定目标页面，基于所述目标页面对当前页面的渲染树进行更新，获得与所述目标页面对应的所述目标渲染树。
第五方面，本申请实施例提供一种页面显示系统，所述系统包括：
如上任一实施例所述的终端设备；
如上任一实施例所述的云服务器。
在一些实施例中，所述云服务器包括处理器和至少一个浏览器内核，其中，
所述处理器用于，向所述至少一个浏览器内核发送接收到的渲染请求，所述渲染请求中携带初始页面的属性信息，所述渲染请求用于请求生成所述初始页面对应的所述初始渲染树；
所述至少一个浏览器内核用于，根据所述初始页面的属性信息生成与所述初始页面对应的初始渲染树。
在一些实施例中，所述云服务器还包括数据库，所述数据库包括存储地址；所述处理器用于，为所述初始渲染树分配存储地址，并根据分配的存储地址将所述初始渲染树存储至所述数据库。
第六方面，本申请实施例提供一种电子设备，包括：存储器，处理器；
所述存储器用于存储所述处理器可执行指令的存储器；
其中，当执行所述存储器中的指令时，所述处理器被配置为实现上述任一项实施例所述的方法。
第七方面，本申请实施例提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现上述任一实施例所述的方法。
本申请实施例提供一种页面显示方法、终端设备、云服务器、系统、电子设备及存储介质，包括：向云服务器发送获取请求，获取请求中携带目标页面的属性信息，获取请求用于获取与目标页面对应的目标渲染树，接收云服务器反馈的与获取请求对应的目标渲染树，对目标渲染树进行渲染，获得并输出与目标渲染树对应的目标页面，通过终端设备从云服务器获取目标渲染树，无需由终端设备本身生成目标渲染树，避免了由终端设备生成目标渲染树，并对目标渲染树进行渲染生成目标页面时造成的：终端设备的显示器的白屏时间过长和目标页面加载异常等问题，实现了节约终端设备生成渲染树的时间，从而提高生成目标页面的效率，且降低了目标页面对终端设备的性能的要求的技术效果。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图1为本申请实施例的页面显示系统的框架示意图；
图2为本申请一个实施例的页面显示方法的流程示意图；
图3为本申请另一实施例的页面显示方法的信令图；
图4为本申请另一实施例的页面显示方法的信令图；
图5为本申请另一实施例的页面显示的流程示意图；
图6为本申请一个实施例的终端设备的示意图；
图7为本申请另一实施例的终端设备的示意图；
图8为本申请一个实施例的云服务器的示意图；
图9为本申请另一实施例的云服务器的示意图；
图10为本申请实施例的电子设备的框图。
通过上述附图，已示出本申请明确的实施例，后文中将有更详细的描述。这些附图和文字描述并不是为了通过任何方式限制本申请构思的范围，而是通过参考特定实施例为本领域技术人员说明本申请的概念。
具体实施方式
为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”、“第四”等(如果存在)是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例例如能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
请参阅图1，图1为本申请实施例的页面显示系统的框架示意图。
如图1所示，页面显示系统可以包括终端设备100和云服务器200。
其中，终端设备100可以是移动终端，如移动电话(或称为“蜂窝”电话)和具有移动终端的计算机，例如，可以是便携式、袖珍式、手持式、计算机内置的或者车载的移动装置，它们与无线接入网交换语言和/或数据；终端设备还可以是个人通信业务(PersonalCommunication Service，PCS)电话、无绳电话、会话发起协议(Session InitiationProtocol，SIP)话机、无线本地环路(Wireless Local Loop，WLL)站、个人数字助理(Personal Digital Assistant，PDA)，平板型电脑、无线调制解调器(modem)、手持设备(handset)、膝上型电脑(laptop computer)、机器类型通信(Machine TypeCommunication,MTC)终端等设备；终端设备也可以称为系统、订户单元(SubscriberUnit)、订户站(Subscriber Station)，移动站(Mobile Station)、移动台(Mobile)、远程站(Remote Station)、远程终端(Remote Terminal)、接入终端(Access Terminal)、用户终端(User Terminal)、用户代理(User Agent)、用户设备(User Device or User Equipment)，等等，在此不作限定。
在本实施例中，终端设备100可以包括显示器，显示器可以提供显示界面，用户可以基于显示界面触发向终端设备100发起浏览网页的请求等，当终端设备100获取到用户发起的浏览网页的请求时，终端设备100可以从云服务器200获取渲染树，对渲染树进行渲染，生成并通过显示器输出页面。
其中，显示器包括液晶显示器(Liquid Crystal Display，LCD)、发光二极管(Light Emitting Diode，LED)显示器及有机发光(Organic Light Emitting Display，OLED)显示器，等等，本申请实施例不做限定。
如图1所示，云服务器200中可以包括：处理器、数据库以及多个不同类别的浏览器各自对应的浏览器内核，浏览器内核可以生成与其对应的浏览器的页面的渲染树，并将生成的渲染树存储于数据库中，处理器可以通过通信链路与终端设备100进行交互，当处理器接收到终端设备100发送的获取渲染树的请求时，从数据库中获取并将渲染树发送至终端设备100，渲染树被终端设备100用于生成并输出页面。
在相关技术中，由终端设备生成并对渲染树进行渲染，生成并输出页面。
然而，通过采用相关技术中由终端设备生成并渲染渲染树，获得并输出页面，可能造成页面的加载速度较慢，且页面加载的稳定性偏低的问题。
本申请的发明人在经过创造性地劳动之后，得到了本申请实施例的发明构思：由终端设备从云服务器获取并渲染渲染树，生成并输出页面。
下面以具体地实施例对本申请的技术方案以及本申请的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以相互结合，对于相同或相似的概念或过程可能在某些实施例中不再赘述。下面将结合附图，对本申请的实施例进行描述。
根据本申请实施例的一个方面，本申请实施例提供了一种页面显示方法，该方法可以应用于终端设备。
请参阅图2，图2为本申请一个实施例的页面显示方法的流程示意图。
如图2所示，该方法包括：
S101：终端设备向云服务器发送获取请求，获取请求中携带目标页面的属性信息，获取请求用于获取与目标页面对应的目标渲染树。
其中，本实施例的执行主体可以为终端设备，且关于终端设备的描述可以参见上述实施例，此处不再赘述。
同理，关于云服务器的描述可以参见上述实施例，此处不再赘述。
其中，目标页面中的“目标”用于与后文中的其他页面进行区分，可以理解为用户期望浏览的页面，而不能理解为对页面的内容的限定；同理，目标渲染树中的“目标”用于与后文中的其他渲染树进行区分，可以理解为用户期望的浏览的页面对应的渲染树，而不能理解为对渲染树的内容的限定。
结合上述实施例可知，用户可以通过终端设备的显示器发起浏览页面的请求，而当终端设备接收用户发起的浏览网页的请求时，终端设备可以确定出用户期望浏览的页面(即目标页面)的属性信息，并生成携带目标页面的属性信息的获取请求。
其中，目标页面的属性信息可以用于表征能够体现目标页面的特征的相关信息，如目标页面尺寸特征的信息、目标页面的版本特征的信息以及目标页面对应的浏览器的信息(如浏览器的类别)等。
也就是说，在本实施例中，终端设备可以通过向云服务器发送获取请求的方式，从云服务器中获取目标渲染树。相较于相关技术中由终端设备生成目标渲染树而言，通过本申请实施例的方法，可以减少终端设备生成目标渲染树的时间，降低目标页面显示对终端设备性能的要求，且可以降低终端设备的计算资源，从而可以稳定终端设备的其他性能，且从整体上提高终端设备的稳定性的技术效果。
S102：终端设备接收云服务器反馈的与获取请求对应的目标渲染树。
也就是说，在云服务器接收到终端设备发送的获取请求之后，云端服务器可以向终端设备发送与获取请求对应的目标渲染树。
S103：终端设备对目标渲染树进行渲染，获得并输出与目标渲染树对应的目标页面。
也就是说，当终端设备接收到云服务器反馈的目标渲染树之后，可以对该目标渲染树进行渲染，生成并显示目标页面。
值得说明的是，在相关技术中，是由终端设备生成目标渲染树，并对生成的目标渲染树进行渲染，生成目标页面，在本实施例中，终端设备是对云服务器反馈的目标渲染树进行渲染，无需由终端设备本身对目标渲染树进行生成，因此，可以节约终端设备生成目标渲染树的时间和资源，从而可以提高终端设备生成目标页面的速度，且由于可以节约终端设备的资源，所以，相对而言，终端设备拥有更多的资源执行其他的操作，从而提高终端设备的整体性能，且可以降低目标页面显示对终端设备性能的要求。
基于上述分析可知，本申请实施例提供了一种页面显示方法，该方法可以应用于终端设备，包括：向云服务器发送获取请求，获取请求中携带目标页面的属性信息，获取请求用于获取与目标页面对应的目标渲染树，接收云服务器反馈的与获取请求对应的目标渲染树，对目标渲染树进行渲染，获得并输出与目标渲染树对应的目标页面，通过终端设备从云服务器获取目标渲染树，无需由终端设备本身生成目标渲染树，避免了由终端设备生成目标渲染树，并对目标渲染树进行渲染生成目标页面时造成的：终端设备的显示器的白屏时间过长和目标页面加载异常等问题，实现了节约终端设备生成渲染树的时间，从而提高生成目标页面的效率，降低目标页面显示对终端设备性能的要求的技术效果。
为使读者更加深刻地理解本申请实施例如何通过终端设备与云服务器的交互，实现目标页面的输出，现结合图3对本申请实施例的页面显示方法进行详细地阐述。其中，图3为本申请另一实施例的页面显示方法的信令图。
如图3所示，该方法包括：
S201：终端设备向云服务器发送渲染请求，渲染请求携带初始页面的属性信息，渲染请求用于请求生成初始页面的对应的初始渲染树。
相应的，云服务器接收终端设备发送的渲染请求。
其中，关于初始页面的属性信息的描述可以参见对目标页面的属性信息的描述，此处不再赘述。
S202：云服务器根据初始页面的属性信息生成与初始页面对应的初始渲染树。
在本实施例中，对云服务器生成初始渲染树的方法不做限定。
例如，云服务器可以根据初始页面的属性信息获取静态资源，并基于静态资源生成与初始页面对应的初始渲染树。
其中，静态资源可以用于表征用于生成渲染树的资源，如超文本标记语言(HyperText Markup Language，HTML)文件、层叠样式表(Cascading Style Sheets，CSS)文件以及编程语言文件(JavaScript，JS)等。也就是说，在本实施例中，静态资源可以理解为初始页面的对应的资源，且该资源用于生成与初始页面对应的初始渲染树。
其中，初始页面包括上述实施例中所述的目标页面，初始渲染树包括上述实施例中所述的目标渲染树。
例如，在一些实施例中，云服务器基于超文本标记语言文件生成文档对象模型(Document Object Model，DOM)树，并基于层叠样式表文件生成层叠样式表对象模型(CSSObject Model，CSSOM)树，且将文档对象模型树和层叠样式表对象模型树合并，生成初始渲染(Render)树。
具体地，结合如图1所示的页面显示系统，终端设备可以向处理器发送渲染请求。处理器可以基于初始页面的属性信息确定用于对渲染请求进行处理的浏览器内核，并将渲染请求发送至确定出的浏览器内核，确定出的浏览器内核基于初始页面的属性信息生成与初始页面的属性信息对应的初始渲染树。
值得说明的是，不同的浏览器对应的初始页面的属性信息并不相同，因此，当处理器接收到渲染请求时，可以对初始页面的属性信息进行分析，并基于分析结果确定与初始页面的属性信息对应的浏览器，从而确定用于执行渲染请求的浏览器内核。
S203：云服务器为初始渲染树分配存储地址，并存储初始渲染树。
具体地，结合如图1所示的页面显示系统和对S202的描述，处理器基于各浏览器内核的类别对数据库进行存储区域的划分，并可以在向各浏览器内核发送渲染请求的时候，一并将划分的存储区域对应的存储地址发送至浏览器内核，当然，也可以在初始化配置时将存储地址发送至浏览器内核。浏览器内核在生成渲染树之后，可以基于存储地址将渲染树存储至数据库中。
当然，在另一些实施例中，处理器也可以将各浏览器内核与各浏览器内核各自对应的存储地址的映射关系发送至数据库，当数据库接收到任意浏览器内核发送的任一个渲染树时，都可以基于由处理器发送的映射关系对该任一个渲染树进行存储。
当然，在另一些实施例中，浏览器内核将初始渲染树发送至数据库，数据库为初始渲染树分配存储地址，并将初始渲染树存储至存储地址中。
应该理解的是，上述示例只是用于示范性地说明可能存在的存储初始渲染树的方式，而不能理解为对存储初始渲染树的方式的限定。
S204：云服务器构建初始页面与存储地址之间的映射关系。
结合上述实施例可知，在如图1所示的页面显示系统中，可以由处理器构建初始页面与存储地址之间的映射关系，也可以由数据库构建初始页面与存储地址之间的映射关系，本申请实施例不做限定。
S205：终端设备向云服务器发送获取请求，获取请求中携带目标页面的属性信息，获取请求用于获取与目标页面对应的目标渲染树。
相应的，云服务器接收终端设备发送的获取请求。
其中，关于S205的描述可以参见S101，此处不再赘述。
S206：云服务器根据目标页面的属性信息确定目标页面。
基于上述实施例可知，目标页面的属性信息能够体现目标页面的特征，因此，当云服务器接收到携带目标页面的属性信息的获取请求时，可以基于目标页面的属性信息确定终端设备此次需要渲染生成并向用户展示的页面(即目标页面)。
结合如图1所示的页面显示系统，处理器可以接收终端设备发送的获取请求，并基于获取请求中的目标页面的属性信息确定目标页面。
S207：云服务器根据映射关系，确定与目标页面对应的目标渲染树。
其中，初始页面中包括目标待渲染页面，初始渲染树中包括目标渲染树，因此，映射关系中体现了目标页面与目标渲染树的存储地址之间的关系，所以，在该步骤中，云服务器可以基于映射关系，确定并获取目标渲染树。
结合如图1所示的页面显示系统和上述实施例，可以由处理器基于映射关系，从数据库中确定与目标页面对应的存储地址，并从存储地址中获取目标渲染树。
S208：云服务器向终端设备发送目标渲染树。
相应的，终端设备接收云服务器发送的目标渲染树。
S209：终端设备对目标渲染树进行渲染，生成并显示目标页面。
其中，终端设备对目标渲染树进行渲染的方式本申请实施例不做限定。
在一些实施例中，S209可以包括：
S2091：终端设备确定当前渲染树。
应该理解的是，终端设备当前的状态可能是显示页面的状态，则终端设备可以确定出当前显示的页面对应的渲染树。当然，终端设备当前的状态也可能没有显示页面的状态，则终端设备可以直接对目标渲染树进行渲染，生成并显示目标页面。
S2092：终端设备判断目标渲染树与当前渲染树是否相同，若是，则执行S2093；若否，则执行S2094。
S2093：终端设备保持输出当前渲染树对应的页面。
在本实施例中，若当前渲染树与目标渲染树相同，则终端设备可以确定对目标渲染树渲染生成的页面与对当前渲染树渲染生成页面为同一页面，因此，终端设备保持当前页面的显示即可，从而节约渲染时间和资源。
S2094：终端设备对目标渲染树进行渲染，获得并输出与目标渲染树对应的目标页面。
在本实施例中，若当前渲染树与目标渲染树不相同，则终端设备可以确定对目标渲染树渲染生成的页面与对当前渲染树渲染生成页面为不同页面，因此，终端设备基于目标渲染树生成并显示目标页面。
基于上述分析和图1所示的页面系统可知，在本实施例中，当用户向终端设备发起浏览页面的请求时，终端设备可以确定用户期望浏览的页面对应的属性信息(即目标页面的属性信息)，生成并向云服务器的处理器发送携带目标页面的属性信息的获取请求，处理器可以基于目标页面属性信息确定终端设备期望渲染的渲染树(即目标渲染树)，并基于映射关系确定与目标页面对应的目标渲染树的存储地址，且基于存储地址从数据库中获取目标渲染树，并向终端设备发送目标渲染树，而终端设备在接收到目标渲染树之后，可以对目标渲染树进行渲染，从而生成并通过显示器对渲染得到的页面进行显示。
值得说明的是，一方面，当由终端设备单一维度的对页面进行显示时，对终端设备的性能要求会比较高，否则容易影响终端设备的运行速度，造成终端设备卡顿的问题，而通过本实施例中的结合终端设备与云服务器相结合的方式对页面进行显示的发明构思，由云服务器执行渲染树生成的操作，减少了终端设备的负载，从而可以实现提高终端设备的运行速度，避免卡顿等问题；另一方面，当由终端设备单一维度的对网页进行显示，且网络质量欠佳时，很可能造成终端设备加载静态资源的时间过长，导致页面无法正常显示，降低用户的浏览体验，而通过本实施例中的结合终端设备与云服务器相结合的方式对页面进行显示的发明构思，由云服务器和终端设备预先生成并存储渲染树，可以避免加载时间过长的问题，尽可能地确保页面的正常显示，提高用户的浏览体验；再一方面，当由终端设备单一维度的对页面进行显示时，由终端设备生成渲染树，可能造成渲染时间较长，消耗终端设备的计算资源，降低终端设备的整体运作性能，而通过本实施例中的结合终端设备与云服务器相结合的方式对页面进行显示的发明构思，由云服务器生成渲染树，可以释放终端设备因生成渲染树而占用的计算资源，提高终端设备的整体运作性能，提高生成并显示页面的速度，且降低目标页面显示对终端设备性能的要求。
基于上述分析可知，在本申请中，可以通过终端设备与云服务器之间的交互实现页面的显示，为使读者更加清楚地理解终端设备与云服务器之间的交互实现原理，现结合图4进行详细地阐述。其中，图4为本申请另一实施例的页面显示方法的信令图。
如图4所示，该方法包括：
S301：云服务器和终端设备分别存储由云服务器和终端设备共同配置的指令协议。
其中，指令协议包括：指令类型和指令参数，指令类型包括页面初始化类型和页面操作类型，指令参数包括页面属性信息和针对页面的操作信息。
也就是说，指令协议可以从两个维度进行理解，一个维度为指令类型，另一个维度为指令参数。
其中，指令类型可以包括两种类型，一种类型为页面初始化类型，该类型可以理解为初始化页面，如用户通过显示器输入某网址，而该网址对应的页面即为初始化页面；另一种类型为页面操作类型，该类型可以理解为在初始化页面的基础上进行操作而得到的衍生页面，如用户在初始化页面上的点击操作而得到的另一个页面。
相应的，指令参数也可以包括两种参数，一种参数为对应于页面初始化类型的页面属性信息，该页面属性信息可以包括网址等；另一种参数为页面操作类型对应的针对页面的操作信息，该操作信息可以包括点击和滑动等，且具体可以包括点击的位置信息，滑动的距离信息等。
其中，指令协议的格式可以为：{type:“指令类型”,param:{xx:xx,xx:xx}}，如可以通过{type:“init”,param:{browse:“chrome”,user:”zs”}}表示页面初始化类型的指令协议的格式。
S302：终端设备获取针对终端设备的目标操作信息，目标操作信息包括：目标指令类型和目标指令参数。
在本实施例中，操作信息可以用于表征终端设备基于用户对终端设备的操作、基于指令信息生成的操作信息，该操作信息可能为用户输入的某网址(指令类型)，也可能为用户对终端设备显示的当前页面的操作(如点击)而生成的操作信息(指令参数)。
S303：终端设备根据目标指令类型和目标指令参数确定目标页面的属性信息。
S304：终端设备向云服务器发送获取请求，且获取请求中携带目标页面的属性信息，获取请求用于获取与目标页面对应的目标渲染树。
相应的，云服务器接收由终端设备发送的获取请求。
关于触发终端设备向云服务器发送获取请求以及获取请求的相关内容可以参见上述实施例，此处不再赘述。
S305：云服务器根据目标指令类型和目标指令参数确定目标渲染树。
在一些实施例中，S305可以包括：
S3051：若目标指令类型为页面初始化类型，目标指令参数为地址信息，则云服务器根据地址信息确定目标页面。
其中，不同的地址信息对应的页面不同，因此，在该步骤中，当云服务器获悉地址信息时，可以基于该地址信息确定与该地址信息对应的目标页面。
S3052：云服务器根据映射关系确定目标页面对应的目标渲染树。
其中，关于映射关系的描述，以及基于映射关系确定目标渲染树的描述可以参见上述实施例，此处不再赘述。
S3053：若目标指令类型为页面操作类型，目标指令参数为针对页面的操作信息，则云服务器根据针对页面的操作信息确定目标页面。
例如，若指令参数包括用户针对页面的滑动操作，且滑动的距离为x个像素，则云服务器可以基于当前的页面(即用户滑动操作的页面)以及x像素确定目标页面。
S3054：云服务器基于目标页面对当前页面的渲染树进行更新，获得与目标待渲染页面对应的目标渲染树。
在该步骤中，云服务器可以在当前页面的渲染树的基础上进行适应性地更新，得到与目标待渲染页面对应的目标渲染树。
S306：云服务器向终端设备发送目标渲染树。
相应的，终端设备接收云服务器发送的目标渲染树。
S307：终端设备对目标渲染树进行渲染，生成并显示目标页面。
其中，关于S307的描述可以参见S209，此处不再赘述。
根据本申请实施例的另一个方面，本申请实施例还提供了一种页面显示方法，该方法应用于云服务器。
请参阅图5，图5为本申请另一实施例的页面显示的流程示意图。
如图5所示，该方法包括：
S401：云服务器接收终端设备发送的获取请求，获取请求中携带目标页面的属性信息，获取请求用于获取与目标页面对应的目标渲染树。
S402：云服务器确定与获取请求对应的目标渲染树。
S403：云服务器将目标渲染树发送至终端设备，目标渲染树用于生成与获取请求对应的目标页面。
在一些实施例中，S402包括：
S4021：云服务器根据所述目标页面的属性信息确定所述目标页面；
S4022：云服务器根据所述目标页面和预先设置的映射关系，确定所述目标渲染树，其中，所述映射关系用于表征初始渲染树与初始页面之间的关系，所述初始页面包括所述目标页面，所述初始渲染树包括所述目标渲染树。
在一些实施例中，在所述接收终端设备发送的获取请求之前，所述方法还包括：
云服务器接收所述终端设备发送的渲染请求，所述渲染请求中携带所述初始页面的属性信息，所述渲染请求用于请求生成所述初始页面对应的所述初始渲染树；
云服务器根据所述初始页面的属性信息生成与所述初始页面对应的初始渲染树。
在一些实施例中，在根据初始页面的属性信息生成与所述初始页面对应的初始渲染树之后，所述方法还包括：
云服务器为所述初始渲染树分配存储地址，并存储所述初始渲染树；
云服务器构建所述初始页面与所述存储地址之间的所述映射关系。
在一些实施例中，所述目标页面的属性信息包括针对所述终端设备的目标操作信息，且所述目标操作信息包括目标指令类型和目标指令参数；在所述接收终端设备发送的获取请求之前，所述方法还包括：
云服务器生成并存储所述云服务器与所述终端设备共同配置的指令协议，所述指令协议包括：指令类型和指令参数，所述指令类型包括页面初始化类型和页面操作类型，所述指令参数包括页面属性信息和针对页面的操作信息；
以及，云服务器确定与所述获取请求对应的目标渲染树，包括：云服务器根据所述目标指令类型和所述目标指令参数确定所述目标渲染树。
在一些实施例中，若所述目标指令类型为页面初始化类型，所述目标指令参数为地址信息；则根据所述目标指令类型和所述目标指令参数确定所述目标渲染树，包括：
云服务器根据所述地址信息确定所述目标页面；
云服务器根据预先设置的映射关系获取与所述目标页面对应的所述目标渲染树，所述映射关系用于表征初始渲染树与初始页面之间的关系，所述初始渲染树包括所述目标渲染树，所述初始页面包括所述目标页面。
在一些实施例中，若所述目标指令类型为页面操作类型，所述目标指令参数为针对页面的操作信息，则根据所述目标指令类型和所述目标指令参数确定所述目标渲染树，包括：
云服务器根据所述针对页面的操作信息确定目标页面；
云服务器基于所述目标页面对当前页面的渲染树进行更新，获得与所述目标页面对应的所述目标渲染树。
根据本申请实施例的另一个方面，本申请实施例还提供了一种终端设备。
请参阅图6，图6为本申请一个实施例的终端设备的示意图。
如图6所示，终端设备包括：
第一发送模块11，用于向云服务器发送获取请求，所述获取请求中携带目标页面的属性信息，所述获取请求用于获取与所述目标页面对应的目标渲染树；
第一接收模块12，用于接收所述云服务器反馈的与所述获取请求对应的所述目标渲染树；
渲染模块13，用于对所述目标渲染树进行渲染，获得与所述目标渲染树对应的目标页面；
输出模块14，用于输出所述目标页面。
在一些实施例中，所述目标页面的属性信息用于结合预先设置的映射关系确定所述目标渲染树；其中，所述映射关系用于表征初始页面与初始渲染树之间的关系，所述初始页面包括所述目标页面，所述初始渲染树包括所述目标渲染树。
在一些实施例中，所述第一发送模块11还用于，向所述云服务器发送渲染请求，所述渲染请求中携带所述初始页面的属性信息，所述渲染请求用于请求生成所述初始页面对应的所述初始渲染树。
在一些实施例中，所述映射关系用于表征所述初始页面与存储地址之间的关系，所述存储地址为存储所述初始渲染树的地址。
结合图7可知，在一些实施例中，第一存储模块15，用于生成并存储所述终端设备与所述云服务器共同配置的指令协议，所述指令协议包括：指令类型和指令参数，所述指令类型包括页面初始化类型和页面操作类型，所述指令参数包括页面属性信息和针对页面的操作信息；
获取模块16，用于获取针对所述终端设备的目标操作信息，所述目标操作信息包括目标指令类型和目标指令参数；
第一确定模块17，用于根据所述目标指令类型和所述目标指令参数确定所述目标页面的属性信息。
在一些实施例中，若所述目标指令类型为页面初始化类型，所述目标指令参数为地址信息，则所述目标渲染树为基于所述目标指令参数确定所述目标页面的属性信息，并根据预先设置的映射关系获取的与所述目标页面对应的渲染树，其中，所述映射关系用于表征初始渲染树与初始页面之间的关系，所述初始页面包括所述目标页面，所述初始渲染树包括所述目标渲染树。
在一些实施例中，若所述目标指令类型为页面操作类型，所述目标指令参数为针对页面的操作信息，则所述目标渲染树是根据所述针对页面的操作信息确定所述目标页面，并基于所述目标页面对当前页面的渲染树进行更新获得的渲染树。
结合图7可知，在一些实施例中，所述终端设备还包括：
第二确定模块18，用于确定当前渲染树；
若所述目标渲染树与所述当前渲染树相同，则所述输出模块14用于，保持输出所述当前渲染树对应的页面；
若所述目标渲染树与所述当前渲染树不同，则所述渲染模块13用于，对所述目标渲染树进行渲染，获得与所述目标渲染树对应的所述目标页面。
根据本申请实施例的另一个方面，本申请实施例还提供了一种云服务器。
请参阅图8，图8为本申请一个实施例的云服务器的示意图。
如图8所示，云服务器包括：
第二接收模块21，用于接收终端设备发送的获取请求，所述获取请求中携带目标页面的属性信息，所述获取请求用于获取与所述目标页面对应的目标渲染树；
第三确定模块22，用于确定与所述获取请求对应的目标渲染树；
第二发送模块23，用于将所述目标渲染树发送至所述终端设备，所述目标渲染树用于生成与所述获取请求对应的目标页面。
在一些实施例中，所述第三确定模块22用于，根据所述目标页面的属性信息确定所述目标页面，根据所述目标页面和预先设置的映射关系，确定所述目标渲染树，其中，所述映射关系用于表征初始渲染树与初始页面之间的关系，所述初始页面包括所述目标页面，所述初始渲染树包括所述目标渲染树。
结合图9可知，在一些实施例中，所述云服务器还包括：
第三接收模块24，用于接收所述终端设备发送的渲染请求，所述渲染请求中携带所述初始页面的属性信息，所述渲染请求用于请求生成所述初始页面对应的所述初始渲染树；
生成模块25，用于根据所述初始页面的属性信息生成与所述初始页面对应的初始渲染树。
结合图9可知，在一些实施例中，所述云服务器还包括：
分配模块26，用于为所述初始渲染树分配存储地址，并存储所述初始渲染树；
构建模块27，用于构建所述初始页面与所述存储地址之间的所述映射关系。
结合图9可知，在一些实施例中，所述云服务器还包括：
第二存储模块28，用于生成并存储所述云服务器与所述终端设备共同配置的指令协议，所述指令协议包括：指令类型和指令参数，所述指令类型包括页面初始化类型和页面操作类型，所述指令参数包括页面属性信息和针对页面的操作信息；
所述第三确定模块22用于，根据所述目标指令类型和所述目标指令参数确定所述目标渲染树。
在一些实施例中，若所述目标指令类型为页面初始化类型，所述目标指令参数为地址信息；则所述第三确定22模块用于，根据所述地址信息确定所述目标页面，根据预先设置的映射关系获取与所述目标页面对应的所述目标渲染树，所述映射关系用于表征初始渲染树与初始页面之间的关系，所述初始渲染树包括所述目标渲染树，所述初始页面包括所述目标页面。
在一些实施例中，若所述目标指令类型为页面操作类型，所述目标指令参数为针对页面的操作信息，则所述第三确定22模块用于，根据所述针对页面的操作信息确定目标页面，基于所述目标页面对当前页面的渲染树进行更新，获得与所述目标页面对应的所述目标渲染树。
根据本申请实施例的另一个方面，本申请实施例还提供了一种页面显示系统，该系统包括：
上述任一实施例所述的终端设备，如图6或图7所示的终端设备；
上述任一实施例所述的云服务器，如图8和图9所示的云服务器。
结合如图1所示的页面显示系统可知，在一些实施例中，所述云服务器包括处理器和至少一个浏览器内核，其中，
所述处理器用于，向所述至少一个浏览器内核发送接收到的渲染请求，所述渲染请求中携带初始页面的属性信息，所述渲染请求用于请求生成所述初始页面对应的所述初始渲染树；
所述至少一个浏览器内核用于，根据所述初始页面的属性信息生成与所述初始页面对应的初始渲染树。
在一些实施例中，所述云服务器还包括数据库，所述数据库包括存储地址；所述处理器用于，为所述初始渲染树分配存储地址，并根据分配的存储地址将所述初始渲染树存储至所述数据库。
在一些实施例中，所述处理器接收终端设备发送的所述获取请求，基于获取请求从数据库中确定存储目标渲染树的存储地址，从确定出的存储地址中提取目标渲染树，并向终端设备反馈目标渲染树，目标渲染树用于生成目标页面。
根据本申请实施例的另一个方面，本申请实施例还提供了一种电子设备，包括：存储器，处理器；
存储器用于存储处理器可执行指令的存储器；
其中，当执行存储器中的指令时，处理器被配置为实现如上任一实施例所述的方法，如实现如图2至图5中任一实施例所示的页面显示方法。
请参阅图10，图10为本申请实施例的电子设备的框图。
如图10所示，电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本申请实施例的实现。
如图10所示，该电子设备包括：一个或多个处理器101、存储器102，以及用于连接各部件的接口，包括高速接口和低速接口。各个部件利用不同的总线互相连接，并且可以被安装在公共主板上或者根据需要以其它方式安装。处理器可以对在电子设备内执行的指令进行处理，包括存储在存储器中或者存储器上以在外部输入/输出装置(诸如，耦合至接口的显示设备)上显示GUI的图形信息的指令。在其它实施方式中，若需要，可以将多个处理器和/或多条总线与多个存储器一起使用。同样，可以连接多个电子设备，各个设备提供部分必要的操作(例如，作为服务器阵列、一组刀片式服务器、或者多处理器系统)。图10中以一个处理器101为例。
存储器102即为本申请实施例所提供的非瞬时计算机可读存储介质。其中，所述存储器存储有可由初始处理器执行的指令，以使所述初始处理器执行本申请实施例所提供的页面显示方法。本申请实施例的非瞬时计算机可读存储介质存储计算机指令，该计算机指令用于使计算机执行本申请实施例所提供的页面显示方法。
存储器102作为一种非瞬时计算机可读存储介质，可用于存储非瞬时软件程序、非瞬时计算机可执行程序以及模块，如本申请实施例中的程序指令/模块。处理器101通过运行存储在存储器102中的非瞬时软件程序、指令以及模块，从而执行服务器的各种功能应用以及数据处理，即实现上述方法实施例中的页面显示方法。
存储器102可以包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、初始功能所需要的应用程序；存储数据区可存储根据电子设备的使用所创建的数据等。此外，存储器102可以包括高速随机存取存储器，还可以包括非瞬时存储器，例如初始磁盘存储器件、闪存器件、或其他非瞬时固态存储器件。在一些实施例中，存储器102可选包括相对于处理器101远程设置的存储器，这些远程存储器可以通过网络连接至电子设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、区块链服务网络(Block-chain-basedService Network，BSN)、移动通信网及其组合。
电子设备还可以包括：输入装置103和输出装置104。处理器101、存储器102、输入装置103和输出装置104可以通过总线或者其他方式连接，图10中以通过总线连接为例。
输入装置103可接收输入的数字或字符信息，以及产生与电子设备的用户设置以及功能控制有关的键信号输入，例如触摸屏、小键盘、鼠标、轨迹板、触摸板、指示杆、一个或者多个鼠标按钮、轨迹球、操纵杆等输入装置。输出装置104可以包括显示设备、辅助照明装置(例如，LED)和触觉反馈装置(例如，振动电机)等。该显示设备可以包括但不限于，液晶显示器(LCD)、发光二极管(LED)显示器和等离子体显示器。在一些实施方式中，显示设备可以是触摸屏。
此处描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、专用ASIC(专用集成电路)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括初始可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、初始输入装置、和初始输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该初始输入装置、和该初始输出装置。
这些计算机程序(也称作程序、软件、软件应用、或者代码)包括可编程处理器的机器指令，并且可以利用高级过程和/或面向对象的编程语言、和/或汇编/机器语言来实施这些计算机程序。如本文使用的，术语“机器可读介质”和“计算机可读介质”指的是用于将机器指令和/或数据提供给可编程处理器的任何计算机程序产品、设备、和/或装置(例如，磁盘、光盘、存储器、可编程逻辑装置(PLD))，包括，接收作为机器可读信号的机器指令的机器可读介质。术语“机器可读信号”指的是用于将机器指令和/或数据提供给可编程处理器的任何信号。
为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、区块链服务网络(Block-chain-based Service Network，BSN)、广域网(WAN)和互联网。
计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。
其中，计算机可读介质包括计算机存储介质和通信介质，其中通信介质包括便于从一个地方向另一个地方传送计算机程序的任何介质。存储介质可以是通用或专用计算机能够存取的任何可用介质。一种示例性的存储介质耦合至处理器，从而使处理器能够从该存储介质读取信息，且可向该存储介质写入信息。当然，存储介质也可以是处理器的组成部分。处理器和存储介质可以位于ASIC中。另外，该ASIC可以位于用户设备中。当然，处理器和存储介质也可以作为分立组件存在于通信设备中。
本领域普通技术人员可以理解：实现上述各方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成。前述的程序可以存储于一计算机可读取存储介质中。该程序在执行时，执行包括上述各方法实施例的步骤；而前述的存储介质包括：ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
最后应说明的是：以上各实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述各实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或对其中部分或全部技术特征进行等同替换；而这些修改或替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的范围。
Claims (22)
1.一种页面显示方法，其特征在于，所述方法应用于终端设备，所述方法包括：
向云服务器发送获取请求，所述获取请求中携带目标页面的属性信息，所述获取请求用于获取与所述目标页面对应的目标渲染树；
接收所述云服务器反馈的与所述获取请求对应的所述目标渲染树；
对所述目标渲染树进行渲染，获得并输出与所述目标渲染树对应的目标页面。
2.根据权利要求1所述的方法，其特征在于，所述目标页面的属性信息用于结合预先设置的映射关系确定所述目标渲染树；其中，所述映射关系用于表征初始页面与初始渲染树之间的关系，所述初始页面包括所述目标页面，所述初始渲染树包括所述目标渲染树。
3.根据权利要求2所述的方法，其特征在于，所述方法还包括：
向所述云服务器发送渲染请求，所述渲染请求中携带所述初始页面的属性信息，所述渲染请求用于请求生成所述初始页面对应的所述初始渲染树。
4.根据权利要求2所述的方法，其特征在于，所述映射关系用于表征所述初始页面与存储地址之间的关系，所述存储地址为存储所述初始渲染树的地址。
5.根据权利要求1至4中任一项所述的方法，其特征在于，在向云服务器发送获取请求之前，所述方法还包括：
生成并存储所述终端设备与所述云服务器共同配置的指令协议，所述指令协议包括：指令类型和指令参数，所述指令类型包括页面初始化类型和页面操作类型，所述指令参数包括页面属性信息和针对页面的操作信息；
获取针对所述终端设备的目标操作信息，所述目标操作信息包括目标指令类型和目标指令参数；
根据所述目标指令类型和所述目标指令参数确定所述目标页面的属性信息。
6.根据权利要求5所述的方法，其特征在于，若所述目标指令类型为页面初始化类型，所述目标指令参数为地址信息，则所述目标渲染树为基于所述目标指令参数确定所述目标页面的属性信息，并根据预先设置的映射关系获取的与所述目标页面对应的渲染树，其中，所述映射关系用于表征初始渲染树与初始页面之间的关系，所述初始页面包括所述目标页面，所述初始渲染树包括所述目标渲染树。
7.根据权利要求5所述的方法，其特征在于，若所述目标指令类型为页面操作类型，所述目标指令参数为针对页面的操作信息，则所述目标渲染树是根据所述针对页面的操作信息确定所述目标页面，并基于所述目标页面对当前页面的渲染树进行更新获得的渲染树。
8.根据权利要求1至4中任一项所述的方法，其特征在于，在所述接收所述云服务器反馈的与所述获取请求对应的目标渲染树之后，所述方法还包括：
确定当前渲染树；
若所述目标渲染树与所述当前渲染树相同，则保持输出所述当前渲染树对应的页面；
以及，对所述目标渲染树进行渲染，获得所述目标页面包括：若所述目标渲染树与所述当前渲染树不同，则对所述目标渲染树进行渲染，获得并输出与所述目标渲染树对应的所述目标页面。
9.一种页面显示方法，其特征在于，所述方法应用云服务器，所述方法包括：
接收终端设备发送的获取请求，所述获取请求中携带目标页面的属性信息，所述获取请求用于获取与所述目标页面对应的目标渲染树；
确定与所述获取请求对应的目标渲染树；
将所述目标渲染树发送至所述终端设备，所述目标渲染树用于生成与所述获取请求对应的目标页面。
10.根据权利要求9所述的方法，其特征在于，确定与所述获取请求对应的目标渲染树，包括：
根据所述目标页面的属性信息确定所述目标页面；
根据所述目标页面和预先设置的映射关系，确定所述目标渲染树，其中，所述映射关系用于表征初始渲染树与初始页面之间的关系，所述初始页面包括所述目标页面，所述初始渲染树包括所述目标渲染树。
11.根据权利要求10所述的方法，其特征在于，在所述接收终端设备发送的获取请求之前，所述方法还包括：
接收所述终端设备发送的渲染请求，所述渲染请求中携带所述初始页面的属性信息，所述渲染请求用于请求生成所述初始页面对应的所述初始渲染树；
根据所述初始页面的属性信息生成与所述初始页面对应的初始渲染树。
12.根据权利要求11所述的方法，其特征在于，在根据初始页面的属性信息生成与所述初始页面对应的初始渲染树之后，所述方法还包括：
为所述初始渲染树分配存储地址，并存储所述初始渲染树；
构建所述初始页面与所述存储地址之间的所述映射关系。
13.根据权利要求9至12中任一项所述的方法，其特征在于，所述目标页面的属性信息包括针对所述终端设备的目标操作信息，且所述目标操作信息包括目标指令类型和目标指令参数；在所述接收终端设备发送的获取请求之前，所述方法还包括：
生成并存储所述云服务器与所述终端设备共同配置的指令协议，所述指令协议包括：指令类型和指令参数，所述指令类型包括页面初始化类型和页面操作类型，所述指令参数包括页面属性信息和针对页面的操作信息；
以及，确定与所述获取请求对应的目标渲染树，包括：根据所述目标指令类型和所述目标指令参数确定所述目标渲染树。
14.根据权利要求13所述的方法，其特征在于，若所述目标指令类型为页面初始化类型，所述目标指令参数为地址信息；则根据所述目标指令类型和所述目标指令参数确定所述目标渲染树，包括：
根据所述地址信息确定所述目标页面；
根据预先设置的映射关系获取与所述目标页面对应的所述目标渲染树，所述映射关系用于表征初始渲染树与初始页面之间的关系，所述初始渲染树包括所述目标渲染树，所述初始页面包括所述目标页面。
15.根据权利要求13所述的方法，其特征在于，若所述目标指令类型为页面操作类型，所述目标指令参数为针对页面的操作信息，则根据所述目标指令类型和所述目标指令参数确定所述目标渲染树，包括：
根据所述针对页面的操作信息确定目标页面；
基于所述目标页面对当前页面的渲染树进行更新，获得与所述目标页面对应的所述目标渲染树。
16.一种终端设备，其特征在于，包括：
第一发送模块，用于向云服务器发送获取请求，所述获取请求中携带目标页面的属性信息，所述获取请求用于获取与所述目标页面对应的目标渲染树；
第一接收模块，用于接收所述云服务器反馈的与所述获取请求对应的所述目标渲染树；
渲染模块，用于对所述目标渲染树进行渲染，获得与所述目标渲染树对应的目标页面；
输出模块，用于输出所述目标页面。
17.一种云服务器，其特征在于，包括：
第二接收模块，用于接收终端设备发送的获取请求，所述获取请求中携带目标页面的属性信息，所述获取请求用于获取与所述目标页面对应的目标渲染树；
第三确定模块，用于确定与所述获取请求对应的目标渲染树；
第二发送模块，用于将所述目标渲染树发送至所述终端设备，所述目标渲染树用于生成与所述获取请求对应的目标页面。
18.一种页面显示系统，其特征在于，所述系统包括：
如权利要求16所述的终端设备；
如权利要求17所述的云服务器。
19.根据权利要求18所述的系统，其特征在于，所述云服务器包括处理器和至少一个浏览器内核，其中，
所述处理器用于，向所述至少一个浏览器内核发送接收到的渲染请求，所述渲染请求中携带初始页面的属性信息，所述渲染请求用于请求生成所述初始页面对应的所述初始渲染树；
所述至少一个浏览器内核用于，根据所述初始页面的属性信息生成与所述初始页面对应的初始渲染树。
20.根据权利要求19所述的系统，其特征在于，所述云服务器还包括数据库，所述数据库包括存储地址；所述处理器用于，为所述初始渲染树分配存储地址，并根据分配的存储地址将所述初始渲染树存储至所述数据库。
21.一种电子设备，其特征在于，包括：存储器，处理器；
所述存储器用于存储所述处理器可执行指令的存储器；
其中，当执行所述存储器中的指令时，所述处理器被配置为实现如权利要求1至8中任一项所述的方法；或者，
当执行所述存储器中的指令时，所述处理器被配置为实现如权利要求9至15中任一项所述的方法。
22.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现权利要求1至8中任一项所述的方法；或者，
该程序被处理器执行时实现权利要求9至15中任一项所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010997017.4A CN112287256A (zh) | 2020-09-21 | 2020-09-21 | 页面显示方法、终端设备、云服务器、系统及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010997017.4A CN112287256A (zh) | 2020-09-21 | 2020-09-21 | 页面显示方法、终端设备、云服务器、系统及存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112287256A true CN112287256A (zh) | 2021-01-29 |
Family
ID=74421178
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010997017.4A Pending CN112287256A (zh) | 2020-09-21 | 2020-09-21 | 页面显示方法、终端设备、云服务器、系统及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112287256A (zh) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113238754A (zh) * | 2021-06-01 | 2021-08-10 | 中国联合网络通信集团有限公司 | 服务端渲染方法、装置、服务端及存储介质 |
| CN113655999A (zh) * | 2021-08-05 | 2021-11-16 | 上海硬通网络科技有限公司 | 一种页面控件的渲染方法、装置、设备及存储介质 |
| CN114912058A (zh) * | 2022-06-27 | 2022-08-16 | 中银金融科技有限公司 | 一种银行客户尽职调查系统页面渲染方法及相关设备 |
| CN116166255A (zh) * | 2021-11-25 | 2023-05-26 | 华为技术有限公司 | 界面生成方法及电子设备 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102487402A (zh) * | 2010-12-03 | 2012-06-06 | 腾讯科技（深圳）有限公司 | 由服务器端实现网页渲染的方法、设备和系统 |
| US20130073946A1 (en) * | 2011-09-21 | 2013-03-21 | Mstar Semiconductor, Inc. | Method and apparatus for loading webpage content of webkit browser |
| CN103546498A (zh) * | 2012-07-09 | 2014-01-29 | 百度在线网络技术（北京）有限公司 | 一种为移动终端提供访问网页的方法与设备 |
| US20170091160A1 (en) * | 2015-09-30 | 2017-03-30 | Samsung Display Co. Ltd. | Display system and virtual web device in the cloud |
-
2020
- 2020-09-21 CN CN202010997017.4A patent/CN112287256A/zh active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102487402A (zh) * | 2010-12-03 | 2012-06-06 | 腾讯科技（深圳）有限公司 | 由服务器端实现网页渲染的方法、设备和系统 |
| US20130073946A1 (en) * | 2011-09-21 | 2013-03-21 | Mstar Semiconductor, Inc. | Method and apparatus for loading webpage content of webkit browser |
| CN103546498A (zh) * | 2012-07-09 | 2014-01-29 | 百度在线网络技术（北京）有限公司 | 一种为移动终端提供访问网页的方法与设备 |
| US20170091160A1 (en) * | 2015-09-30 | 2017-03-30 | Samsung Display Co. Ltd. | Display system and virtual web device in the cloud |
Non-Patent Citations (1)
| Title |
|---|
| 戴志诚;程劲草;: "基于虚拟DOM的Web前端性能优化研究", 计算机应用与软件, no. 12, 15 December 2017 (2017-12-15) * |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113238754A (zh) * | 2021-06-01 | 2021-08-10 | 中国联合网络通信集团有限公司 | 服务端渲染方法、装置、服务端及存储介质 |
| CN113655999A (zh) * | 2021-08-05 | 2021-11-16 | 上海硬通网络科技有限公司 | 一种页面控件的渲染方法、装置、设备及存储介质 |
| CN113655999B (zh) * | 2021-08-05 | 2024-01-09 | 上海硬通网络科技有限公司 | 一种页面控件的渲染方法、装置、设备及存储介质 |
| CN116166255A (zh) * | 2021-11-25 | 2023-05-26 | 华为技术有限公司 | 界面生成方法及电子设备 |
| CN114912058A (zh) * | 2022-06-27 | 2022-08-16 | 中银金融科技有限公司 | 一种银行客户尽职调查系统页面渲染方法及相关设备 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11144711B2 (en) | Webpage rendering method, device, electronic apparatus and storage medium | |
| CN112287256A (zh) | 页面显示方法、终端设备、云服务器、系统及存储介质 | |
| EP3876116B1 (en) | Method and apparatus for running mini program, electronic device, and storage medium | |
| CN106991154B (zh) | 网页渲染方法、装置、终端及服务器 | |
| EP3518124A1 (en) | Webpage rendering method and related device | |
| US11829436B2 (en) | Method and apparatus of pre-rendering page, electronic device, and storage medium | |
| WO2017088509A1 (zh) | 一种页面定制化的方法和装置 | |
| CN110704136A (zh) | 小程序组件的渲染方法、客户端、电子设备及存储介质 | |
| CN110990736A (zh) | 页面加载方法、装置、终端设备和存储介质 | |
| CN111897619A (zh) | 浏览器页面的显示方法、装置、电子设备及存储介质 | |
| US11475093B2 (en) | Method and apparatus for processing webpage, device, and storage medium | |
| JP2021111403A (ja) | ランディングページの処理方法、装置、機器及び媒体 | |
| CN115309470B (zh) | 微件的加载方法、装置、设备以及存储介质 | |
| US20210117170A1 (en) | Wrapping method, registration method, device, and rendering apparatus | |
| CN110309462B (zh) | 数据展示方法及系统 | |
| CN111881328A (zh) | 资讯推送方法、装置、电子设备及存储介质 | |
| CN113779122B (zh) | 导出数据的方法和装置 | |
| CN113127783B (zh) | 页面显示方法及装置、设备和介质 | |
| US20220101216A1 (en) | Business Content Output Method, Apparatus, Storage Medium and Program Product | |
| CN112905931B (zh) | 页面信息的展示方法、装置、电子设备及存储介质 | |
| US20230412704A1 (en) | Nformation transmission method, system, and apparatus | |
| CN111177558B (zh) | 频道业务构建方法及装置 | |
| CN115599571A (zh) | 一种数据处理方法、装置、电子设备及存储介质 | |
| WO2015010574A1 (en) | Method, apparatus and terminal for webpage content browsing | |
| CN113010811B (zh) | 网页获取方法、装置、电子设备及计算机可读存储介质 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |