CN107066267A - 页面尺寸处理方法、装置及设备 - Google Patents

Abstract

本发明提供一种页面尺寸处理方法、装置及设备，其中，该页面尺寸处理方法包括：获取调节控件在当前界面的第一区域内的第一位置信息；接收调节指令，并根据所述调节指令控制所述调节控件在所述第一区域内进行移动；获取所述调节控件在所述第一区域内的第二位置信息；确定所述第二位置信息和所述第一位置信息的差值；根据所述第二位置信息和所述第一位置信息的差值，对所述当前界面上的第二区域内的待操作页面进行尺寸调节。本发明可使得页面尺寸的调节更灵活。

Description

页面尺寸处理方法、装置及设备

技术领域

本发明涉及一种计算机技术领域，尤其涉及一种页面尺寸处理方法、装置及设备。

背景技术

超文本标记语言5(HyperText Markup Language 5，简称HTML5)页面作为集文字、图片、音乐、视频、链接等多种形式的展示页面，其越来越受欢迎。

长页面作为HTML5页面中常见的页面，其通常可指代页面尺寸大于当前显示页面的尺寸的一类页面。为保证长页面的正常显示，在制作开发过程中，对长页面进行页面尺寸设置显得格外重要。

目前，可在页面开发过程中，通过拖动页面底部的拖动条进行页面尺寸的设置，然而，由于拖动条距离浏览器页面视窗边框的空间受限，使得页面尺寸的调整受到限制，其操作过程较繁琐，不够灵活。

发明内容

本发明其中一实施例提供一种页面尺寸处理方法、装置及设备，以简化页面开发过程中页面尺寸调整的处理流程，使用户对页面尺寸调整的操作更便捷，更灵活。

本发明其中一实施例提供一种页面尺寸处理方法，包括：

获取调节控件在当前界面的第一区域内的第一位置信息；

接收调节指令，并根据所述调节指令控制所述调节控件在所述第一区域内进行移动；

获取所述调节控件在所述第一区域内的第二位置信息；

确定所述第二位置信息和所述第一位置信息的差值；

根据所述第二位置信息和所述第一位置信息的差值，对所述当前界面上的第二区域内的待操作页面进行尺寸调节。

可选的，根据所述第二位置信息和所述第一位置信息的差值，对所述当前界面上的第二区域内的待操作页面进行尺寸调节，包括：

确定所述第二位置信息和所述第一位置信息的差值，在预设方向上的差值分量；

根据所述差值分量，对所述待操作页面在所述预设方向上的尺寸进行调节。

可选的，所述根据所述差值分量，对所述待操作页面在所述预设方向上的尺寸进行调节，包括：

根据所述差值分量及预设的权重值，确定所述预设方向上的尺寸调节速度；

根据所述尺寸调节速度，对所述待操作页面在所述预设方向上的尺寸进行调节。

可选的，所述根据所述尺寸调节速度，对所述待操作页面在所述预设方向上的尺寸进行调节，包括：

开启预设定时器；

在所述定时器对应的时长内，根据所述尺寸调节速度，对所述待操作页面在所述预设方向上的尺寸进行调节。

可选的，所述根据所述尺寸调节速度，对所述待操作页面在所述预设方向上的尺寸进行调节之前，所述方法还包括：

根据所述尺寸调节速度设置所述调节控件的内容显示区；所述内容显示区用于显示所述尺寸调节速度。

可选的，所述根据所述第二位置信息和所述第一位置信息的差值，对所述当前界面上的第二区域内的待操作页面进行尺寸调节之前，所述方法还包括：

根据所述第二位置信息和所述第一位置信息的差值，设置所述调节控件的层叠样式表CSS样式。

可选的，所述调节指令为拖动操作对应的指令；

所述获取调节控件在当前界面的第一区域内的第一位置信息，包括：

在所述拖动操作的起始时间，获取所述调节控件在所述第一区域内所述第一位置信息；

所述获取所述调节控件在所述第一区域内的第二位置信息包括：

在所述拖动操作的结束时间，获取所述调节控件在所述第一区域内的所述第二位置信息。

可选的，所述拖动操作为鼠标拖动操作，所述接收调节指令，并根据所述调节指令控制所述调节控件在所述第一区域内进行移动之前，所述方法还包括：

在鼠标按下的时间，将所述待操作页面与鼠标操作事件进行关联操作；

所述根据所述第二位置信息和所述第一位置信息的差值，对所述当前界面上的第二区域内的待操作页面进行尺寸调节之后，所述方法还包括：

在鼠标松开的时间，将所述待操作页面与鼠标操作事件进行去关联操作。

可选的，所述拖动操作为触控拖动操作，所述接收调节指令，并根据所述调节指令控制所述调节控件在所述第一区域内进行移动之前，所述方法还包括：

在触控点击的时间，将所述待操作页面与触控设备的操作事件进行关联操作；

所述根据所述第二位置信息和所述第一位置信息的差值，对所述当前界面上的第二区域内的待操作页面进行尺寸调节之后，所述方法还包括：

在触控松开的时间，将所述待操作页面与触控设备的操作事件进行去关联操作。

本发明其中一实施例还提供一种页面尺寸处理装置，包括：

