CN104199600B - 浏览器多标签页的处理方法及浏览器 - Google Patents

Abstract

本发明公开了一种浏览器多标签页的处理方法及浏览器，其中，浏览器多标签页的处理方法包括：显示用户点击的多个标签页；以及接收用户对多个标签页的滑动操作，并基于滑动操作使多个标签页层叠在浏览器的顶部或使多个标签页触碰到浏览器的顶端后产生回弹效果。本发明实施例的浏览器多标签页的处理方法及浏览器，通过接收用户对显示的多个标签页的滑动操作，并基于滑动操作使多个标签页层叠在浏览器的顶部或使多个标签页触碰到浏览器的顶端后产生回弹效果，从而使标签页具有不同的展现方式，提高了用户的操作体验。

Description

浏览器多标签页的处理方法及浏览器

技术领域

本发明涉及计算机技术领域，尤其涉及一种浏览器多标签页的处理方法及浏览器。

背景技术

随着因特网(Internet)的飞速发展，越来越多的信息可以通过网页的形式在因特网上传播，因而越来越多的用户通过浏览器浏览网页获取信息。浏览器是指可以显示网页服务器或者文件系统的超文本标记语言(HTML)文件内容，并让用户与这些文件交互的一种软件。手机浏览器是指运行在手机上的浏览器，用户可以通过手机浏览器进行上网浏览互联网内容。

用户在浏览网页时往往会同时打开多个网页，为了方便用户在打开的多个网页之间进行切换，先已推出多标签页浏览器。目前大多数浏览器支持多标签页浏览。

但是，发明人在实现本发明技术方案的过程中发现：目前浏览器多标签页的展现方式比较单一，用户体验度差。

发明内容

本发明旨在至少在一定程度上解决相关技术中的技术问题之一。为此，本发明的一个目的在于提出一种具有不同展现效果的浏览器多标签页的处理方法及浏览器。

根据本发明实施例的浏览器多标签页的处理方法包括：显示用户点击的多个标签页；以及接收用户对多个标签页的滑动操作，并基于滑动操作使多个标签页层叠在浏览器的顶部或使多个标签页触碰到浏览器的顶端后产生回弹效果。

根据本发明实施例的浏览器多标签页的处理方法，通过接收用户对显示的多个标签页的滑动操作，并基于滑动操作使多个标签页层叠在浏览器的顶部或使多个标签页触碰到浏览器的顶端后产生回弹效果，从而使标签页具有不同的展现方式，提高了用户的操作体验。

根据本发明实施例的浏览器包括：显示模块，用于显示用户点击的多个标签页；以及处理模块，用于接收用户对多个标签页的滑动操作，并基于滑动操作使多个标签页层叠在浏览器的顶部或使多个标签页触碰到浏览器的顶端后产生回弹效果。

根据本发明实施例的浏览器，通过显示模块显示用户点击的多个标签页，通过处理模块接收用户对上述多个标签页的滑动操作，并基于上述滑动操作使上述多个标签页层叠在上述浏览器的顶部或使上述多个标签页触碰到上述浏览器的顶端后产生回弹效果，从而使标签页具有不同的展现方式，提高了用户的操作体验。

本发明实施例提出了一种移动终端，该移动终端包括壳体、处理器、存储器、电路板和电源电路，其中，电路板安置在壳体围成的空间内部，处理器和存储器设置在电路板上；电源电路，用于为移动终端的各个电路或器件供电；存储器用于存储可执行程序代码；处理器通过读取存储器中存储的可执行程序代码来运行与可执行程序代码对应的程序，以用于执行以下步骤：

显示用户点击的多个标签页；以及接收用户对多个标签页的滑动操作，并基于滑动操作使多个标签页层叠在浏览器的顶部或使多个标签页触碰到浏览器的顶端后产生回弹效果。

根据本发明实施例的移动终端，通过接收用户对显示的多个标签页的滑动操作，并基于滑动操作使多个标签页层叠在浏览器的顶部或使多个标签页触碰到浏览器的顶端后产生回弹效果，从而使标签页具有不同的展现方式，提高了用户的操作体验。

附图说明

图1是根据本发明一个实施例的浏览器多标签页的处理方法的流程图。

图2是根据本发明一个实施例的浏览器页面示意图一。

图3是根据本发明一个实施例的浏览器页面示意图二。

图4是根据本发明一个实施例的最大回弹高度的获得方法的流程图。

图5是根据本发明一个实施例的浏览器页面示意图三。

图6是根据本发明一个实施例的浏览器页面示意图四。

