CN103455496B - 一种基于浏览器的交互方法及设备 - Google Patents

Abstract

本发明公开了一种基于浏览器的交互方法及设备。该方法包括：在启动浏览器后，接收触发事件，显示自定义的手势操作控件；获取手势操作控件的操作轨迹，确定与操作轨迹相匹配的手势操作，根据预先设置的手势操作与应用功能的映射关系，执行与操作轨迹相匹配的手势操作映射的应用功能。应用本发明，可以降低误操作概率，提高手势操作的准确性。

Description

一种基于浏览器的交互方法及设备

技术领域

本发明涉及浏览器技术，特别涉及一种基于浏览器的交互方法及设备。

背景技术

浏览器是用户与外部网络进行交互的载体，对于移动设备，例如，移动电话来说，通过启动移动电话浏览器，利用移动电话浏览器底部定制的工具条，通过单击工具条上相应应用功能（上一页、下一页、退出等）的按钮，可以触发或引导预先设置的相关应用功能操作。这样，用户通过工具条上的按钮操作浏览器，与浏览器进行交互，从而实现与外部网络（网页）的交互通信。

随着网络技术的发展，浏览器的种类越来越多，其应用功能也越来越丰富，由于显示的工具条需要占据一定的浏览器浏览区域，使网页可视区域减小，降低了用户网页浏览的体验；同时，通过工具条按钮的方式操作浏览器，方式单一，难以满足用户的个性化操作需求；而且，工具条不容易进行扩展，难以满足浏览器的应用功能需求。由此，一些基于移动设备的浏览器，从用户体验以及应用功能按钮布设方面优化考虑，提出了一种改进的基于浏览器的交互方法，即浏览器支持手势操作以触发相应的应用功能，通过在移动电话浏览器的浏览区域，定制手势操作，每一手势操作映射一种应用功能，用户在浏览区域通过手势与浏览器进行交互，利用各种自定义手势来触发或引导手势操作映射的相关应用功能，但该自定义手势的基于浏览器的交互方法，自定义手势容易与浏览器的默认手势发生冲突，从而造成误操作，降低了手势操作的准确性，也增加了操作所需的时间，使得与浏览器的交互效率较低。

发明内容

有鉴于此，本发明的主要目的在于提出一种基于浏览器的交互方法，降低误操作概率，提高手势操作的准确性。

本发明的另一目的在于提出一种基于浏览器的交互设备，降低误操作概率，提高手势操作的准确性。

为达到上述目的，本发明提供了一种基于浏览器的交互方法，在启动浏览器后，该方法包括：

接收触发事件，显示自定义的手势操作控件；

获取手势操作控件的操作轨迹，确定与操作轨迹相匹配的手势操作，根据预先设置的各手势操作与应用功能的映射关系，执行与操作轨迹相匹配的手势操作映射的应用功能。

所述触发事件为预先设置在移动电话上的重力加速传感器监测到移动电话发生摇动产生的摇动事件。

所述自定义的手势操作控件为小球，所述手势操作控件的操作轨迹包括：滑动小球操作轨迹、单击小球操作轨迹、双击小球操作轨迹、长按后拖动小球操作轨迹以及以小球为起点的手势操作轨迹。

所述滑动小球操作轨迹包括：左方向操作轨迹、右方向操作轨迹、左上方向操作轨迹、右上方向操作轨迹以及上方向操作轨迹。

所述手势操作控件的操作轨迹为长按后拖动小球操作轨迹，所述获取手势操作控件的操作轨迹，确定操作轨迹对应的手势操作包括：

确定手势操作控件的操作轨迹为长按小球，触发当前屏幕显示预先设置的位置提示框；

监测小球拖动，获取释放小球所在的位置提示框，确定该位置提示框为对应的手势操作。

一种基于浏览器的交互设备，该设备包括：手势操作控件触发模块、操作轨迹获取模块、手势操作确定模块、应用功能确定模块以及应用功能执行模块，其中，