第一获取模块，用于获取调节控件在当前界面的第一区域内的第一位置信息；

接收模块，用于接收调节指令；

移动模块，用于根据所述调节指令控制所述调节控件在所述第一区域内进行移动；

第二获取模块，用于获取所述调节控件在所述第一区域内的第二位置信息；

确定模块，用于确定所述第二位置信息和所述第一位置信息的差值；

调节模块，用于根据所述第二位置信息和所述第一位置信息的差值，对所述当前界面上的第二区域内的待操作页面进行尺寸调节。

可选的，所述调节模块，具体用于确定所述第二位置信息和所述第一位置信息的差值，在预设方向上的差值分量；根据所述差值分量，对所述待操作页面在所述预设方向上的尺寸进行调节。

可选的，所述调节模块，具体用于根据所述差值分量及预设的权重值，确定所述预设方向上的尺寸调节速度；根据所述尺寸调节速度，对所述待操作页面在所述预设方向上的尺寸进行调节。

可选的，所述调节模块，具体用于开启预设定时器；在所述定时器对应的时长内，根据所述尺寸调节速度，对所述待操作页面在所述预设方向上的尺寸进行调节。

可选的，所述装置还包括：

第一设置模块，用于在所述调节模块根据所述尺寸调节速度，对所述待操作页面在所述预设方向上的尺寸进行调节之前，根据所述尺寸调节速度设置所述调节控件的内容显示区；所述内容显示区用于显示所述尺寸调节速度。

可选的，所述装置还包括：

第二设置模块，用于在所述调节模块根据所述第二位置信息和所述第一位置信息的差值，对所述待操作页面进行尺寸调节之前，根据所述第二位置信息和所述第一位置信息的差值，设。置所述调节控件的层叠样式表CSS样式

可选的，所述调节指令为拖动操作对应的指令；

所述第一获取模块，具体用于在所述拖动操作的起始时间，获取所述调节控件在所述第一区域内所述第一位置信息；

所述第二获取模块，具体用于在所述拖动操作的结束时间，获取所述调节控件在所述第一区域内的所述第二位置信息。

可选的，所述拖动操作为鼠标拖动操作，所述装置还包括：

第一关联模块，用于在所述接收模块接收所述调节指令之前，在鼠标按下的时间将所述待操作页面与鼠标操作事件进行关联操作；

所述第一关联模块，还用于在所述调节模块根据所述第二位置信息和所述第一位置信息的差值，对所述待操作页面进行尺寸调节之后，在鼠标松开的时间将所述待操作页面与鼠标操作事件进行去关联操作。

可选的，所述拖动操作为触控拖动操作，所述装置还包括：

第二关联模块，用于在所述接收模块接收所述调节指令之前，在触控点击的时间将所述待操作页面与触控设备的操作事件进行关联操作；

所述第二关联模块，还用于在所述调节模块根据所述第二位置信息和所述第一位置信息的差值，对所述待操作页面进行尺寸调节之后，在触控松开的时间将所述待操作页面与触控设备的操作事件进行去关联操作。

本发明其中一实施例还提供一种页面尺寸处理设备，包括：处理器、显示器和输入设备；所述处理器与所述显示器连接，所述处理器还与所述输入设备连接；

所述显示器，用于显示当前界面，所述当前界面包括：第一区域和第二区域，所述第一区域内显示有调节控件，所述第二区域内显示有待操作页面；

所述处理器，用于获取所调节控件在所述第一区域内的第一位置信息；

所述输入设备，用于接收调节指令；

所述处理器，用于根据所述调节指令控制所述调节控件在所述第一区域内进行移动，获取所述调节控件在所述第一区域内的第二位置信息，并确定所述第二位置信息和所述第一位置信息的差值，对所述当前界面上的第二区域内的待操作页面进行尺寸调节。

本发明其中一实施例提供的页面尺寸处理方法、装置及设备，可通过获取调节控件在当前界面的第一区域内的第一位置信息，接收调节指令并根据该调节指令控制该调节控件在该第一区域内进行移动，并获取该调节控件在该第一区域内的第二位置信息，继而确定该第二位置信息和该第一位置信息的差值，根据该第二位置信息和该第一位置信息的差值，对该当前界面上的第二区域内的待操作页面进行尺寸调节。该方法，可通过位于第一区域内的调节控件对位于第二区域的待操作页面的尺寸进行调节，其调节尺寸不受当前界面如浏览器页面视窗边框的限制，使得页面尺寸的调节更加灵活。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其它的附图。

图1为本发明实施例提供的页面尺寸处理方法实例一的流程图；

图2为本发明实施例提供的用户界面(UserInterface，简称UI)的实例图一；

图3为本发明实施例提供的UI的实例图二；

图4为本发明实施例提供的页面尺寸处理方法实例二的流程图；

图5为本发明实施例提供的页面尺寸处理装置实施例一的结构示意图；

图6为本发明实施例提供的页面尺寸处理装置实施例二的结构示意图；

图7为本发明实施例提供的页面尺寸处理装置实施例三的结构示意图；

图8为本发明实施例提供的页面尺寸处理装置实施例四的结构示意图；

图9为本发明实施例提供的页面尺寸处理装置实施例五的结构示意图；

