CN111143725A - 页面生成方法、装置和电子设备 - Google Patents

Abstract

本公开实施例公开了一种页面生成方法、装置和电子设备，该方法包括：获取目标页面的信息数据，将所述信息数据根据预设规则拆分为静态信息数据和动态信息数据；响应于接收到加载目标页面的请求，加载所述静态信息数据，并根据所述静态信息数据进行页面渲染，生成初始目标页面；在显示所述初始目标页面的过程中，加载所述动态信息数据，并根据动态信息数据对初始目标页面进行再次渲染，生成所述目标页面。本公开有效缩短了页面显示之前的白屏时间。加快了页面显示速度，可以改善用户体验。

Description

页面生成方法、装置和电子设备

技术领域

本公开涉及互联网技术领域，尤其涉及一种页面生成方法、装置和电子设备。

背景技术

随着终端设备的不断发展，各种移动设备(如手机、平板电脑等)不断普及，越来越多的用户在移动设备上下载各种移动产品，移动产品主要指移动设备上的应用程序(Application，简称APP)。例如，视频类APP、新闻类APP、社交类APP等。这些APP的页面中包含长图文、长视频、短视频等各种题材的信息。用户通过不同类型的APP获取不同的信息，APP的启动速度直接影响着用户的使用体验。因此，移动端的技术必须不断优化，才能更好地适应移动产品的发展需求。

发明内容

提供该公开内容部分以便以简要的形式介绍构思，这些构思将在后面的具体实施方式部分被详细描述。该公开内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征，也不旨在用于限制所要求的保护的技术方案的范围。

本公开实施例提供了一种页面生成方法、装置和电子设备，有效缩短了页面显示之前的白屏时间。加快了页面显示速度，可以改善用户体验。

第一方面，本公开实施例提供了一种页面生成方法，包括：获取目标页面的信息数据，将所述信息数据根据预设规则拆分为静态信息数据和动态信息数据；响应于接收到加载目标页面的请求，加载所述静态信息数据，并根据所述静态信息数据进行页面渲染，生成初始目标页面；在显示所述初始目标页面的过程中，加载所述动态信息数据，并根据动态信息数据对初始目标页面进行再次渲染，生成所述目标页面。

第二方面，本公开实施例提供了一种页面生成装置，该装置包括：拆分模块，用于获取目标页面的信息数据，将所述信息数据根据预设规则拆分为静态信息数据和动态信息数据；初始目标页面生成模块，用于响应于接收到加载目标页面的请求，加载所述静态信息数据，并根据所述静态信息数据进行页面渲染，生成初始目标页面；目标页面生成模块，用于在显示所述初始目标页面的过程中，加载所述动态信息数据，并根据动态信息数据对初始目标页面进行再次渲染，生成所述目标页面。

第三方面，本公开实施例提供了一种电子设备，包括：一个或多个处理器；存储装置，其上存储有一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现第一方面所述的页面生成方法。

第四方面，本公开实施例提供了一种计算机可读介质，其上存储有计算机程序，该程序被处理器执行时实现上述第一方面所述的页面生成方法的步骤。

本公开实施例提供的页面生成方法、装置和电子设备，通过首先获取目标页面的信息数据，将所述信息数据根据预设规则拆分为静态信息数据和动态信息数据；然后，响应于接收到加载目标页面的请求，加载所述静态信息数据，并根据所述静态信息数据进行页面渲染，生成初始目标页面；最后，在显示所述初始目标页面的过程中，加载所述动态信息数据，并根据动态信息数据对初始目标页面进行再次渲染，生成所述目标页面。有效缩短了页面显示之前的白屏时间。加快了页面显示速度，可以改善用户体验。

附图说明

结合附图并参考以下具体实施方式，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，原件和元素不一定按照比例绘制。

图1为根据本公开的页面生成方法的一个实施例的流程图；

图2为根据本公开的页面生成方法的另一个实施例的流程图；

图3为根据本公开的页面生成方法的另一个实施例的流程图；

图4为根据本公开的页面生成方法的另一个实施例的流程图；

图5为根据本公开的页面生成装置的一个实施例的结构示意图；

图6为根据本公开的一个实施例的页面生成方法可以应用于其中的示例性系统架构；

图7为根据本公开实施例提供的电子设备的基本结构的示意图。

具体实施方式

下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。

应当理解，本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。

本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。

需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。

需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。

本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。