手势操作控件触发模块，用于在启动浏览器后，接收触发事件，显示自定义的手势操作控件；

操作轨迹获取模块，用于获取手势操作控件的操作轨迹，输出至手势操作确定模块；

手势操作确定模块，用于确定与接收的操作轨迹相匹配的手势操作，输出至应用功能确定模块；

应用功能确定模块，用于根据预先设置的各手势操作与应用功能的映射关系，获取与操作轨迹相匹配的手势操作映射的应用功能，输出至应用功能执行模块；

应用功能执行模块，用于根据接收的应用功能执行操作。

进一步包括：

编辑模块，用于在手势操作确定模块确定接收的操作轨迹没有对应的手势操作时，编辑、定义操作轨迹，并设置该编辑的操作轨迹对应的手势操作，设置手势操作映射的应用功能，并存储至映射关系表中。

所述手势操作控件触发模块包括：触发事件监测单元以及手势操作控件触发单元，其中，

触发事件监测单元，用于在进入浏览器浏览区域后，监测移动电话是否发生摇动，如果发生摇动，获取摇动事件，输出至手势操作控件触发单元；

手势操作控件触发单元，用于接收摇动事件，当小球显示时，则触发隐藏小球，当小球隐藏时，则触发使小球恢复正常显示状态。

所述操作轨迹获取模块包括：操作轨迹输入单元、监控单元以及记录单元，其中，

操作轨迹输入单元，用于接收用户输入，显示用户输入的操作轨迹；

本发明实施例中，操作轨迹输入单元为触摸式液晶显示屏。

监控单元，用于实时监控操作轨迹输入单元，检测用户输入的操作轨迹；

记录单元，用于记录监控单元检测得到的操作轨迹，输出至手势操作确定模块。

由上述的技术方案可见，本发明提供的一种基于浏览器的交互方法及设备，在启动浏览器后，接收触发事件，显示自定义的手势操作控件；获取手势操作控件的操作轨迹，确定与操作轨迹相匹配的手势操作，根据预先设置的各手势操作与应用功能的映射关系，执行与操作轨迹相匹配的手势操作映射的应用功能。这样，通过设置触发显示自定义的手势操作控件，从而与浏览器的默认手势操作触发相隔离，避免了与浏览器的默认手势相冲突，有效避免了误操作，从而提高了手势操作的准确性。

附图说明

图1为本发明实施例基于浏览器的交互方法流程示意图。

图2为本发明实施例基于浏览器的交互方法具体流程示意图。

图3为本发明实施例基于浏览器的交互设备结构示意图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚，下面将结合附图及具体实施例对本发明作进一步地详细描述。

现有技术中，在浏览器的浏览区域直接进行手势操作的自定义并设置手势操作对应的应用功能后，与浏览器的默认手势信息保存在同一数据库中，浏览器在浏览区域检测到用户的手势操作后，根据数据库中保存的手势信息进行判断，以确定用户输入的手势操作对应的应用功能，使得用户自定义的手势操作容易与浏览器的默认手势发生冲突。本发明实施例中，为了避免自定义的手势操作与浏览器的默认手势操作发生冲突而导致的误操作，考虑在移动电话浏览器的浏览区域进行自定义手势操作时，设置触发自定义手势操作的控件，在控件被激活后，才能进行自定义的手势操作，从而与浏览器的默认手势操作相隔离；同时，在控件被激活后，通过对控件进行各种操作，以提供一种全新的基于浏览器的交互方法，避免与浏览器的默认手势造成冲突，不仅可以提升浏览体验，而且还具有很强的功能扩展性，使浏览器的操作更加多样化，更加流畅、简洁。

图1为本发明实施例基于浏览器的交互方法流程示意图。参见图1，在启动浏览器后，该流程包括：

步骤101，接收触发事件，显示自定义的手势操作控件；