图7是根据本发明一个实施例的浏览器的结构示意图。

具体实施方式

下面详细描述本发明的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，旨在用于解释本发明，而不能理解为对本发明的限制。

下面参考附图描述本发明实施例的浏览器多标签页的处理方法、浏览器和移动终端。

图1是根据本发明一个实施例的浏览器多标签页的处理方法的流程图。

如图1所示，该浏览器多标签页的处理方法包括：

S101，显示用户点击的多个标签页。

在用户点击浏览器上的多个标签页后，浏览器显示用户点击的多个标签页，其中，多个标签页之间的距离随着用户点击的标签页个数的增加而减小。

例如，用户点击2个标签页后的浏览器页面如图2所示，用户点击5个标签页后的浏览器页面如图3所示。

S102，接收用户对多个标签页的滑动操作，并基于滑动操作使多个标签页层叠在浏览器的顶部或使多个标签页触碰到浏览器的顶端后产生回弹效果。

当浏览器显示多个标签页后，用户可以在多个标签页中的任一标签页上进行滑动操作，假设，用户使用手指从该浏览器所在终端的屏幕上由A点滑动到B点，当手指离开B点时，多个标签页中的最后一个标签页具有初速度V且其向浏览器的顶端做减速运动的加速度为a，则根据V＝at，可以计算出最后一个标签页速度降为零时所需的时间，然后根据S＝at²,计算出最后一个标签页在这段时间内的运动距离，假定该运动距离为M。

其中，最后一个标签页是指多个标签页中与浏览器顶端距离最远的标签页，如图2或图3所示。

在计算出最后一个标签页在速度降为零这段时间内的运动距离M之后，还需要计算出滑动操作停止时最后一个标签页的顶端与浏览器的顶端间的垂直距离N以及多标签页的最大回弹高度P，当M>N-P时，多个标签页会在触碰到浏览器的顶端后产生回弹效果，且回弹高度不超过最大回弹高度，其中，该回弹效果类似于弹簧受到一定重力后回弹的动画效果；当M＝N-P时，多个标签页层叠在浏览器的顶部，且层叠的标签页的个数不超过可层叠标签页的最大个数。

其中，上述最大回弹高度可以采用图4所示的方式获得，具体地，最大回弹高度的获得方法包括：

S401，计算层叠的两个标签页顶端间的距离。

当至少两个标签页层叠在浏览器顶部时，计算出层叠的两个标签页顶端间的距离，假定为L。

S402，将可层叠标签页的最大个数减去一，获得最大回弹标签页个数。

在该实施例中，浏览器可根据需要设置可层叠标签页的最大个数，例如可以为4个、5个或6个等，此处假定为4个，则获得的最大回弹标签页个数为3个。

需要说明的是，当可层叠标签页的最大个数Q确定后，无论当前显示的标签页有多少个，可层叠在浏览器顶部的标签页最多只能为Q个。

例如，当可层叠标签页的最大个数为4个时，若当前显示的标签页为3个，则可层叠在浏览器顶部的标签页为3个，如图5所示；若当前显示的标签页为5个，则可层叠在浏览器顶部的标签页只能为4个，如图6所示。

S403，计算距离和最大回弹标签页个数之积，获得最大回弹高度。

将L*3作为最大回弹高度，即不论当前显示的标签页有多少个，这些标签触碰到浏览器的顶端后的最大回弹高度均不会超过3L。

具体地，当可层叠标签页的最大个数为4时，若当前显示的标签页的个数小于4，例如为2，则这两个标签页的最大回弹高度为L；若当前显示的标签页的个数为4，则这四个标签页的最大回弹高度为3L；若当前显示的标签页的个数为6，则这六个标签页的最大回弹高度也为3L。

上述浏览器多标签页的处理方法实施例，通过接收用户对显示的多个标签页的滑动操作，并基于滑动操作使多个标签页层叠在浏览器的顶部或使多个标签页触碰到浏览器的顶端后产生回弹效果，从而使标签页具有不同的展现方式，提高了用户的操作体验。

为了实现上述实施例，本发明还提出一种浏览器。

图7是根据本发明一个实施例的浏览器的结构示意图，该浏览器可以位于移动终端例如手机上。

如图7所示，该浏览器包括显示模块71和处理模块72，其中：显示模块71用于显示用户点击的多个标签页；处理模块72用于接收用户对上述多个标签页的滑动操作，并基于上述滑动操作使上述多个标签页层叠在上述浏览器的顶部或使上述多个标签页触碰到上述浏览器的顶端后产生回弹效果。