需要说明的是，在不冲突的情况下，本公开中的实施例及实施例中的特征可以相互组合。

请参考图1，其示出了根据本公开的页面生成方法的一个实施例的流程图，如图1所示，该页面生成方法包括以下步骤：

步骤S101，获取目标页面的信息数据，将信息数据根据预设规则拆分为静态信息数据和动态信息数据。

上述目标页面可以是Web页面，也可以是应用程序的页面。

在一些应用场景中，上述信息数据可以包括文章标题、文章正文、文章阅读数量以及文章点赞数量。在这些应用场景中，上述静态信息数据例如可以为文章标题、文章正文，上述动态信息数据例如可以为文章阅读数量、文章点赞数量。

在另外一些应用场景中，目标页面可以包括图片内容、文字内容和/或视频内容。上述信息数据可以包括与目标页面所包括的图片内容、文字内容和/或视频内容的对应的数据。以视频内容对应的信息数据为例，视频内容对应的数据可以包括视频的各图像帧，还可以包括视频的相关介绍信息。这里的介绍信息可以是文字信息，也可以是语音信息等。这些介绍信息中可以包括播放次数、用户评分等。可以将该视频的信息数据中的各图像帧作为静态信息数据，而该视频对应的播放次数和用户评分则作为动态信息数据。

实践中，上述静态信息数据可以是服务器返回的数据格式为HTML的数据，即并不需要经过其他处理就可以将这个HTML数据插入到页面中，相比于在客户端渲染，这样做减少了从服务器数据到生成HTML数据的过程，例如，长图文详情页面中的文章，由于该文章的内容在发布之后不会经常变化，所以就可以将该文章对应的信息数据部分设置为静态信息数据，这样在用户发送加载目标页面的请求时，即可快速生成目标页面。

上述动态信息数据可以为随着时间推移，内容可能会经常发生变化的数据，例如，长图文详情页面中的文章，由于该文章的内容在发布之后不会经常变化，则可以被设置为HTML片段(即静态信息数据)，但文章的点赞数量、阅读数量却会经常变化，故而需设置为动态信息数据。

步骤S102，响应于接收到加载目标页面的请求，加载静态信息数据，并根据静态信息数据进行页面渲染，生成初始目标页面。

在本实施例中，在步骤101之后、步骤102之前，上述页面生成方法还可以包括将静态信息数据存储至预设存储区域的步骤。这里的预设存区域可以是执行页面生成方法的电子设备中的存储介质，还可以是内容分发网络(Content Delivery Network，CDN)。上述内容分发网络例如可以包括内容缓存设备、内容交换机、内容路由器等。

则上述步骤102可以包括如下步骤：

首先，判断上述预设存储区域中是否存在与请求指示的目标页面对应的静态信息数据。

其次，若是，则在上述预设存储区域中提取与请求指示的目标页面对应的静态信息数据。

在一些应用场景中，可以将静态信息数据存储于本地缓存内。在这些应用场景中，在接收到加载目标页面的请求时，将静态信息数据从本地缓存传递给页面，页面即可直接加载该静态信息数据。

在另外一些应用场景中，可以将静态信息数据存储于内容分发网络。在这些应用场景中，在接收到加载目标页面的请求时，可以在内容分发网络中查找与该请求对应的静态信息数据。内容分发网络广泛采用各种缓存服务器，将这些缓存服务器分布到用户访问相对集中的地区或网络中。在用户访问页面时，可以将用户的访问请求分配给与用户距离最近的工作正常的缓存服务器上。由该缓存服务器直接响应用户的访问请求。在查找时，在与用户设备就近的缓存服务器中查找与该访问请求对应的静态信息数据即可。

当查找到与该请求对应的静态信息数据，就加载上述查找到的静态信息数据来生成初始页面先供用户浏览。这样只要在内容分发网络中能够查找到静态信息数据，就可以省去在显示目标页面时，从服务端下载目标页面的静态信息数据的时间，提高渲染速度，这里的内容分发网络是构建在现有网络基础之上的智能虚拟网络，例如，可以通过上述智能虚拟网络中的缓存服务器缓存一篇小说，该小说可以包括标题、正文、图片等静态信息数据，然后在接收到加载目标页面的请求时，即从该缓存服务器中查找与请求对应的静态信息数据。内容分发网络是设置在页面服务器与用户终端设备之间的、用于存储信息的虚拟网络。服务器可以将页面的数据发送给内容分发网络，以在内容分发网络中存储。

