CN105786352A - 快速定位页面内容的方法、装置及移动终端 - Google Patents

Abstract

本申请公开了一种快速定位页面内容的方法，当监测到用户滚动页面的速度大于参考速度时，将屏幕显示区域内的各元素按照预定缩略信息呈现，所述参考速度为用户逐一浏览所述屏幕显示区域内的各元素的内容时滚动页面的最大速度。本申请还公开了快速定位页面内容的装置，包括：速度检测模块，用于监测用户滚动页面的速度，当大于参考速度时，通知处理模块；所述参考速度为用户逐一浏览所述屏幕显示区域内的各元素的内容时滚动页面的最大速度；处理模块，用于收到所述速度检测模块的通知后，将屏幕显示区域内的各元素按照预定缩略信息呈现。通过本申请可以实现页面内容的快速定位。

Description

快速定位页面内容的方法、装置及移动终端

技术领域

本申请涉及页面内容加载技术，尤其涉及快速定位页面内容的方法、装置及移动终端。

背景技术

现有技术中越来越多的网站采用瀑布流式技术实现网页的加载及呈现。瀑布流式网页的呈现是指浏览过程中无需翻页，在不断下拉滚动条过程中，网页内容不断被加载和显示的一种浏览方式。

在很多业务场景下会存在用户所浏览的网页内容很长的情况，例如，在微博中如果有多人对某个话题进行回复时，如果用户想快速查看以当前屏幕为基准的较下方的内容，服务器就需要逐一将用户下拉滚动条所经过的内容加载出来，数据加载量大，页面内容显示速度慢，用户很难快速的定位到想要查看的页面内容。

发明内容

本申请提供一种快速定位页面内容的方法、及装置及移动终端，能够实现页面内容的快速定位。

根据本申请实施例的第一方面，提供一种快速定位页面内容的方法，所述方法包括步骤：

当监测到用户滚动页面的速度大于参考速度时，将屏幕显示区域内的各元素按照预定缩略信息呈现，所述参考速度为用户逐一浏览所述屏幕显示区域内的各元素的内容时滚动页面的最大速度。

本申请实施例的另一方面，提供一种快速定位页面内容的装置，包括：

速度检测模块，用于监测用户滚动页面的速度，当大于参考速度时，通知处理模块；所述参考速度为用户逐一浏览所述屏幕显示区域内的各元素的内容时滚动页面的最大速度；

所述处理模块，用于收到所述速度检测模块的通知后，将屏幕显示区域内的各元素按照预定缩略信息呈现。

本申请实施例还提供了一种移动终端，所述移动终端包括：

触摸显示器；

处理器；以及

存储器，所述存储器被配置成存储页面浏览程序，所述页面浏览程序被配置成被所述处理器执行，以在所述触摸显示器上显示列表页面，所述列表页面包括多个元素，所述多个元素中的每一者被配置成至少以第一显示模式和第二显示模式给用户展示与特定元素相关的信息，其中，在所述第一显示模式下所展示的信息内容多于在所述第二显示模式下展示的信息内容；

所述页面浏览程序还被配置成，响应用户在所述触摸显示器输入的页面滚动指令，在所述触摸显示器的显示区域内加载至少一个所述元素，并且，当所述滚动指令具有参考速度时，至少一个所述元素以所述第一显示模式进行展示，当所述滚动指令具有大于所述参考速度的滚动速度时，至少一个所述元素以所述第二显示模式进行展示。

本申请本申请以用户滚动页面的速度为判断依据，在检测到用户快速滚动页面时判断为用户需要快速定位到某个较远位置的内容，此时将屏幕显示区域内的内容以缩略信息的形式展现给用户，由于无需将各个元素的内容逐一下载呈现，因此可以节省用户等待时间，使得用户能够在短时间内快速的找到想要定位的内容，另外屏幕显示区域的缩略信息一目了然，进一步方便用户选择想要快速定位的内容。

附图说明

图1为本申请实施例中快速定位页面内容的方法的流程图；

图2是本申请实施例中慢速浏览模式与快速浏览模式的效果对比图；

图3是本申请实施例中快速定位页面内容的装置的硬件结构图；

图4是本申请实施例中快速定位页面内容的装置的内部结构逻辑框图。

具体实施方式

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

在本申请使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本申请。在本申请和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。

