CN103324390B - 用于页面浏览的交互方法、浏览器装置以及移动终端 - Google Patents

Abstract

本发明提供了一种用于页面浏览的交互方法、浏览器装置以及移动终端。所述方法包括：显示工具栏，其中，所述工具栏悬浮显示在当前浏览页页面的上方，所述工具栏中至少具有一第一级功能按钮；检测用户点击所述第一级功能按钮的第一触控操作；在检测到所述第一触控操作时，弹出显示至少一个第二级功能按钮；检测用户用于选择第二级功能按钮的第二触控操作；当检测到所述第二触控操作时，根据所述第二触控操作，显示所述用户选择的第二级功能按钮被选中；检测用户用于确认被选中的第二级功能按钮的第三触控操作；当检测到用户的第三触控操作时，执行所述被选中的第二级功能按钮对应的功能。本发明使得用户能够比较方便地对浏览器进行操作。

Description

用于页面浏览的交互方法、浏览器装置以及移动终端

技术领域

本发明涉及移动互联网技术领域，特别涉及一种用于页面浏览的交互方法、浏览器装置以及移动终端。

背景技术

随着技术的快速发展和用户需求的不断增长，手机等移动终端的功能越来越强大，用户通过移动终端浏览网页已经变得越来越普遍。

现有技术中，在用户使用安装在移动终端上的浏览器浏览网页等页面时，当前显示页面的下部边缘通常设置有一条工具栏，工具栏中设置有用户浏览页面时常用的功能按钮，如前进或后退按钮，用户通过点击工具栏上的相应按钮，控制浏览器执行相应的功能。

但是，对于移动终端而言，由于屏幕空间的限制，一方面，工具栏会占用有限的屏幕空间，使得用户可浏览的页面内容所占用的空间变小，另一方面，工具栏中通常设置有4到5个按钮，为了节省空间，按钮通常设计得比较小，这就造成用户点击按钮时容易误操作，因此，用户体验较差。

发明内容

本发明提供一种用于页面浏览的交互方法、浏览器装置以及移动终端，能够减少浏览器工具栏所占用的屏幕空间，使得用户能够比较方便地对浏览器进行操作，有效提高用户体验。

一方面，提供一种用于页面浏览的交互方法，所述方法应用于具有触摸屏的移动设备中，所述方法包括：

显示工具栏，其中，所述工具栏悬浮显示在当前浏览页页面的上方，所述工具栏中至少具有一第一级功能按钮，且所述工具栏的底色设置为使得用户能够查看位于所述工具栏下方的所述页面的页面内容；

检测用户点击所述第一级功能按钮的第一触控操作；

在检测到所述第一触控操作时，弹出显示至少一个第二级功能按钮；

检测用户用于选择第二级功能按钮的第二触控操作；

当检测到所述第二触控操作时，根据所述第二触控操作，显示所述用户选择的第二级功能按钮被选中；

检测用户用于确认被选中的第二级功能按钮的第三触控操作；

当检测到用户的第三触控操作时，执行所述被选中的第二级功能按钮对应的功能。

可选的，在所述显示工具栏前，所述方法还包括：

显示浏览页页面；

所述显示工具栏的步骤包括：

当检测到用户通过所述浏览页页面下发的工具栏显示命令后，在所述页面上显示所述工具栏；

所述方法还包括：

当检测用户通过所述浏览页页面下发的工具栏隐藏命令后，隐藏所述显示在所述页面上的工具栏。

可选的，所述工具栏显示命令为用户通过点击所述页面的空白区域或者用户通过在所述页面上沿第一方向划动下发；

所述工具栏隐藏命令为用户通过在所述页面上沿第二方向划动下发；

所述第一方向和所述第二方向不同。

可选的，所述弹出显示至少一个第二级功能按钮包括：

以弹出一几何图形，所述至少一个第二级功能按钮位于所述几何图形的轮廓线上的方式弹出显示所述至少一个第二级功能按钮。

可选的，所述几何图形为圆形、半圆形、扇形、菱形、心形或花朵形。

可选的，所述工具栏中具有三个功能按钮，分别为所述第一级功能按钮，用于返回至主页的主页按钮和用于多窗口页面浏览的多窗口按钮。

可选的，所述第二触控操作为以下操作中的任意一种：

操作一：用户自所述第一触控操作的触控点起，朝向一第二级功能按钮的划动；

操作二：用户自所述第一触控操作的触控点起，沿着偏离于任一第二级功能按钮的方向的划动；

所述根据所述第二触控操作，显示所述用户选择的第二级功能按钮被选中包括：

如果所述第二触控操作为所述操作一，当所述划动的触控点与一所述第二级功能按钮之间的距离小于预先设定的触发距离时，显示该第二级功能按钮被选中；

如果所述第二触控操作为所述操作二：

根据所述第二触控操作，确定所述划动的方向；

根据所述划动的方向，确定所述划动的方向所属的方向区间；

根据所述确定的方向区间，确定与所述方向区间对应的第二级功能按钮，

显示所述与所述方向区间对应的第二级功能按钮被选中。

可选的，所述显示所述第二级功能按钮被选中的方式包括：

被选中的第二级功能按钮以被选中圈圈住的方式显示；或者，

被选中的第二级功能按钮以高亮的形式进行显示；或者，

