CN112948730A - 网页数据的显示方法、装置、存储介质和电子设备 - Google Patents

Abstract

本公开涉及一种网页数据的显示方法、装置、存储介质和电子设备，涉及电子信息处理技术领域，该方法应用于终端设备，包括：响应于针对目标应用程序的打开指令，创建底部视图控件，按照终端设备的显示界面的尺寸，设置底部视图控件的尺寸，通过底部视图控件在显示界面上显示初始待显示对象对应的初始数据信息，初始数据信息存储在终端设备内，从服务器获取并加载目标待显示对象对应的目标数据信息，在底部视图控件的布局中，目标待显示对象的显示位置位于初始待显示对象之后，响应于针对目标应用程序的滑动指令，若滑动指令指示的显示范围包括目标待显示对象的显示位置，通过底部视图控件在显示界面上显示目标数据信息。能够避免显示界面出现闪动。

Description

网页数据的显示方法、装置、存储介质和电子设备

技术领域

本公开涉及电子信息处理技术领域，具体地，涉及一种网页数据的显示方法、装置、存储介质和电子设备。

背景技术

随着电子信息技术的不断发展，应用市场上出现了各种各样的应用程序，以满足用户多样化的需求。由于网页数据(例如：HTML5网页)能够跨平台展示，无需复杂的适配工作，同时能够实时更新，传播能力强，许多应用程序都会使用网页数据来展示内容。在移动端，网页数据通常是在网页视图控件中进行展示，当网页视图控件中加载的数据量较大时，会优先显示数据量较小的文本数据，再显示数据量较大的图片数据或者视频数据，这样会导致显示界面上出现闪动问题，降低了应用程序使用的流畅度，也降低了用户的使用体验。

发明内容

本公开的目的是提供一种网页数据的显示方法、装置、存储介质和电子设备，用以解决相关技术中存在的问题。

为了实现上述目的，根据本公开实施例的第一方面，提供一种网页数据的显示方法，应用于终端设备，所述方法包括：

响应于针对目标应用程序的打开指令，创建底部视图控件，所述底部视图控件内包括所述目标应用程序对应的多个待显示对象，所述底部视图控件能够滑动；

按照所述终端设备的显示界面的尺寸，设置所述底部视图控件的尺寸；

通过所述底部视图控件在所述显示界面上显示初始待显示对象对应的初始数据信息，所述初始数据信息存储在所述终端设备内，且所述初始数据信息不包括网页数据；

从服务器获取并加载目标待显示对象对应的目标数据信息，在所述底部视图控件的布局中，所述目标待显示对象的显示位置位于所述初始待显示对象之后，所述目标数据信息包括网页数据；

响应于针对目标应用程序的滑动指令，若所述滑动指令指示的显示范围包括所述目标待显示对象的显示位置，通过所述底部视图控件在所述显示界面上显示所述目标数据信息。

可选地，所述底部视图控件中包括：与所述初始待显示对象的数据类型对应的初始控件，和所述目标待显示对象对应的网页视图控件；

所述通过所述底部视图控件在所述显示界面上显示初始待显示对象对应的初始数据信息，包括：

通过所述初始控件在所述显示界面上显示所述初始数据信息；

所述通过所述底部视图控件在所述显示界面上显示所述目标数据信息，包括：

通过所述网页视图控件在所述显示界面上显示所述目标数据信息。

可选地，在所述通过所述网页视图控件在所述显示界面上显示所述目标数据信息之前，所述方法还包括：

根据所述目标数据信息，更新所述底部视图控件的尺寸，并设置所述网页视图控件的尺寸。

可选地，所述目标数据信息包括文本、图像、音频、视频中的至少一种目标数据；所述从服务器获取并加载目标待显示对象对应的目标数据信息，包括：

依次从所述服务器获取每种所述目标数据；

针对每种所述目标数据，根据该种目标数据的数据类型确定该种目标数据对应的加载线程，并通过该种目标数据对应的加载线程加载该种目标数据。

可选地，所述底部视图控件中包括：中间控件，在所述底部视图控件的布局中，所述中间控件的显示位置与所述目标待显示对象的显示位置相同；

在所述通过所述底部视图控件在所述显示界面上显示所述目标数据信息之前，所述方法还包括：

确定所述目标数据信息的状态，并根据所述目标数据信息的状态控制所述中间控件。

可选地，所述根据所述目标数据信息的状态控制所述中间控件，包括：

若所述目标数据信息的状态为未被加载，控制所述中间控件在所述显示界面上显示第一提示信息；

若所述目标数据信息的状态为获取失败，控制所述中间控件在所述显示界面上显示第二提示信息。

可选地，所述通过所述底部视图控件在所述显示界面上显示所述目标数据信息，包括：

若所述目标数据信息的状态为已加载，隐藏所述中间控件，并通过所述底部视图控件在所述显示界面上显示所述目标数据信息。

