CN105989051A - 页面定位方法及装置 - Google Patents

Abstract

本申请公开了一种页面定位方法及装置，该方法包括：在浏览器的当前窗口中显示页面定位控件，所述页面定位控件包括定位点和标尺，所述定位点用于标识所述当前窗口显示的信息在所述当前窗口显示的当前页面中的位置；检测到针对所述定位点的拖动操作或者针对所述标尺的点击操作后，根据所述标尺的长度与所述当前页面的长度的映射关系，在所述当前窗口中显示所述当前页面中对应于所述拖动操作结束的位置处或者所述点击操作的位置处的信息。该方案能够大大提升用户体验。

Description

页面定位方法及装置

技术领域

本申请涉及页面定位技术领域，尤其涉及一种页面定位方法及装置。

背景技术

随着互联网技术的飞速发展，互联网上提供的信息越来越丰富，很多用户选择通过浏览器从互联网上获取需要的信息。例如，用户可以从互联网上搜索热门小说、论文、影评、照片、视频等等信息；浏览器获取用户需要的信息后，将获取的信息显示在当前窗口的页面中，以供用户进行浏览。

页面的长度一般会与页面包括信息的多少相匹配，当页面的长度超过当前窗口的宽度时，当前窗口不能显示页面包括的所有信息，这就需要一种能够对页面进行定位的方法便于用户浏览页面的所有信息。目前通用的方法是在浏览器的最右端固定位置处显示滚动条，如图1所示为一个浏览器的最右端固定位置处显示的滚动条1的示意图，当用户浏览页面的信息时，可以调整滚动条的上下位置，浏览器检测到滚动条的位置变化后，会根据滚动条的位置变化调整当前窗口显示的信息；当用户需要回看已浏览的信息时，也需要调整滚动条的位置重新对页面进行定位，找到回看的信息的位置。

上述通用的方法是基于滚动条位置的改变对页面进行定位的，由于滚动条有一定长度且长度不固定，随着页面的长度不同而变化，这就导致滚动条的长度与页面的长度的映射关系并不直观，因此用户很难快速地判断回看的信息所在的位置，也就无法快速准确地对页面进行定位，可能需要耗费很长时间才能找到回看的信息，严重影响用户体验。

发明内容

本申请实施例提供一种页面定位方法及装置，用以解决现有技术中存在的用户无法快速准确地对页面进行定位，严重影响用户体验的问题。

根据本申请实施例，提供一种页面定位方法，包括：

在浏览器的当前窗口中显示页面定位控件，所述页面定位控件包括定位点和标尺，所述定位点用于标识所述当前窗口显示的信息在所述当前窗口显示的当前页面中的位置；

检测到针对所述定位点的拖动操作或者针对所述标尺的点击操作后，根据所述标尺的长度与所述当前页面的长度的映射关系，在所述当前窗口中显示所述当前页面中对应于所述拖动操作结束的位置处或者所述点击操作的位置处的信息。

具体的，在浏览器的当前窗口中显示页面定位控件，具体包括：

检测到光标在浏览器的当前窗口显示的置顶按钮悬停后，在所述置顶按钮下方显示所述页面定位控件；或者，

检测到浏览器的当前窗口显示的当前页面被拉动的速度超过设定速度后，在所述当前窗口中光标的位置或者所述当前窗口中的置顶按钮下方显示所述页面定位控件。

具体的，根据所述标尺的长度与所述当前页面的长度的映射关系，在所述当前窗口中显示所述当前页面中对应于所述拖动操作结束的位置处或者所述点击操作的位置处的信息，具体包括：

获取所述标尺的长度与所述当前页面的长度的映射关系；

根据所述映射关系确定所述点击操作的位置或者所述拖动操作结束的位置对应的所述当前页面的位置；

在所述当前窗口中显示确定的所述当前页面的位置处的信息。

可选的，还包括：

获取所述当前页面的长度与所述标尺的长度的比值；

根据所述比值建立所述标尺的长度与所述当前页面的长度的映射关系。

可选的，还包括：

在所述标尺上显示分隔符，所述分隔符标识等分所述当前页面的长度或者所述当前页面的选定信息的位置。

可选的，还包括：