由于初始目标页面中显示的是静态信息数据，因此，上述初始目标页面中显示的内容可以为用户在数次浏览过程中不发生变化的内容。上述初始目标页面可以快速呈现在用户眼前，减少了用户等待时间，可以改善用户体验。

在一些可选的实现方式中，根据静态信息数据进行页面渲染，生成初始目标页面，可以基于如下步骤进行：

将静态信息数据设置为元素根节点内容进行页面渲染，生成初始目标页面。

如下为一个具体的将静态信息数据设置为元素根节点内容的例子。

<html>

<head>

<title>DOM教程</title>

</head>

<body>

<h1>DOM第一课</h1>

<p>Hello world！</p>

</body>

</html>

从上述例子可以知道：<html>节点没有父节点；它是根节点。<head>和<body>的父节点是<html>节点。文本节点"Hello world！"的父节点是<p>节点。并且：<html>节点拥有两个子节点：<head>和<body>。<head>节点拥有一个子节点：<title>节点。<title>节点也拥有一个子节点：文本节点"DOM教程"。<h1>和<p>节点是同胞节点，同时也是<body>的子节点。并且，<head>元素是<html>元素的首个子节点。<body>元素是<html>元素的最后一个子节点。<h1>元素是<body>元素的首个子节点。<p>元素是<body>元素的最后一个子节点。

本实施例中，可以将静态信息数据直接设置为如上例子所示的<body>节点对应的内容。该方式通过只替换<body>节点中间的内容，而使外层节点的内容不变。在渲染页面时，在一定程度上可以减少加载时间。

步骤S103，在显示初始目标页面的过程中，加载动态信息数据，并根据动态信息数据对初始目标页面进行再次渲染，生成目标页面。

在本实施例中，利用用户浏览初始目标页面的时间，获取动态信息数据，并加载所获取的动态信息数据。这里的动态信息数据可以是根据目标页面的链接，实时获取的动态信息数据。也即这里的动态信息数据是从向发布包含该动态信息数据的原始来源网站获得的。这样一来，动态信息数据可以是实时数据。在一些应用场景中，上述动态信息数据还可以是在获取静态信息数据的同时获取的动态信息数据，从而生成目标页面。通过对初始目标页面使用动态信息数据进行修正信息，可以得到目标页面。

在本实施例中，通过首先获取目标页面的信息数据，将信息数据根据预设规则拆分为静态信息数据和动态信息数据；其次，响应于接收到加载目标页面的请求，加载静态信息数据，并根据静态信息数据进行页面渲染，生成初始目标页面；最后，在显示初始目标页面的过程中，加载动态信息数据，并根据动态信息数据对初始目标页面进行再次渲染，生成目标页面。有效缩短了页面显示的白屏时间。加快了页面显示速度，可以改善用户体验。

在一些可选的实现方式中，目标页面包括多个展示页面，页面生成方法还可以包括如下步骤：

第一，在展示目标页面的第一展示页面的过程中，加载第一展示面之后的至少一个第二展示页面对应的静态信息数据，并根据至少一个第二展示页面对应的静态信息数据对至少一个第二展示页面进行渲染，生成至少一个初始第二展示页面。

第二，利用用户浏览第一展示页面的时间渲染第二展示页面，当用户浏览第二展示页面时即已是渲染完成的页面，页面不会出现白屏情况，有效改善用户体验。

例如，某一文章以其每一个段落进行分页设置，当用户浏览完文章的第一个自然段后，想要浏览第二展示页面的第二自然段时，即会发送加载第二展示页面的请求。

第三，当接收到加载目标展示页面的请求时，即加载下一自然段的文本内容，并以该自然段的文本内容作为静态信息数据进行下一展示页面渲染，在下一页面中先呈现对应自然段的文本内容供用户浏览。

在一些可选的实现方式中，页面对应Javascript程序代码(简称JS代码)与执行页面生成方法的终端设备上安装的操作系统所提供的native方法对应的代码之间可以进行通信，以交互数据。通常，上述JS代码与上述native方法对应的代码可以通过JSBridge实现通信。当JS代码与上述native方法对应的代码通过JSBridge进行通信时，可视为发生JSBridge事件。可以将JSBridge事件放置于页面渲染之后，优先满足页面渲染。通常在同一次Event loop(即事件循环，指浏览器的一种解决直译式脚本语言单线程运行时不会阻塞的一种机制)中，页面渲染是在最后阶段去执行，如果有上述JSBridge事件发生，JSBridge事件则会优先于页面渲染执行，而由于JSBridge事件内native代码与JS代码之间的通信过程存在着较大的延时，会阻塞页面的渲染工作。因此，将JSBridge事件延迟到下一次事件中去处理，可以缩短页面出现白屏的时间。