本步骤中，可以通过预先设置在移动电话上的重力加速传感器，对用户的操作进行监测，如果监测到移动电话发生摇动，例如，左右摇动或上下摇动，获取摇动事件，如果当前浏览区域没有显示自定义的手势操作控件，显示自定义的手势操作控件。

本发明实施例中，自定义的手势操作控件形状可以为球形，当然，也可以是其它形状，例如，柱形、方形等。以手势操作控件为小球为例，当设置在移动电话上的重力加速传感器监测到移动电话发生左右摇动，获取摇动事件，当小球显示时，则移动电话的摇动将触发隐藏小球，当小球隐藏时，则移动电话的摇动将触发使小球恢复正常显示状态，从而与移动电话不摇动时，在浏览区域进行正常的手势操作触发浏览器的默认手势相隔离，有效避免了误操作，从而提高了手势操作的准确性。

实际应用中，通过新设置小球，对小球进行手势操作，可以代替工具条按钮的操作方式，即设置的小球可以承载工具条上的各应用功能，而且相对工具条来说，具有更好的扩展性，以满足用户的个性化操作需求。

步骤102，获取手势操作控件的操作轨迹，确定操作轨迹对应的手势操作，根据预先设置的手势操作与应用功能的映射关系表，执行相应的应用功能。

本步骤用于获取手势操作控件的操作轨迹，确定与操作轨迹相匹配的手势操作，根据预先设置的各手势操作与应用功能的映射关系表，执行与操作轨迹相匹配的手势操作映射的应用功能。手势操作控件的操作轨迹包括以下几种以小球为起点的操作形成的轨迹，各种类型的手势操作映射的应用功能可以相互独立，相互之间不具有直接的联系。

1、滑动小球操作

手势操作控件可以分别向左、右、左上、右上、上等几个方向随手势滑动，分别形成向左、右、左上、右上、上的操作轨迹，当小球开始显示时，小球此时的位置为操作轨迹的起点，当小球停止滑动时，小球此时的位置为操作轨迹的终点。根据小球的起点坐标以及终点坐标，可以获取小球在当前浏览区域的水平位移以及竖直位移，通过水平位移和竖直位移，可以获取小球的滑动方向。如果小球的水平位移以及竖直位移在预先设置的方向滑动位移区间内，则可以相应确定操作轨迹对应的手势操作。当然，实际应用中，也可以根据小球的起点坐标以及终点坐标计算小球的相位角，从而确定操作轨迹对应的手势操作。

举例来说，可以预先分别设置左方向手势操作、右方向手势操作、左上方向手势操作、右上方向手势操作以及上方向手势操作分别对应的应用功能，形成映射关系表，例如，左方向手势操作对应上一页应用功能，右方向手势操作对应下一页应用功能，上方向手势操作对应返回上一级应用功能，左上方向手势操作、右上方向手势操作对应的应用功能为预留，具体的映射关系可以根据实际需要进行确定，同时，还可以进行实时更新；在设置好手势操作对应的应用功能后，分别设置左方向滑动位移区间（包括左方向水平位移区间以及左方向竖直位移区间，以下同）、右方向滑动位移区间、左上方向滑动位移区间、右上方向滑动位移区间以及上方向滑动位移区间，如果小球的水平位移以及竖直位移在某一预先设置的方向滑动位移区间内，例如，如果小球的水平位移以及竖直位移在设置的左方向滑动位移区间内，则可以确定为左方向手势操作，根据映射关系（表）中的左方向手势操作对应上一页应用功能，执行上一页应用功能。

当然，实际应用中，还可以设置当小球的操作轨迹超出设置的方向滑动位移区间，或者，用户手指离开浏览区域的屏幕，小球将自动回到起点位置。

2、单击小球操作

如果手势操作控件的操作轨迹为单击，则可以提供与普通按钮一样的应用功能。单击小球后，检测小球状态，如果小球当前状态为普通状态，则触发弹出导航工具条，如果小球当前状态为网页加载状态，则停止网页加载。