检测到所述当前窗口显示的置顶按钮隐藏后，隐藏所述置顶按钮下方的所述页面定位控件；或者，

检测到所述当前页面被拉动的速度小于设定速度后，隐藏在所述当前窗口中光标的位置或者所述当前窗口中置顶按钮下方的所述页面定位控件。

根据本申请实施例，还提供一种页面定位装置，包括：

第一显示单元，用于在浏览器的当前窗口中显示页面定位控件，所述页面定位控件包括定位点和标尺，所述定位点用于标识所述当前窗口显示的信息在所述当前窗口显示的当前页面中的位置；

检测单元，用于检测是否有针对所述定位点的拖动操作或者针对所述标尺的点击操作；

第二显示单元，用于若所述检测单元检测到针对所述定位点的拖动操作或者针对所述标尺的点击操作后，根据所述标尺的长度与所述当前页面的长度的映射关系，在所述当前窗口中显示所述当前页面中对应于所述拖动操作结束的位置处或者所述点击操作的位置处的信息。

具体的，所述第一显示单元，具体用于：

检测到光标在浏览器的当前窗口显示的置顶按钮悬停后，在所述置顶按钮下方显示所述页面定位控件；或者，

检测到浏览器的当前窗口显示的当前页面被拉动的速度超过设定速度后，在所述当前窗口中光标的位置或者所述当前窗口中的置顶按钮下方显示所述页面定位控件。

具体的，所述第二显示单元，具体用于：

获取所述标尺的长度与所述当前页面的长度的映射关系；

根据所述映射关系确定所述点击操作的位置或者所述拖动操作结束的位置对应的所述当前页面的位置；

在所述当前窗口中显示确定的所述当前页面的位置处的信息。

可选的，还包括：

获取单元，用于获取所述当前页面的长度与所述标尺的长度的比值；

建立单元，用于根据所述比值建立所述标尺的长度与所述当前页面的长度的映射关系。

可选的，还包括：

第三显示单元，用于在所述标尺上显示分隔符，所述分隔符标识等分所述当前页面的长度或者所述当前页面的选定信息的位置。

可选的，还包括隐藏单元，用于：

检测到所述当前窗口显示的置顶按钮隐藏后，隐藏所述置顶按钮下方的所述页面定位控件；或者，

检测到所述当前页面被拉动的速度小于设定速度后，隐藏在所述当前窗口中光标的位置或者所述当前窗口中置顶按钮下方的所述页面定位控件。

本申请实施例提供一种页面定位方法及装置，在浏览器的当前窗口中显示页面定位控件，所述页面定位控件包括定位点和标尺，所述定位点用于标识所述当前窗口显示的信息在所述当前窗口显示的当前页面中的位置；检测到针对所述定位点的拖动操作或者针对所述标尺的点击操作后，根据所述标尺的长度与所述当前页面的长度的映射关系，在所述当前窗口中显示所述当前页面中对应于所述拖动操作结束的位置处或者所述点击操作的位置处的信息。该方案是基于页面定位控件实现对页面进行定位的，该页面定位控件包括定位点和标尺，由于定位点用于标识当前窗口显示的信息在当前窗口显示的当前页面中的位置，用户很容易根据定位点在标尺上的位置以及当前窗口中显示的信息获取标尺的长度与当前页面的长度的映射关系，与现有技术相比，标尺的长度与当前页面的长度的映射关系非常直观，用户可以快速地判断回看的信息所在的位置，从而对标尺执行点击操作或者对定位点执行拖动操作来实现对页面的快速定位，进而很快就能找到回看的信息，大大提升用户体验。

附图说明

此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1为现有技术中一个浏览器的最右端固定位置处显示的滚动条的示意图；

图2为本申请实施例中页面定位方法的流程图；

图3为本申请实施例中一种页面定位控件的示意图；

图4为本申请实施例中另一种页面定位控件的示意图；

图5为本申请实施例中一种带有分隔符的页面定位控件的结构示意图；

图6为本申请实施例中另一种带有分隔符的页面定位控件的结构示意图；

图7为本申请实施例中页面定位装置的结构示意图；

图8为本申请实施例中第二种页面定位装置的结构示意图；