请参考图2，其示出了根据本公开的页面生成方法的另一个实施例的流程图。

如图2所示，页面生成方法包括以下步骤：

步骤S201，获取目标页面的信息数据，将信息数据根据预设规则拆分为静态信息数据和动态信息数据。

步骤S202，响应于接收到加载目标页面的请求，加载目标页面的首屏页面对应的首屏静态信息数据，并根据首屏静态信息数据进行首屏页面渲染，生成初始首屏目标页面。

上述首屏页面可以是目标页面适用于当前浏览界面的第一页面，例如，某一文章以其每一个段落进行分页设置，则首屏页面即为展示第一段落的页面。

在首屏页面中，首屏静态信息数据可以是第一个自然段的文本内容，则将第一个自然段的文本内容加载出来，并以该文本内容进行页面渲染，即可生成初始首屏目标页面。

步骤S203，在显示初始首屏目标页面的过程中，加载首屏页面对应的首屏动态信息数据，并根据首屏动态信息数据对初始首屏目标页面进行再次渲染，生成目标页面的首屏页面。

与图1所示实施例相比，本实施例对于在静态信息数据复杂的场景下，比如一些低端机型，尤其是安卓手机，若直接渲染出全部静态信息数据，还是会比较耗时。因此，优先对首屏静态信息数据进行渲染，生成初始首屏目标页面，并向用户展示。在展示初始首屏目标页面的过程中，再加载首屏页面对应的动态信息数据，从而生成首屏目标页面。可以缩短用户从发出打开页面指令至显示页面之间出现的白屏的时间。

请参考图3，其示出了根据本公开的页面生成方法的另一个实施例的流程图。

如图3所示，页面生成方法可以包括以下步骤：

步骤S301，获取目标展示页面的信息数据，将信息数据根据预设规则拆分为静态信息数据和动态信息数据。

步骤S302，响应于接收到的页面滑动指令，加载与页面滑动指令所指示的目标展示页面对应的静态信息数据，并根据目标展示页面对应的静态信息数据进行页面渲染，生成初始目标展示页面；

上述页面滑动指令可以用于指示用户已浏览完当前展示页面，并欲浏览下一展示页面。这里的下一展示页面可以包括当前展示页面内的部分内容，也可以不包括当前展示页面内的任意内容。在接收到上述页面滑动指令时，生成与下一展示页面对应的初始目标展示页面。这里的展示页面是被显示屏幕一屏所能呈现的页面部分。

上述页面滑动指令可以在电子设备的触摸屏上进行，也可以通过按键发送。当用户浏览完当前展示页面的内容后，想要浏览下一展示页面的内容而执行滑动指令时，可以根据用户的页面滑动指令确定该页面滑动指令所指示的目标展示页面。然后获取目标展示页面对应的静态信息数据。这里根据页面滑动指令确定滑动指令所指示的目标展示页面，包括根据页面滑动指令所对应的滑动操作的范围来确定目标展示页面。在生成初始目标展示页面后，可以展示上述初始目标展示页面。

步骤S303，在显示初始目标展示页面的过程中，加载与初始目标展示页面对应的动态信息数据，并根据初始目标展示页面对应的动态信息数据对初始展示页面进行再次渲染，生成目标展示页面。

用户通过在其所用的电子设备上执行滑动操作以浏览当前展示页面的内容时，在滑动操作指示的多个展示页面内顺次渲染静态信息数据和动态信息数据。例如，用户在浏览长篇文章时，文章由于内容过长，可以分多屏展示，每一屏为一展示页面。用户执行第一滑动操作时，就可以加载第一展示页面，并在第一展示页面内先渲染静态的段落内容。然后利用用户浏览静态的段落内容的时间，渲染第一展示页面内的阅读数及当前页数等动态内容。