3、双击小球操作

如果手势操作控件的操作轨迹为双击，则设置映射关系为对应返回起始页的应用功能。

4、长按后拖动小球操作

如果手势操作控件的操作轨迹为长按小球，触发当前屏幕显示预先设置的位置提示框，当屏幕出现位置提示框，拖动小球至相应的位置提示框后释放，可以触发该位置提示框映射的应用功能。例如，触发当前屏幕中间显示9个小球的宫格，将小球拖至相应的宫格并释放，触发执行宫格映射的应用功能，例如，浏览器页面的锁屏或解屏的应用功能操作。

5、以小球为起点的手势操作

如果用户按住小球，画出一些特殊的手势操作轨迹，移动电话获取手势操作轨迹，与预先设置的手势操作轨迹进行匹配，然后获取匹配的手势操作轨迹映射的应用功能并执行。这样，小球作为手势操作轨迹的起点，解决了专门的手势操作触发问题。

图2为本发明实施例基于浏览器的交互方法具体流程示意图。参见图2，该流程包括：

步骤201，进入浏览器浏览区域，触发显示小球；

本步骤中，在首次进入浏览器浏览区域后，如果在当前浏览区域进行手势操作，则按照与现有浏览器的默认手势进行匹配的流程执行。如果用户摇动移动电话，设置在移动电话上的重力加速传感器监测到移动电话发生摇动，获取摇动事件，显示小球以使用户进行自定义的手势操作。关于重力加速传感器监测移动电话是否发生摇动的流程，具体可参见相关技术文献，在此不再赘述。

步骤202，监测并获取小球操作轨迹，确定小球操作轨迹类型；

本步骤中，小球操作轨迹类型包括：滑动、单击、双击、长按后拖动小球以及以小球为起点的手势操作。

如果监测到用户滑动小球，则确定小球操作轨迹类型为滑动，获取小球滑动过程中的起点坐标以及终点坐标；

如果监测到用户单击小球，则确定小球操作轨迹类型为单击；

如果监测到用户双击小球，则确定小球操作轨迹类型为双击；

如果监测到用户长按小球，例如，超过预先设置的时间阈值，且没有执行其它操作，则确定小球操作轨迹类型为长按后拖动小球，触发当前屏幕显示预先设置的位置提示框，在屏幕出现位置提示框后，获取小球释放时所在的位置提示框；

如果监测到用户按住小球，在屏幕上画出手势操作轨迹，则确定小球操作轨迹类型为以小球为起点的手势操作。

步骤203，根据确定的小球操作轨迹类型，将小球操作轨迹与预先设置的小球操作轨迹类型中的手势操作轨迹进行匹配，获取对应的手势操作；

本步骤中，如果确定小球操作轨迹类型为滑动，根据获取的小球操作轨迹，即小球滑动过程中的起点坐标以及终点坐标，计算小球在当前浏览区域的水平位移以及竖直位移，与预先设置的方向滑动位移区间进行匹配，可以确定小球的滑动方向。例如，如果确定小球在当前浏览区域的水平位移以及竖直位移在左方向滑动位移区间，则确定对应的手势操作为左方向手势操作。

如果确定小球操作轨迹类型为单击，如果小球当前状态为普通状态，则可以确定对应的手势操作为弹出导航工具条手势操作，如果小球当前状态为网页加载状态，则可以确定对应的手势操作为停止网页加载手势操作。

如果确定小球操作轨迹类型为双击，则可以确定对应的手势操作为返回起始页手势操作。

如果确定小球操作轨迹类型为长按后拖动小球，则可以确定对应的手势操作为触发小球释放时所在的位置提示框手势操作。

如果确定小球操作轨迹类型为以小球为起点的手势操作，则根据在屏幕上画出的手势操作轨迹，与预先设置的手势操作轨迹进行匹配，获取匹配的手势操作轨迹对应的手势操作。