在用户点击浏览器上的多个标签页后，显示模块71显示用户点击的多个标签页，其中，多个标签页之间的距离随着用户点击的标签页个数的增加而减小。例如，用户点击2个标签页后的浏览器页面如图2所示，用户点击5个标签页后的浏览器页面如图3所示。

另外，该浏览器还可以包括：第一设置模块73，该第一设置模块73用于设置上述多个标签页在向上述浏览器的顶端滑动时的加速度，以计算标签页的运动距离。

进一步地，该浏览器还可以还包括：第二设置模块74，该第二设置模块74用于设置可层叠标签页的最大个数，以便据此设置可层叠的标签页的个数和标签页的最大回弹高度。

具体地，上述处理模块72可以包括计算单元721、获得单元722和处理单元723，其中：计算单元721用于基于上述滑动操作停止时上述多个标签页中的最后一个标签页具有的初速度和设置的上述加速度，计算出上述最后一个标签页的运动速度降为零时所需的时间，并根据上述加速度和上述时间计算出上述最后一个标签页的运动距离，其中，上述最后一个标签页是指上述多个标签页中与上述浏览器顶端距离最远的标签页；获得单元722用于获得上述滑动操作停止时最后一个标签页的顶端与上述浏览器的顶端间的垂直距离以及上述多标签页的最大回弹高度；处理单元723用于当上述运动距离大于上述垂直距离和上述最大回弹高度之差时，上述多个标签页触碰到上述浏览器的顶端后产生回弹效果，且回弹高度不超过上述最大回弹高度，当上述运动距离等于上述垂直距离和上述最大回弹高度之差时，上述多个标签页层叠在上述浏览器的顶部，且层叠的标签页的个数不超过上述可层叠标签页的最大个数。

更具体地，上述获得单元722采用以下方式获得上述最大回弹高度：计算层叠的两个标签页顶端间的距离；将上述可层叠标签页的最大个数减去一，获得最大回弹标签页个数；以及计算上述距离和上述最大回弹标签页个数之积，获得上述最大回弹高度。具体实现过程可参见图4，此处不赘述。

上述浏览器实施例，通过显示模块显示用户点击的多个标签页，通过处理模块接收用户对上述多个标签页的滑动操作，并基于上述滑动操作使上述多个标签页层叠在上述浏览器的顶部或使上述多个标签页触碰到上述浏览器的顶端后产生回弹效果，从而使标签页具有不同的展现方式，提高了用户的操作体验。

为了实现上述实施例，本发明还提出一种移动终端，该移动终端包括壳体、处理器、存储器、电路板和电源电路，其中，上述电路板安置在上述壳体围成的空间内部，上述处理器和上述存储器设置在上述电路板上；上述电源电路，用于为上述移动终端的各个电路或器件供电；上述存储器用于存储可执行程序代码；上述处理器通过读取上述存储器中存储的可执行程序代码来运行与上述可执行程序代码对应的程序，以用于执行以下步骤：

S101’，显示用户点击的多个标签页。

在用户点击浏览器上的多个标签页后，浏览器显示用户点击的多个标签页，其中，多个标签页之间的距离随着用户点击的标签页个数的增加而减小。

例如，用户点击2个标签页后的浏览器页面如图2所示，用户点击5个标签页后的浏览器页面如图3所示。

S102’，接收用户对多个标签页的滑动操作，并基于滑动操作使多个标签页层叠在浏览器的顶部或使多个标签页触碰到浏览器的顶端后产生回弹效果。

当浏览器显示多个标签页后，用户可以在多个标签页中的任一标签页上进行滑动操作，假设，用户使用手指从该浏览器所在终端的屏幕上由A点滑动到B点，当手指离开B点时，多个标签页中的最后一个标签页具有初速度V且其向浏览器的顶端做减速运动的加速度为a，则根据V＝at，可以计算出最后一个标签页速度降为零时所需的时间，然后根据S＝at²,计算出最后一个标签页在这段时间内的运动距离，假定该运动距离为M。

其中，最后一个标签页是指多个标签页中与浏览器顶端距离最远的标签页，如图2或图3所示。

在计算出最后一个标签页在速度降为零这段时间内的运动距离M之后，还需要计算出滑动操作停止时最后一个标签页的顶端与浏览器的顶端间的垂直距离N以及多标签页的最大回弹高度P，当M>N-P时，多个标签页会在触碰到浏览器的顶端后产生回弹效果，且回弹高度不超过最大回弹高度，其中，该回弹效果类似于弹簧受到一定重力后回弹的动画效果；当M＝N-P时，多个标签页层叠在浏览器的顶部，且层叠的标签页的个数不超过可层叠标签页的最大个数。