根据本公开实施例的第二方面，提供一种网页数据的显示装置，应用于终端设备，所述装置包括：

创建模块，用于响应于针对目标应用程序的打开指令，创建底部视图控件，所述底部视图控件内包括所述目标应用程序对应的多个待显示对象，所述底部视图控件能够滑动；

设置模块，用于按照所述终端设备的显示界面的尺寸，设置所述底部视图控件的尺寸；

初始显示模块，用于通过所述底部视图控件在所述显示界面上显示初始待显示对象对应的初始数据信息，所述初始数据信息存储在所述终端设备内，且所述初始数据信息不包括网页数据；

加载模块，用于从服务器获取并加载目标待显示对象对应的目标数据信息，在所述底部视图控件的布局中，所述目标待显示对象的显示位置位于所述初始待显示对象之后，所述目标数据信息包括网页数据；

目标显示模块，用于响应于针对目标应用程序的滑动指令，若所述滑动指令指示的显示范围包括所述目标待显示对象的显示位置，通过所述底部视图控件在所述显示界面上显示所述目标数据信息。

可选地，所述底部视图控件中包括：与所述初始待显示对象的数据类型对应的初始控件，和所述目标待显示对象对应的网页视图控件；

所述初始显示模块用于：通过所述初始控件在所述显示界面上显示所述初始数据信息；

所述目标显示模块用于：通过所述网页视图控件在所述显示界面上显示所述目标数据信息。

可选地，所述设置模块还用于：

在所述通过所述网页视图控件在所述显示界面上显示所述目标数据信息之前，根据所述目标数据信息，更新所述底部视图控件的尺寸，并设置所述网页视图控件的尺寸。

可选地，所述目标数据信息包括文本、图像、音频、视频中的至少一种目标数据；所述加载模块包括：

获取子模块，用于依次从所述服务器获取每种所述目标数据；

加载子模块，用于针对每种所述目标数据，根据该种目标数据的数据类型确定该种目标数据对应的加载线程，并通过该种目标数据对应的加载线程加载该种目标数据。

可选地，所述底部视图控件中包括：中间控件，在所述底部视图控件的布局中，所述中间控件的显示位置与所述目标待显示对象的显示位置相同；

所述装置还包括：

控制模块，用于在所述通过所述底部视图控件在所述显示界面上显示所述目标数据信息之前，确定所述目标数据信息的状态，并根据所述目标数据信息的状态控制所述中间控件。

可选地，所述控制模块包括：

第一控制子模块，用于若所述目标数据信息的状态为未被加载，控制所述中间控件在所述显示界面上显示第一提示信息；

第二控制子模块，用于若所述目标数据信息的状态为获取失败，控制所述中间控件在所述显示界面上显示第二提示信息。

可选地，所述目标显示模块用于：

若所述目标数据信息的状态为已加载，隐藏所述中间控件，并通过所述底部视图控件在所述显示界面上显示所述目标数据信息。

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

根据本公开实施例的第四方面，提供一种电子设备，包括：

存储器，其上存储有计算机程序；

处理器，用于执行所述存储器中的所述计算机程序，以实现本公开实施例的第一方面所述方法的步骤。

通过上述技术方案，本公开首先在检测到针对目标应用程序的打开指令的情况下，创建能够滑动的底部视图控件，其中包括了多个待显示对象。之后按照终端设备的显示界面的尺寸，对底部视图控件的尺寸进行设置。然后通过底部视图控件在显示界面上显示初始待显示对象对应的，不包括网页数据的初始数据信息，初始数据信息存储在终端设备内。再从服务器获取并加载目标待显示对象对应的，包括了网页数据目标数据信息，在底部视图控件的布局中，目标待显示对象的显示位置位于初始待显示对象之后。最后，在检测到针对目标应用程序的滑动指令的情况下，若滑动指令指示的显示范围包括目标待显示对象的显示位置，通过底部视图控件在显示界面上显示目标数据信息。本公开在显示界面上显示初始数据信息时，同时获取并加载目标数据信息，从而在需要显示目标数据信息时，能够直接对目标数据信息进行显示，无需对目标数据信息进行分段加载，因此显示界面上不会出现闪动问题，提高了目标数据信息展示的稳定度和流畅度。同时用户也不会感知目标数据信息的获取和加载所占用的时间，减少了用户等待的时间，进一步提高了用户的使用体验。

本公开的其他特征和优点将在随后的具体实施方式部分予以详细说明。

附图说明

附图是用来提供对本公开的进一步理解，并且构成说明书的一部分，与下面的具体实施方式一起用于解释本公开，但并不构成对本公开的限制。在附图中：

图1是根据一示例性实施例示出的一种网页数据的显示方法的流程图；

图2是根据一示例性实施例示出的终端设备的显示界面的示意图；