图10为本发明实施例提供的页面尺寸处理设备的结构示意图。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其它实施例，都属于本发明保护的范围。

图1为本发明实施例提供的页面尺寸处理方法实例一的流程图。该页面尺寸处理方法可由页面尺寸处理设备执行，该页面尺寸处理设备可以为计算机、平板电脑等。参见图1所示，该页面尺寸处理方法可包括如下步骤：

S101、获取调节控件在当前界面的第一区域内的第一位置信息。

本实施例中，该当前界面可以为当前显示界面，即该页面尺寸处理设备的显示器上当前显示的界面。在该当前界面上可具有第一区域和第二区域。该第一区域和该第二区域可以为相互独立的两个显示区域，也可为存在区域重叠的两个显示区域。在该当前界面上的该第一区域显示有该调节控件。在该当前界面上的该第二区域内显示有该待操作页面。该待操作页面也可称为待处理页面，如当前开发制作的页面。该待操作页面可以为HTML5页面。

该调节控件可用于调节该第二区域内显示的该待操作页面的尺寸，因此，该调节控件还可称为尺寸调节控件或者尺寸控制器等。

该调节控件在该当前界面的第一区域内的第一位置信息可以为该调节控件的初始位置信息。需要说明的是，该方法中，在获取该第一位置信息，还可记录该第一位置信息，如存储该第一位置信息。

例如，图2为本发明实施例提供的UI的实例图一。在图2中，当前界面可具有第一区域21和第二区域22。该第一区域21和该第二区域22例如可以为相互对立的两个显示区域。在该第一区域21内可显示有调节控件23，在该第二区域内显示有该待操作页面。

S102、接收调节指令，并根据该调节指令控制该调节控件在该第一区域内进行移动。

该方法可以接收用户通过输入设备所输入的调节指令，并根据该调节指令控制该调节控件在该第一区域内从该第一位置信息开始进行移动。该输入设备例如可以为鼠标、键盘、触控屏等。

S103、获取该调节控件在该第一区域内的第二位置信息。

该方法中，可以在移动过程中每隔预设时间间隔便获取依次该调节控件的第二位置信息；也可以仅在移动过程的最后即移动完成后，获取该调节控件的第二位置信息。

S104、确定该第二位置信息和该第一位置信息的差值。

S105、根据该第二位置信息和该第一位置信息的差值，对该当前界面上的第二区域内的待操作页面进行尺寸调节。

本实施例中，可以根据该第二位置信息和该第一位置信息的差值确定该调节控件在该第一区域内的移动距离，继而根据该调节控件在该第一区域内的移动距离对该对该待操作页面进行尺寸调节。其中，该尺寸调节可包括：尺寸增加或减少。

例如，该方法中，可以根据该移动距离，以及预设的移动距离与调节尺寸对应关系，确定待调节的尺寸大小，继而根据该待调节的尺寸大小对该待操作页面进行尺寸调节。举例来说，该移动距离与调节尺寸对应关系可以为1：1的关系，也就是，该待调节的尺寸大小可以等于该移动距离。当然，该移动距离与调节尺寸对应关系也可以为其他的对应关系，上述仅为实例说明，本发明不以此作为限制。

本发明实施例提供的页面尺寸处理方法，其中，可通过获取调节控件在当前界面的第一区域内的第一位置信息，接收调节指令并根据该调节指令控制该调节控件在该第一区域内进行移动，并获取该调节控件在该第一区域内的第二位置信息，继而确定该第二位置信息和该第一位置信息的差值，根据该第二位置信息和该第一位置信息的差值，对该当前界面上的第二区域内的待操作页面进行尺寸调节。该方法，可通过位于第一区域内的调节控件对位于第二区域的待操作页面的尺寸进行调节，其调节尺寸不受当前界面如浏览器页面视窗边框的限制，使得页面尺寸的调节更加灵活。

并且，该方法中，也无需用户清楚获知需调节的尺寸大小，便可实现尺寸调节，方便操作，可有效提高用户体验。

可选的，如上所示的方法中，S105中根据该第二位置信息和该第一位置信息的差值，对该当前界面上的第二区域内的待操作页面进行尺寸调节可包括：

确定该第二位置信息和该第一位置信息的差值，在预设方向上的差值分量；

根据该差值分量，对该待操作页面在该预设方向上的尺寸进行调节。

在本实施例中，该预设方向可以为该当前操作页面的高度对应的方向，也可以为该当前操作页面的宽度对应的方向，当然，也可以指代该待操作页面的其他尺寸参数对应的方向等，在此不再赘述。

该方法中，可根据该预设方向上的差值分量，对该待操作页面在该预设方向上的尺寸进行调节。举例来说，如该预设方向为该当前操作页面的高度对应的方向，则该方法中可以根据该高度方向上的差值分量，对该待操作页面的高度尺寸进行调节。

其中，尺寸调节可包括：尺寸增加或尺寸减少。该方法中可以根据该调节指令对应的移动方向与尺寸增加方向的关系，需进行尺寸增加还是减小。例如，该调节指令为拖动操作对应的指令，若该调节指令对应的移动方向，也就是该拖动操作的拖动方向，与该尺寸增加方向相反，则可确定需进行尺寸减小；若该调节指令对应的移动方向，也就是该拖动操作的拖动方向，与该尺寸增加方向相同，则可确定需进行尺寸增加。