其中，上述最大回弹高度可以采用图4所示的方式获得，具体地，最大回弹高度的获得方法包括：

S401’，计算层叠的两个标签页顶端间的距离。

当至少两个标签页层叠在浏览器顶部时，计算出层叠的两个标签页顶端间的距离，假定为L。

S402’，将可层叠标签页的最大个数减去一，获得最大回弹标签页个数。

在该实施例中，浏览器可根据需要设置可层叠标签页的最大个数，例如可以为4个、5个或6个等，此处假定为4个，则获得的最大回弹标签页个数为3个。

需要说明的是，当可层叠标签页的最大个数Q确定后，无论当前显示的标签页有多少个，可层叠在浏览器顶部的标签页最多只能为Q个。

例如，当可层叠标签页的最大个数为4个时，若当前显示的标签页为3个，则可层叠在浏览器顶部的标签页为3个，如图5所示；若当前显示的标签页为5个，则可层叠在浏览器顶部的标签页只能为4个，如图6所示。

S403’，计算距离和最大回弹标签页个数之积，获得最大回弹高度。

将L*3作为最大回弹高度，即不论当前显示的标签页有多少个，这些标签触碰到浏览器的顶端后的最大回弹高度均不会超过3L。

具体地，当可层叠标签页的最大个数为4时，若当前显示的标签页的个数小于4，例如为2，则这两个标签页的最大回弹高度为L；若当前显示的标签页的个数为4，则这四个标签页的最大回弹高度为3L；若当前显示的标签页的个数为6，则这六个标签页的最大回弹高度也为3L。

上述移动终端实施例，通过接收用户对显示的多个标签页的滑动操作，并基于滑动操作使多个标签页层叠在浏览器的顶部或使多个标签页触碰到浏览器的顶端后产生回弹效果，从而使标签页具有不同的展现方式，提高了用户的操作体验。

在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不必须针对的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任一个或多个实施例或示例中以合适的方式结合。此外，在不相互矛盾的情况下，本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。

此外，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。在本发明的描述中，“多个”的含义是至少两个，例如两个，三个等，除非另有明确具体的限定。

流程图中或在此以其他方式描述的任何过程或方法描述可以被理解为，表示包括一个或更多个用于实现特定逻辑功能或过程的步骤的可执行指令的代码的模块、片段或部分，并且本发明的优选实施方式的范围包括另外的实现，其中可以不按所示出或讨论的顺序，包括根据所涉及的功能按基本同时的方式或按相反的顺序，来执行功能，这应被本发明的实施例所属技术领域的技术人员所理解。

在流程图中表示或在此以其他方式描述的逻辑和/或步骤，例如，可以被认为是用于实现逻辑功能的可执行指令的定序列表，可以具体实现在任何计算机可读介质中，以供指令执行系统、装置或设备(如基于计算机的系统、包括处理器的系统或其他可以从指令执行系统、装置或设备取指令并执行指令的系统)使用，或结合这些指令执行系统、装置或设备而使用。就本说明书而言，"计算机可读介质"可以是任何可以包含、存储、通信、传播或传输程序以供指令执行系统、装置或设备或结合这些指令执行系统、装置或设备而使用的装置。计算机可读介质的更具体的示例(非穷尽性列表)包括以下：具有一个或多个布线的电连接部(电子装置)，便携式计算机盘盒(磁装置)，随机存取存储器(RAM)，只读存储器(ROM)，可擦除可编辑只读存储器(EPROM或闪速存储器)，光纤装置，以及便携式光盘只读存储器(CDROM)。另外，计算机可读介质甚至可以是可在其上打印所述程序的纸或其他合适的介质，因为可以例如通过对纸或其他介质进行光学扫描，接着进行编辑、解译或必要时以其他合适方式进行处理来以电子方式获得所述程序，然后将其存储在计算机存储器中。

应当理解，本发明的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中，多个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件或固件来实现。例如，如果用硬件来实现，和在另一实施方式中一样，可用本领域公知的下列技术中的任一项或他们的组合来实现：具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路，具有合适的组合逻辑门电路的专用集成电路，可编程门阵列(PGA)，现场可编程门阵列(FPGA)等。

本技术领域的普通技术人员可以理解实现上述实施例方法携带的全部或部分步骤是可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，该程序在执行时，包括方法实施例的步骤之一或其组合。