图3是根据一示例性实施例示出的另一种网页数据的显示方法的流程图；

图4是根据一示例性实施例示出的另一种网页数据的显示方法的流程图；

图5是根据一示例性实施例示出的另一种网页数据的显示方法的流程图；

图6是根据一示例性实施例示出的另一种网页数据的显示方法的流程图；

图7是根据一示例性实施例示出的一种网页数据的显示装置的框图；

图8是根据一示例性实施例示出的另一种网页数据的显示装置的框图；

图9是根据一示例性实施例示出的另一种网页数据的显示装置的框图；

图10是根据一示例性实施例示出的另一种网页数据的显示装置的框图；

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

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

在介绍本公开提供的网页数据的显示方法、装置、存储介质和电子设备之前，首先对本公开中各个实施例所涉及的应用场景进行介绍，该应用场景中可以包括服务器和终端设备，终端设备上安装有多个应用程序，其中包括后文提及的目标应用程序。终端设备和服务器能够通过网络进行通信，服务器能够为终端设备上的目标应用程序提供数据服务。其中，服务器可以是本地服务器，也可以是云端服务器，终端设备例如可以是智能手机、平板电脑、智能电视、智能手表、PDA(英文：Personal Digital Assistant，中文：个人数字助理)、便携计算机等移动终端。

图1是根据一示例性实施例示出的一种网页数据的显示方法的流程图，如图1所示，该方法应用于终端设备，可以包括以下步骤：

步骤101，响应于针对目标应用程序的打开指令，创建底部视图控件，底部视图控件内包括目标应用程序对应的多个待显示对象，底部视图控件能够滑动。

举例来说，终端设备上可以安装有目标应用程序，用户可以通过点击终端设备的显示界面上目标应用程序的图标，来触发针对目标应用程序的打开指令。其中，目标应用程序可以是任意应用程序，例如可以是电话会议软件、直播软件、购物软件等。终端设备在检测到打开指令时，作为对打开指令的响应，可以创建底部视图控件，底部视图控件可以理解为用于展示目标应用程序中的内容的最底层的控件。底部视图控件能够滑动，例如可以是Scrollview、Typeview、Collectionview等，本公开对此不作具体限定。底部视图控件中包括了目标应用程序对应的多个待显示对象，待显示对象对应的数据例如可以是图像数据、文本数据、视频数据、音频数据、网页数据(例如HTML5网页)等。也就是说，待显示对象将通过底部视图控件来显示。

步骤102，按照终端设备的显示界面的尺寸，设置底部视图控件的尺寸。

步骤103，通过底部视图控件在显示界面上显示初始待显示对象对应的初始数据信息，初始数据信息存储在终端设备内，且初始数据信息不包括网页数据。

示例的，可以根据终端设备的显示界面的尺寸，对底部视图控件的尺寸进行设置。例如，显示界面的尺寸为：长15cm*宽9cm，可以将底部视图控件的尺寸也设置为长15cm*宽9cm，即此时底部视图控件占满整个显示界面。也可以将底部视图控件的尺寸设置为长10cm*宽9cm，即此时底部视图控件的宽与显示界面相同，长小显示界面。

之后，终端设备可以从本地读取并加载初始待显示对象对应的初始数据信息，然后通过底部视图控件在显示界面上显示初始数据信息。其中，初始待显示对象可以理解为在底部视图控件的布局中，第一个显示的对象，也可以理解为目标应用程序中第一页要显示的对象。初始待显示对象对应的初始数据信息是存储在终端设备内的，不包括网页数据，因此底部视图控件可以直接读取并加载初始数据信息，以使初始数据信息显示在显示界面上。初始待显示对象的数据类型(即初始数据信息的数据类型)例如可以是图像类型、文本类型、视频类型、音频类型，本公开对此不作具体限定。具体的，可以根据初始待显示对象的数据类型，在底部视图控件中添加相应的控件，以显示初始数据信息。例如，初始待显示对象的数据类型为文本类型，底部视图控件为Scrollview，那么可以在Scrollview中添加一个Textview，该Textview与初始待显示对象绑定，用于显示初始数据信息。

步骤104，从服务器获取并加载目标待显示对象对应的目标数据信息，在底部视图控件的布局中，目标待显示对象的显示位置位于初始待显示对象之后，目标数据信息包括网页数据。

示例的，在显示界面上显示初始数据信息的同时，终端设备可以从服务器获取目标待显示对象对应的目标数据信息，其中，服务器可以理解为向目标应用程序提供数据服务的服务器。目标待显示对象，即可以理解为在底部视图控件的布局中，显示位置位于初始待显示对象之后的对象，也可以理解为目标应用程序中第一页之后要显示的对象，目标待显示对象可以是一个或多个，本公开对此不作具体限定。目标待显示对象对应的目标数据信息中包括网页数据，也就是说，终端设备要显示目标数据信息，需要先从服务器获取目标数据信息。之后，终端设备可以对目标数据信息进行加载。需要说明的是，步骤104中获取并加载目标数据信息的过程，是与步骤103中显示初始数据信息同时执行的，例如可以分别设置两个线程，并行异步执行步骤103和步骤104。也就是说，用户在显示界面上查看初始数据信息时，终端设备在同时获取并加载目标数据信息，并且用户也不会感知目标数据信息的获取和加载的过程。