图9为本申请实施例中第三种页面定位装置的结构示意图；

图10为本申请实施例中第四种页面定位装置的结构示意图。

具体实施方式

为了使本申请所要解决的技术问题、技术方案及有益效果更加清楚、明白，以下结合附图和实施例，对本申请进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。

由于现有技术中的滚动条有一定长度且长度不固定，随着页面的长度不同而变化，这就导致滚动条的长度与页面的长度的映射关系并不直观，因此用户很难快速地判断回看的信息所在的位置，也就无法快速准确地对页面进行定位，可能需要耗费很长时间才能找到回看的信息，严重影响用户体验。为了解决用户无法快速准确地对页面进行定位，严重影响用户体验的问题，本申请实施例提供的一种页面定位方法，该方法的执行主体可以为浏览器，流程如图2所示，包括如下步骤：

S21：在浏览器的当前窗口中显示页面定位控件。

目前，有的浏览器是多窗口的，有的浏览器是单窗口的，无论是哪种浏览器，当前显示的窗口即为当前窗口，当前窗口中的页面即为当前页面。

可以在当前窗口中显示页面定位控件，如图3所示为页面定位控件2的示意图，从图3中可以看出，页面定位控件包括定位点21和标尺22，定位点21用于标识当前窗口显示的信息在当前页面中的位置。一种可选的实施例，定位点的大小固定，标尺的长度固定且与当前页面的长度对应，现有技术中滚动条的长度随着页面的长度而改变，页面的长度与滚动条的长度的映射关系并不直观，而本申请实施例中的页面定位控件，定位点的大小固定，不随页面长度的变化而改变，用户很容易根据定位点在标尺上的位置以及当前窗口中显示的信息获取标尺的长度与当前页面的长度的映射关系，可以快速地对页面进行定位，尤其是在回看信息时，可以快速准确地找到回看信息所在的位置，从而提升用户体验。

S22：检测到针对定位点的拖动操作或者针对标尺的点击操作后，根据标尺的长度与当前页面的长度的映射关系，在当前窗口中显示当前页面中对应于拖动操作结束的位置处或者点击操作的位置处的信息。

由于页面定位控件包括标尺和定位点，当用户需要回看信息时，可以采用两种实现方式对页面定位，一种实现方式是对定位点执行拖动操作，直接将定位点拖动到回看的信息对应的位置；另一种实现方式是对标尺执行点击操作，直接点击回看的信息对应的位置。当浏览器检测到针对定位点的拖动操作或者针对标尺的点击操作后，隐藏当前窗口显示的信息，并根据标尺的长度与当前页面的长度的映射关系，在当前窗口中显示当前页面中对应于拖动操作结束的位置处或者点击操作的位置处的信息，从而实现在当前窗口中显示用户需要回看的信息。

该方案是基于页面定位控件实现对页面进行定位的，该页面定位控件包括定位点和标尺，由于定位点用于标识当前窗口显示的信息在当前窗口显示的当前页面中的位置，用户很容易根据定位点在标尺上的位置以及当前窗口中显示的信息获取标尺的长度与当前页面的长度的映射关系，与现有技术相比，标尺的长度与当前页面的长度的映射关系非常直观，用户可以快速地判断回看的信息所在的位置，从而对标尺执行点击操作或者对定位点执行拖动操作来实现对页面的快速定位，进而很快就能找到回看的信息，大大提升用户体验。

具体的，上述S21中的在浏览器的当前窗口中显示页面定位控件可以有多种实现方式，页面定位控件可以在当前窗口打开时一直处于显示状态，当然也可以在确定满足一定的条件再进行显示，下面列举两种具体的实现方式进行说明。

第一种实现方式，检测到光标在浏览器的当前窗口显示的置顶按钮悬停后，在置顶按钮下方显示页面定位控件。

目前，当前窗口中应用了浮层的置顶按钮，用户可以单击置顶按钮，当浏览器检测到置顶按钮被单击后，直接回到当前页面的最顶端，为了使当前窗口整洁有序，可以结合该置顶按钮显示页面定位控件。由于目前置顶按钮被单击对应的是回到当前页面最顶端的功能，如图4所示，可以设置检测到其他操作时在置顶按钮3下方显示页面定位控件2，其中，其他操作可以但不限于是置顶按钮被双击或者光标在置顶按钮悬停等等。