与图1所示实施例相比，本实施例可以在页面展示时，根据用户的页面滑动指令生成与该页面滑动指令对应的目标展示页面。在本实施例中，根据用户的页面滑动指令逐次生成多个展示页面。相对于一次性根据多个展示页面的信息数据生成多个展示页面而言，本实施例中的每次根据一个展示页面的信息数据生成该展示页面的方案，数据处理量较少，有利于快速生成各展示页面。

请参考图4，其示出了根据本公开的页面生成方法的另一个实施例的流程图。

如图4所示，页面生成方法可以包括如下步骤：

步骤S401，获取目标页面的信息数据，将信息数据根据预设规则拆分为静态信息数据和动态信息数据。

步骤S402，使用预先建立的网页视图加载静态信息数据，并根据预先获取的样式表以及静态信息数据进行页面渲染，生成初始目标页面。

上述网页视图(WebView)可以用于展示网络请求后的内容，也就是相当于可以将网络地址请求的内容展示在其内的容器中。例如用于实现网页中如点击、滑动、下拉框、表格等网页中各种内容的显示框架。

也就是说，可以预先设置显示框架。上述显示框架中规定了不同信息数据各自对应的展示位置。可以将各信息数据分别放入各自对应的展示位置。

上述样式表可以定义关于文件标题和正文的默认字体、大小、颜色、前页外观、单个部分的排列间隔、行间距、四周页边距、标题间距离等元素的显示样式。使得静态信息数据按照该预先获取的样式表进行渲染之后，生成初始目标页面。

步骤S403，使用上述网页视图加载动态信息数据，并根据样式表以及动态信息数据对初始目标页面进行再次渲染，生成目标页面。

上述网页视图可以规定静态信息数据所显示的区域，亦可以规定动态信息数据所显示的区域，将静态信息数据在预设的显示框架内按照预设的样式设置的显示样式渲染出来之后，再将动态信息数据在其显示框架内按照预设的显示样式渲染出来，即可得到目标页面。

创建网页视图和样式表可以基于如下步骤进行：

a)提前准备网页视图

创建一个WebView，会有几十毫秒的耗时。而第一次创建网页视图时耗时相较于后续创建耗时更长(第一次涉及到启动浏览器内核)。因此提前准备好WebView，可缩减生成页面的整体耗时。

b)提前下载静态信息数据

提前下载可以供页面直接渲染的静态信息数据，这里可以是依赖业务场景的静态信息数据，需根据不同的场景因地制宜进行选择，通常会在页面滑动动作停止的时候，去预下载相关静态信息数据。

c)预加载页面

提前预加载网页，例如，对于加载页面内容为长图文文章类的页面较为复杂，如果不提前加载，该页面是很难做到无白屏情况出现。而进行提前加载的话，WebView会提前下载当前页面依赖的外部资源，比如上述样式表；提前加载获取了样式表，会生成对应的样式表对象模型，在页面真正需要展示的时候，进一步缩短耗时。

进一步参考图5，作为对上述各图所示方法的实现，本公开提供了一种页面生成装置的一个实施例，该装置实施例与上述各图所示方法的实施例相对应。

如图5所示，本实施例的页面生成装置包括拆分模块501、初始目标页面生成模块502和目标页面生成模块503。其中，拆分模块501，用于获取目标页面的信息数据，将信息数据根据预设规则拆分为静态信息数据和动态信息数据；初始目标页面生成模块502，用于响应于接收到加载目标页面的请求，加载静态信息数据，并根据静态信息数据进行页面渲染，生成初始目标页面；目标页面生成模块503，用于在显示初始目标页面的过程中，加载动态信息数据，并根据动态信息数据对初始目标页面进行再次渲染，生成目标页面。

在一些可选的实现方式中，页面生成装置还包括存储模块504，存储模块504用于：将静态信息数据存储至预设存储区域；以及，初始目标页面生成模块502进一步用于：判断预设存储区域中是否存在与请求指示的目标页面对应的静态信息数据；若是，则在预设存储区域中提取与请求指示的目标页面对应的静态信息数据。

在一些可选的实现方式中，初始目标页面生成模块502进一步用于：将静态信息数据设置为元素根节点内容进行页面渲染，生成初始目标页面。

在一些可选的实现方式中，初始目标页面生成模块502进一步用于：响应于接收到加载目标页面的请求，加载目标页面的首屏页面对应的首屏静态信息数据，并根据首屏静态信息数据进行首屏页面渲染，生成初始首屏目标页面；以及目标页面生成模块503进一步用于：在显示初始首屏目标页面的过程中，加载首屏页面对应的首屏动态信息数据，并根据首屏动态信息数据对初始首屏目标页面进行再次渲染，生成目标页面的首屏页面。