步骤105，响应于针对目标应用程序的滑动指令，若滑动指令指示的显示范围包括目标待显示对象的显示位置，通过底部视图控件在显示界面上显示目标数据信息。

示例的，用户在显示界面上查看初始数据信息之后，可以在显示界面上进行滑动，以触发滑动指令，滑动指令中可以包括：滑动距离。终端设备在检测到滑动指令后，可以根据滑动指令中包括的滑动距离，确定滑动指令所指示的显示范围。例如，以用户尚未触发滑动指令之前(即显示界面上显示的是目标应用程序中第一页)，显示界面的左上角为坐标原点，显示界面的尺寸为：长15cm*宽9cm为例。当前的显示范围为(0，0)至(9cm，15cm)，若用户触发滑动指令，其中包括的滑动距离为向下5cm，那么滑动指令所指示的显示范围为(0，5cm)至(9cm，20cm)。

若滑动指令指示的显示范围包括了目标待显示对象的显示位置，那么可以通过底部视图控件在显示界面上显示目标数据信息。具体的，目标数据信息包括网页数据，因此，可以在底部视图控件中添加网页视图控件，网页视图控件与目标待显示对象绑定，用于显示目标数据信息。

由于步骤104中已经获取并加载了目标数据信息，因此底部视图控件可以直接对目标数据信息进行显示，而无需对目标数据信息进行分段加载，因此显示界面上不会出现闪动问题，有效提高了目标数据信息展示的稳定度和流畅度。若滑动指令指示的显示范围不包括目标待显示对象的显示位置，也就是说，滑动指令指示的显示范围中不包括网页数据，那么可以根据显示范围和底部视图控件的布局，确定需要显示的对象，并在显示界面上进行显示。

综上所述，本公开首先在检测到针对目标应用程序的打开指令的情况下，创建能够滑动的底部视图控件，其中包括了多个待显示对象。之后按照终端设备的显示界面的尺寸，对底部视图控件的尺寸进行设置。然后通过底部视图控件在显示界面上显示初始待显示对象对应的，不包括网页数据的初始数据信息，初始数据信息存储在终端设备内。再从服务器获取并加载目标待显示对象对应的，包括了网页数据目标数据信息，在底部视图控件的布局中，目标待显示对象的显示位置位于初始待显示对象之后。最后，在检测到针对目标应用程序的滑动指令的情况下，若滑动指令指示的显示范围包括目标待显示对象的显示位置，通过底部视图控件在显示界面上显示目标数据信息。本公开在显示界面上显示初始数据信息时，同时获取并加载目标数据信息，从而在需要显示目标数据信息时，能够直接对目标数据信息进行显示，无需对目标数据信息进行分段加载，因此显示界面上不会出现闪动问题，提高了目标数据信息展示的稳定度和流畅度。同时用户也不会感知目标数据信息的获取和加载所占用的时间，减少了用户等待的时间，进一步提高了用户的使用体验。

在一种应用场景中，底部视图控件中包括：与初始待显示对象的数据类型对应的初始控件，和目标待显示对象对应的网页视图控件。

相应的，步骤103的实现方式可以为：

通过初始控件在显示界面上显示初始数据信息。

步骤105的实现方式可以为：

通过网页视图控件在显示界面上显示目标数据信息。

示例的，底部视图控件中可以包括多个控件，例如可以包括与初始待显示对象的数据类型对应的初始控件(可以为一个或多个)，和目标待显示对象对应的网页视图控件。例如，初始待显示对象的数据类型为文本类型，那么初始控件可以为Textview；初始待显示对象的数据类型为图像类型，那么初始控件可以为ImageView；初始待显示对象的数据类型为列表类型，那么初始控件可以为ListView。网页视图控件用于显示网页数据，例如可以是Webview，也可以是其他开源的能够显示网页数据的控件。