第二种实现方式，检测到浏览器的当前窗口显示的当前页面被拉动的速度超过设定速度后，在当前窗口中光标的位置或者当前窗口中的置顶按钮下方显示页面定位控件。

用户在使用浏览器浏览当前页面时，采用的终端不同，拉动当前页面的方式也有所不同，例如，若终端设置有触摸屏，用户可以用手或者触摸笔拉动当前页面；若终端未设置触摸屏，用户可以使用鼠标或键盘等外接设备拉动当前页面。

终端检测到当前页面被拉动的速度超过设定速度后，可以在当前窗口光标的位置显示页面定位控件2，如图3所示；也可以在当前窗口中的置顶按钮3下方显示页面定位控件2，如图4所示。其中，设定速度可以根据实际需要进行设定，例如，通常年轻人在终端上拉动当前页面时，拉动的速度可以很快，可以将设定速度设定的大一些；而老年人在终端上拉动当前页面时，拉动的速度可能会慢一些，可以将设定速度设定的小一些。

需要说明的是，本申请实施例中的页面定位控件可以设置为浮层等等多种形式。在显示页面定位控件时可以仅采用上述其中一种方式，也可以同时采用多种方式，由于可选择的方式很多，并且页面定位控件还可以采用浮层的方式，用户可以按照需要拖动该页面定位控件，从而能够满足用户多方面的需求，提升用户体验。

以上介绍了两种在浏览器的当前窗口中显示页面定位控件的方式，在实际应用过程中，有时不需要一直显示页面定位控件，为了避免页面定位控件妨碍用户浏览当前窗口显示的信息，还可以在满足一定条件时隐藏页面定位控件，隐藏的方式有多种，下面列举两种方式进行说明：

第一种方式，检测到当前窗口显示的置顶按钮隐藏后，隐藏置顶按钮下方的页面定位控件。

对应于显示页面定位控件的第一种方式，当置顶按钮采用浮层的形式且页面定位控件显示在置顶按钮下方时，可以在检测到置顶按钮隐藏后，同时隐藏置顶按钮下方的页面定位控件。

第二种方式，检测到当前页面被拉动的速度小于设定速度后，隐藏在当前窗口中光标的位置或者当前窗口中置顶按钮下方的页面定位控件。

对应于显示页面定位控件的第二种方式，可以在当前页面被拉动速度小于设定速度后，隐藏页面定位控件。

具体的，上述S22中的根据标尺的长度与当前页面的长度的映射关系，在当前窗口中显示当前页面中对应于拖动操作结束的位置处或者点击操作的位置处的信息，具体包括：

获取标尺的长度与当前页面的长度的映射关系；

根据映射关系确定点击操作的位置或者拖动操作结束的位置对应的当前页面的位置；

在当前窗口中显示确定的当前页面的位置处的信息。

标尺的长度与当前页面的长度的映射关系建立的过程是，获取当前页面的长度与标尺的长度的比值；根据比值建立标尺的长度与当前页面的长度的映射关系。

例如，当前页面的长度为10，标尺的长度为3，当前页面的长度与标尺的长度的比值为10:3，标尺的长度与当前页面的长度的映射关系为3:10。浏览器在显示用户执行拖动操作结束的位置或者点击操作的位置对应的当前页面的信息时，可以获取标尺的长度与当前页面的长度的映射关系3:10，若点击操作的位置或者拖动操作结束的位置为标识的长度的一半，则该位置对应当前页面的位置为0.5*10/3＝5/3，然后显示该当前页面5/3位置处的信息，从而实现显示用户回看的信息。

可选的，为了便于用户识别和记忆信息在当前页面中的大概位置，进而便于回看时对页面进行定位，还可以在上述页面定位控件的标尺上显示分隔符，如图5所示，分隔符23可以用来标识等分当前页面的长度，可以将当前页面等分成四份、五份等等，用分隔符来标识每一份；分隔符23还可以用来标识当前页面的选定信息的位置，如图6所示，通常页面中的信息可以按照重要性分为重要信息和普通信息，因此，可以将当前页面中重要信息的位置对应在标尺上显示分隔符，以便于用户可以准确地定位到这些重要信息。