终端设备上内容展现经常会遇到在一个页面下内容很长的情况。诸如像瀑布流式页面，通常是在页面中利用多个元素来组成页面的框架，一个元素中也可以又包含子元素，然后在各个框架中增添相应的元素/子元素内容。用户在浏览内容时常常会有需求想快速查看以当前屏幕为基准的较下方的内容，由于需要多次的滑动，且定位不准容易将内容滑过头，另外加载元素内容的时间长。本申请以用户滚动页面的速度为判断依据，在检测到用户快速滚动页面时判断为用户需要快速定位到某个较远位置的内容，从而触发本申请的快速定位页面内容方法。

结合图1对本申请的快速定位页面内容的方法进行描述。预先设置一个参考速度，这个参考速度来作为评判是否为快速滚动页面的参考依据，步骤101，监测用户滚动页面的速度；步骤102，监测到用户滚动页面的速度是否大于参考速度；步骤103，如果用户滚动页面的速度大于参考速度，将屏幕显示区域内的各元素按照预定缩略信息呈现。作为一个例子，如果用户滚动页面的速度不大于参考速度时，则认为用户目前正在以正常的浏览速度浏览，因此此时可以将页面滚动时所经过的各个元素的内容逐一加载并呈现(步骤4)。如图2左边部分所示，其为在正常浏览速度下(也可以称为慢速浏览模式或者第一显示模式下)，终端的显示屏幕显示的界面视图。图2右边部分所示，为在快速浏览时(也可以称为快速浏览模式或者第二显示模式下)仅在屏幕显示区域内将各元素以列表形式显示缩略信息的界面视图。在此界面视图中，显示的缩略信息为元素的编号。

在本申请中，将用户正常浏览页面时滚动页面的最大速度称为参考速度，此时用户通常按照屏幕显示区域从上到下逐一浏览页面中个各元素内容。对于参考速度可以根据实际应用需要(例如屏幕显示区域的大小、页面设置宽度等)以及对用户使用习惯的统计数据来设置不同的数值，在本申请中对此不做限定。

可以看出，由于在感知到用户有快速定位页面内容的需求时就将各个元素收拢并以缩略信息呈现，而元素具体的内容无需加载出来，等待用户的下一步指示，因此响应用户需求的速度快，另外缩略信息一目了然，方便用户选择想要快速定位的内容。

作为进一步的改进，终端设备界面上，在预定缩略信息所在的显示区域周围的范围内可以设置有点击事件，以便收到用户进一步索取快速定位的内容时通过点击该点击事件，发出触发信号，加载该预定缩略信息所相关的元素的内容。点击事件的形式可以用多种方式实现，例如，可以是超链接、按钮控件等等。

界面上呈现的预定缩略信息可以有多种方式，可以根据页面内容的不同预先设置好多种形式，例如，可以将各元素的内容的标题、主题名称或章节点作为预定缩略信息，还可以将该元素内容中出现频率较高的几个关键字作为预定缩略信息。在该元素为包含大量图片或者其他多媒体文件资料时，可以将图片名称或者多媒体文件的名称作为内容节点；本领域的技术人员可以理解，缩略内容可根据用户的具体需求和预设规则进行设置，设置方式灵活多样，具体表现形式也可不尽相同。

值得说明的是，在一个优选案例中，无论是正常浏览时还是用户点击缩略信息时，加载元素的内容可以通过以下策略实现：由于文字内容加载的时间相对较快，因此先将该元素的文字内容加载并呈现；以方便用户在看到文字内容后进一步的确认自己的定位需求是否是当前的元素，如果在一段时间长度内用户没有快速滚动页面的指令(也就是该元素在屏幕显示区域内停留时长达到预定阈值)，则确认用户是想以正常浏览速度浏览该元素的内容，因此继续将该元素的大数据内容加载并呈现。如此操作的好处在于，当用户最初并不明确真实的快速定位需求时，会希望看到较多的内容来确认是否需要正常浏览该元素的全部内容，因此先将容易加载的文字内容呈现给用户，在用户看到较多的内容后可以今早明确进一步的需求是正常浏览还是继续快速定位其他元素，如此也可以缩短用户快速定位的时间。大数据内容可以是图片数据、音频数据、视频数据等数据量较大的内容。

本申请对于如何获取用户滚动页面的速度可以有多种方式，例如可以使用JS的监听方法，监听页面的scroll事件。一旦页面滚动，就开始判断页面中的某个坐标位置(例如屏幕的中心坐标位置等)单位时间内的位移变化，这个单位时间的位移量即用户滚动页面的速度。在一个例子中，无论滚动页面的方向是向上滚动想查看之前的内容还是向下滚动想定位页面下方的内容，均可通过位移量来判断滚动页面的速度。另外，还可以在监听到页面的scroll事件后，记录第一次scroll事件开始的时间和第二次scroll事件开始的时间间隔，甚至记录可以连续几次scroll事件的时间间隔，根据scroll事件的发生频率来判断用户滚动页面的速度快慢。