相应的，初始数据信息的显示，可以通过底部视图控件中的初始控件来实现，打开指令被触发后，初始控件加载初始数据信息，以在显示界面上显示初始数据信息。目标数据信息的显示，可以通过底部视图控件中的网页视图控件来实现，即步骤104中可以由网页视图控件加载目标数据信息，这样当滑动指令被触发后，网页视图控件就可以在显示界面上显示目标数据信息。如图2中的(a)所示，实线框表示的是显示界面，显示界面当前显示的是初始控件加载的初始数据信息，即“欢迎使用XX应用”的文本，初始控件此时可以是文本类型对应的Textview。虚线框未显示在显示界面内，包括网页视图控件(包括网页视图控件1和网页视图控件2)，网页视图控件布局在初始控件之后。如图2中的(b)所示，若用户触发滑动指令，实线框表示的是显示界面，滑动指令指示的显示范围包括了目标待显示对象的显示位置，表示目标待显示对象应出现在实线框内，显示界面当前显示的是网页视图控件1加载的网页1，和网页视图控件2加载的网页2，即目标数据信息包括网页1和网页2，此时，可以按照后文提及的步骤106，根据目标数据信息设置网页视图控件1和网页视图控件2的尺寸，使得网页视图控件1的尺寸与网页1的尺寸适配，网页视图控件2的尺寸与网页2的尺寸适配。实线框上方的虚线框未显示在显示界面内，可以包括初始控件，实线框下方的虚线框未显示在显示界面内，可以包括布局在网页视图控件之后的其他控件(可以还是网页视图控件，也可以是其他类型的控件)。

图3是根据一示例性实施例示出的另一种网页数据的显示方法的流程图，如图3所示，在步骤105之前，该方法还可以包括：

步骤106，根据目标数据信息，更新底部视图控件的尺寸，并设置网页视图控件的尺寸。

举例来说，在显示目标数据信息之前，还需要根据目标数据信息来调整底部视图控件的尺寸，并设置网页视图控件的尺寸。可以先确定显示目标数据信息所要占用的目标尺寸，然后在步骤102确定的底部视图控件的尺寸的基础上，向下扩大目标尺寸，还可以将网页视图控件的尺寸直接设置为目标尺寸。例如，底部视图控件的尺寸为长15cm*宽9cm，目标数据信息所要占用的目标尺寸为长5cm*宽9cm，那么可以将底部视图控件的尺寸更新为长20cm*宽9cm，将网页视图控件的尺寸设置为长5cm*宽9cm。

图4是根据一示例性实施例示出的另一种网页数据的显示方法的流程图，如图4所示，目标数据信息包括文本、图像、音频、视频中的至少一种目标数据。步骤104的实现方式可以包括：

步骤1041，依次从服务器获取每种目标数据。

步骤1042，针对每种目标数据，根据该种目标数据的数据类型确定该种目标数据对应的加载线程，并通过该种目标数据对应的加载线程加载该种目标数据。

示例的，目标数据信息中可以包括多种目标数据，例如可以是文本、图像、音频、视频，还可以是列表等。由于每种目标数据所占的数据量不同，因此可以依次从服务器获取每种目标数据。例如，文本所占的数据量较小，图片和视频所占的数据量较大，因此可以先获取目标数据信息中的文本，再获取目标数据信息中的图片和视频。相应的，可以为每种目标数据分配一个加载线程，这样每个加载线程可以并行加载各自对应的一种目标数据，能够提高目标数据信息的加载效率。例如，可以设置一个用于加载文本的文本加载线程，和一个用于加载图像的图像加载线程。在从服务器获取到文本时，可以由文本加载线程对文本进行加载，在从服务器获取到图像时，可以由图像加载线程对图像进行加载。

图5是根据一示例性实施例示出的另一种网页数据的显示方法的流程图，如图5所示，底部视图控件中包括：中间控件，在底部视图控件的布局中，中间控件的显示位置与目标待显示对象的显示位置相同。

在步骤105之前，该方法还包括：

步骤107，确定目标数据信息的状态，并根据目标数据信息的状态控制中间控件。

举例来说，底部视图控件中还可以包括中间控件(例如可以是Loading视图控件，即shapeLoadingView)，在底部视图控件的布局中，中间控件的显示位置与目标待显示对象的显示位置相同。若目标待显示对象对应网页视图控件，那么可以理解为中间控件覆盖在网页视图控件之上。可以先确定目标数据信息的状态，然后可以根据目标数据信息的状态来控制中间控件，例如可以控制中间控件加载不同的数据信息，以显示不同的内容，也可以控制中间控件不显示，以显示网页视图控件中加载的目标数据信息。

图6是根据一示例性实施例示出的另一种网页数据的显示方法的流程图，如图6所示，步骤107可以通过以下方式来实现：

步骤1071，若目标数据信息的状态为未被加载，控制中间控件在显示界面上显示第一提示信息。

步骤1072，若目标数据信息的状态为获取失败，控制中间控件在显示界面上显示第二提示信息。

示例的，若目标数据信息的状态为未被加载，说明终端设备已获取到目标数据信息，但目标数据信息尚未加载，那么可以控制中间控件加载第一提示信息，以在显示界面上显示第一提示信息。第一提示信息例如可以是“加载中…”，以提示用户当前正在加载目标数据信息。若目标数据信息的状态为获取失败，表示终端设备尚未成功获取目标数据信息，例如网络链接断开，或者服务器故障等原因，导致无法正常目标数据信息，那么可以控制中间控件加载第二提示信息，以在显示界面上显示第二提示信息。第二提示信息例如可以是“加载失败”，以提示用户目标数据信息加载失败。这样，通过第一提示信息和第二提示信息，能够使用户能够获知目标数据信息的状态，而不是让用户凭空等待，进一步提高了用户的使用体验。