基于同一发明构思，本申请实施例还提供的一种页面定位装置，该装置可以设置在浏览器中，该装置的结构如7图所示，包括第一显示单元71、检测单元72和第二显示单元73。其中：

第一显示单元71，用于在浏览器的当前窗口中显示页面定位控件，页面定位控件包括定位点和标尺，定位点用于标识当前窗口显示的信息在当前窗口显示的当前页面中的位置。

检测单元72，用于检测是否有针对定位点的拖动操作或者针对标尺的点击操作。

第二显示单元73，用于若检测单元72检测到针对定位点的拖动操作或者针对标尺的点击操作后，根据标尺的长度与当前页面的长度的映射关系，在当前窗口中显示当前页面中对应于拖动操作结束的位置处或者点击操作的位置处的信息。

该方案是基于页面定位控件实现对页面进行定位的，该页面定位控件包括定位点和标尺，由于定位点用于标识当前窗口显示的信息在当前窗口显示的当前页面中的位置，用户很容易根据定位点在标尺上的位置以及当前窗口中显示的信息获取标尺的长度与当前页面的长度的映射关系，与现有技术相比，标尺的长度与当前页面的长度的映射关系非常直观，用户可以快速地判断回看的信息所在的位置，从而对标尺执行点击操作或者对定位点执行拖动操作来实现对页面的快速定位，进而很快就能找到回看的信息，大大提升用户体验。

具体的，上述第一显示单元71，具体用于：

检测到光标在浏览器的当前窗口显示的置顶按钮悬停后，在置顶按钮下方显示页面定位控件；或者，

检测到浏览器的当前窗口显示的当前页面被拉动的速度超过设定速度后，在当前窗口中光标的位置或者当前窗口中的置顶按钮下方显示页面定位控件。

具体的，上述第二显示单元73，具体用于：

获取标尺的长度与当前页面的长度的映射关系；

根据映射关系确定点击操作的位置或者拖动操作结束的位置对应的当前页面的位置；

在当前窗口中显示确定的当前页面的位置处的信息。

如图8所示为本申请实施例中的第二种页面定位装置的结构示意图，与图7所示的页面定位装置相同的单元省略不表，在如图7所示的定位装置的基础上，还包括获取单元74和建立单元75。其中：

上述获取单元74，用于获取当前页面的长度与标尺的长度的比值；

上述建立单元75，用于根据比值建立标尺的长度与当前页面的长度的映射关系。

如图9所示为本申请实施例中的第三种页面定位装置的结构示意图，与图7所示的页面定位装置相同的单元省略不表，在如图7所示的定位装置的基础上，还包括：

第三显示单元76，用于在标尺上显示分隔符，分隔符标识等分当前页面的长度或者当前页面的选定信息的位置。

如图10所示为本申请实施例中的第四种页面定位装置的结构示意图，与图7所示的页面定位装置相同的单元省略不表，在如图7所示的定位装置的基础上，还包括隐藏单元77，用于：

检测到当前窗口显示的置顶按钮隐藏后，隐藏置顶按钮下方的页面定位控件；或者，

检测到当前页面被拉动的速度小于设定速度后，隐藏在当前窗口中光标的位置或者当前窗口中置顶按钮下方的页面定位控件。

上述说明示出并描述了本申请的优选实施例，但如前所述，应当理解本申请并非局限于本文所披露的形式，不应看作是对其他实施例的排除，而可用于各种其他组合、修改和环境，并能够在本文所述发明构想范围内，通过上述教导或相关领域的技术或知识进行改动。而本领域人员所进行的改动和变化不脱离本申请的精神和范围，则都应在本申请所附权利要求的保护范围内。

Claims (12)

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

在浏览器的当前窗口中显示页面定位控件，所述页面定位控件包括定位点和标尺，所述定位点用于标识所述当前窗口显示的信息在所述当前窗口显示的当前页面中的位置；