被选中的第二级功能按钮以鹰眼的方式显示；或者，

被选中的第二级功能按钮以不断闪烁的方式显示。

可选的，所述显示所述第二级功能按钮被选中的方式包括：

被选中的第二级功能按钮以被选中圈圈住的方式显示；

所述方法还包括：

在检测到所述第一触控操作时，在所述第一触控操作的触控点处显示一选定圈，所述选定圈的中心位于所述触控点的中心位置；

在检测到所述第二触控操作时，显示所述选定圈随着所述第二触控操作的触控点的移动而移动，所述选定圈的中心位于所述触控点的中心；

所述显示所述第二级功能按钮被选中的步骤具体包括：

显示位于所述第二触控操作的触控点处的选定圈从所述触控点处移动到圈住所述第二级功能按钮的位置处，所述触控点处的选定圈消失，所述被选中第二级功能按钮被选中圈圈住。

另一方面，提供一种浏览器装置，包括：

显示模块，用于显示工具栏，其中，所述工具栏悬浮显示在当前浏览页页面的上方，所述工具栏中至少具有一第一级功能按钮，且所述工具栏的底色设置为使得用户能够查看位于所述工具栏下方的所述页面的页面内容；

检测模块，用于检测用户点击所述第一级功能按钮的第一触控操作；

所述显示模块还用于在所述检测模块检测到所述第一触控操作时，弹出显示至少一个第二级功能按钮；

所述检测模块还用于检测用户用于选择第二级功能按钮的第二触控操作；

所述显示模块还用于当所述检测模块检测到所述第二触控操作时，根据所述第二触控操作，显示所述用户选择的第二级功能按钮被选中；

所述检测模块还用于检测用户用于确认被选中的第二级功能按钮的第三触控操作；

执行模块，用于当所述检测模块检测到用户的第三触控操作时，执行所述被选中的第二级功能按钮对应的功能。

可选的，所述显示模块还用于在显示工具栏之前，显示浏览页页面；

所述检测模块还用于检测用户通过所述浏览页页面下发的工具栏显示命令；

所述显示模块具体用于在所述检测模块检测到用户通过所述浏览页页面下发的工具栏显示命令后，在所述页面上显示所述工具栏；

所述检测模块还用于检测用户通过所述浏览页页面下发的工具栏隐藏命令；

所述显示模块还用于当检测用户通过所述浏览页页面下发的工具栏隐藏命令后，隐藏所述显示在所述页面上的工具栏。

可选的，所述检测模块检测的所述工具栏显示命令为用户通过点击所述页面的空白区域或者用户通过在所述页面上沿第一方向划动下发；

所述检测模块检测的所述工具栏隐藏命令为用户通过在所述页面上沿第二方向划动下发；

所述第一方向和所述第二方向不同。

可选的，所述显示模块具体用于：

以弹出一几何图形，所述至少一个第二级功能按钮位于所述几何图形的轮廓线上的方式弹出显示所述至少一个第二级功能按钮。

可选的，所述显示模块弹出的所述几何图形为圆形、半圆形、扇形、菱形、心形或花朵形。

可选的，所述显示模块显示的工具栏中具有三个功能按钮，分别为所述第一级功能按钮，用于返回至主页的主页按钮和用于多窗口页面浏览的多窗口按钮。

可选的，所述检测模块检测的第二触控操作为以下操作中的任意一种：

操作一：用户自所述第一触控操作的触控点起，朝向一第二级功能按钮的划动；

操作二：用户自所述第一触控操作的触控点起，沿着偏离于任一第二级功能按钮的方向的划动；

所述显示模块具体用于：

如果所述检测模块检测到的第二触控操作为所述操作一，当所述划动的触控点与一所述第二级功能按钮之间的距离小于预先设定的触发距离时，显示该第二级功能按钮被选中；

如果所述检测模块检测到的第二触控操作为所述操作二：

根据所述第二触控操作，确定所述划动的方向；

根据所述划动的方向，确定所述划动的方向所属的方向区间；

根据所述确定的方向区间，确定与所述方向区间对应的第二级功能按钮，

显示所述与所述方向区间对应的第二级功能按钮被选中。

可选的，所述显示模块显示所述第二级功能按钮被选中的方式包括：

被选中的第二级功能按钮以被选中圈圈住的方式显示；或者，

被选中的第二级功能按钮以高亮的形式进行显示；或者，

被选中的第二级功能按钮以鹰眼的方式显示；或者，

被选中的第二级功能按钮以不断闪烁的方式显示。

可选的，所述显示模块显示所述第二级功能按钮被选中的方式包括：

被选中的第二级功能按钮以被选中圈圈住的方式显示；

所述显示模块还用于：

在所述检测模块检测到所述第一触控操作时，在所述第一触控操作的触控点处显示一选定圈，所述选定圈的中心位于所述触控点的中心位置；

在所述检测模块检测到所述第二触控操作时，显示所述选定圈随着所述第二触控操作的触控点的移动而移动，所述选定圈的中心位于所述触控点的中心；

所述显示模块具体用于:

显示位于所述第二触控操作的触控点处的选定圈从所述触控点处移动到圈住所述第二级功能按钮的位置处，所述触控点处的选定圈消失，所述被选中第二级功能按钮被选中圈圈住。

