页面响应方法及装置与流程

文档序号:12839210阅读:161来源:国知局
页面响应方法及装置与流程

本发明涉及通信领域,具体而言,涉及一种页面响应方法及装置。



背景技术:

当前基于触摸屏的手机虽然在市场上占据主导地位,但基于键盘操作的按键机仍然占据很广阔的用户市场。但是当前使用按键机一个最大的问题就是在该手机的普通浏览器进行上网操作非常困难,这是因为在键盘机上浏览网站时,往往会收到各种各样基于触摸屏的网页(如网址包含“\touch”等)。由于这些网页中的各个元素相关的属性和事件都是基于当前触摸屏手势触发而设计的,按照传统的浏览器按键聚焦导航方法是无法正常地浏览这些网页的,比如无法聚焦到一个链接上去打开一个新的网页,也无法聚焦到输入框中进行输入并提交操作等等。

在早期支持键盘机的浏览器中,主要通过以下方法来依靠键盘操作在网页中导航浏览的:将包含有网址链接的a标签、可输入input标签、具有注册有键盘确认事件(如ok键事件即enter键事件)响应事务的其他标签(如div、button等)标记为可聚焦元素;当用户使用键盘方向键在网页上导航时,依次在可聚焦的元素上进行聚焦显示;当在聚焦元素上发生按键确认事件时,即可响应该元素注册的事件事务处理,如打开新的链接、提交输入等;

普通浏览器这种按键网页导航方法,对于早期的简单手机网页浏 览一般没有什么问题。但是随着超文件标记语言(hypertextmarkuplanguage,简称为html)5的发展,手机网页变得越来越复杂且多样化。特别是大量为触摸屏终端设计的网页,完全摈弃了以往支持键盘导航的设计:一是不再对每一个具体需要响应事件的元素进行该事件的事务注册而是通过自身的js框架统一对触摸事件进行管理,二是不再使用键盘确认事件而只关注触摸事件(如touchustart、touchuend)。这样使用传统方法就无法捕获具有聚焦属性的元素,即使能聚焦也无法响应按键事件,从而无法使用按键在这些触摸屏的网页上进行导航浏览。

针对相关技术中,对于带有物理键的手机,无法使用物理键的按键事件对基于触摸屏的网页进行浏览的问题,尚未提出有效的解决方案。



技术实现要素:

本发明实施例提供了一种页面响应方法及装置,以至少解决相关技术中对于带有物理键的手机,无法使用物理键的按键事件对基于触摸屏的网页进行浏览的问题。

根据本发明的一个方面,提供了一种页面响应方法,包括:

在页面加载过程中,将页面中的触摸屏事件的注册转换为按键事件的注册;在页面加载完成后,获取网页中应用于触摸屏的第一可聚焦元素,并将所述第一可聚焦元素转换为应用于按键的第二可聚焦元素;通过所述按键事件触发对所述第二可聚焦元素的响应操作。

可选地,将页面中的触摸屏事件的注册转换为按键事件的注册,包括:

当监测到所述页面进行事件事务注册,判断所述事件事务注册是否为触摸屏事件的注册;

如果是,则停止当前的事件事务注册过程,将所述按键事件的注册加载所述事件事务注册中。

可选地,判断所述事件事务注册是否为触摸屏事件的注册,包括:

判断在预先设置的特征集中是否存在所述事件事务注册;

如果有,则判定所述事件事务注册为触摸屏事件的注册;

如果无,则判定所述事件事务注册为按键事件的注册。

可选地,获取网页中应用于触摸屏的第一可聚焦元素之前,所述方法还包括:

从所述网页的所有标签的可聚焦元素中筛选出位于预先设定的特征集中的可聚焦元素;

将筛选出的可聚焦元素作为所述触摸屏的第一可聚焦元素。

可选地,所述特征集中至少包括:触摸屏事件所指示的手势事件,所述第一可聚焦元素的属性特征,其中,所述属性特征包括:响应事件的关键信息。

可选地,在预定时间到来时,对所述特征集进行更新。

根据本发明的另一个方面,还提供了一种页面响应装置,包括:

转换模块,用于在页面加载过程中,将页面中的触摸屏事件的注册转换为按键事件的注册;获取模块,用于在页面加载完成后,获取网页中应用于触摸屏的第一可聚焦元素,并将所述第一可聚焦元素转换为应用于按键的第二可聚焦元素;触发模块,用于通过所述按键事件触发对所述第二可聚焦元素的响应操作。

可选地,所述转换模块,包括:判断单元,用于当监测到所述页面进行事件事务注册,判断所述事件事务注册是否为触摸屏事件的注册;停止单元,用于在事件事务注册为触摸屏事件的注册时,停止当前的事件事务注册过程;加载单元,用于将所述按键事件的注册加载所述事件事务注册中。

可选地,所述判断单元,还用于判断在预先设置的特征集中是否 存在所述事件事务注册;如果有,则判定所述事件事务注册为触摸屏事件的注册;如果无,则判定所述事件事务注册为按键事件的注册。

可选地,所述装置还包括:筛选模块,用于从所述网页的所有标签的可聚焦元素中筛选出位于预先设定的特征集中的可聚焦元素;确定模块,用于将筛选出的可聚焦元素作为所述触摸屏的第一可聚焦元素。

通过本发明,将页面中的触摸屏事件的注册转换为按键事件的注册;在页面加载完成后,获取网页中应用于触摸屏的第一可聚焦元素,并将所述第一可聚焦元素转换为应用于按键的第二可聚焦元素,进而通过所述按键事件触发对所述第二可聚焦元素的响应操作的技术方案,解决相关技术中对于带有物理键的手机,无法使用物理键的按键事件对基于触摸屏的网页进行浏览的问题,进而实现了即使用户使用的是仅有物理键的低端手机,仍然能够对目前市场上绝大部分的基于触摸屏的页面进行响应,大大提高了用户体验。

附图说明

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

图1是根据本发明实施例的页面响应方法的流程图;

图2是根据本发明实施例的页面响应装置的结构框图;

图3是根据本发明实施例的页面响应装置的转换模块20的结构框图;

图4是根据本发明实施例的页面响应装置的另一结构框图;

图5为根据本发明优选实施例1的总体结构框图;

图6为根据本发明优选实施例1的触摸屏事件注册转换主要处理流程图;

图7为根据本发明优选实施例1的方向键在网页中导航时捕获可 聚焦元素的主要处理流程图。

具体实施方式

下文中将参考附图并结合实施例来详细说明本发明。需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。

需要说明的是,本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。

在本实施例中提供了一种页面响应方法,图1是根据本发明实施例的页面响应方法的流程图,如图1所示,该流程包括如下步骤:

步骤s102,在页面加载过程中,将页面中的触摸屏事件的注册转换为按键事件的注册;

步骤s104,在页面加载完成后,获取网页中应用于触摸屏的第一可聚焦元素,并将第一可聚焦元素转换为应用于按键的第二可聚焦元素;

步骤s106,通过按键事件触发对第二可聚焦元素的响应操作。

通过上述各个步骤,将页面中的触摸屏事件的注册转换为按键事件的注册;在页面加载完成后,获取网页中应用于触摸屏的第一可聚焦元素,并将第一可聚焦元素转换为应用于按键的第二可聚焦元素,进而通过按键事件触发对第二可聚焦元素的响应操作的技术方案,解决相关技术中对于带有物理键的手机,无法使用物理键的按键事件对基于触摸屏的网页进行浏览的问题,进而实现了即使用户使用的是仅有物理键的低端手机,仍然能够对目前市场上绝大部分的基于触摸屏的页面进行响应,大大提高了用户体验。

对于步骤s102可以有多种实现方式,在本发明实施例的一个可选示例中,将页面中的触摸屏事件的注册转换为按键事件的注册可以通过以下方式实现:当监测到页面进行事件事务注册,判断事件事务 注册是否为触摸屏事件的注册;如果是,则停止当前的事件事务注册过程,将按键事件的注册加载事件事务注册中,即对于页面加载过程中触摸屏事件的注册,统一转换为按键事件的注册,使得后续的按键事件才能够被响应。

在本发明实施例中,通过以下方式判断事件事务注册是否为触摸屏事件的注册:

