CN108268563A - 页面显示方法、装置及计算设备 - Google Patents

Abstract

本发明公开了一种页面显示方法、装置及计算设备。其中，所述页面显示方法包括：响应于用户停止对页面的滚动操作，使页面基于停止滚动操作之前的滚动参数按预定规则继续滚动；响应于用户停止对页面的滚动操作，预测页面继续滚动的停止位置；在页面继续滚动的同时，预加载停止位置所对应的页面内容。由此，通过预先计算出的停止位置，在页面滚动的时候就可以预先加载停止位置所对应的页面内容，可以减少用户等待内容加载的时间，从而可以提升用户的浏览体验。

Description

页面显示方法、装置及计算设备

技术领域

本发明涉及页面浏览技术领域，特别是涉及一种页面显示方法、装置及计算设备。

背景技术

当前手机版应用程序和HTML页面很多都使用了一个叫Lazy Load的技术，例如UC头条、手机版HTML新浪首页、搜狐首页、百度首页、都使用类似的技术，具体表现是用户执行滚动操作使页面持续滚动后停止到某一个位置之后，开始加载可视区域的图片，或者加载更多的内容。

将Lazy Load技术应用在页面浏览中，可以降低用户的流量消耗以及用户首屏等待时间。不过该方案有一个明显的缺点，用户滚动页面使页面滚动并停止于某处之后，常常需要等待一段内容加载时间才能看到内容。

因此，需要一种能够降低用户浏览页面时的等待时间的页面显示方案。

发明内容

本发明的主要目的在于提供一种能够降低用户等待时间的页面显示方法、装置及计算设备。

根据本发明的一个方面，提供了一种页面显示方法，包括：响应于用户停止对页面的滚动操作，使页面基于停止滚动操作之前的滚动参数按预定规则继续滚动；响应于用户停止对页面的滚动操作，预测页面继续滚动的停止位置；在页面继续滚动的同时，预加载停止位置所对应的页面内容。

由此，通过预先计算出的停止位置，在页面滚动的时候就可以预先加载停止位置所对应的页面内容，可以减少用户等待内容加载的时间，从而可以提升用户的浏览体验。

在本发明的一个实施例中，预测页面继续滚动的停止位置的步骤可以包括：基于停止滚动操作之前的滚动参数和预定规则，计算停止位置。

在本发明的一个实施例中，滚动参数可以包括滚动方向、滚动速度、滚动次数、滚动频率中的至少一种。

在本发明的一个实施例中，响应于用户停止对页面的滚动操作预测所述页面继续滚动的停止位置的步骤可以包括：响应于用户停止对页面的滚动操作，判断接下来预定时间期间内是否存在用户对页面进一步的滚动操作；响应于判定不存在进一步的滚动操作，预测页面继续滚动的停止位置。

由此，在用户连续对页面做了多个滚动操作时，可以在最后一个滚动操作结束后，开始预测页面继续滚动的停止位置。

在本发明的一个实施例中，预定时间期间可以小于或等于0.5s。

根据本发明的另一个方面，还提供了一种页面显示装置，包括：滚动单元，用于响应于用户停止对页面的滚动操作，使页面基于停止滚动操作之前的滚动参数按预定规则继续滚动；预测单元，用于响应于用户停止对页面的滚动操作，预测页面继续滚动的停止位置；预加载单元，用于在页面继续滚动的同时，预加载停止位置所对应的页面内容。

在本发明的一个实施例中，预测单元可以基于停止滚动操作之前的滚动参数和预定规则，计算停止位置。

在本发明的一个实施例中，滚动参数可以包括滚动方向、滚动速度、滚动次数、滚动频率中的至少一种。

在本发明的一个实施例中，页面显示装置还可以包括：判断单元，用于响应于用户停止对页面的滚动操作，判断接下来预定时间期间内是否存在用户对页面进一步的滚动操作，响应于判断单元判定不存在进一步的滚动操作，预测单元预测页面继续滚动的停止位置。

在本发明的一个实施例中，预定时间期间可以小于或等于0.5s。