另一方面，提供一种移动终端，包括上述的浏览器装置。

本发明的上述技术方案的有益效果如下：

通过本发明的交互方法，工具栏底色设置为使得用户能够查看位于所述工具栏下方的所述页面的页面内容，不会影响用户对浏览页页面的浏览阅读，相当于扩大了浏览器的有效浏览页面，而且可以在浏览器工具栏中只设置一个第一级功能按钮即可，简化了浏览器工具栏的操作界面，使用户可以方便操作第一级功能按钮和第二级功能按钮来执行不同的命令，从而提升用户体验。再有，由于工具栏可隐藏，从而同样扩大了浏览器的有效浏览页面，进一步提升了用户体验。

附图说明

图1为本发明所述的一种用于页面浏览的交互方的一实施例的流程示意图；

图2为本发明所述的一种用于页面浏览的交互方的另一实施例的流程示意图；

图3为本发明所述的一种用于页面浏览的交互方的另一实施例的流程示意图；

图4本发明所述的一种浏览器装置的连接示意图；

图5为本发明所述的显示工具栏的示意图；

图6为本发明所述的显示第二级功能按钮被选中的示意图。

具体实施方式

为使本发明要解决的技术问题、技术方案和优点更加清楚，下面将结合附图及具体实施例进行详细描述。

如图1所示，为本发明所述的用于页面浏览的交互方法，所述方法应用于具有触摸屏的移动设备中，所述方法包括：

步骤11，显示工具栏，其中，所述工具栏悬浮显示在当前浏览页页面的上方，所述工具栏中至少具有一第一级功能按钮，且所述工具栏的底色设置为使得用户能够查看位于所述工具栏下方的所述页面的页面内容。

本步骤中，所显示的工具栏也可称为“Toolbar”，是指在一个软件程序或产品中,综合各种工具,让用户方便的选择并使用各种工具的一个区域。本申请中，工具栏可以仅包括一个用于接收第一触控指令的工具图标，也可以包括多个工具图标，在工具栏中，图标的样式和排列布置方式不限。

步骤12，检测用户点击所述第一级功能按钮的第一触控操作。

步骤13，在检测到所述第一触控操作时，弹出显示至少一个第二级功能按钮。

步骤14，检测用户用于选择第二级功能按钮的第二触控操作。

步骤15，当检测到所述第二触控操作时，根据所述第二触控操作，显示所述用户选择的第二级功能按钮被选中。

步骤16，检测用户用于确认被选中的第二级功能按钮的第三触控操作。

步骤17，当检测到用户的第三触控操作时，执行所述被选中的第二级功能按钮对应的功能。

该实施例中，上述第一触控操作可以是用户通过触控物体例如手指点击第一级功能按钮，第二触控操作可以是用户从点击第一级功能按钮后未抬起手指朝向第二级功能按钮的移动，第三触控操作可以是用户抬起手指，离开触摸屏幕。

通过本发明的交互方法，工具栏底色设置为使得用户能够查看位于所述工具栏下方的所述页面的页面内容，不会影响用户对浏览页页面的浏览阅读，而且可以在浏览器工具栏中只设置一个第一级功能按钮即可，简化了浏览器工具栏的操作界面，使用户可以方便操作第一级功能按钮和第二级功能按钮来执行不同的命令，从而提升用户体验。

如图2所示，为本发明所述的用于页面浏览的交互方法，所述方法应用于具有触摸屏的移动设备中，由浏览器装置执行，所述方法包括：

步骤21，显示浏览页页面；

该步骤例如为：用户通过移动终端浏览网页，当前页面为百度的首页。

步骤22，显示工具栏。

举例而言，本实施例中，所述工具栏中可具有三个功能按钮，例如分别为用于展开显示第二级功能按钮的第一级功能按钮，用于返回至主页的主页按钮和用于多窗口页面浏览的多窗口按钮。

其中，显示工具栏时，所述工具栏悬浮显示在当前浏览页页面的上方，且所述工具栏的底色设置为使得用户能够查看位于所述工具栏下方的所述页面的页面内容。这样一来，扩大可有效浏览区域的面积，而且相对于现有的工具栏给了用户一种全新的使用感受，进一步提升了用户体验。

需要说明的是，本发明实施例中，用户不需要使用工具栏时，工具栏是可以隐藏的，而在用户需要使用工具栏时，可下发一工具栏显示命令，本步骤中，

当检测到用户下发的工具栏显示命令后，在所述页面上显示所述工具栏。当然可以理解的是，在已经显示了工具栏但用户暂时不需要使用工具栏时，用户可下发以工具栏隐藏命令，当检测用户通过所述浏览页页面下发的工具栏隐藏命令后，隐藏所述显示在所述页面上的工具栏。由于工具栏可隐藏，从而扩大了浏览器的有效浏览页面，进一步提升了用户体验。

其中，所述工具栏显示命令可以为用户通过点击所述页面的空白区域或者用户通过在所述页面上沿第一方向划动下发；

所述工具栏隐藏命令为用户通过在所述页面上沿第二方向划动下发；所述第一方向和所述第二方向不同。