实际应用中，如果获取的小球操作轨迹与预先设置的手势操作轨迹不相匹配，则可以进一步对小球操作轨迹进行编辑、定义，并保存到手势操作轨迹中，同时设置该小球操作轨迹映射的应用功能，当然，实际应用中，也可以在获取的小球操作轨迹与预先设置的手势操作轨迹不相匹配后，向用户输出提示信息。

步骤204，根据获取的手势操作，查询映射关系表，获取手势操作映射的应用功能并执行。

本步骤中，根据步骤203中确定的手势操作，查询预先设置并存储的映射关系表，可以获取手势操作映射的应用功能，并根据该应用功能执行相应操作。例如，如果确定为左方向手势操作，则执行返回上一页的操作。

由上述可见，本发明实施例基于浏览器的交互方法，通过在浏览区域触发显示自定义的手势操作控件，从而与浏览器的默认手势操作触发相隔离，避免了与浏览器的默认手势相冲突，有效避免了误操作，从而提高了手势操作的准确性，也降低了误操作后进行重新操作所需的时间，提高了用户与浏览器的交互效率；获取手势操作控件的操作轨迹，确定操作轨迹对应的手势操作，根据预先设置的手势操作与应用功能的映射关系表，执行相应的应用功能，不仅提升了浏览体验，而且还具有很强的功能扩展性，使浏览器的操作更加多样化，更加流畅、简洁，满足了用户个性化的操作需求。

图3为本发明实施例基于浏览器的交互设备结构示意图。参见图3，该设备包括：手势操作控件触发模块、操作轨迹获取模块、手势操作确定模块、应用功能确定模块以及应用功能执行模块，其中，

手势操作控件触发模块，用于在启动浏览器后，接收触发事件，显示自定义的手势操作控件；

本发明实施例中，触发事件为预先设置在移动电话上的重力加速传感器监测到移动电话发生摇动产生的摇动事件。

自定义的手势操作控件为小球，所述手势操作控件的操作轨迹包括：滑动小球操作轨迹、单击小球操作轨迹、双击小球操作轨迹、长按后拖动小球操作轨迹以及以小球为起点的手势操作轨迹。其中，滑动小球操作轨迹包括：左方向操作轨迹、右方向操作轨迹、左上方向操作轨迹、右上方向操作轨迹以及上方向操作轨迹。

操作轨迹获取模块，用于获取手势操作控件的操作轨迹，输出至手势操作确定模块；

手势操作确定模块，用于确定接收的操作轨迹对应的手势操作，输出至应用功能确定模块；

应用功能确定模块，用于根据预先设置的手势操作与应用功能的映射关系表，获取接收的手势操作对应的应用功能，输出至应用功能执行模块；

应用功能执行模块，用于根据接收的应用功能执行操作。

该设备进一步包括：

编辑模块，用于在手势操作确定模块确定接收的操作轨迹没有对应的手势操作时，编辑、定义操作轨迹，并设置该编辑的操作轨迹对应的手势操作，设置手势操作映射的应用功能，并存储至映射关系表中。

其中，

手势操作控件触发模块包括：触发事件监测单元以及手势操作控件触发单元（图中未示出），其中，

触发事件监测单元，用于在进入浏览器浏览区域后，监测移动电话是否发生摇动，如果发生摇动，获取摇动事件，输出至手势操作控件触发单元；

手势操作控件触发单元，用于接收摇动事件，当小球显示时，则触发隐藏小球，当小球隐藏时，则触发使小球恢复正常显示状态。

操作轨迹获取模块包括：操作轨迹输入单元、监控单元以及记录单元（图中未示出），其中，

操作轨迹输入单元，用于接收用户输入，显示用户输入的操作轨迹；

本发明实施例中，操作轨迹输入单元为触摸式液晶显示屏。

监控单元，用于实时监控操作轨迹输入单元，检测用户输入的操作轨迹；