为了能够对本申请快速定位页面内容的方法有更加清晰的了解，以下详细阐述一个应用场景的实例。例如，用户可以使用移动终端上安装的客户端程序(app，例如，淘宝，天猫等)进行网上购物。在app的主界面，用户可以在搜索框中输入商品关键词，向网络服务器发出查询请求，网络服务器回传响应该查询请求，检索得到与该关键词相匹配的多个商品，并发送至移动终端，移动终端的显示器可以以一定形式对该多个商品进行展示，例如可以以列表形式展示。移动终端可以将该多个商品整理成多个页面，以供用户通过翻页方式寻找目标商品。移动终端可以将该多个商品整理成瀑布流形式，以供用户通过持续不断的滑动或者滚动页面，寻找目标商品。在其他实施方式中，也可以通过html5页面展现多个商品列表。

预先设置一个参考速度；

当启动快速定位页面内容的方法时，监听用户页面的scroll事件；

当监听到scroll事件时，启动监测用户滚动页面的速度的流程；在本例中，从监听到scroll事件的时刻开始测算页面中屏幕的中心坐标位置在单位时间内的位移量，这个单位时间内的中心坐标位置的位移量即为当前scroll事件中用户滚动页面的速度。

如果用户滚动页面的速度大于参考速度，则在scroll事件停止后，将屏幕显示区域内的各元素按照预定缩略信息呈现，在本例中，将屏幕显示区域内的各元素的标题作为缩略信息，以列表形式显示在屏幕显示区域内。

在每个列表显示的元素以超链接的形式存在。当用户通过列表显示的元素上所设置的点击事件点击某个元素时，加载该元素下所包含的完整的元素的内容。在加载完整的元素内容时，首先将该元素的内容中的文字信息加载出来，如果在预定时间段内没有检测到用户快速滚动页面的指令(也就是该元素在屏幕显示区域内停留时长达到预定阈值)，则继续将该元素的图片及视频等大数据内容加载并呈现。

当监听到下一次的scroll事件时，再次启动监测用户滚动页面的速度的流程，如果本次scroll事件检测到的滚动页面的速度为参考速度，则将屏幕显示区域内的各元素按照正常浏览时所显示的内容依次显示出来。

与上述快速定位页面内容的方法相对应，本申请提供了快速定位页面内容的装置，该装置可以利用各种终端设备实现，包括但不限于移动终端、个人电脑(PC)、平板电脑(Pad)、个人数字助理(PDA)等。

该装置实施例可以通过软件实现，也可以通过硬件或者软硬件结合的方式实现。以软件实现为例，作为一个逻辑意义上的装置，是通过其所在设备的处理器将非易失性存储器中对应的计算机程序指令读取到内存中运行形成的。从硬件层面而言，如图3所示，为本申请快速定位页面内容的装置所在终端设备的一种硬件结构图，除了图2所示的处理器、网络接口、内存以及非易失性存储器之外，实施例中装置所在的服务器通常还可以包括其他硬件，对此图1中不再详细示出。

图4是快速定位页面内容的装置通过软件实现时的内部模块逻辑框图。包括速度检测模块410和处理模块420。

速度检测模块410监测用户滚动页面的速度。当达到参考速度时，通知处理模块420；处理模块420收到速度检测模块410的通知后，将屏幕显示区域内的各元素按照预定缩略信息呈现。当未达到参考速度时，通知处理模块420，处理模块420将屏幕显示区域的元素按照正常的浏览方式逐一显示元素内容。

与快速定位页面内容的方法相对应，预定缩略信息所在的显示区域设置有点击事件，处理模块420当收到用户触发信号时，加载该预定缩略信息所相关的元素的内容。具体的加载可以可以参照快速定位页面内容的方法的相关内容部分，在此不再赘述。

本申请还提供一种移动终端，所述移动终端包括：

触摸显示器；

处理器；以及

存储器，所述存储器被配置成存储页面浏览程序，所述页面浏览程序被配置成被所述处理器执行，以在所述触摸显示器上显示列表页面，所述列表页面包括多个元素，所述多个元素中的每一者被配置以至少第一显示模式或第二显示模式给用户展示与特定元素相关的信息，其中，在所述第一显示模式下所展示的信息内容多于在所述第二显示模式下展示的信息内容；作为一个例子，第二显示模式可以对应于上文所述的实施例中的预定缩略信息。