例如，第一方向是向下，第二方向是向上，而且，浏览页的页面可以随着用户的操作而滚动，用户向下划时网页向上滚动，用户向上划时网页向下滚动。该步骤例如为：用户在百度首页上向下划动，则在百度首页上显示所述工具栏（可如图5所示，图中未示出网页内容），例如，工具栏中包括三个按钮，分别为第一级功能按钮（可如图5中的中间按钮），用于返回至主页的主页按钮（如图5中的左边按钮）和用于多窗口页面浏览的多窗口按钮（如图5中的右边按钮）。

再有，当需要工具栏在浏览页面上显示时，该工具栏可以位于浏览页面的固定位置，当然，也可根据用户的预先设置而位于用户指定的位置。这样，可以针对不同用户提供个性化需求，进一步提升了用户体验。

步骤23，当显示工具栏后，检测用户点击所述第一级功能按钮的第一触控操作。这样，激活第一级功能按钮。

步骤24，在检测到所述第一触控操作时，弹出显示至少一个第二级功能按钮。

可选的，所述弹出显示至少一个第二级功能按钮包括：以弹出一几何图形，所述至少一个第二级功能按钮位于所述几何图形的轮廓线上的方式弹出显示所述至少一个第二级功能按钮。

其中，所述几何图形可以为圆形、半圆形、扇形、菱形、心形或花朵形等，本发明对此不作限定。本申请中并不对几何图形的具体图案做限定，该具体图案既可以是系统本身预设的，也可以是用户自己画的，总之，任何可能的图案都可以应用于本申请中。

而且，该步骤中，显示第二级功能按钮的同时可以显示给用户第二级功能按钮对应的指令，例如，按钮上具有示意性的图标或者文字，这样可以方便地引导用户进行相应的操作。

步骤25，检测用户用于选择第二级功能按钮的第二触控操作。

可选的，所述第二触控操作为以下操作中的任意一种：

操作一：用户自所述第一触控操作的触控点起，朝向一第二级功能按钮的划动。

操作二：用户自所述第一触控操作的触控点起，沿着偏离于任一第二级功能按钮的方向的划动。

步骤26，当检测到所述第二触控操作时，根据所述第二触控操作，显示所述用户选择的第二级功能按钮被选中。

其中，所述根据所述第二触控操作，显示所述用户选择的第二级功能按钮被选中包括：

如果所述第二触控操作为所述操作一，实时识别第二触控指令的触控点在屏幕上的位置坐标，根据所述位置坐标计算所述第一触控指令的触控点与各个第二级功能按钮之间的距离值，当划动的触控点与一所述第二级功能按钮之间的距离小于预先设定的触发距离时，例如小于0.5mm时，显示该第二级功能按钮被选中；

如果所述第二触控操作为所述操作二，确定操作二中用户划动的方向，根据所述划动的方向，确定所述划动的方向所属的方向区间，根据所述确定的方向区间，确定与所述方向区间对应的第二级功能按钮，显示所述与所述方向区间对应的第二级功能按钮被选中。

举例而言，假设步骤24中弹出显示三个第二级功能按钮A、B、C，该三个功能点呈半圆形分布，即该三个功能点位于半圆形的轮廓线上，且均匀分布，以水平向右为半圆形的0度方向，A位于半圆形的0度方向，B位于半圆形的90度方向，C位于半圆形的180度方向。A对应的方向区间为0-45度，B对应的方向区间为45-135度，C对应的方向区间为135-180度。如果用户滑动的方向为30度，那么位于B对应的方向区间，则显示B被选中。

其中，所述显示所述第二级功能按钮被选中的方式可包括：

被选中的第二级功能按钮以被选中圈圈住的方式显示；或者，被选中的第二级功能按钮以高亮的形式进行显示；或者，被选中的第二级功能按钮以鹰眼的方式显示；或者，被选中的第二级功能按钮以不断闪烁的方式显示。本申请并不对显示第二级功能按钮被选中的的显示方式做限定，任何可能的显示方式都可以应用于本申请中。

举例而言，这里，以被选中的第二级功能按钮以被选中框框住的方式显示的方式为例，具体说明其如何显示：

首先，在检测到所述第一触控操作时，在所述第一触控操作的触控点处显示一选定圈，所述选定圈的中心位于所述触控点的中心位置；所述选定圈可以设置为所述选定圈的边缘大于所述触控点的外边缘，以使用户能够看到该选定圈。用户的触控物体可以是手指，也可以是触控笔，也可以是其他触控物等；上述选定圈的外在表现可以是圆圈框，或矩形框，或正方框等等；选定圈的线条可以是实线、虚线、点划线等等。在检测到所述第二触控操作时，显示所述选定圈随着所述第二触控操作的触控点的移动而移动，所述选定圈的中心位于所述触控点的中心。之后，在显示所述第二级功能按钮被选中时，显示位于所述第二触控操作的触控点处的所述选定圈从所述触控点处移动到框住所述被选中第二级功能按钮的位置处，所述触控点处的选定圈消失，所述被选中第二级功能按钮被选定圈框住。这样，对于用户而言，给用户看到的是一动画效果，即选定圈由第二触控操作的触控点处移动到了被选中的第二级功能按钮处，将被选中的第二级功能按钮框了起来。

步骤27，检测用户用于确认被选中的第二级功能按钮的第三触控操作；

该实施例中，第三触控操作可以是用户抬手，离开触摸屏幕。