例如，图3为本发明实施例提供的UI的实例图二。图3所示的二维坐标系中，X轴可对应该待操作页面24的宽度尺寸方向，Y轴为可对应该待操作页面24的高度尺寸方向。结合上述实例，若需调节该待操作页面24的高度尺寸，可根据该调节控件23在第一区域21内的第二位置信息和该第一位置信息的差值，确定该Y轴上的差值分量，并根据该该Y轴上的差值分量，对该待操作页面24的高度尺寸进行调节。

可选的，如上所示的根据该差值分量，对该待操作页面在该预设方向上的尺寸进行调节，包括：

根据该差值分量及预设的权重值，确定该预设方向上的尺寸调节速度；

根据该尺寸调节速度，对该待操作页面在该预设方向上的尺寸进行调节。

具体地，该方法中可以根据该差值分量与该预设的权重值的乘积，采用预设的算法确定该尺寸调节速度。其中，该预设的算法可以为：乘法、除法等其他任一算法，在此不再赘述。

该预设的权重值可以为预先设置的权重值。通过设置该预设的权重值可调节尺寸调节速度。该预设的权重值例如可以为0.8、1、1.1等任一数值。

可选的，如上所示的根据该尺寸调节速度，对该待操作页面在该预设方向上的尺寸进行调节，包括：

开启预设定时器；

在该定时器对应的时长内，根据该尺寸调节速度，对该待操作页面在该预设方向上的尺寸进行调节。

其中，该定时器可以为预设时长的定时器，如40ms定时器。

本实施例的方法中，可根据该定时器对应的时长，及该尺寸调节速度，确定该定时器对应的时长内的尺寸调节量，并将该尺寸调节量增加至该待操作页面在该预设方向的原始尺寸，从而对该待操作页面在该预设方向上的尺寸进行调节。

可选的，在如上所示的根据该尺寸调节速度，对该待操作页面在该预设方向上的尺寸进行调节之前，该方法还包括：

根据该尺寸调节速度设置该调节控件的内容显示区；该内容显示区用于显示该尺寸调节速度。

以尺寸调节速度为例说明，若该调节控件的内容显示区所显示的数值的绝对值越大，则可确定尺寸调节速度较快；若该调节控件的内容显示区所显示的数值的绝对值越小，则可确定尺寸调节速度较慢。若该调节控件的内容显示区所显示的数值为负值，则可确定通过执行该方法可减小该待操作页面的尺寸；若该调节控件的内容显示区所显示的数值为正值，则可确定通过执行该方法可增大该待操作页面的尺寸。

本实施例的方法，可通过显示该待操作页面的页面调节速度，使得用户及时获知尺寸调节情况，提高用户体验。

在如上上任一实施例所述的方法的基础上，其中，该调节指令可以为拖动操作对应的指令。

可选的，如上所示的方法中的S101中获取调节控件在当前界面的第一区域内的第一位置信息，可以包括：

在该拖动操作的起始时间，获取该调节控件在该第一区域内的该第一位置信息。

如上所示的方法中的S103中的获取该调节控件在该第一区域内的第二位置信息可包括：

在该拖动操作的结束时间，获取该调节控件在该第一区域内的该第二位置信息。

该实施例中，在该拖动操作的起始时间获取该第一位置信息，在该拖动操作的结束时间获取该第二位置信息，可使得得到的该第二位置信息与该第一位置信息的差值更精确，从而使得对页面尺寸的调节更加精确。

在一种实例中，拖动操作可以为鼠标拖动(mousemove)操作，在如上所示方法的基础上，其中，S102中接收调节指令，并根据该调节指令控制该调节控件在该第一区域内进行移动之前，该方法还可包括：

在鼠标按下(mousedown)的时间，将该待操作页面与鼠标操作事件进行关联操作。

该实施例的方案中，可以在鼠标按下的时间通过绑定该待操作页面与鼠标操作事件，实现该待操作页面与鼠标操作事件的关联操作，可使得该操作页面的尺寸可随着由于该调节指令所产生的位置信息差值而进行调节。其中，该拖动操作为鼠标拖动操作，则鼠标操作事件可包括：鼠标拖动事件及鼠标松开事件等。

可选的，如上所示的方法中S105中的根据该第二位置信息和该第一位置信息的差值，对该当前界面上的第二区域内的待操作页面进行尺寸调节之后，该方法还包括：

在鼠标松开(mouseup)的时间，将该待操作页面与鼠标操作事件进行去关联操作。

该实施例的方案中，可以通过绑定该待操作页面与鼠标操作事件，实现该待操作页面与鼠标操作事件的去关联操作。

在一种实例中，拖动操作可以为触控拖动操作，在如上所示方法的基础上，其中，S102中接收调节指令，并根据该调节指令控制该调节控件在该第一区域内进行移动之前，该方法还可包括：

在触控点击的时间，将该待操作页面与触控设备的操作事件进行关联操作。其中，该触控设备例如可以为触控屏。