在一些可选的实现方式中，页面生成装置还包括初始目标展示页面生成模块505和目标展示页面生成模块506，其中，初始目标展示页面生成模块505，用于响应于接收到的页面滑动指令，加载与页面滑动指令所指示的目标展示页面对应的静态信息数据，并根据目标展示页面对应的静态信息数据进行页面渲染，生成初始目标展示页面；目标展示页面生成模块506，用于在显示初始目标展示页面的过程中，加载与初始目标展示页面对应的动态信息数据，并根据初始目标展示页面对应的动态信息数据对初始展示页面进行再次渲染，生成目标展示页面。

在一些可选的实现方式中，目标页面包括多个展示页面，以及装置还包括展示页面生成模块507，展示页面生成模块507用于：在展示目标页面的第一展示页面的过程中，加载第一展示面之后的至少一个第二展示页面对应的静态信息数据，并根据至少一个第二展示页面对应的静态信息数据对至少一个第二展示页面进行渲染，生成至少一个初始第二展示页面。

在一些可选的实现方式中，初始目标页面生成模块502进一步用于：使用预先建立的网页视图加载静态信息数据，并根据预先获取的样式表以及静态信息数据进行页面渲染，生成初始目标页面；以及目标页面生成模块503进一步用于：使用网页视图加载动态信息数据，并根据样式表以及动态信息数据对初始目标页面进行再次渲染，生成目标页面。

请参考图6，其示出了本公开的一个实施例的页面生成方法可以应用于其中的示例性系统架构。