举例而言，在一实施例中，第二触控操作可以是用户从点击第一级功能按钮后未抬起手指向第二级功能按钮的移动，第三触控操作可以是用户抬手，离开触摸屏幕。例如，用户从点击第一级功能按钮后未抬起手指向上划动的移动，然后，离开触摸屏幕。

步骤28，当检测到用户的第三触控操作时，执行所述被选中的第二级功能按钮对应的功能。

例如：第二级功能按钮对应打开主菜单的功能，从而执行打开主菜单的指令。

上述实施例中，所述工具栏的显示区域可以位于触摸屏的预定区域内，因此，用户可以根据使用习惯进行设置。优选的，所述预定区域为所述触摸屏的下端，这样，方便用户可以单手对工具栏进行操作。

如图3所示，为本发明所述的用于页面浏览的交互方法，所述方法应用于具有触摸屏的移动设备中，所述方法包括：

步骤31，显示浏览页页面；该步骤例如为：用户通过移动终端浏览网页，当前页面为百度的首页。

步骤32，显示工具栏，所述工具栏中具有三个功能按钮，分别为所述第一级功能按钮，用于返回至主页的主页按钮和用于多窗口页面浏览的多窗口按钮。其中，所述工具栏悬浮显示在当前浏览页页面的上方，且所述工具栏的底色设置为使得用户能够查看位于所述工具栏下方的所述页面的页面内容。

该步骤具体包括：当检测到用户通过所述浏览页页面下发的工具栏显示命令后，在所述页面上显示所述工具栏；当然，如果检测用户通过所述浏览页页面下发的工具栏隐藏命令后，隐藏所述显示在所述页面上的工具栏。

其中，所述工具栏显示命令为用户通过点击所述页面的空白区域或者用户通过在所述页面上沿第一方向划动下发；所述工具栏隐藏命令为用户通过在所述页面上沿第二方向划动下发；所述第一方向和所述第二方向不同。例如，第一方向是向下，第二方向是向上，而且，浏览页的页面可以随着用户的操作而滚动，用户向下划时网页向上滚动，用户向上划时网页向下滚动。

该步骤例如为：用户在百度首页上向下划动，则在百度首页上显示所述工具栏（如图5所示，图中未示出网页内容），例如，分别为所述第一级功能按钮（图5中的中间按钮），用于返回至主页的主页按钮（图5中的左边按钮）和用于多窗口页面浏览的多窗口按钮（图5中的右边按钮）。

步骤33，当显示工具栏时，检测用户点击所述第一级功能按钮的第一触控操作，这样，激活第一级功能按钮。

步骤34，在检测到所述第一触控操作时，弹出显示至少一个第二级功能按钮；该步骤的同时，在所述第一触控操作的触控点处显示一选定圈，所述选定圈的中心位于所述触控点的中心位置；

可选的，所述弹出显示至少一个第二级功能按钮包括：弹出一几何图形，所述至少一个第二级功能按钮以位于所述几何图形的轮廓线上的方式弹出显示所述至少一个第二级功能按钮。其中，所述几何图形可以为圆形、半圆形、扇形、菱形、心形或花朵形。该步骤中，显示第二级功能按钮的同时可以显示给用户第二级功能按钮对应的指令，可以方便地引导用户进行相应的操作。

具体的，如图6所示，弹出显示三个第二级功能按钮，前进按钮、后退按钮和打开主菜单按钮，该三个功能点呈半圆形分布，即该三个功能点位于半圆形的轮廓线上，且均匀分布。

步骤35，检测用户用于选择第二级功能按钮的第二触控操作；可选的，所述第二触控操作为以下操作中的任意一种：操作一：用户自所述第一触控操作的触控点起，朝向一第二级功能按钮的划动；操作二：用户自所述第一触控操作的触控点起，沿着偏离于任一第二级功能按钮的方向的划动。

步骤36，当检测到所述第二触控操作时，根据所述第二触控操作，显示所述用户选择的第二级功能按钮被选中（如图6所示，图中未示出网页内容）；具体为：当检测到所述第二触控操作时，显示所述选定圈随着所述第二触控操作的触控点的移动而移动，所述选定圈的中心位于所述触控点的中心；并且，显示位于所述第二触控操作的触控点处的选定圈从所述触控点处移动到圈住所述第二级功能按钮的位置处，所述触控点处的选定圈消失，所述被选中第二级功能按钮被选中圈圈住。

其中，所述根据所述第二触控操作，显示所述用户选择的第二级功能按钮被选中包括：

如果所述第二触控操作为所述操作一，当所述划动的触控点与一所述第二级功能按钮之间的距离小于预先设定的触发距离时，显示该第二级功能按钮被选中；

如果所述第二触控操作为所述操作二：

根据所述第二触控操作，确定所述划动的方向；

根据所述划动的方向，确定所述划动的方向所属的方向区间；

根据所述确定的方向区间，确定与所述方向区间对应的第二级功能按钮，

显示所述与所述方向区间对应的第二级功能按钮被选中。

步骤37，检测用户用于确认被选中的第二级功能按钮的第三触控操作；该实施例中，第二触控操作可以是用户从点击第一级功能按钮后未抬起手指向第二级功能按钮的移动，第三触控操作可以是用户抬手，离开触摸屏幕。例如，用户从点击第一级功能按钮后未抬起手指向上划动的移动，然后，离开触摸屏幕。