该实施例的方案中，可以在触控点击的时间通过绑定该待操作页面与触控设备的操作事件，实现该待操作页面与触控设备的操作事件的关联操作，可使得该操作页面的尺寸可随着由于该调节指令所产生的位置信息差值而进行调节。其中，该拖动操作为触控拖动操作，则触控设备的操作事件可包括：触控拖动事件及触控松开事件等。

可选的，如上所示的方法中S105中的根据该第二位置信息和该第一位置信息的差值，对该当前界面上的第二区域内的待操作页面进行尺寸调节之后，该方法还包括：

在鼠标松开(mouseup)的时间，将该待操作页面与触控设备的操作事件进行去关联操作。

该实施例的方案中，可以通过绑定该待操作页面与触控设备的操作事件，实现该待操作页面与触控设备的操作事件的去关联操作。

当然，该拖动操作，也可以为其他类似的拖动操作，如长按键盘方向键对应的拖动操作。若该拖动操作为其他类型的拖动操作，则上述方法中，可以将待操作页面与调节指令对应的输入设备的操作事件进行关联操作或去关联操作，在此不再赘述。

需要说明的是，在执行上述去关联操作之后，该方法还可包括：重置该调节控件至初始位置。

可选的，在如上任一所示的方法的基础上，其中，S105中的根据该第二位置信息和该第一位置信息的差值，对该当前界面上的第二区域内的待操作页面进行尺寸调节之前，该方法还可包括：

根据该第二位置信息和该第一位置信息的差值，设置该调节控件的层叠样式表(Cascading Style Sheets，简称CSS)样式。

该实施例中，根据该第二位置信息和该第一位置信息的差值，设置该调节控件的CSS样式，可使得该调节控件随着随着该调节指令对应的操作点在该第一区域内的移动而移动。若该调节指令为拖动操作对应的指令，则该调节指令对应的操作点可以为拖动操作的拖动位置。

可选的，本发明实施例还可提供一种页面尺寸处理方法。该方法可以通过鼠标两次拖动调节控件实现页面尺寸的调节为例进行说明。图4为本发明实施例提供的页面尺寸处理方法实例二的流程图。如图4所示，该方法可包括如下步骤：

S401、接收鼠标按压操作指令，获取当前界面上第一区域内的调节控件的第一位置信息。

该第一位置信息可以为Y1。

S402、将该当前界面上第二区域内的待操作页面与鼠标拖动操作事件、鼠标松开操作事件进行绑定。

S403、接收第一鼠标拖动操作指令，获取调节控件在第一区域内的第二位置信息，并确定该第二位置信息和第一位置信息的第一差值，继而根据该第一差值设置该调节控件的CSS样式。

该第二位置信息可以为Y2′，该第一差值可以为Y2′与Y1的差值。

该方法中，根据该第一差值设置该调节控件的CSS样式，可使得调节控件移动至该第二位置信息所在位置，实现调节控件与第一鼠标拖动操作指令的移动而移动。

S404、确定该第一差值在预设方向的第一差值分量，确定该待操作页面的第一尺寸调节速度。

该第一尺寸调节速度可以根据Y2′与Y1的差值在预设方向的第一差值分量所确定。例如，该方法中可以根据该第一差值分量与预设的权重值，确定该待操作页面的第一尺寸调节速度。

S405、根据该第一尺寸调节速度设置该调节控件的内容显示区；该内容显示区用于显示该第一尺寸调节速度。

S406、开启预设定时器，在该定时器的时长内，根据该第一尺寸调节速度，对该待操作页面在该预设方向上的尺寸进行第一次调节。

S407、接收第二鼠标拖动操作指令，重新获取调节控件在第一区域内的第二位置信息，并确定重新确定的第二位置信息和该第一位置信息的第二差值，继而根据该第二差值设置该调节控件的CSS样式。

该重新确定的第二位置信息可以为Y2〞，该第二差值可以为Y2〞与Y1的差值。

该方法中，根据该第二差值设置该调节控件的CSS样式，可使得调节控件移动至该第二位置信息所在位置，实现调节控件与第二鼠标拖动操作指令的移动而移动。

S408、确定该第二差值在预设方向的第二差值分量，确定该待操作页面的第二尺寸调节速度。

该第二尺寸调节速度可以根据Y2〞与Y1的差值在预设方向的第二差值分量所确定。例如，该方法中可以根据该第二差值分量及该预设的权重值，确定该待操作页面的第二尺寸调节速度。

S409、根据该第二尺寸调节速度设置该调节控件的内容显示区；该内容显示区用于显示该第二尺寸调节速度。

S410、开启预设定时器，在该定时器的时长内，根据该第二尺寸调节速度，对该待操作页面在该预设方向上的尺寸进行第二次调节。

该定时器可以为预设时长的定时器，如40ms定时器。该方法中可以根据该第二尺寸调节速度及该预设时长确定尺寸调节量，继而将该尺寸调节量加到该当前操作页面的尺寸值中，实现尺寸的调节，同时，还可将需将当前界面的滚动条设置到界面底部。

S411、接收鼠标松开操作指令，并根据鼠标松开操作指令将该待操作页面与鼠标拖动操作时间、鼠标松开操作时间进行解绑。

在接收鼠标松开操作指令后，本次调节完成，因此，可将上述定时器关闭或清除，同时还可将如上设置的该调节控件中的差值信息等进行重置如清零。