预先需要设定一个特征集,在这个特征集中包括了所有可能存在的触摸屏事件,当然特征集的内容是可以根据需要实时更新的,如果在预先设置的特征集中存在当然正在执行的事件事务注册,则说明该事件事务注册为触摸屏事件注册,如果在这个特征集中没有,则判定事件事务注册为按键事件的注册,当然实际情况中有可能在特征集中不存在的事件事务注册,有可能并不是按键事件,在此说明其也在本发明实施例的保护范围内。

可选地,获取网页中应用于触摸屏的第一可聚焦元素之前,上述方法还包括:从网页的所有标签的可聚焦元素中筛选出位于预先设定的特征集中的可聚焦元素;将筛选出的可聚焦元素作为触摸屏的第一可聚焦元素,即同样还是根据预先设定的特征集从网页中的所有标签的可聚焦元素中筛选出位于特征集的可聚焦元素。

特征集中至少包括:触摸屏事件所指示的手势事件,第一可聚焦元素的属性特征,其中,属性特征包括:响应事件的关键信息。

进一步地,在预定时间到来时,对特征集进行更新。

综上所述,浏览器支持按键在网页中导航浏览最关键是需要捕获网页中的可聚焦元素,但以往的方法只能检测常规的可聚焦元素(如有网址链接的a标签、可输入input标签、具有注册键盘点击事件响应的其他标签等),而对当前大量触摸屏网页中的可聚焦元素则无能为力。本发明实施例的技术方案根据触摸屏中可聚焦元素的特征,提出了一种基于元素触摸事件和属性特征集的方法来聚焦和处理触摸屏网页的元素,从而可以在各种网页上都可以正常地使用按键浏览, 突破了传统按键机无法访问触摸屏网页的瓶颈问题,具有很高的技术价值和商用价值。

对于包含有本发明实施例提到触摸手势事件和属性特征的触摸屏测试网页放在服务器上通过对比浏览器来访问,如果可以通过键盘能在该网页上进行正常的导航操作,即在本发明的保护范围内。

通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到根据上述实施例的方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如rom/ram、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,或者网络设备等)执行本发明各个实施例的方法。

实施例2

在本实施例中还提供了一种页面响应装置,该装置用于实现上述实施例及优选实施方式,已经进行过说明的不再赘述。如以下所使用的,术语“模块”可以实现预定功能的软件和/或硬件的组合。尽管以下实施例所描述的装置较佳地以软件来实现,但是硬件,或者软件和硬件的组合的实现也是可能并被构想的。

图2是根据本发明实施例的页面响应装置的结构框图,如图2所示,该装置包括:

转换模块20,用于在页面加载过程中,将页面中的触摸屏事件的注册转换为按键事件的注册;

获取模块22,用于在页面加载完成后,获取网页中应用于触摸屏的第一可聚焦元素,并将第一可聚焦元素转换为应用于按键的第二可聚焦元素;

触发模块24,用于通过按键事件触发对第二可聚焦元素的响应操作。

通过上述各个模块的综合作用,将页面中的触摸屏事件的注册转换为按键事件的注册;在页面加载完成后,获取网页中应用于触摸屏的第一可聚焦元素,并将第一可聚焦元素转换为应用于按键的第二可聚焦元素,进而通过按键事件触发对第二可聚焦元素的响应操作的技术方案,解决相关技术中对于带有物理键的手机,无法使用物理键的按键事件对基于触摸屏的网页进行浏览的问题,进而实现了即使用户使用的是仅有物理键的低端手机,仍然能够对目前市场上绝大部分的基于触摸屏的页面进行响应,大大提高了用户体验。

图3是根据本发明实施例的页面响应装置的转换模块20的结构框图,如图3所示,转换模块20,包括:判断单元200,用于当监测到页面进行事件事务注册,判断事件事务注册是否为触摸屏事件的注册;停止单元202,用于在事件事务注册为触摸屏事件的注册时,停止当前的事件事务注册过程;加载单元204,用于将按键事件的注册加载事件事务注册中。

可选地,判断单元200,还用于判断在预先设置的特征集中是否存在事件事务注册;如果有,则判定事件事务注册为触摸屏事件的注册;如果无,则判定事件事务注册为按键事件的注册。

图4是根据本发明实施例的页面响应装置的另一结构框图,如图4所示:上述装置还包括:筛选模块26,用于从网页的所有标签的可聚焦元素中筛选出位于预先设定的特征集中的可聚焦元素;确定模块28,用于将筛选出的可聚焦元素作为触摸屏的第一可聚焦元素。