步骤38，当检测到用户的第三触控操作时，执行所述被选中的第二级功能按钮对应的功能。例如：第二级功能按钮为打开主菜单，从而执行打开主菜单的指令。

上述实施例中，所述工具栏的显示区域位于触摸屏的预定区域内，因此，用户可以根据使用习惯进行设置。优选的，所述预定区域为所述触摸屏的下端，这样，方便用户可以单手对工具栏进行操作。

如图4所示，提供一种浏览器装置，包括：

显示模块41，用于显示工具栏，其中，所述工具栏悬浮显示在当前浏览页页面的上方，所述工具栏中至少具有一第一级功能按钮，且所述工具栏的底色设置为使得用户能够查看位于所述工具栏下方的所述页面的页面内容；

检测模块42，用于检测用户点击所述第一级功能按钮的第一触控操作；

所述显示模块41还用于在所述检测模块检测到所述第一触控操作时，弹出显示至少一个第二级功能按钮；

所述检测模块42还用于检测用户用于选择第二级功能按钮的第二触控操作；

所述显示模块41还用于当所述检测模块检测到所述第二触控操作时，根据所述第二触控操作，显示所述用户选择的第二级功能按钮被选中；

所述检测模块42还用于检测用户用于确认被选中的第二级功能按钮的第三触控操作；

所述浏览器装置还包括：执行模块43，用于当所述检测模块检测到用户的第三触控操作时，执行所述被选中的第二级功能按钮对应的功能。

进一步的，所述显示模块41还用于在显示工具栏之前，显示浏览页页面；

所述检测模块42还用于检测用户通过所述浏览页页面下发的工具栏显示命令；

所述显示模块41具体用于在所述检测模块检测到用户通过所述浏览页页面下发的工具栏显示命令后，在所述页面上显示所述工具栏；

所述检测模块42还用于检测用户通过所述浏览页页面下发的工具栏隐藏命令；

所述显示模块41还用于当检测用户通过所述浏览页页面下发的工具栏隐藏命令后，隐藏所述显示在所述页面上的工具栏。

可选的，所述检测模块42检测的所述工具栏显示命令为用户通过点击所述页面的空白区域或者用户通过在所述页面上沿第一方向划动下发；

所述检测模块42检测的所述工具栏隐藏命令为用户通过在所述页面上沿第二方向划动下发；

所述第一方向和所述第二方向不同。

所述显示模块41具体用于：

以弹出一几何图形，所述至少一个第二级功能按钮位于所述几何图形的轮廓线上的方式弹出显示所述至少一个第二级功能按钮。

可选的，所述显示模块41弹出的所述几何图形为圆形、半圆形、扇形、菱形、心形或花朵形。

可选的，所述显示模块41显示的工具栏中具有三个功能按钮，分别为所述第一级功能按钮，用于返回至主页的主页按钮和用于多窗口页面浏览的多窗口按钮。

所述检测模块42检测的第二触控操作为以下操作中的任意一种：

操作一：用户自所述第一触控操作的触控点起，朝向一第二级功能按钮的划动；

操作二：用户自所述第一触控操作的触控点起，沿着偏离于任一第二级功能按钮的方向的划动；

所述显示模块41具体用于：

如果所述检测模块检测到的第二触控操作为所述操作一，当所述划动的触控点与一所述第二级功能按钮之间的距离小于预先设定的触发距离时，显示该第二级功能按钮被选中；

如果所述检测模块检测到的第二触控操作为所述操作二：

根据所述第二触控操作，确定所述划动的方向；

根据所述划动的方向，确定所述划动的方向所属的方向区间；

根据所述确定的方向区间，确定与所述方向区间对应的第二级功能按钮，

显示所述与所述方向区间对应的第二级功能按钮被选中。

可选的，所述显示模块41显示所述第二级功能按钮被选中的方式包括：

被选中的第二级功能按钮以被选中圈圈住的方式显示；或者，

被选中的第二级功能按钮以高亮的形式进行显示；或者，

被选中的第二级功能按钮以鹰眼的方式显示；或者，

被选中的第二级功能按钮以不断闪烁的方式显示。

可选的，所述显示模块41显示所述第二级功能按钮被选中的方式包括：

被选中的第二级功能按钮以被选中圈圈住的方式显示；

所述显示模块41还用于：

在所述检测模块检测到所述第一触控操作时，在所述第一触控操作的触控点处显示一选定圈，所述选定圈的中心位于所述触控点的中心位置；

在所述检测模块42检测到所述第二触控操作时，显示所述选定圈随着所述第二触控操作的触控点的移动而移动，所述选定圈的中心位于所述触控点的中心；

所述显示模块41具体用于:

显示位于所述第二触控操作的触控点处的选定圈从所述触控点处移动到圈住所述第二级功能按钮的位置处，所述触控点处的选定圈消失，所述被选中第二级功能按钮被选中圈圈住。

在另一实施例中，本发明还提供一种移动终端，包括上述的浏览器装置。

对于装置和终端而言，由于其工作方式基本相似于前文的方法实施例，所以描述的比较简单，相关之处参见前文方法实施例的部分说明即可。

此说明书中所描述的许多功能部件都被称为模块，以便更加特别地强调其实现方式的独立性。