在一种应用场景中，步骤105的实现方式可以包括：

若目标数据信息的状态为已加载，隐藏中间控件，并通过底部视图控件在显示界面上显示目标数据信息。

示例的，若目标数据信息的状态为已加载，那么表示终端设备已获取到目标数据信息，并且目标数据信息已加载(包括目标数据信息部分加载或者全部加载的情况)，此时网页视图控件加载了目标数据信息，因此可以隐藏中间控件，以使底部视图控件中包括的网页视图控件能够在显示界面上显示目标数据信息。

综上所述，本公开首先在检测到针对目标应用程序的打开指令的情况下，创建能够滑动的底部视图控件，其中包括了多个待显示对象。之后按照终端设备的显示界面的尺寸，对底部视图控件的尺寸进行设置。然后通过底部视图控件在显示界面上显示初始待显示对象对应的，不包括网页数据的初始数据信息，初始数据信息存储在终端设备内。再从服务器获取并加载目标待显示对象对应的，包括了网页数据目标数据信息，在底部视图控件的布局中，目标待显示对象的显示位置位于初始待显示对象之后。最后，在检测到针对目标应用程序的滑动指令的情况下，若滑动指令指示的显示范围包括目标待显示对象的显示位置，通过底部视图控件在显示界面上显示目标数据信息。本公开在显示界面上显示初始数据信息时，同时获取并加载目标数据信息，从而在需要显示目标数据信息时，能够直接对目标数据信息进行显示，无需对目标数据信息进行分段加载，因此显示界面上不会出现闪动问题，提高了目标数据信息展示的稳定度和流畅度。同时用户也不会感知目标数据信息的获取和加载所占用的时间，减少了用户等待的时间，进一步提高了用户的使用体验。

图7是根据一示例性实施例示出的一种网页数据的显示装置的框图，如图7所示，该装置200应用于终端设备，包括以下模块：

创建模块201，用于响应于针对目标应用程序的打开指令，创建底部视图控件，底部视图控件内包括目标应用程序对应的多个待显示对象，底部视图控件能够滑动。

设置模块202，用于按照终端设备的显示界面的尺寸，设置底部视图控件的尺寸。

初始显示模块203，用于通过底部视图控件在显示界面上显示初始待显示对象对应的初始数据信息，初始数据信息存储在终端设备内，且初始数据信息不包括网页数据。

加载模块204，用于从服务器获取并加载目标待显示对象对应的目标数据信息，在底部视图控件的布局中，目标待显示对象的显示位置位于初始待显示对象之后，目标数据信息包括网页数据。

目标显示模块205，用于响应于针对目标应用程序的滑动指令，若滑动指令指示的显示范围包括目标待显示对象的显示位置，通过底部视图控件在显示界面上显示目标数据信息。

在一种应用场景中，底部视图控件中包括：与初始待显示对象的数据类型对应的初始控件，和目标待显示对象对应的网页视图控件。

相应的，初始显示模块203用于：通过初始控件在显示界面上显示初始数据信息。

目标显示模块205用于：通过网页视图控件在显示界面上显示目标数据信息。

在另一种应用场景中，设置模块202还可以用于：

在通过网页视图控件在显示界面上显示目标数据信息之前，根据目标数据信息，更新底部视图控件的尺寸，并设置网页视图控件的尺寸。

图8是根据一示例性实施例示出的另一种网页数据的显示装置的框图，如图8所示，目标数据信息包括文本、图像、音频、视频中的至少一种目标数据。加载模块204可以包括：

获取子模块2041，用于依次从服务器获取每种目标数据。

加载子模块2042，用于针对每种目标数据，根据该种目标数据的数据类型确定该种目标数据对应的加载线程，并通过该种目标数据对应的加载线程加载该种目标数据。

图9是根据一示例性实施例示出的另一种网页数据的显示装置的框图，如图9所示，底部视图控件中包括：中间控件，在底部视图控件的布局中，中间控件的显示位置与目标待显示对象的显示位置相同。

该装置200还可以包括：

控制模块206，用于在通过底部视图控件在显示界面上显示目标数据信息之前，确定目标数据信息的状态，并根据目标数据信息的状态控制中间控件。

图10是根据一示例性实施例示出的另一种网页数据的显示装置的框图，如图10所示，控制模块206可以包括：

第一控制子模块2061，用于若目标数据信息的状态为未被加载，控制中间控件在显示界面上显示第一提示信息。