以下结合优选实施例对上述技术方案中页面响应方法进行说明,但不用于限定本发明实施例。

优选实施例1

本发明优选实施例1提高的装置可以理解为主要由六部分组成,图5为根据本发明优选实施例1的总体结构框图,如图5所示,包括:主控模块50、聚焦元素捕获模块52、触摸屏事件转换模块54、聚焦导航模块56、特征集查询模块58、特征集更新模块60。其中各核心 模块的的作用大概描述如下:

聚焦元素捕获模块52(相当于上述实施例的获取模块22)除了捕获常规聚焦属性的元素(如有网址链接的a标签、可输入input标签、具有注册键盘点击事件响应的其他标签等)外,还需捕获根据特征集查询系统确定触摸屏上的可聚焦元素;

触摸屏事件转换模块54(相当于上述实施例的转换模块20)也是根据特征集查询系统将触摸屏网页的触摸事件注册转换为键盘事件注册,这样以往只有触摸事件触发的响应可以由键盘事件来替代触发;

聚焦导航模块56就是在手机方向键触发的时候,顺着该方向上去聚焦的下一个离当前网页中聚焦元素最近的可聚焦元素;

特征集查询模块58包含了触摸屏事件的查询和触摸屏可聚焦元素的属性特征查询。触摸屏事件主要指只能在触摸屏上触发的手势事件,查询网页注册的事件是否属于触摸屏事件以便确定转化为按键事件的注册。触摸屏可聚焦元素的属性特征是指虽然一些元素不具有常规聚焦特征(a标签、input标签、具有注册键盘确认事件响应),但该元素的一些属性字段里包含响应事件处理的关键信息,这些属性字段就组成了触摸屏可聚焦元素的属性特征集(如data-src、data-href、data-url、data-target等)。虽然这些元素没有直接注册事件处理,但当触摸屏网页上有事件发生时,网页会根据事件发生对应元素的属性去动态构造该元素需要处理的事务。所以有了这个属性特征集,就可判断触摸屏上可聚焦的元素;

特征集更新模块60主要考虑到除了预置最常见的触摸屏可聚焦元素包含的与事件处理有关联的属性字段外,一些网页还会出现其他与事件处理有关联属性字段。所以需要随时能自动更新这个特征集,以便尽可能包含所有触摸屏网页上与事件处理有关联的属性字段;

本发明优选实施例1提供了一种在浏览器中基于触摸屏网页可聚焦元素特征集在触摸屏网页上通过按键进行导航浏览的方法。如图 5所示是本实施例提供的按键网页导航方法的总体结构示意图,在该结构中包括了主控模块50、聚焦元素捕获模块52、触摸屏事件转换模块54、聚焦导航模块56、特征集查询模块58、特征集更新模块60。从图5中可以看出,在网页加载过程中主控模块50会启动触摸屏事件转换模块54将网页触摸屏事件的注册转换为按键确认事件的注册。当用户按下方向键时主控模块50又会启动聚焦导航模块56在网页中进行导航,其导航过程中最关键的聚焦元素检测步骤主要是该模块通过另一个聚焦元素捕获模块52来捕获网页中有聚焦属性的元素。以上触摸屏事件转换模块54和聚焦元素捕获模块52都是依赖特征集查询模块58来查找对应的特征来分别进行触摸屏事件转换和触摸屏聚焦元素检测的处理。该特征集查询模块58中的特征数据则是主控模块50定时通过特征集更新模块60来对这些特征进行在线更新的。在本发明优选实施例中涉及到特征集的更新和捕获到可聚焦元素后进行聚焦处理都是常规方法,这里不再详细描述。下面重点详细描述两个关键技术处理步骤即触摸屏事件注册转换和触摸屏聚焦元素检测。

图6为根据本发明优选实施例1的触摸屏事件注册转换主要处理流程图,如图6所示,包括步骤如下:

步骤s602:在网页加载阶段或其他互动阶段,监测网页进行事件事务注册;