本发明实施例中，模块可以用软件实现，以便由各种类型的处理器执行。举例来说，一个标识的可执行代码模块可以包括计算机指令的一个或多个物理或者逻辑块，举例来说，其可以被构建为对象、过程或函数。尽管如此，所标识模块的可执行代码无需物理地位于一起，而是可以包括存储在不同物理上的不同的指令，当这些指令逻辑上结合在一起时，其构成模块并且实现该模块的规定目的。

实际上，可执行代码模块可以是单条指令或者是许多条指令，并且甚至可以分布在多个不同的代码段上，分布在不同程序当中，以及跨越多个存储器设备分布。同样地，操作数据可以在模块内被识别，并且可以依照任何适当的形式实现并且被组织在任何适当类型的数据结构内。所述操作数据可以作为单个数据集被收集，或者可以分布在不同位置上（包括在不同存储设备上），并且至少部分地可以仅作为电子信号存在于系统或网络上。

在模块可以利用软件实现时，考虑到现有硬件工艺的水平，所以可以以软件实现的模块，在不考虑成本的情况下，本领域技术人员都可以搭建对应的硬件电路来实现对应的功能，所述硬件电路包括常规的超大规模集成（VLSI）电路或者门阵列以及诸如逻辑芯片、晶体管之类的现有半导体或者是其它分立的元件。模块还可以用可编程硬件设备，诸如现场可编程门阵列、可编程阵列逻辑、可编程逻辑设备等实现。

在本发明各方法实施例中，所述各步骤的序号并不能用于限定各步骤的先后顺序，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，对各步骤的先后变化也在本发明的保护范围之内。

以上所述是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明所述原理的前提下，还可以作出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。

Claims (17)

1.一种用于页面浏览的交互方法，其特征在于，所述方法应用于具有触摸屏的移动设备中，所述方法包括：

显示工具栏，其中，所述工具栏悬浮显示在当前浏览页页面的上方，所述工具栏中至少具有一第一级功能按钮，且所述工具栏的底色设置为使得用户能够查看位于所述工具栏下方的所述页面的页面内容；

检测用户点击所述第一级功能按钮的第一触控操作；

在检测到所述第一触控操作时，弹出显示至少一个第二级功能按钮，包括：以弹出一几何图形，所述至少一个第二级功能按钮位于所述几何图形的轮廓线上的方式弹出显示所述至少一个第二级功能按钮；

检测用户用于选择第二级功能按钮的第二触控操作，所述第二触控操作为以下操作中的任意一种：操作一：用户自所述第一触控操作的触控点起，朝向一第二级功能按钮的划动；操作二：用户自所述第一触控操作的触控点起，沿着偏离于任一第二级功能按钮的方向的划动；

当检测到所述第二触控操作时，根据所述第二触控操作，显示所述用户选择的第二级功能按钮被选中；

检测用户用于确认被选中的第二级功能按钮的第三触控操作；

当检测到用户的第三触控操作时，执行所述被选中的第二级功能按钮对应的功能。

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

显示浏览页页面；

所述显示工具栏的步骤包括：

当检测到用户下发的工具栏显示命令后，在所述页面上显示所述工具栏；

所述方法还包括：

当检测用户下发的工具栏隐藏命令后，隐藏所述显示在所述页面上的工具栏。

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

所述工具栏显示命令为用户通过点击所述页面的空白区域或者用户通过在所述页面上沿第一方向划动下发；

所述工具栏隐藏命令为用户通过在所述页面上沿第二方向划动下发；

所述第一方向和所述第二方向不同。

4.根据权利要求1所述的方法，其特征在于，所述几何图形为圆形、半圆形、扇形、菱形、心形或花朵形。

5.根据权利要求1至3任一项所述的方法，其特征在于，

所述工具栏中具有三个功能按钮，分别为所述第一级功能按钮，用于返回至主页的主页按钮和用于多窗口页面浏览的多窗口按钮。

6.根据权利要求1至3任一项所述的方法，其特征在于，

所述根据所述第二触控操作，显示所述用户选择的第二级功能按钮被选中包括：

如果所述第二触控操作为所述操作一，当所述划动的触控点与一所述第二级功能按钮之间的距离小于预先设定的触发距离时，显示该第二级功能按钮被选中；

如果所述第二触控操作为所述操作二：

根据所述第二触控操作，确定所述划动的方向；

根据所述划动的方向，确定所述划动的方向所属的方向区间；

根据所述确定的方向区间，确定与所述方向区间对应的第二级功能按钮，

显示所述与所述方向区间对应的第二级功能按钮被选中。

7.根据权利要求6所述的方法，其特征在于，

所述显示所述第二级功能按钮被选中的方式包括：

被选中的第二级功能按钮以被选中圈圈住的方式显示；或者，

被选中的第二级功能按钮以高亮的形式进行显示；或者，

被选中的第二级功能按钮以鹰眼的方式显示；或者，

被选中的第二级功能按钮以不断闪烁的方式显示。

8.根据权利要求7所述的方法，其特征在于，

所述显示所述第二级功能按钮被选中的方式包括：

被选中的第二级功能按钮以被选中圈圈住的方式显示；

所述方法还包括：