该方法，可通过移动调节控件，对待操作页面的尺寸进行调节，其调节尺寸不受当前界面如浏览器页面视窗边框的限制，使得页面尺寸的调节更加灵活。

本发明实施例还提供页面尺寸处理装置。该页面尺寸处理装置可由计算机、平板电脑等任一处理设备通过软件和/或硬件的方式实现。图5为本发明实施例提供的页面尺寸处理装置实施例一的结构示意图。如图5所示，该页面尺寸处理装置可包括：

第一获取模块501，用于获取调节控件在当前界面的第一区域内的第一位置信息；

接收模块502，用于接收调节指令。

移动模块503，用于根据该调节指令控制该调节控件在该第一区域内进行移动。

第二获取模块504，用于获取该调节控件在该第一区域内的第二位置信息。

确定模块505，用于确定该第二位置信息和该第一位置信息的差值。

调节模块506，用于根据该第二位置信息和该第一位置信息的差值，对该当前界面上的第二区域内的待操作页面进行尺寸调节。

可选的，如上所示的调节模块506，具体用于确定该第二位置信息和该第一位置信息的差值，在预设方向上的差值分量；根据该差值分量，对该待操作页面在该预设方向上的尺寸进行调节。

可选的，如上所示的调节模块506，具体用于根据该差值分量及预设的权重值，确定该预设方向上的尺寸调节速度；根据该尺寸调节速度，对该待操作页面在该预设方向上的尺寸进行调节。

可选的，如上所示的调节模块506，具体用于开启预设定时器；在该定时器对应的时长内，根据该尺寸调节速度，对该待操作页面在该预设方向上的尺寸进行调节。

可选的，图6为本发明实施例提供的页面尺寸处理装置实施例二的结构示意图。如图6所示，页面尺寸处理装置还包括：

第一设置模块507，用于在调节模块406根据该尺寸调节速度，对该待操作页面在该预设方向上的尺寸进行调节之前，根据该尺寸调节速度设置该调节控件的内容显示区；该内容显示区用于显示该尺寸调节速度。

可选的，图7为本发明实施例提供的页面尺寸处理装置实施例三的结构示意图。如图7所示，页面尺寸处理装置还包括：

第二设置模块508，用于在调节模块406根据该第二位置信息和该第一位置信息的差值，对该待操作页面进行尺寸调节之前，根据该第二位置信息和该第一位置信息的差值，设置该调节控件的CSS样式。

可选的，该调节指令为拖动操作对应的指令；

第一获取模块501，具体用于在该拖动操作的起始时间，获取该调节控件在该第一区域内该第一位置信息。

第二获取模块504，具体用于在该拖动操作的结束时间，获取该调节控件在该第一区域内的该第二位置信息。

可选的，该拖动操作为鼠标拖动操作，图8为本发明实施例提供的页面尺寸处理装置实施例四的结构示意图。如图8所述，该页面尺寸处理装置还可包括：

第一关联模块509，用于在接收模块502接收该调节指令之前，在鼠标按下的时间将该待操作页面与鼠标操作事件进行关联操作。

第一关联模块509，还用于在调节模块506根据该第二位置信息和该第一位置信息的差值，对该待操作页面进行尺寸调节之后，在鼠标松开的时间将该待操作页面与鼠标操作事件进行去关联操作。

可选的，拖动操作为触控拖动操作。图9为本发明实施例提供的页面尺寸处理装置实施例五的结构示意图。如图9所述，该页面尺寸处理装置还可包括：

第二关联模块510，用于在接收模块502接收该调节指令之前，在触控点击的时间将该待操作页面与触控设备的操作事件进行关联操作。

第二关联模块510，还用于在调节模块506根据该第二位置信息和该第一位置信息的差值，对该待操作页面进行尺寸调节之后，在触控松开的时间将该待操作页面与触控设备的操作事件进行去关联操作。

本发明上述各实施例提供的页面尺寸处理装置可执行上述图1或图4中任一所述的页面尺寸处理方法，其具体实现过程及有效效果参见上述，在此不再赘述。

图10为本发明实施例提供的页面尺寸处理设备的结构示意图。如图10所示，该页面尺寸处理设备可包括：处理器1001、显示器1002和输入设备1003；处理器1001与显示器1002连接，处理器1001还与输入设备1003连接。

显示器1002，用于显示当前界面，该当前界面包括：第一区域和第二区域，该第一区域内显示有调节控件，该第二区域内显示有待操作页面；

处理器1001，用于获取该调节控件在该第一区域内的第一位置信息；

输入设备1003，用于接收调节指令。

处理器1001，还用于根据该调节指令控制该调节控件在该第一区域内进行移动，获取该调节控件在该第一区域内的第二位置信息，并确定该第二位置信息和该第一位置信息的差值，对该当前界面上的第二区域内的待操作页面进行尺寸调节。

可选的，如上所示的处理器1001，还用于确定该第二位置信息和该第一位置信息的差值，在预设方向上的差值分量；根据该差值分量，对该待操作页面在该预设方向上的尺寸进行调节。

可选的，处理器1001，还用于根据该差值分量及预设的权重值，确定该预设方向上的尺寸调节速度，根据该尺寸调节速度，对该待操作页面在该预设方向上的尺寸进行调节。