根据本发明的另一个方面，还提供了一种用于页面显示的计算设备，包括：显示器，用于响应于用户停止对显示器所显示的页面的滚动操作，使页面基于停止滚动操作之前的滚动参数按预定规则继续滚动；以及处理器，被配置为响应于用户停止对页面的滚动操作，预测页面继续滚动的停止位置，并且在页面继续滚动的同时，预加载停止位置所对应的页面内容。

在本发明的一个实施例中，处理器可以基于停止滚动操作之前的滚动参数和预定规则，计算停止位置。

在本发明的一个实施例中，滚动参数可以包括滚动方向、滚动速度、滚动次数、滚动频率中的至少一种。

在本发明的一个实施例中，处理器还可以响应于用户停止对页面的滚动操作，判断接下来预定时间期间内是否存在用户对页面进一步的滚动操作，响应于判定不存在进一步的滚动操作，所述处理执行预测页面继续滚动的停止位置的操作。

在本发明的一个实施例中，预定时间期间可以小于或等于0.5s。

利用本发明的页面显示方法、装置及计算设备，通过预先计算出的停止位置，在页面滚动的时候就可以预先加载停止位置所对应的页面内容，可以减少用户等待内容加载的时间，从而可以提升用户的浏览体验。

附图说明

通过结合附图对本公开示例性实施方式进行更详细的描述，本公开的上述以及其它目的、特征和优势将变得更加明显，其中，在本公开示例性实施方式中，相同的参考标号通常代表相同部件。

图1是示出了根据本发明一实施例的计算设备的结构框图。

图2是示出了根据本发明一实施例的页面显示方法的示意性流程图。

图3是示出了步骤S220可以包括的子步骤的示意性流程图。

图4是示出了根据本发明一实施例的页面显示装置的功能框图。

具体实施方式

下面将参照附图更详细地描述本公开的优选实施方式。虽然附图中显示了本公开的优选实施方式，然而应该理解，可以以各种形式实现本公开而不应被这里阐述的实施方式所限制。相反，提供这些实施方式是为了使本公开更加透彻和完整，并且能够将本公开的范围完整地传达给本领域的技术人员。

如前所述，为了使得能够降低用户浏览页面时的等待时间，本发明在用户使用触摸屏(或者其他输入设备)滚动页面后，在页面继续滚动的时候就提前计算出来页面滚动停止的时候的滚动位置(或者对应的可视范围)，根据预先计算出的停止位置，在页面滚动的时候就可以预先加载停止位置所对应的页面内容，与页面滚动停止再加载的方式相比，可以减少用户等待内容加载的时间。

下面将参照图1至图4来具体地描述本发明的实施例。图1是示出了根据本发明一实施例的计算设备100的结构框图。计算设备100的部件包括但不限于显示器110以及一个或多个处理器120。

虽然图1中没有示出，但是应该知道，计算设备100还可以包括网络接口，网络接口使得计算设备100能够经由一个或多个网络通信。这些网络的示例包括局域网(LAN)、广域网(WAN)、个域网(PAN)或诸如因特网的通信网络的组合。网络接口可以包括有线或无线的任何类型的网络接口(例如，网络接口卡(NIC))中的一个或多个，诸如IEEE802.11无线局域网(WLAN)无线接口、全球微波互联接入(Wi-MAX)接口、以太网接口、通用串行总线(USB)接口、蜂窝网络接口、蓝牙接口、近场通信(NFC)接口，等等。计算设备100可以通过网络接口访问页面。

在本发明的一个实施例中，计算设备100的上述以及图1中未示出的其他部件也可以彼此相连接，例如通过总线。应当理解，图1所示的计算设备结构框图仅仅是出于示例的目的，而不是对本发明范围的限制。本领域技术人员可以根据需要，增添或替换其他部件。

计算设备100可以是任何类型的静止或移动计算设备，包括移动计算机或移动计算设备(例如，平板计算机、个人数字助理、膝上型计算机、笔记本计算机、上网本等)、移动电话(例如，智能手机)、可佩戴的计算设备(例如，智能手表、智能眼镜等)或其他类型的移动设备，或者诸如台式计算机或PC的静止计算设备。计算设备100还可以是移动式或静止式的服务器。

显示器110可以显示由计算设备生成的图像，可以包括各种类型的图像设备，例如阴极射线管(CRT)、液晶显示器(LCD)、发光二极管(LED)(包括有机发光二极管(OLED))、投射系统等等与其他支持电子装置(例如DAC、ADC、信号处理器等等)的集合。