所述页面浏览程序还被配置成，响应用户在所述触摸显示器输入的页面滚动指令，在所述触摸显示器的显示区域内加载至少一个所述元素，并且，当所述滚动指令具有参考速度时，至少一个所述元素以所述第一显示模式进行展示，当所述滚动指令具有大于所述参考速度的滚动速度时，至少一个所述元素以所述第二显示模式进行展示。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本申请的其它实施方案。本申请旨在涵盖本申请的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本申请的一般性原理并包括本申请未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本申请的真正范围和精神由下面的权利要求指出。

应当理解的是，本申请并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本申请的范围仅由所附的权利要求来限制。

Claims (17)

1.一种快速定位页面内容的方法，其特征在于，所述方法包括步骤：

当监测到用户滚动页面的速度大于参考速度时，将屏幕显示区域内的各元素按照预定缩略信息呈现，所述参考速度为用户逐一浏览所述屏幕显示区域内的各元素的内容时滚动页面的最大速度。

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

所述预定缩略信息所在的显示区域设置有点击事件，当收到用户对所述点击事件的触发信号时，加载该预定缩略信息所相关的元素的内容。

3.根据权利要求2所述的方法，其特征在于，所述预定缩略信息为该元素的内容的标题。

4.根据权利要求3所述的方法，其特征在于，所述标题为超链接或按钮控件。

5.根据权利要求1所述的方法，其特征在于，监测所述用户滚动页面的速度具体包括：

当监测到页面滚动事件后，监测单位时间内所述屏幕显示区域内指定位置坐标的位移量。

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

如果用户滚动页面的速度不大于所述参考速度时，则将页面滚动时所经过的各个元素的内容逐一加载并呈现。

7.根据权利要求2所述的方法，其特征在于，加载该预定缩略信息所相关的元素的内容的步骤包括：

将该元素的文字内容加载并呈现；

如果该元素在屏幕显示区域内停留时长达到预定阈值，则将该元素的大数据内容加载并呈现。

8.根据权利要求7所述的方法，其特征在于，所述大数据内容包括以下一种或多种数据：

图片数据、音频数据、视频数据。

9.一种快速定位页面内容的装置，其特征在于，包括：

速度检测模块，用于监测用户滚动页面的速度，当大于参考速度时，通知处理模块；所述参考速度为用户逐一浏览所述屏幕显示区域内的各元素的内容时滚动页面的最大速度；

所述处理模块，用于收到所述速度检测模块的通知后，将屏幕显示区域内的各元素按照预定缩略信息呈现。

10.根据权利要求9所述的装置，其特征在于，

所述预定缩略信息所在的显示区域设置有点击事件，所述处理模块还用于当收到用户对所述点击事件的触发信号时，加载该预定缩略信息所相关的元素的内容。

11.根据权利要求10所述的装置，其特征在于，所述预定缩略信息为该元素的内容的标题。

12.根据权利要求11所述的装置，其特征在于，所述标题为超链接或按钮控件。

13.根据权利要求9所述的装置，其特征在于，所述速度检测模块监测所述用户滚动页面的速度具体包括：

当监测到页面滚动事件后，监测单位时间内所述屏幕显示区域内指定位置坐标的位移量。

14.根据权利要求9所述的装置，其特征在于，所述速度检测模块还用于检测用户滚动页面的速度不大于所述参考速度时通知所述处理模块，所述处理模块将页面滚动时所经过的各个元素的内容逐一加载并呈现。

15.根据权利要求10所述的装置，其特征在于，所述处理模块加载该预定缩略信息所相关的元素的内容包括：

将该元素的文字内容加载并呈现；

如果该元素在屏幕显示区域内停留时长达到预定阈值，则将该元素的大数据内容加载并呈现。

16.根据权利要求15所述的装置，其特征在于，所述大数据内容包括以下一种或多种数据：

图片数据、音频数据、视频数据。

17.一种移动终端，其特征在于，所述移动终端包括：

触摸显示器；

处理器；以及

存储器，所述存储器被配置成存储页面浏览程序，所述页面浏览程序被配置成被所述处理器执行，以在所述触摸显示器上显示列表页面，所述列表页面包括多个元素，所述多个元素中的每一者被配置成至少以第一显示模式和第二显示模式给用户展示与特定元素相关的信息，其中，在所述第一显示模式下所展示的信息内容多于在所述第二显示模式下展示的信息内容；

所述页面浏览程序还被配置成，响应用户在所述触摸显示器输入的页面滚动指令，在所述触摸显示器的显示区域内加载至少一个所述元素，并且，当所述滚动指令具有参考速度时，至少一个所述元素以所述第一显示模式进行展示，当所述滚动指令具有大于所述参考速度的滚动速度时，至少一个所述元素以所述第二显示模式进行展示。