可选的，处理器1001，还用于开启预设定时器；在该定时器对应的时长内，根据该尺寸调节速度，对该待操作页面在该预设方向上的尺寸进行调节。

可选的，处理器1001，还用于在根据该尺寸调节速度，对该待操作页面在该预设方向上的尺寸进行调节之前，根据该尺寸调节速度设置该调节控件的内容显示区；该内容显示区用于显示该尺寸调节速度。

可选的，处理器1001，还用于根据该第二位置信息和该第一位置信息的差值，对该待操作页面进行尺寸调节之前，根据该第二位置信息和该第一位置信息的差值，设置该调节控件的CSS样式。

可选的，该调节指令为拖动操作对应的指令。

处理器1001，还用于在该拖动操作的起始时间，获取该调节控件在该第一区域内该第一位置信息。

处理器1001，还用于在该拖动操作的结束时间，获取该调节控件在该第一区域内的该第二位置信息。

可选的，该拖动操作为鼠标拖动操作，则处理器1001，还用于在输入设备1003接收调节指令之前，在鼠标按下的时间，将该待操作页面与鼠标操作事件进行关联操作。

处理器1001，还用于在根据第二位置信息和该第一位置信息的差值，对该当前界面上的第二区域内的待操作页面进行尺寸调节之后，在鼠标松开的时间，将该待操作页面与鼠标操作事件进行去关联操作。

可选的，该拖动操作为触控滑动操作，处理器901，还用于在输入设备1003接收调节指令之前，在触控点击的时间，将该待操作页面与触控设备的操作事件进行关联操作。

处理器1001，还用于在根据第二位置信息和该第一位置信息的差值，对该当前界面上的第二区域内的待操作页面进行尺寸调节之后，在触控松开的时间，将该待操作页面与触控设备的操作事件进行去关联操作。

在上任一述实施例中，应理解，处理器1001可以是中央处理单元(CentralProcessing Unit，简称CPU)，还可以是其他通用处理器、数字信号处理器(Digital SignalProcessor，简称DSP)、专用集成电路(Application Specific Integrated Circuit，简称ASIC)等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本发明实施例所公开的方法的步骤可以直接体现为硬件处理器执行完成，或者用处理器中的硬件及软件模块组合执行完成。

本领域普通技术人员可以理解：实现上述各方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成。前述的程序可以存储于一计算机可读取存储介质中。该程序在执行时，执行包括上述各方法实施例的步骤；而前述的存储介质包括：只读存储器(read-only memory，简称ROM)、RAM、快闪存储器、硬盘、固态硬盘、磁带(英文：magnetictape)、软盘(英文：floppy disk)、光盘(optical disc)及其任意组合。

最后应说明的是：以上各实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述各实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分或者全部技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的范围。

Claims (19)

1.一种页面尺寸处理方法，其特征在于，包括：

获取调节控件在当前界面的第一区域内的第一位置信息；

接收调节指令，并根据所述调节指令控制所述调节控件在所述第一区域内进行移动；

获取所述调节控件在所述第一区域内的第二位置信息；

确定所述第二位置信息和所述第一位置信息的差值；

根据所述第二位置信息和所述第一位置信息的差值，对所述当前界面上的第二区域内的待操作页面进行尺寸调节。

2.根据权利要求1所述的方法，其特征在于，所述根据所述第二位置信息和所述第一位置信息的差值，对所述当前界面上的第二区域内的待操作页面进行尺寸调节，包括：

确定所述第二位置信息和所述第一位置信息的差值，在预设方向上的差值分量；

根据所述差值分量，对所述待操作页面在所述预设方向上的尺寸进行调节。

3.根据权利要求2所述的方法，其特征在于，所述根据所述差值分量，对所述待操作页面在所述预设方向上的尺寸进行调节，包括：

根据所述差值分量及预设的权重值，确定所述预设方向上的尺寸调节速度；

根据所述尺寸调节速度，对所述待操作页面在所述预设方向上的尺寸进行调节。

4.根据权利要求3所述的方法，其特征在于，所述根据所述尺寸调节速度，对所述待操作页面在所述预设方向上的尺寸进行调节，包括：

开启预设定时器；

在所述定时器对应的时长内，根据所述尺寸调节速度，对所述待操作页面在所述预设方向上的尺寸进行调节。

5.根据权利要求3所述的方法，其特征在于，所述根据所述尺寸调节速度，对所述待操作页面在所述预设方向上的尺寸进行调节之前，所述方法还包括：

根据所述尺寸调节速度设置所述调节控件的内容显示区；所述内容显示区用于显示所述尺寸调节速度。

6.根据权利要求1所述的方法，其特征在于，所述根据所述第二位置信息和所述第一位置信息的差值，对所述当前界面上的第二区域内的待操作页面进行尺寸调节之前，所述方法还包括：

根据所述第二位置信息和所述第一位置信息的差值，设置所述调节控件的层叠样式表CSS样式。

7.根据权利要求1-6中任一项所述的方法，其特征在于，所述调节指令为拖动操作对应的指令；

所述获取调节控件在当前界面的第一区域内的第一位置信息，包括：

在所述拖动操作的起始时间，获取所述调节控件在所述第一区域内所述第一位置信息；