步骤s604:在特征集查询模块中判断该事件是否属于触摸屏事件。该特征集中主要包含有touchstart、touchend、mousedown、mouseup等,这些都可以通过更新模块不断更新和补充。如果该事件不属于触摸屏事件,则进入步骤s608处理,否则进入下一步骤s606处理;

步骤s606:取得该事件对应的注册事务,将按键确认事件注册到该事务中,即网页上有按键确认事件发生时即会处理该事务;

步骤s608:将该事件按照原有注册流程进行事件的事务注册;

在不影响原来触摸事件的处理流程外,通过以上这个步骤处理主 要可取得两个好处:一是那些只注册了触摸事件没有注册按键确认事件的元素就可以被当作可聚焦元素从而在按键导航中可以被聚焦,二是按键确认事件发生时,原来触摸事件希望触发的事务同样也可以发生。

图7为根据本发明优选实施例1的方向键在网页中导航时捕获可聚焦元素的主要处理流程图,如图7所示,主要包括步骤如下:

步骤s702:当用户按下方向键开始在网页中进行导航时,首先遍历网页dom树中的各个元素节点;

判断s704:判断该元素节点是否属于常规可聚焦节点,如果该元素节点属常规可聚焦节点,则进入步骤s712处理,否则进入下一步骤s706处理。判断是否是常规可聚焦节点的主要条件是该元素是a标签或input标签或在该元素上具有注册键盘确认事件的事务注册;

判断s706:判断该元素节点的祖先节点是否具有注册键盘确认事件的事务注册,如果不具有则进入步骤s710处理,否则进入下一步骤s708处理。这一步骤的判断主要是考虑触摸屏网页是将多个元素的事件响应统一注册在一个祖先节点上;

步骤s708:依次将特征集查询模块中的每一个触摸屏可聚焦元素的属性特征字段作为该元素的属性字段进行查找,若满足对应的该元素属性有一个不为空,则进入步骤s712处理,否则进入下一步骤s710处理。触摸屏可聚焦元素的属性特征字段主要包含有href、url、data-src、data-href、data-url、data-target等,这些特征字段都可以通过更新模块不断更新和补充;

步骤s710:在dom树中取得下一个元素节点再重新进入步骤s702中处理;

步骤s712:将该元素节点列入可聚焦元素处理,即在导航处理模块中再去根据该元素离当前焦点元素的位置判断是否要聚焦到该元素。本流程结束。

通过以上这个步骤处理则触摸屏网页上那些不具有常规聚焦属 性的元素只有聚焦需要都可以在按键导航中被检测出来从而完成该元素的聚焦处理。

综上所述,本发明实施例达到了以下技术效果:解决相关技术中对于带有物理键的手机,无法使用物理键的按键事件对基于触摸屏的网页进行浏览的问题,进而实现了即使用户使用的是仅有物理键的低端手机,仍然能够对目前市场上绝大部分的基于触摸屏的页面进行响应,大大提高了用户体验。

本发明的实施例还提供了一种存储介质。可选地,在本实施例中,上述存储介质可以被设置为存储用于执行以下步骤的程序代码:

s1,在页面加载过程中,将页面中的触摸屏事件的注册转换为按键事件的注册;

s2,在页面加载完成后,获取网页中应用于触摸屏的第一可聚焦元素,并将所述第一可聚焦元素转换为应用于按键的第二可聚焦元素;

s3,通过按键事件触发对第二可聚焦元素的响应操作。

可选地,在本实施例中,上述存储介质可以包括但不限于:u盘、只读存储器(rom,read-onlymemory)、随机存取存储器(ram,randomaccessmemory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。

可选地,本实施例中的具体示例可以参考上述实施例及可选实施方式中所描述的示例,本实施例在此不再赘述。

显然,本领域的技术人员应该明白,上述的本发明的各模块或各步骤可以用通用的计算装置来实现,它们可以集中在单个的计算装置上,或者分布在多个计算装置所组成的网络上,可选地,它们可以用计算装置可执行的程序代码来实现,从而,可以将它们存储在存储装置中由计算装置来执行,并且在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤,或者将它们分别制作成各个集成电路模块,或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样,本发明不限制于任何特定的硬件和软件结合。

以上所述仅为本发明的优选实施例而已,并不用于限制本发明,对于本领域的技术人员来说,本发明可以有各种更改和变化。凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。

当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1