就本发明而言，响应于用户停止对显示器所显示的页面的滚动操作，显示器110可以使页面基于停止滚动操作之前的滚动参数按预定规则继续滚动。

响应于用户停止对页面的滚动操作，处理器120可以预测页面继续滚动的停止位置，然后在页面继续滚动的同时，预加载停止位置所对应的页面内容。

其中，处理器120的具体处理可以参见图2。图2是示出了根据本发明一实施例的页面访问方法的示意性流程图。在本发明的一个实施例中，方法200可选地可以开始于步骤S210，如图2所示，响应于用户停止对页面的滚动操作，使页面基于停止滚动操作之前的滚动参数按预定规则继续滚动。

用户可以使用触摸屏(或者其他输入设备如鼠标)来实现对页面的滚动操作。如本领域技术人员所知，目前手机上屏幕的滚动，大多具有两个阶段，第一个阶段是手指在屏幕拖动，第二阶段是松开手指之后，页面延续之前手指的拖动的速度滚动，并且以一个算法逐渐停止下来。

也就是说，在用户停止对页面的滚动操作后，页面不会立即停止滚动，而是可以基于用户停止滚动操作之前的滚动参数按预定规则继续滚动。其中，这里的滚动参数可以包括滚动方向、滚动速度、滚动次数、滚动频率中的至少一种。

由此，响应于用户停止对页面的滚动操作，可以预测页面继续滚动的停止位置(步骤S220)。这里可以基于停止滚动操作之前的滚动参数和预定规则，计算停止位置。

在预测得到停止位置后，可以执行步骤S230，在页面继续滚动的同时，预加载停止位置所对应的页面内容。

这样，在确定了停止位置后，就可以预先加载停止位置所对应的页面内容，与现有的页面滚动停止后再加载页面的方式相比，可以减少用户等待时间，从而可以提高用户的浏览体验。

一般而言，在用户停止对页面的滚动操作后，页面继续滚动直至停止的时间在0.5-2秒不等，在使用目前的页面显示方案时，页面内容要在页面滚动停止结束或者即将结束才能加载用户最终看到的内容，而使用了本发明后，能够提前0.5-2秒加载对应的内容，因此能够很好提高用户体验。

其中，对于步骤S220来说，在用户短时间内对页面执行了多个滚动操作时，可以在最后一个滚动操作结束后，开始预测页面继续滚动的停止位置。

图3示出了步骤S220可以包括的子步骤的示意性流程图。

参见图3，在步骤S2210，响应于用户停止对页面的滚动操作，判断接下来预定时间期间内是否存在用户对页面进一步的滚动操作。

其中，预定时间期间可以设定为用户在一般情况下连续对页面执行两次滚动操作之间可以具有的时间间隔，例如，预定时间期间可以设定为小于或等于0.5s。

在判定存在进一步的滚动操作时，可以继续监测滚动操作，并在进一步的滚动操作停止时再做判断，判断接下来预定时间期间内是否存在用户对页面更进一步的滚动操作(即继续执行步骤S2210)。

响应于判定不存在进一步的滚动操作，可以预测页面继续滚动的停止位置(步骤S2220)。

图4是示出了根据本发明一实施例的页面显示装置300的功能框图。页面显示装置300的功能模块可以由实现本发明原理的硬件、软件或硬件和软件的结合来实现，例如通过图1所示的计算设备100中的一个或多个处理器120来实现。本领域技术人员可以理解的是，图4中所描述的功能模块可以组合起来或者划分成子模块，从而实现上述发明的原理。因此，本文的描述可以支持对本文描述的功能模块的任何可能的组合、或者划分、或者更进一步的限定。

参见图4，页面显示装置300包括滚动单元310、预测单元320以及预加载单元330。

滚动单元310用于响应于用户停止对页面的滚动操作，使页面基于停止滚动操作之前的滚动参数按预定规则继续滚动。

预测单元320用于响应于用户停止对页面的滚动操作，预测页面继续滚动的停止位置。

预加载单元330用于在页面继续滚动的同时，预加载停止位置所对应的页面内容。