记录单元，用于记录监控单元检测得到的操作轨迹，输出至手势操作确定模块。

以上所述仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内，所作的任何修改、等同替换以及改进等，均应包含在本发明的保护范围之内。

Claims (8)

1.一种基于浏览器的交互方法，其特征在于，在启动浏览器后，该方法包括：

接收触发事件，显示自定义的手势操作控件，所述触发事件为预先设置在移动电话上的重力加速传感器监测到移动电话发生摇动产生的摇动事件；

当监测到手势操作控件随用户的手势移动时，获取手势操作控件的操作轨迹，确定与操作轨迹相匹配的手势操作，根据预先设置的各手势操作与应用功能的映射关系，执行与操作轨迹相匹配的手势操作映射的应用功能。

2.如权利要求1所述的方法，其特征在于，所述自定义的手势操作控件为小球，所述手势操作控件的操作轨迹包括：滑动小球操作轨迹、长按后拖动小球操作轨迹以及以小球为起点的手势操作轨迹。

3.如权利要求2所述的方法，其特征在于，所述滑动小球操作轨迹包括：左方向操作轨迹、右方向操作轨迹、左上方向操作轨迹、右上方向操作轨迹以及上方向操作轨迹。

4.如权利要求3所述的方法，其特征在于，所述手势操作控件的操作轨迹为长按后拖动小球操作轨迹，所述获取手势操作控件的操作轨迹，确定操作轨迹对应的手势操作包括：

确定手势操作控件的操作轨迹为长按小球，触发当前屏幕显示预先设置的位置提示框；

监测小球拖动，获取释放小球所在的位置提示框，确定该位置提示框为对应的手势操作。

5.一种基于浏览器的交互设备，其特征在于，该设备包括：手势操作控件触发模块、操作轨迹获取模块、手势操作确定模块、应用功能确定模块以及应用功能执行模块，其中，

手势操作控件触发模块，用于在启动浏览器后，接收触发事件，显示自定义的手势操作控件，所述触发事件为预先设置在移动电话上的重力加速传感器监测到移动电话发生摇动产生的摇动事件；

操作轨迹获取模块，用于当监测到手势操作控件随用户的手势移动时，获取手势操作控件的操作轨迹，输出至手势操作确定模块；

手势操作确定模块，用于确定与接收的操作轨迹相匹配的手势操作，输出至应用功能确定模块；

应用功能确定模块，用于根据预先设置的各手势操作与应用功能的映射关系，获取与操作轨迹相匹配的手势操作映射的应用功能，输出至应用功能执行模块；

应用功能执行模块，用于根据接收的应用功能执行操作。

6.如权利要求5所述的设备，其特征在于，进一步包括：

编辑模块，用于在手势操作确定模块确定接收的操作轨迹没有对应的手势操作时，编辑、定义操作轨迹，并设置该编辑的操作轨迹对应的手势操作，设置手势操作映射的应用功能，并存储至映射关系表中。

7.如权利要求5或6所述的设备，其特征在于，所述手势操作控件触发模块包括：触发事件监测单元以及手势操作控件触发单元，其中，

触发事件监测单元，用于在进入浏览器浏览区域后，监测移动电话是否发生摇动，如果发生摇动，获取摇动事件，输出至手势操作控件触发单元；

手势操作控件触发单元，用于接收摇动事件，当小球显示时，则触发隐藏小球，当小球隐藏时，则触发使小球恢复正常显示状态。

8.如权利要求5或6所述的设备，其特征在于，所述操作轨迹获取模块包括：操作轨迹输入单元、监控单元以及记录单元，其中，

操作轨迹输入单元，用于接收用户输入，显示用户输入的操作轨迹；

所述操作轨迹输入单元为触摸式液晶显示屏；

监控单元，用于实时监控操作轨迹输入单元，检测用户输入的操作轨迹；

记录单元，用于记录监控单元检测得到的操作轨迹，输出至手势操作确定模块。