第二控制子模块2062，用于若目标数据信息的状态为获取失败，控制中间控件在显示界面上显示第二提示信息。

在一种应用场景中，目标显示模块205可以用于：

若目标数据信息的状态为已加载，隐藏中间控件，并通过底部视图控件在显示界面上显示目标数据信息。

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

综上所述，本公开首先在检测到针对目标应用程序的打开指令的情况下，创建能够滑动的底部视图控件，其中包括了多个待显示对象。之后按照终端设备的显示界面的尺寸，对底部视图控件的尺寸进行设置。然后通过底部视图控件在显示界面上显示初始待显示对象对应的，不包括网页数据的初始数据信息，初始数据信息存储在终端设备内。再从服务器获取并加载目标待显示对象对应的，包括了网页数据目标数据信息，在底部视图控件的布局中，目标待显示对象的显示位置位于初始待显示对象之后。最后，在检测到针对目标应用程序的滑动指令的情况下，若滑动指令指示的显示范围包括目标待显示对象的显示位置，通过底部视图控件在显示界面上显示目标数据信息。本公开在显示界面上显示初始数据信息时，同时获取并加载目标数据信息，从而在需要显示目标数据信息时，能够直接对目标数据信息进行显示，无需对目标数据信息进行分段加载，因此显示界面上不会出现闪动问题，提高了目标数据信息展示的稳定度和流畅度。同时用户也不会感知目标数据信息的获取和加载所占用的时间，减少了用户等待的时间，进一步提高了用户的使用体验。

图11是根据一示例性实施例示出的一种电子设备300的框图。如图11所示，该电子设备300可以包括：处理器301，存储器302。该电子设备300还可以包括多媒体组件303，输入/输出(I/O)接口304，以及通信组件305中的一者或多者。

其中，处理器301用于控制该电子设备300的整体操作，以完成上述的网页数据的显示方法中的全部或部分步骤。存储器302用于存储各种类型的数据以支持在该电子设备300的操作，这些数据例如可以包括用于在该电子设备300上操作的任何应用程序或方法的指令，以及应用程序相关的数据，例如联系人数据、收发的消息、图片、音频、视频等等。该存储器302可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，例如静态随机存取存储器(Static Random Access Memory，简称SRAM)，电可擦除可编程只读存储器(Electrically Erasable Programmable Read-Only Memory，简称EEPROM)，可擦除可编程只读存储器(Erasable Programmable Read-Only Memory，简称EPROM)，可编程只读存储器(Programmable Read-Only Memory，简称PROM)，只读存储器(Read-Only Memory，简称ROM)，磁存储器，快闪存储器，磁盘或光盘。多媒体组件303可以包括屏幕和音频组件。其中屏幕例如可以是触摸屏，音频组件用于输出和/或输入音频信号。例如，音频组件可以包括一个麦克风，麦克风用于接收外部音频信号。所接收的音频信号可以被进一步存储在存储器302或通过通信组件305发送。音频组件还包括至少一个扬声器，用于输出音频信号。I/O接口304为处理器301和其他接口模块之间提供接口，上述其他接口模块可以是键盘，鼠标，按钮等。这些按钮可以是虚拟按钮或者实体按钮。通信组件305用于该电子设备300与其他设备之间进行有线或无线通信。无线通信，例如Wi-Fi，蓝牙，近场通信(Near FieldCommunication，简称NFC)，2G、3G、4G、NB-IOT、eMTC、或其他5G等等，或它们中的一种或几种的组合，在此不做限定。因此相应的该通信组件305可以包括：Wi-Fi模块，蓝牙模块，NFC模块等等。