其中，预测单元可以基于停止滚动操作之前的滚动参数和预定规则，计算停止位置。这里的滚动参数可以包括滚动方向、滚动速度、滚动次数、滚动频率中的至少一种。

如图4所示，页面显示装置300还可以包括判断单元340。判断单元340可以响应于用户停止对页面的滚动操作，判断接下来预定时间期间内是否存在用户对页面进一步的滚动操作。

响应于判断单元340判定不存在进一步的滚动操作，预测单元320可以预测页面继续滚动的停止位置。

其中，预定时间期间可以设定为小于或等于0.5s。

上文中已经参考附图详细描述了根据本发明的页面显示方法、装置及计算设备。

此外，根据本发明的方法还可以实现为一种计算机程序，该计算机程序包括用于执行本发明的上述方法中限定的上述各步骤的计算机程序代码指令。或者，根据本发明的方法还可以实现为一种计算机程序产品，该计算机程序产品包括计算机可读介质，在该计算机可读介质上存储有用于执行本发明的上述方法中限定的上述功能的计算机程序。本领域技术人员还将明白的是，结合这里的公开所描述的各种示例性逻辑块、模块、电路和算法步骤可以被实现为电子硬件、计算机软件或两者的组合。

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

以上已经描述了本发明的各实施例，上述说明是示例性的，并非穷尽性的，并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下，对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择，旨在最好地解释各实施例的原理、实际应用或对市场中的技术的改进，或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。

Claims (11)

1.一种页面显示方法，包括：

响应于用户停止对页面的滚动操作，使所述页面基于停止滚动操作之前的滚动参数按预定规则继续滚动；

响应于用户停止对页面的滚动操作，预测所述页面继续滚动的停止位置；

在所述页面继续滚动的同时，预加载所述停止位置所对应的页面内容。

2.根据权利要求1所述的页面显示方法，其中，所述预测所述页面继续滚动的停止位置的步骤包括：

基于所述停止滚动操作之前的滚动参数和所述预定规则，计算所述停止位置。

3.根据权利要求1或2所述的页面显示方法，其中，所述滚动参数包括滚动方向、滚动速度、滚动次数、滚动频率中的至少一种。

4.根据权利要求1所述的页面显示方法，其中，所述响应于用户停止对页面的滚动操作预测所述页面继续滚动的停止位置的步骤包括：

响应于用户停止对页面的滚动操作，判断接下来预定时间期间内是否存在用户对页面进一步的滚动操作；

响应于判定不存在所述进一步的滚动操作，预测所述页面继续滚动的停止位置。

5.根据权利要求4所述的页面显示方法，其中，所述预定时间期间小于或等于0.5s。

6.一种页面显示装置，包括：

滚动单元，用于响应于用户停止对页面的滚动操作，使所述页面基于停止滚动操作之前的滚动参数按预定规则继续滚动；

预测单元，用于响应于用户停止对页面的滚动操作，预测所述页面继续滚动的停止位置；

预加载单元，用于在所述页面继续滚动的同时，预加载所述停止位置所对应的页面内容。

7.根据权利要求6所述的页面显示装置，其中，所述预测单元基于所述停止滚动操作之前的滚动参数和所述预定规则，计算所述停止位置。

8.根据权利要求6或7所述的页面显示装置，其中，所述滚动参数包括滚动方向、滚动速度、滚动次数、滚动频率中的至少一种。

9.根据权利要求6所述的页面显示装置，还包括：

判断单元，用于响应于用户停止对页面的滚动操作，判断接下来预定时间期间内是否存在用户对页面进一步的滚动操作，

响应于所述判断单元判定不存在所述进一步的滚动操作，所述预测单元预测所述页面继续滚动的停止位置。

10.根据权利要求9所述的页面显示装置，其中，所述预定时间期间小于或等于0.5s。

11.一种用于页面显示的计算设备，包括：

显示器，用于响应于用户停止对所述显示器所显示的页面的滚动操作，使所述页面基于停止滚动操作之前的滚动参数按预定规则继续滚动；以及

处理器，被配置为响应于用户停止对页面的滚动操作，预测所述页面继续滚动的停止位置，并且在所述页面继续滚动的同时，预加载所述停止位置所对应的页面内容。