此外，在本发明各个实施例中的各功能单元可以集成在一个处理模块中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个模块中。上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。所述集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。

上述提到的存储介质可以是只读存储器，磁盘或光盘等。尽管上面已经示出和描述了本发明的实施例，可以理解的是，上述实施例是示例性的，不能理解为对本发明的限制，本领域的普通技术人员在本发明的范围内可以对上述实施例进行变化、修改、替换和变型。

Claims (10)

1.一种浏览器多标签页的处理方法，其特征在于，包括：

显示用户点击的多个标签页；以及

接收用户对所述多个标签页的滑动操作，并基于所述滑动操作使所述多个标签页层叠在所述浏览器的顶部或使所述多个标签页触碰到所述浏览器的顶端后产生回弹效果，其中，计算出最后一个标签页的运动距离，并计算出滑动操作停止时最后一个标签页的顶端与所述浏览器的顶端间的垂直距离以及多标签页的最大回弹高度，当所述运动距离大于所述垂直距离和所述最大回弹高度之差时，所述多个标签页触碰到所述浏览器的顶端后产生回弹效果，且回弹高度不超过所述最大回弹高度，当所述运动距离等于所述垂直距离和所述最大回弹高度之差时，所述多个标签页层叠在所述浏览器的顶部，且层叠的标签页的个数不超过可层叠标签页的最大个数。

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

设置所述多个标签页在向所述浏览器的顶端滑动时的加速度。

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

设置所述可层叠标签页的最大个数。

4.根据权利要求3所述的方法，其特征在于，所述计算出所述最后一个标签页的运动距离，包括：

基于所述滑动操作停止时所述多个标签页中的最后一个标签页具有的初速度和设置的所述加速度，计算出所述最后一个标签页的运动速度降为零时所需的时间，并根据所述加速度和所述时间计算出所述最后一个标签页的运动距离，其中，所述最后一个标签页是指所述多个标签页中与所述浏览器顶端距离最远的标签页。

5.根据权利要求1所述的方法，其特征在于，获得所述多标签页的最大回弹高度，包括：

计算层叠的两个标签页顶端间的距离；

将所述可层叠标签页的最大个数减去一，获得最大回弹标签页个数；以及

计算所述距离和所述最大回弹标签页个数之积，获得所述最大回弹高度。

6.一种浏览器，其特征在于，包括：

显示模块，用于显示用户点击的多个标签页；以及

处理模块，用于接收用户对所述多个标签页的滑动操作，并基于所述滑动操作使所述多个标签页层叠在所述浏览器的顶部或使所述多个标签页触碰到所述浏览器的顶端后产生回弹效果，其中，所述处理模块包括：计算单元、获取单元和处理单元，所述计算单元用于计算出最后一个标签页的运动距离，所述获取单元用于获得单元，用于获得所述滑动操作停止时最后一个标签页的顶端与所述浏览器的顶端间的垂直距离以及多标签页的最大回弹高度，所述处理单元用于当所述运动距离大于所述垂直距离和所述最大回弹高度之差时，所述多个标签页触碰到所述浏览器的顶端后产生回弹效果，且回弹高度不超过所述最大回弹高度，当所述运动距离等于所述垂直距离和所述最大回弹高度之差时，所述多个标签页层叠在所述浏览器的顶部，且层叠的标签页的个数不超过可层叠标签页的最大个数。

7.根据权利要求6所述的浏览器，其特征在于，还包括：

第一设置模块，用于设置所述多个标签页在向所述浏览器的顶端滑动时的加速度。

8.根据权利要求7所述的浏览器，其特征在于，还包括：

第二设置模块，用于设置所述可层叠标签页的最大个数。

9.根据权利要求8所述的浏览器，其特征在于，所述计算单元，具体用于：

基于所述滑动操作停止时所述多个标签页中的最后一个标签页具有的初速度和设置的所述加速度，计算出所述最后一个标签页的运动速度降为零时所需的时间，并根据所述加速度和所述时间计算出所述最后一个标签页的运动距离，其中，所述最后一个标签页是指所述多个标签页中与所述浏览器顶端距离最远的标签页。

10.根据权利要求6所述的浏览器，其特征在于，所述获得单元，具体用于：

计算层叠的两个标签页顶端间的距离；

将所述可层叠标签页的最大个数减去一，获得最大回弹标签页个数；以及

计算所述距离和所述最大回弹标签页个数之积，获得所述最大回弹高度。