所述获取所述调节控件在所述第一区域内的第二位置信息包括：

在所述拖动操作的结束时间，获取所述调节控件在所述第一区域内的所述第二位置信息。

8.根据权利要求7所述的方法，其特征在于，所述拖动操作为鼠标拖动操作，所述接收调节指令，并根据所述调节指令控制所述调节控件在所述第一区域内进行移动之前，所述方法还包括：

在鼠标按下的时间，将所述待操作页面与鼠标操作事件进行关联操作；

所述根据所述第二位置信息和所述第一位置信息的差值，对所述当前界面上的第二区域内的待操作页面进行尺寸调节之后，所述方法还包括：

在鼠标松开的时间，将所述待操作页面与鼠标操作事件进行去关联操作。

9.根据权利要求7所述的方法，其特征在于，所述拖动操作为触控拖动操作，所述接收调节指令，并根据所述调节指令控制所述调节控件在所述第一区域内进行移动之前，所述方法还包括：

在触控点击的时间，将所述待操作页面与触控设备的操作事件进行关联操作；

所述根据所述第二位置信息和所述第一位置信息的差值，对所述当前界面上的第二区域内的待操作页面进行尺寸调节之后，所述方法还包括：

在触控松开的时间，将所述待操作页面与触控设备的操作事件进行去关联操作。

10.一种页面尺寸处理装置，其特征在于，包括：

第一获取模块，用于获取调节控件在当前界面的第一区域内的第一位置信息；

接收模块，用于接收调节指令；

移动模块，用于根据所述调节指令控制所述调节控件在所述第一区域内进行移动；

第二获取模块，用于获取所述调节控件在所述第一区域内的第二位置信息；

确定模块，用于确定所述第二位置信息和所述第一位置信息的差值；

调节模块，用于根据所述第二位置信息和所述第一位置信息的差值，对所述当前界面上的第二区域内的待操作页面进行尺寸调节。

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

所述调节模块，具体用于确定所述第二位置信息和所述第一位置信息的差值，在预设方向上的差值分量；根据所述差值分量，对所述待操作页面在所述预设方向上的尺寸进行调节。

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

所述调节模块，具体用于根据所述差值分量及预设的权重值，确定所述预设方向上的尺寸调节速度；根据所述尺寸调节速度，对所述待操作页面在所述预设方向上的尺寸进行调节。

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

所述调节模块，具体用于开启预设定时器；在所述定时器对应的时长内，根据所述尺寸调节速度，对所述待操作页面在所述预设方向上的尺寸进行调节。

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

第一设置模块，用于在所述调节模块根据所述尺寸调节速度，对所述待操作页面在所述预设方向上的尺寸进行调节之前，根据所述尺寸调节速度设置所述调节控件的内容显示区；所述内容显示区用于显示所述尺寸调节速度。

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

第二设置模块，用于在所述调节模块根据所述第二位置信息和所述第一位置信息的差值，对所述待操作页面进行尺寸调节之前，根据所述第二位置信息和所述第一位置信息的差值，设置所述调节控件的层叠样式表CSS样式。

16.根据权利要求10-15中任一项所述的装置，其特征在于，所述调节指令为拖动操作对应的指令；

所述第一获取模块，具体用于在所述拖动操作的起始时间，获取所述调节控件在所述第一区域内所述第一位置信息；

所述第二获取模块，具体用于在所述拖动操作的结束时间，获取所述调节控件在所述第一区域内的所述第二位置信息。

17.根据权利要求16所述的装置，其特征在于，所述拖动操作为鼠标拖动操作，所述装置还包括：

第一关联模块，用于在所述接收模块接收所述调节指令之前，在鼠标按下的时间将所述待操作页面与鼠标操作事件进行关联操作；

所述第一关联模块，还用于在所述调节模块根据所述第二位置信息和所述第一位置信息的差值，对所述待操作页面进行尺寸调节之后，在鼠标松开的时间将所述待操作页面与鼠标操作事件进行去关联操作。

18.根据权利要求16所述的装置，其特征在于，所述拖动操作为触控拖动操作，所述装置还包括：

第二关联模块，用于在所述接收模块接收所述调节指令之前，在触控点击的时间将所述待操作页面与触控设备的操作事件进行关联操作；

所述第二关联模块，还用于在所述调节模块根据所述第二位置信息和所述第一位置信息的差值，对所述待操作页面进行尺寸调节之后，在触控松开的时间将所述待操作页面与触控设备的操作事件进行去关联操作。

19.一种页面尺寸处理设备，其特征在于，包括：处理器、显示器和输入设备；所述处理器与所述显示器连接，所述处理器还与所述输入设备连接；

所述显示器，用于显示当前界面，所述当前界面包括：第一区域和第二区域，所述第一区域内显示有调节控件，所述第二区域内显示有待操作页面；

所述处理器，用于获取所调节控件在所述第一区域内的第一位置信息；

所述输入设备，用于接收调节指令；

所述处理器，用于根据所述调节指令控制所述调节控件在所述第一区域内进行移动，获取所述调节控件在所述第一区域内的第二位置信息，并确定所述第二位置信息和所述第一位置信息的差值，对所述当前界面上的第二区域内的待操作页面进行尺寸调节。