检测到针对所述定位点的拖动操作或者针对所述标尺的点击操作后，根据所述标尺的长度与所述当前页面的长度的映射关系，在所述当前窗口中显示所述当前页面中对应于所述拖动操作结束的位置处或者所述点击操作的位置处的信息。

2.如权利要求1所述的方法，其特征在于，在浏览器的当前窗口中显示页面定位控件，具体包括：

检测到光标在浏览器的当前窗口显示的置顶按钮悬停后，在所述置顶按钮下方显示所述页面定位控件；或者，

检测到浏览器的当前窗口显示的当前页面被拉动的速度超过设定速度后，在所述当前窗口中光标的位置或者所述当前窗口中的置顶按钮下方显示所述页面定位控件。

3.如权利要求1所述的方法，其特征在于，根据所述标尺的长度与所述当前页面的长度的映射关系，在所述当前窗口中显示所述当前页面中对应于所述拖动操作结束的位置处或者所述点击操作的位置处的信息，具体包括：

获取所述标尺的长度与所述当前页面的长度的映射关系；

根据所述映射关系确定所述点击操作的位置或者所述拖动操作结束的位置对应的所述当前页面的位置；

在所述当前窗口中显示确定的所述当前页面的位置处的信息。

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

获取所述当前页面的长度与所述标尺的长度的比值；

根据所述比值建立所述标尺的长度与所述当前页面的长度的映射关系。

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

在所述标尺上显示分隔符，所述分隔符标识等分所述当前页面的长度或者所述当前页面的选定信息的位置。

6.如权利要求1-5任一所述的方法，其特征在于，还包括：

检测到所述当前窗口显示的置顶按钮隐藏后，隐藏所述置顶按钮下方的所述页面定位控件；或者，

检测到所述当前页面被拉动的速度小于设定速度后，隐藏在所述当前窗口中光标的位置或者所述当前窗口中置顶按钮下方的所述页面定位控件。

7.一种页面定位装置，其特征在于，包括：

第一显示单元，用于在浏览器的当前窗口中显示页面定位控件，所述页面定位控件包括定位点和标尺，所述定位点用于标识所述当前窗口显示的信息在所述当前窗口显示的当前页面中的位置；

检测单元，用于检测是否有针对所述定位点的拖动操作或者针对所述标尺的点击操作；

第二显示单元，用于若所述检测单元检测到针对所述定位点的拖动操作或者针对所述标尺的点击操作后，根据所述标尺的长度与所述当前页面的长度的映射关系，在所述当前窗口中显示所述当前页面中对应于所述拖动操作结束的位置处或者所述点击操作的位置处的信息。

8.如权利要求7所述的装置，其特征在于，所述第一显示单元，具体用于：

检测到光标在浏览器的当前窗口显示的置顶按钮悬停后，在所述置顶按钮下方显示所述页面定位控件；或者，

检测到浏览器的当前窗口显示的当前页面被拉动的速度超过设定速度后，在所述当前窗口中光标的位置或者所述当前窗口中的置顶按钮下方显示所述页面定位控件。

9.如权利要求7所述的装置，其特征在于，所述第二显示单元，具体用于：

获取所述标尺的长度与所述当前页面的长度的映射关系；

根据所述映射关系确定所述点击操作的位置或者所述拖动操作结束的位置对应的所述当前页面的位置；

在所述当前窗口中显示确定的所述当前页面的位置处的信息。

10.如权利要求7所述的装置，其特征在于，还包括：

获取单元，用于获取所述当前页面的长度与所述标尺的长度的比值；

建立单元，用于根据所述比值建立所述标尺的长度与所述当前页面的长度的映射关系。

11.如权利要求7所述的装置，其特征在于，还包括：

第三显示单元，用于在所述标尺上显示分隔符，所述分隔符标识等分所述当前页面的长度或者所述当前页面的选定信息的位置。

12.如权利要求7-11任一所述的装置，其特征在于，还包括隐藏单元，用于：

检测到所述当前窗口显示的置顶按钮隐藏后，隐藏所述置顶按钮下方的所述页面定位控件；或者，

检测到所述当前页面被拉动的速度小于设定速度后，隐藏在所述当前窗口中光标的位置或者所述当前窗口中置顶按钮下方的所述页面定位控件。