如图6所示，系统架构可以包括终端设备601、602、603，网络604，服务器605。网络604用以在终端设备601、602、603和服务器505之间提供通信链路的介质。网络604可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。上述终端设备和服务器可以利用诸如HTTP(HyperText Transfer Protocol，超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信，并且可以与任意形式或介质的数字数据通信(例如，通信网络)互连。通信网络的示例包括局域网(“LAN”)，广域网(“WAN”)，网际网(例如，互联网)以及端对端网络(例如，Ad hoc端对端网络)，以及任何当前已知或未来研发的网络。

终端设备601、602、603可以通过网络604与服务器605交互，以接收或发送消息等。终端设备601、602、603上可以安装有各种客户端应用，例如视频发布应用、搜索类应用、新闻资讯类应用。

终端设备601、602、603可以是硬件，也可以是软件。当终端设备601、602、603为硬件时，可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、电子书阅读器、MP3播放器(Moving Picture Experts Group Audio Layer III，动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts Group Audio Layer IV，动态影像专家压缩标准音频层面4)播放器、膝上型便携计算机和台式计算机等等。当终端设备601、602、603为软件时，可以安装在上述所列举的电子设备中。其可以实现成多个软件或软件模块(例如用来提供分布式服务的软件或软件模块)，也可以实现成单个软件或软件模块。在此不做具体限定。

服务器605可以是可以提供各种服务的服务器，例如接收终端设备601、602、603发送的视频获取请求，对视频获取请求进行分析处理，并将分析处理结果(例如与上述获取请求对应的视频数据)发送给终端设备601、602、603。

需要说明的是，本公开实施例所提供的页面生成方法可以由服务器605执行，相应地，页面生成装置可以设置于服务器605中。也可以由终端设备601、602、603执行，相应地，页面生成装置可以设置于终端设备601、602、603中。

应该理解，图6中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。

下面参考图7，其示出了适于用来实现本公开实施例的电子设备(例如图6中的第一服务器)的结构示意图。图7示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。

如图7所示，电子设备可以包括处理装置(例如中央处理器、图形处理器等)701，其可以根据存储在只读存储器(ROM)702中的程序或者从存储装置708加载到随机访问存储器(RAM)703中的程序而执行各种适当的动作和处理。在RAM 703中，还存储有电子设备操作所需的各种程序和数据。处理装置701、ROM 702以及RAM 703通过总线704彼此相连。输入/输出(I/O)接口705也连接至总线704。

通常，以下装置可以连接至I/O接口705：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置706；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置707；包括例如磁带、硬盘等的存储装置708；以及通信装置709。通信装置709可以允许电子设备与其他设备进行无线或有线通信以交换数据。虽然图7示出了具有各种装置的电子设备，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。

特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在非暂态计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置709从网络上被下载和安装，或者从存储装置708被安装，或者从ROM 702被安装。在该计算机程序被处理装置701执行时，执行本公开实施例的方法中限定的上述功能。

需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。

在一些实施方式中，客户端、服务器可以利用诸如HTTP(HyperText TransferProtocol，超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信，并且可以与任意形式或介质的数字数据通信(例如，通信网络)互连。通信网络的示例包括局域网(“LAN”)，广域网(“WAN”)，网际网(例如，互联网)以及端对端网络(例如，ad hoc端对端网络)，以及任何当前已知或未来研发的网络。

上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。

上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：获取目标页面的信息数据，将信息数据根据预设规则拆分为静态信息数据和动态信息数据；响应于接收到加载目标页面的请求，加载静态信息数据，并根据静态信息数据进行页面渲染，生成初始目标页面；在显示初始目标页面的过程中，加载动态信息数据，并根据动态信息数据对初始目标页面进行再次渲染，生成目标页面。

可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括但不限于面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，单元的名称在某种情况下并不构成对该单元本身的限定，例如，拆分模块还可以被描述为“用于获取目标页面的信息数据，将信息数据根据预设规则拆分为静态信息数据和动态信息数据”的模块。

本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如，非限制性地，可以使用的示范类型的硬件逻辑部件包括：现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。

在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本公开中所涉及的公开范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述公开构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

此外，虽然采用特定次序描绘了各操作，但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下，多任务和并行处理可能是有利的。同样地，虽然在上面论述中包含了若干具体实现细节，但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地，在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。

尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题，但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反，上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。

Claims (16)

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

获取目标页面的信息数据，将所述信息数据根据预设规则拆分为静态信息数据和动态信息数据；

响应于接收到加载目标页面的请求，加载所述静态信息数据，并根据所述静态信息数据进行页面渲染，生成初始目标页面；

在显示所述初始目标页面的过程中，加载所述动态信息数据，并根据动态信息数据对初始目标页面进行再次渲染，生成所述目标页面。

2.根据权利要求1所述的方法，其特征在于，在所述获取目标页面的信息数据，将所述信息数据根据预设规则拆分为静态信息数据和动态信息数据之后，所述方法还包括：

将所述静态信息数据存储至预设存储区域；以及

所述响应于接收到加载目标页面的请求，加载所述静态信息数据，并根据所述静态信息数据进行页面渲染，生成初始目标页面，包括：

判断所述预设存储区域中是否存在与所述请求指示的目标页面对应的静态信息数据；

若是，则在所述预设存储区域中提取与所述请求指示的目标页面对应的静态信息数据。

3.根据权利要求1所述的方法，其特征在于，所述根据所述静态信息数据进行页面渲染，生成初始目标页面，包括：

将所述静态信息数据设置为元素根节点内容进行页面渲染，生成初始目标页面。

4.根据权利要求1所述的方法，其特征在于，所述响应于接收到加载目标页面的请求，加载所述静态信息数据，并根据所述静态信息数据进行页面渲染，生成初始目标页面，包括：

响应于接收到加载目标页面的请求，加载所述目标页面的首屏页面对应的首屏静态信息数据，并根据所述首屏静态信息数据进行首屏页面渲染，生成初始首屏目标页面；以及

所述在显示所述初始目标页面的过程中，加载所述动态信息数据，并根据动态信息数据对初始首屏页面进行再次渲染，生成所述目标页面，包括：

在显示所述初始首屏目标页面的过程中，加载所述首屏页面对应的首屏动态信息数据，并根据所述首屏动态信息数据对所述初始首屏目标页面进行再次渲染，生成所述目标页面的首屏页面。

5.根据权利要求1所述的方法，其特征在于，所述方法还包括：

响应于接收到的页面滑动指令，加载与所述页面滑动指令所指示的目标展示页面对应的静态信息数据，并根据所述目标展示页面对应的静态信息数据进行页面渲染，生成初始目标展示页面；

在显示所述初始目标展示页面的过程中，加载与所述初始目标展示页面对应的动态信息数据，并根据所述初始目标展示页面对应的动态信息数据对初始展示页面进行再次渲染，生成所述目标展示页面。

6.根据权利要求1所述的方法，其特征在于，所述目标页面包括多个展示页面，以及所述方法还包括：

在展示所述目标页面的第一展示页面的过程中，加载所述第一展示面之后的至少一个第二展示页面对应的静态信息数据，并根据所述至少一个第二展示页面对应的静态信息数据对所述至少一个第二展示页面进行渲染，生成至少一个初始第二展示页面。

7.根据权利要求1所述的方法，其特征在于，所述响应于接收到加载目标页面的请求，加载所述静态信息数据，并根据所述静态信息数据进行页面渲染，生成初始目标页面，包括：

使用预先建立的网页视图加载所述静态信息数据，并根据预先获取的样式表以及所述静态信息数据进行页面渲染，生成所述初始目标页面；以及

所述在显示所述初始目标页面的过程中，加载所述动态信息数据，并根据动态信息数据对初始目标页面进行再次渲染，生成所述目标页面，包括：

使用所述网页视图加载所述动态信息数据，并根据所述样式表以及所述动态信息数据对所述初始目标页面进行再次渲染，生成所述目标页面。

8.一种页面生成装置，其特征在于，包括：

拆分模块，用于获取目标页面的信息数据，将所述信息数据根据预设规则拆分为静态信息数据和动态信息数据；

初始目标页面生成模块，用于响应于接收到加载目标页面的请求，加载所述静态信息数据，并根据所述静态信息数据进行页面渲染，生成初始目标页面；

目标页面生成模块，用于在显示所述初始目标页面的过程中，加载所述动态信息数据，并根据动态信息数据对初始目标页面进行再次渲染，生成所述目标页面。

9.根据权利要求8所述的装置，其特征在于，所述装置还包括存储模块，所述存储模块用于：

在所述拆分模块获取目标页面的信息数据，将所述信息数据根据预设规则拆分为静态信息数据和动态信息数据之后，将所述静态信息数据存储至预设存储区域；以及

所述初始目标页面生成模块进一步用于：

判断所述预设存储区域中是否存在与所述请求指示的目标页面对应的静态信息数据；

若是，则在所述预设存储区域中提取与所述请求指示的目标页面对应的静态信息数据。

10.根据权利要求8所述的装置，其特征在于，所述初始目标页面生成模块进一步用于：

将所述静态信息数据设置为元素根节点内容进行页面渲染，生成初始目标页面。

11.根据权利要求8所述的装置，其特征在于，所述初始目标页面生成模块进一步用于：

响应于接收到加载目标页面的请求，加载所述目标页面的首屏页面对应的首屏静态信息数据，并根据所述首屏静态信息数据进行首屏页面渲染，生成初始首屏目标页面；以及

所述目标页面生成模块进一步用于：

在显示所述初始首屏目标页面的过程中，加载所述首屏页面对应的首屏动态信息数据，并根据所述首屏动态信息数据对所述初始首屏目标页面进行再次渲染，生成所述目标页面的首屏页面。

12.根据权利要求8所述的装置，其特征在于，所述装置还包括：

初始目标展示页面生成模块，用于响应于接收到的页面滑动指令，加载与所述页面滑动指令所指示的目标展示页面对应的静态信息数据，并根据所述目标展示页面对应的静态信息数据进行页面渲染，生成初始目标展示页面；

目标展示页面生成模块，用于在显示所述初始目标展示页面的过程中，加载与所述初始目标展示页面对应的动态信息数据，并根据所述初始目标展示页面对应的动态信息数据对初始展示页面进行再次渲染，生成所述目标展示页面。

13.根据权利要求8所述的装置，其特征在于，所述目标页面包括多个展示页面，以及所述装置还包括展示页面生成模块，所述展示页面生成模块用于：

在展示所述目标页面的第一展示页面的过程中，加载所述第一展示面之后的至少一个第二展示页面对应的静态信息数据，并根据所述至少一个第二展示页面对应的静态信息数据对所述至少一个第二展示页面进行渲染，生成至少一个初始第二展示页面。

14.根据权利要求8所述的装置，其特征在于，所述初始目标页面生成模块进一步用于：

使用预先建立的网页视图加载所述静态信息数据，并根据预先获取的样式表以及所述静态信息数据进行页面渲染，生成所述初始目标页面；以及

所述目标页面生成模块进一步用于：

使用所述网页视图加载所述动态信息数据，并根据所述样式表以及所述动态信息数据对所述初始目标页面进行再次渲染，生成所述目标页面。

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

一个或多个处理器；

存储装置，其上存储有一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现权利要求1-7中任一所述的方法。

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

Images