在一示例性实施例中，电子设备300可以被一个或多个应用专用集成电路(Application Specific Integrated Circuit，简称ASIC)、数字信号处理器(DigitalSignal Processor，简称DSP)、数字信号处理设备(Digital Signal Processing Device，简称DSPD)、可编程逻辑器件(Programmable Logic Device，简称PLD)、现场可编程门阵列(Field Programmable Gate Array，简称FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述的网页数据的显示方法。

在另一示例性实施例中，还提供了一种包括程序指令的计算机可读存储介质，该程序指令被处理器执行时实现上述的网页数据的显示方法的步骤。例如，该计算机可读存储介质可以为上述包括程序指令的存储器302，上述程序指令可由电子设备300的处理器301执行以完成上述的网页数据的显示方法。

在另一示例性实施例中，还提供一种计算机程序产品，该计算机程序产品包含能够由可编程的装置执行的计算机程序，该计算机程序具有当由该可编程的装置执行时用于执行上述的网页数据的显示方法的代码部分。

以上结合附图详细描述了本公开的优选实施方式，但是，本公开并不限于上述实施方式中的具体细节，在本公开的技术构思范围内，可以对本公开的技术方案进行多种简单变型，这些简单变型均属于本公开的保护范围。

另外需要说明的是，在上述具体实施方式中所描述的各个具体技术特征，在不矛盾的情况下，可以通过任何合适的方式进行组合，为了避免不必要的重复，本公开对各种可能的组合方式不再另行说明。

此外，本公开的各种不同的实施方式之间也可以进行任意组合，只要其不违背本公开的思想，其同样应当视为本公开所公开的内容。

Claims (10)

1.一种网页数据的显示方法，其特征在于，应用于终端设备，所述方法包括：

响应于针对目标应用程序的打开指令，创建底部视图控件，所述底部视图控件内包括所述目标应用程序对应的多个待显示对象，所述底部视图控件能够滑动；

按照所述终端设备的显示界面的尺寸，设置所述底部视图控件的尺寸；

通过所述底部视图控件在所述显示界面上显示初始待显示对象对应的初始数据信息，所述初始数据信息存储在所述终端设备内，且所述初始数据信息不包括网页数据；

从服务器获取并加载目标待显示对象对应的目标数据信息，在所述底部视图控件的布局中，所述目标待显示对象的显示位置位于所述初始待显示对象之后，所述目标数据信息包括网页数据；

响应于针对目标应用程序的滑动指令，若所述滑动指令指示的显示范围包括所述目标待显示对象的显示位置，通过所述底部视图控件在所述显示界面上显示所述目标数据信息。

2.根据权利要求1所述的方法，其特征在于，所述底部视图控件中包括：与所述初始待显示对象的数据类型对应的初始控件，和所述目标待显示对象对应的网页视图控件；

所述通过所述底部视图控件在所述显示界面上显示初始待显示对象对应的初始数据信息，包括：

通过所述初始控件在所述显示界面上显示所述初始数据信息；

所述通过所述底部视图控件在所述显示界面上显示所述目标数据信息，包括：

通过所述网页视图控件在所述显示界面上显示所述目标数据信息。

3.根据权利要求2所述的方法，其特征在于，在所述通过所述网页视图控件在所述显示界面上显示所述目标数据信息之前，所述方法还包括：

根据所述目标数据信息，更新所述底部视图控件的尺寸，并设置所述网页视图控件的尺寸。

4.根据权利要求2所述的方法，其特征在于，所述目标数据信息包括文本、图像、音频、视频中的至少一种目标数据；所述从服务器获取并加载目标待显示对象对应的目标数据信息，包括：

依次从所述服务器获取每种所述目标数据；

针对每种所述目标数据，根据该种目标数据的数据类型确定该种目标数据对应的加载线程，并通过该种目标数据对应的加载线程加载该种目标数据。

5.根据权利要求1所述的方法，其特征在于，所述底部视图控件中包括：中间控件，在所述底部视图控件的布局中，所述中间控件的显示位置与所述目标待显示对象的显示位置相同；

在所述通过所述底部视图控件在所述显示界面上显示所述目标数据信息之前，所述方法还包括：

确定所述目标数据信息的状态，并根据所述目标数据信息的状态控制所述中间控件。

6.根据权利要求5所述的方法，其特征在于，所述根据所述目标数据信息的状态控制所述中间控件，包括：

若所述目标数据信息的状态为未被加载，控制所述中间控件在所述显示界面上显示第一提示信息；

若所述目标数据信息的状态为获取失败，控制所述中间控件在所述显示界面上显示第二提示信息。

7.根据权利要求5所述的方法，其特征在于，所述通过所述底部视图控件在所述显示界面上显示所述目标数据信息，包括：

若所述目标数据信息的状态为已加载，隐藏所述中间控件，并通过所述底部视图控件在所述显示界面上显示所述目标数据信息。

8.一种网页数据的显示装置，其特征在于，应用于终端设备，所述装置包括：

创建模块，用于响应于针对目标应用程序的打开指令，创建底部视图控件，所述底部视图控件内包括所述目标应用程序对应的多个待显示对象，所述底部视图控件能够滑动；

设置模块，用于按照所述终端设备的显示界面的尺寸，设置所述底部视图控件的尺寸；

初始显示模块，用于通过所述底部视图控件在所述显示界面上显示初始待显示对象对应的初始数据信息，所述初始数据信息存储在所述终端设备内，且所述初始数据信息不包括网页数据；

加载模块，用于从服务器获取并加载目标待显示对象对应的目标数据信息，在所述底部视图控件的布局中，所述目标待显示对象的显示位置位于所述初始待显示对象之后，所述目标数据信息包括网页数据；

目标显示模块，用于响应于针对目标应用程序的滑动指令，若所述滑动指令指示的显示范围包括所述目标待显示对象的显示位置，通过所述底部视图控件在所述显示界面上显示所述目标数据信息。

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

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

存储器，其上存储有计算机程序；

处理器，用于执行所述存储器中的所述计算机程序，以实现权利要求1-7中任一项所述方法的步骤。

Images