在检测到所述第一触控操作时，在所述第一触控操作的触控点处显示一选定圈，所述选定圈的中心位于所述触控点的中心位置；

在检测到所述第二触控操作时，显示所述选定圈随着所述第二触控操作的触控点的移动而移动，所述选定圈的中心位于所述触控点的中心；

所述显示所述第二级功能按钮被选中的步骤具体包括：

显示位于所述第二触控操作的触控点处的选定圈从所述触控点处移动到圈住所述第二级功能按钮的位置处，所述触控点处的选定圈消失，所述被选中第二级功能按钮被选中圈圈住。

9.一种浏览器装置，其特征在于，包括：

显示模块，用于显示工具栏，其中，所述工具栏悬浮显示在当前浏览页页面的上方，所述工具栏中至少具有一第一级功能按钮，且所述工具栏的底色设置为使得用户能够查看位于所述工具栏下方的所述页面的页面内容；

检测模块，用于检测用户点击所述第一级功能按钮的第一触控操作；

所述显示模块还用于在所述检测模块检测到所述第一触控操作时，弹出显示至少一个第二级功能按钮，包括：以弹出一几何图形，所述至少一个第二级功能按钮位于所述几何图形的轮廓线上的方式弹出显示所述至少一个第二级功能按钮；

所述检测模块还用于检测用户用于选择第二级功能按钮的第二触控操作；所述检测模块检测的第二触控操作为以下操作中的任意一种：操作一：用户自所述第一触控操作的触控点起，朝向一第二级功能按钮的划动；操作二：用户自所述第一触控操作的触控点起，沿着偏离于任一第二级功能按钮的方向的划动；

所述显示模块还用于当所述检测模块检测到所述第二触控操作时，根据所述第二触控操作，显示所述用户选择的第二级功能按钮被选中；

所述检测模块还用于检测用户用于确认被选中的第二级功能按钮的第三触控操作；

所述浏览器装置还包括：

执行模块，用于当所述检测模块检测到用户的第三触控操作时，执行所述被选中的第二级功能按钮对应的功能。

10.根据权利要求9所述的浏览器装置，其特征在于，所述显示模块还用于在显示工具栏之前，显示浏览页页面；

所述检测模块还用于检测用户通过所述浏览页页面下发的工具栏显示命令；

所述显示模块具体用于在所述检测模块检测到用户通过所述浏览页页面下发的工具栏显示命令后，在所述页面上显示所述工具栏；

所述检测模块还用于检测用户下发的工具栏隐藏命令；

所述显示模块还用于当检测用户下发的工具栏隐藏命令后，隐藏所述显示在所述页面上的工具栏。

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

所述检测模块检测的所述工具栏显示命令为用户通过点击所述页面的空白区域或者用户通过在所述页面上沿第一方向划动下发；

所述检测模块检测的所述工具栏隐藏命令为用户通过在所述页面上沿第二方向划动下发；

所述第一方向和所述第二方向不同。

12.根据权利要求9所述的浏览器装置，其特征在于，所述显示模块弹出的所述几何图形为圆形、半圆形、扇形、菱形、心形或花朵形。

13.根据权利要求9至10任一项所述的浏览器装置，其特征在于，

所述显示模块显示的工具栏中具有三个功能按钮，分别为所述第一级功能按钮，用于返回至主页的主页按钮和用于多窗口页面浏览的多窗口按钮。

14.根据权利要求9至10任一项所述的浏览器装置，其特征在于，

所述显示模块具体用于：

如果所述检测模块检测到的第二触控操作为所述操作一，当所述划动的触控点与一所述第二级功能按钮之间的距离小于预先设定的触发距离时，显示该第二级功能按钮被选中；

如果所述检测模块检测到的第二触控操作为所述操作二：

根据所述第二触控操作，确定所述划动的方向；

根据所述划动的方向，确定所述划动的方向所属的方向区间；

根据所述确定的方向区间，确定与所述方向区间对应的第二级功能按钮，

显示所述与所述方向区间对应的第二级功能按钮被选中。

15.根据权利要求14所述的浏览器装置，其特征在于，

所述显示模块显示所述第二级功能按钮被选中的方式包括：

被选中的第二级功能按钮以被选中圈圈住的方式显示；或者，

被选中的第二级功能按钮以高亮的形式进行显示；或者，

被选中的第二级功能按钮以鹰眼的方式显示；或者，

被选中的第二级功能按钮以不断闪烁的方式显示。

16.根据权利要求15所述的浏览器装置，其特征在于，

所述显示模块显示所述第二级功能按钮被选中的方式包括：

被选中的第二级功能按钮以被选中圈圈住的方式显示；

所述显示模块还用于：

在所述检测模块检测到所述第一触控操作时，在所述第一触控操作的触控点处显示一选定圈，所述选定圈的中心位于所述触控点的中心位置；

在所述检测模块检测到所述第二触控操作时，显示所述选定圈随着所述第二触控操作的触控点的移动而移动，所述选定圈的中心位于所述触控点的中心；

所述显示模块具体用于:

显示位于所述第二触控操作的触控点处的选定圈从所述触控点处移动到圈住所述第二级功能按钮的位置处，所述触控点处的选定圈消失，所述被选中第二级功能按钮被选中圈圈住。

17.一种移动终端，其特征在于，包括权利要求9-16任一所述的浏览器装置。