一种响应网页中用户手势操作的方法、装置和终端设备与流程

文档序号:15095511发布日期:2018-08-04 14:28阅读:166来源:国知局

本申请实施例涉及互联网技术领域,尤其涉及一种响应网页中用户手势操作的方法、装置和终端设备。



背景技术:

随着移动互联网的发展,手势操作由于其便利性在手机应用程序的操作中越发重要。用户不满足像PC输入一样只有点击操作,需要更多的手势来快速的达到操作目的,这样就造成手机难以准确的响应各类手势操作。

比如一个网页页面内部可以通过手势左右滑动展现网页内部不同的内容,而在复杂的页面结构下,这个网页自身就在一个可以左右滑动的页面框架中。当用户在手机屏幕上左右滑动时,手机无法准确的响应左右滑动的手势操作。

因此,如何准确的响应左右滑动的手势操作成为现有技术中亟待解决的技术问题。



技术实现要素:

本申请实施例提供了一种响应网页中用户手势操作的方法、装置和终端设备,其可以准确的响应左右滑动的手势操作,改善用户的操作体验。

根据本申请实施例的一个方面,提供了一种响应网页中用户手势操作的方法,所述方法包括:

根据接收的用户手势操作,获得所述用户手势操作对应的触摸坐标以及当前网页上下滚动的距离;

依据所述触摸坐标以及当前网页上下滚动的距离查询滑动区域表单,确定所述手势操作是否落入网页页面中网页内部区域的滑动范围;

如果是,则控制所述网页内部区域响应所述用户手势操作,进行与所述用户手势操作对应的滑动。

根据本申请实施例的另一个方面,还提供了一种响应网页中用户手势操作的装置,所述装置包括:

坐标获得模块,用于根据接收的用户手势操作,获得所述用户手势操作对应的触摸坐标以及当前网页上下滚动的距离;

范围确定模块,用于依据所述触摸坐标以及当前网页上下滚动的距离查询滑动区域表单,确定所述手势操作是否落入网页页面中网页内部区域的滑动范围;

第一操作响应模块,用于如果是,则控制所述网页内部区域响应所述用户手势操作,进行与所述用户手势操作对应的滑动。

根据本申请实施例的又一个方面,还提供了一种终端设备,包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行如上所述的响应网页中用户手势操作的方法对应的操作。

根据本申请实施例提供的技术方案,本申请实施例获得所述用户手势操作对应的触摸坐标以及当前网页上下滚动的距离,如果查询滑动区域表单,确定所述手势操作落入网页页面中网页内部区域的滑动范围,则控制所述网页内部区域响应所述用户手势操作,进行与所述用户手势操作对应的滑动。由此可知,本申请实施例可以通过判断手势操作针对的是否网页页面中的网页内部区域,从而实现准确的确定由网页页面中的网页内部区域响应用户手势操作,而不会产生误操作整个网页的页面框架的情况。因此,本申请实施例可以准确的响应左右滑动的手势操作,改善用户的操作体验。

附图说明

图1是根据本申请实施例一的一种响应网页中用户手势操作的方法的步骤流程图;

图2是根据本申请实施例二的一种响应网页中用户手势操作的方法的步骤流程图;

图3是根据本申请实施例二的一种响应网页中用户手势操作的方法的展示页面图;

图4是根据本申请实施例三的一种响应网页中用户手势操作的方法的步骤流程图;

图5根据本申请实施例四的一种响应网页中用户手势操作的装置的结构框图;

图6是根据本申请实施例五的一种响应网页中用户手势操作的装置的结构框图;

图7是根据本申请实施例六的一种响应网页中用户手势操作的装置的结构框图;

图8是根据本申请实施例七的一种终端设备的结构框图。

具体实施方式

下面结合附图(若干附图中相同的标号表示相同的元素)和实施例,对本申请实施例的具体实施方式作进一步详细说明。以下实施例用于说明本申请,但不用来限制本申请的范围。

本领域技术人员可以理解,本申请实施例中的“第一”、“第二”等术语仅用于区别不同步骤、设备或模块等,既不代表任何特定技术含义,也不表示它们之间的必然逻辑顺序。

实施例一

参照图1,示出了根据本申请实施例一的一种响应网页中用户手势操作的方法的步骤流程图。

值得说明的是,本申请所述步骤S101至S103并不代表其执行的先后顺序。

本实施例的响应网页中用户手势操作的方法包括以下步骤:

步骤S101:根据接收的用户手势操作,获得所述用户手势操作对应的触摸坐标以及当前网页上下滚动的距离。

具体地,用户通过触摸屏等硬件设备进行输入,发送用户手势操作,本申请实施例接收所述用户手势操作,并对所述用户手势操作进行识别处理,获得所述用户手势操作对应的触摸坐标以及当前网页上下滚动的距离。

用户手势操作对应的触摸坐标可以通过现有算法实现,故在此不再赘述。

用户手势操作包括左右滑动操作和上下滚动操作。用户通过左右滑动操作来实现对网页页面中网页内部区域的操作或者实现对网页的页面框架的滑动。所述上下滚动操作是为了实现网页的显示加载,通过所述当前网页上下滚动的距离可以确定所述显示加载的网页页面在整个网页页面中的位置。

步骤S102:依据所述触摸坐标以及当前网页上下滚动的距离查询滑动区域表单,确定所述手势操作是否落入网页页面中网页内部区域的滑动范围。

具体地,本实施例通过所述触摸坐标以及当前网页上下滚动的距离查询滑动区域表单中网页内部区域的滑动范围以及网页上下滚动的距离,从而确定所述手势操作是否落入网页页面中网页内部区域的滑动范围。

步骤S103:如果是,则控制所述网页内部区域响应所述用户手势操作,进行与所述用户手势操作对应的滑动。

如果所述手势操作落入网页页面中网页内部区域的滑动范围,则表明所述手势操作是针对所述网页页面中网页内部区域进行的操作,并不是针对所述网页的页面框架进行的操作。因此,控制所述网页内部区域响应所述用户手势操作,进行与所述用户手势操作对应的滑动。

由此可知,本申请实施例可以通过判断手势操作针对的是否网页页面中的网页内部区域,从而实现准确的确定由网页页面中的网页内部区域响应用户手势操作,而不会产生误操作整个网页的页面框架的情况。因此,本申请实施例可以准确的响应左右滑动的手势操作,改善用户的操作体验。

本实施例的响应网页中用户手势操作的方法可以由任意适当的具有响应网页中用户手势操作的能力的设备执行,包括但不限于:各种终端设备或者服务端,包括但不限于PC机、平板电脑、移动终端等。

实施例二

参照图2,示出了根据本申请实施例二的一种响应网页中用户手势操作的方法的步骤流程图。

值得说明的是,本申请所述步骤S201至S205并不代表其执行的先后顺序。

本实施例的响应网页中用户手势操作的方法包括以下步骤:

步骤S201:获得加载的所述网页页面中至少一所述网页内部区域的滑动范围。

具体地,所述网页页面开始加载时,需要通过JS接口获知加载的网页内部区域的滑动范围。所述滑动范围通常通过网页内部区域的身份属性(id)和坐标属性(rect)确定。

具体地,所述网页向上滑动时,需要通过JS接口获知新加载的网页内部区域的滑动范围。所述滑动范围通常通过网页内部区域的身份属性(id)和坐标属性(rect)确定。

所述网页内部区域的滑动范围的坐标属性为相对于所述网页的左上角原点位置(0,0)的相对坐标,包括:所述网页内部区域的左侧最远滑动位置坐标、所述网页内部区域的顶部位置坐标、所述网页内部区域高度位置坐标以及所述网页内部区域宽度位置坐标。

参见图3范例,以内容A为例,内容A区域的滑动范围通常通过身份属性(id)、A区域的左侧最远滑动位置坐标(left),A区域的顶部位置坐标(top),A区域的高度位置坐标(height),A区域的宽度位置坐标(width)五个属性。

步骤S202:维护所述网页内部区域的滑动范围组成的滑动区域表单,并记录所述网页上下滚动的距离。

具体地,所述滑动区域表单为哈希表(hashmap),以所述网页内部区域的身份属性作为主键,以所述网页内部区域的滑动范围的坐标属性作为值。

步骤S203:根据接收的用户手势操作,获得所述用户手势操作对应的触摸坐标以及当前网页上下滚动的距离。

具体地,用户通过触摸屏等硬件设备进行输入,发送用户手势操作,本申请实施例接收所述用户手势操作,并对所述用户手势操作进行识别处理,获得所述用户手势操作对应的触摸坐标以及当前网页上下滚动的距离。

用户手势操作对应的触摸坐标可以通过现有算法实现,故在此不再赘述。

用户手势操作包括左右滑动操作和上下滚动操作。用户通过左右滑动操作来实现对网页页面中网页内部区域的操作或者实现对网页的页面框架的滑动。所述上下滚动操作是为了实现网页的显示加载,通过所述当前网页上下滚动的距离可以确定所述显示加载的网页页面在整个网页页面中的位置。

步骤S204:依据所述触摸坐标以及当前网页上下滚动的距离查询滑动区域表单,确定所述手势操作是否落入网页页面中网页内部区域的滑动范围。

具体地,本实施例通过所述触摸坐标以及当前网页上下滚动的距离查询滑动区域表单中网页内部区域的滑动范围以及网页上下滚动的距离,从而确定所述手势操作是否落入网页页面中网页内部区域的滑动范围。

步骤S205:如果是,则控制所述网页内部区域响应所述用户手势操作,进行与所述用户手势操作对应的滑动。

如果所述手势操作落入网页页面中网页内部区域的滑动范围,则表明所述手势操作是针对所述网页页面中网页内部区域进行的操作,并不是针对所述网页的页面框架进行的操作。因此,控制所述网页内部区域响应所述用户手势操作,进行与所述用户手势操作对应的滑动。

由此可知,本申请实施例可以通过判断手势操作针对的是否网页页面中的网页内部区域,从而实现准确的确定由网页页面中的网页内部区域响应用户手势操作,而不会产生误操作整个网页的页面框架的情况。因此,本申请实施例可以准确的响应左右滑动的手势操作,改善用户的操作体验。

本实施例的响应网页中用户手势操作的方法可以由任意适当的具有响应网页中用户手势操作的能力的设备执行,包括但不限于:各种终端设备或者服务端,包括但不限于PC机、平板电脑、移动终端等。

实施例三

参照图4,示出了根据本申请实施例三的一种响应网页中用户手势操作的方法的步骤流程图。

值得说明的是,本申请所述步骤S301至S306并不代表其执行的先后顺序。此外,本申请实施例也可以不包括所述步骤S301至S302,即只包括所述步骤S303至S306,直接利用存在的滑动区域表单,而无需每次接收用户手势操作之前均生成与维护所述滑动区域表单。

本实施例的响应网页中用户手势操作的方法包括以下步骤:

步骤S301:获得加载的所述网页页面中至少一所述网页内部区域的滑动范围。

具体地,所述网页页面开始加载时,需要通过JS接口获知加载的网页内部区域的滑动范围。所述滑动范围通常通过网页内部区域的身份属性(id)和坐标属性(rect)确定。

具体地,所述网页向上滑动时,需要通过JS接口获知新加载的网页内部区域的滑动范围。所述滑动范围通常通过网页内部区域的身份属性(id)和坐标属性(rect)确定。

所述网页内部区域的滑动范围的坐标属性为相对于所述网页的左上角原点位置(0,0)的相对坐标,包括:所述网页内部区域的左侧最远滑动位置坐标、所述网页内部区域的顶部位置坐标、所述网页内部区域高度位置坐标以及所述网页内部区域宽度位置坐标。

参见图3范例,以内容A为例,内容A区域的滑动范围通常通过身份属性(id)、A区域的左侧最远滑动位置坐标(left),A区域的顶部位置坐标(top),A区域的高度位置坐标(height),A区域的宽度位置坐标(width)五个属性。

步骤S302:维护所述网页内部区域的滑动范围组成的滑动区域表单,并记录所述网页上下滚动的距离。

具体地,所述滑动区域表单为哈希表(hashmap),以所述网页内部区域的身份属性作为主键,以所述网页内部区域的滑动范围的坐标属性作为值。

步骤S303:根据接收的用户手势操作,获得所述用户手势操作对应的触摸坐标以及当前网页上下滚动的距离。

具体地,用户通过触摸屏等硬件设备进行输入,发送用户手势操作,本申请实施例接收所述用户手势操作,并对所述用户手势操作进行识别处理,获得所述用户手势操作对应的触摸坐标以及当前网页上下滚动的距离。

用户手势操作对应的触摸坐标可以通过现有算法实现,故在此不再赘述。

用户手势操作包括左右滑动操作和上下滚动操作。用户通过左右滑动操作来实现对网页页面中网页内部区域的操作或者实现对网页的页面框架的滑动。所述上下滚动操作是为了实现网页的显示加载,通过所述当前网页上下滚动的距离可以确定所述显示加载的网页页面在整个网页页面中的位置。

步骤S304:依据所述触摸坐标以及当前网页上下滚动的距离查询滑动区域表单,确定所述手势操作是否落入网页页面中网页内部区域的滑动范围。

具体地,本实施例通过所述触摸坐标以及当前网页上下滚动的距离查询滑动区域表单中网页内部区域的滑动范围以及网页上下滚动的距离,从而确定所述手势操作是否落入网页页面中网页内部区域的滑动范围。

步骤S305:如果是,则控制所述网页内部区域响应所述用户手势操作,进行与所述用户手势操作对应的滑动。

如果所述手势操作落入网页页面中网页内部区域的滑动范围,则表明所述手势操作是针对所述网页页面中网页内部区域进行的操作,并不是针对所述网页的页面框架进行的操作。因此,控制所述网页内部区域响应所述用户手势操作,进行与所述用户手势操作对应的滑动。

步骤S306:如果否,则控制所述网页的页面框架响应所述用户手势操作,进行与所述用户手势操作对应的滑动。

如果所述手势操作未落入网页页面中网页内部区域的滑动范围,则表明所述手势操作是针对所述网页页面的页面框架进行的操作,并不是针对所述网页的所述网页内部区域进行的操作。因此,控制所述网页的页面框架响应所述用户手势操作,进行与所述用户手势操作对应的滑动。

由此可知,本申请实施例可以通过判断手势操作针对的是否网页页面中的网页内部区域,从而实现准确的确定由网页页面中的网页内部区域还是网页的页面框架响应用户手势操作,而不会产生误操作的情况。因此,本申请实施例可以准确的响应左右滑动的手势操作,改善用户的操作体验。

本实施例的响应网页中用户手势操作的方法可以由任意适当的具有响应网页中用户手势操作的能力的设备执行,包括但不限于:各种终端设备或者服务端,包括但不限于PC机、平板电脑、移动终端等。

实施例四

参照图5,示出了根据本申请实施例四的一种响应网页中用户手势操作的装置的结构框图。

本实施例的响应网页中用户手势操作的装置包括:

坐标获得模块501,用于根据接收的用户手势操作,获得所述用户手势操作对应的触摸坐标以及当前网页上下滚动的距离。

范围确定模块502,用于依据所述触摸坐标以及当前网页上下滚动的距离查询滑动区域表单,确定所述手势操作是否落入网页页面中网页内部区域的滑动范围。

第一操作响应模块503,用于如果是,则控制所述网页内部区域响应所述用户手势操作,进行与所述用户手势操作对应的滑动。

具体地,用户通过触摸屏等硬件设备进行输入,发送用户手势操作,本申请实施例接收所述用户手势操作,并对所述用户手势操作进行识别处理,获得所述用户手势操作对应的触摸坐标以及当前网页上下滚动的距离。

用户手势操作对应的触摸坐标可以通过现有算法实现,故在此不再赘述。

用户手势操作包括左右滑动操作和上下滚动操作。用户通过左右滑动操作来实现对网页页面中网页内部区域的操作或者实现对网页的页面框架的滑动。所述上下滚动操作是为了实现网页的显示加载,通过所述当前网页上下滚动的距离可以确定所述显示加载的网页页面在整个网页页面中的位置。

具体地,本实施例通过所述触摸坐标以及当前网页上下滚动的距离查询滑动区域表单中网页内部区域的滑动范围以及网页上下滚动的距离,从而确定所述手势操作是否落入网页页面中网页内部区域的滑动范围。

如果所述手势操作落入网页页面中网页内部区域的滑动范围,则表明所述手势操作是针对所述网页页面中网页内部区域进行的操作,并不是针对所述网页的页面框架进行的操作。因此,控制所述网页内部区域响应所述用户手势操作,进行与所述用户手势操作对应的滑动。

由此可知,本申请实施例可以通过判断手势操作针对的是否网页页面中的网页内部区域,从而实现准确的确定由网页页面中的网页内部区域响应用户手势操作,而不会产生误操作整个网页的页面框架的情况。因此,本申请实施例可以准确的响应左右滑动的手势操作,改善用户的操作体验。

本实施例的响应网页中用户手势操作的方法可以由任意适当的具有响应网页中用户手势操作的能力的设备执行,包括但不限于:各种终端设备或者服务端,包括但不限于PC机、平板电脑、移动终端等。

实施例五

参照图6,示出了根据本申请实施例五的一种响应网页中用户手势操作的装置的结构框图。

本实施例的响应网页中用户手势操作的装置包括:

范围确定模块601,用于获得加载的所述网页页面中至少一所述网页内部区域的滑动范围。

表单维护模块602,用于维护所述网页内部区域的滑动范围组成的滑动区域表单,并记录所述网页上下滚动的距离。

坐标获得模块603,用于根据接收的用户手势操作,获得所述用户手势操作对应的触摸坐标以及当前网页上下滚动的距离。

范围确定模块604,用于依据所述触摸坐标以及当前网页上下滚动的距离查询滑动区域表单,确定所述手势操作是否落入网页页面中网页内部区域的滑动范围。

第一操作响应模块605,用于如果是,则控制所述网页内部区域响应所述用户手势操作,进行与所述用户手势操作对应的滑动。

具体地,所述网页页面开始加载时,需要通过JS接口获知加载的网页内部区域的滑动范围。所述滑动范围通常通过网页内部区域的身份属性(id)和坐标属性(rect)确定。

具体地,所述网页向上滑动时,需要通过JS接口获知新加载的网页内部区域的滑动范围。所述滑动范围通常通过网页内部区域的身份属性(id)和坐标属性(rect)确定。

所述网页内部区域的滑动范围的坐标属性为相对于所述网页的左上角原点位置(0,0)的相对坐标,包括:所述网页内部区域的左侧最远滑动位置坐标、所述网页内部区域的顶部位置坐标、所述网页内部区域高度位置坐标以及所述网页内部区域宽度位置坐标。

参见图3范例,以内容A为例,内容A区域的滑动范围通常通过身份属性(id)、A区域的左侧最远滑动位置坐标(left),A区域的顶部位置坐标(top),A区域的高度位置坐标(height),A区域的宽度位置坐标(width)五个属性。

具体地,所述滑动区域表单为哈希表(hashmap),以所述网页内部区域的身份属性作为主键,以所述网页内部区域的滑动范围的坐标属性作为值。

具体地,用户通过触摸屏等硬件设备进行输入,发送用户手势操作,本申请实施例接收所述用户手势操作,并对所述用户手势操作进行识别处理,获得所述用户手势操作对应的触摸坐标以及当前网页上下滚动的距离。

用户手势操作对应的触摸坐标可以通过现有算法实现,故在此不再赘述。

用户手势操作包括左右滑动操作和上下滚动操作。用户通过左右滑动操作来实现对网页页面中网页内部区域的操作或者实现对网页的页面框架的滑动。所述上下滚动操作是为了实现网页的显示加载,通过所述当前网页上下滚动的距离可以确定所述显示加载的网页页面在整个网页页面中的位置。

具体地,本实施例通过所述触摸坐标以及当前网页上下滚动的距离查询滑动区域表单中网页内部区域的滑动范围以及网页上下滚动的距离,从而确定所述手势操作是否落入网页页面中网页内部区域的滑动范围。

如果所述手势操作落入网页页面中网页内部区域的滑动范围,则表明所述手势操作是针对所述网页页面中网页内部区域进行的操作,并不是针对所述网页的页面框架进行的操作。因此,控制所述网页内部区域响应所述用户手势操作,进行与所述用户手势操作对应的滑动。

由此可知,本申请实施例可以通过判断手势操作针对的是否网页页面中的网页内部区域,从而实现准确的确定由网页页面中的网页内部区域响应用户手势操作,而不会产生误操作整个网页的页面框架的情况。因此,本申请实施例可以准确的响应左右滑动的手势操作,改善用户的操作体验。

本实施例的响应网页中用户手势操作的方法可以由任意适当的具有响应网页中用户手势操作的能力的设备执行,包括但不限于:各种终端设备或者服务端,包括但不限于PC机、平板电脑、移动终端等。

实施例六

参照图7,示出了根据本申请实施例六的一种响应网页中用户手势操作的装置的结构框。

值得说明的是,本申请实施例也可以不包括所述范围确定模块701、表单维护模块702,即只包括所述坐标获得模块703、范围确定模块704、第一操作响应模块705、第二操作响应模块706,直接利用存在的滑动区域表单,而无需每次接收用户手势操作之前均生成与维护所述滑动区域表单。

本实施例的响应网页中用户手势操作的装置包括:

范围确定模块701,用于获得加载的所述网页页面中至少一所述网页内部区域的滑动范围。

表单维护模块702,用于维护所述网页内部区域的滑动范围组成的滑动区域表单,并记录所述网页上下滚动的距离。

坐标获得模块703,用于根据接收的用户手势操作,获得所述用户手势操作对应的触摸坐标以及当前网页上下滚动的距离。

范围确定模块704,用于依据所述触摸坐标以及当前网页上下滚动的距离查询滑动区域表单,确定所述手势操作是否落入网页页面中网页内部区域的滑动范围。

第一操作响应模块705,用于如果是,则控制所述网页内部区域响应所述用户手势操作,进行与所述用户手势操作对应的滑动。

第二操作响应模块706,用于如果否,则控制所述网页的页面框架响应所述用户手势操作,进行与所述用户手势操作对应的滑动。

具体地,所述网页页面开始加载时,需要通过JS接口获知加载的网页内部区域的滑动范围。所述滑动范围通常通过网页内部区域的身份属性(id)和坐标属性(rect)确定。

具体地,所述网页向上滑动时,需要通过JS接口获知新加载的网页内部区域的滑动范围。所述滑动范围通常通过网页内部区域的身份属性(id)和坐标属性(rect)确定。

所述网页内部区域的滑动范围的坐标属性为相对于所述网页的左上角原点位置(0,0)的相对坐标,包括:所述网页内部区域的左侧最远滑动位置坐标、所述网页内部区域的顶部位置坐标、所述网页内部区域高度位置坐标以及所述网页内部区域宽度位置坐标。

参见图3范例,以内容A为例,内容A区域的滑动范围通常通过身份属性(id)、A区域的左侧最远滑动位置坐标(left),A区域的顶部位置坐标(top),A区域的高度位置坐标(height),A区域的宽度位置坐标(width)五个属性。

具体地,所述滑动区域表单为哈希表(hashmap),以所述网页内部区域的身份属性作为主键,以所述网页内部区域的滑动范围的坐标属性作为值。

具体地,用户通过触摸屏等硬件设备进行输入,发送用户手势操作,本申请实施例接收所述用户手势操作,并对所述用户手势操作进行识别处理,获得所述用户手势操作对应的触摸坐标以及当前网页上下滚动的距离。

用户手势操作对应的触摸坐标可以通过现有算法实现,故在此不再赘述。

用户手势操作包括左右滑动操作和上下滚动操作。用户通过左右滑动操作来实现对网页页面中网页内部区域的操作或者实现对网页的页面框架的滑动。所述上下滚动操作是为了实现网页的显示加载,通过所述当前网页上下滚动的距离可以确定所述显示加载的网页页面在整个网页页面中的位置。

具体地,本实施例通过所述触摸坐标以及当前网页上下滚动的距离查询滑动区域表单中网页内部区域的滑动范围以及网页上下滚动的距离,从而确定所述手势操作是否落入网页页面中网页内部区域的滑动范围。

如果所述手势操作落入网页页面中网页内部区域的滑动范围,则表明所述手势操作是针对所述网页页面中网页内部区域进行的操作,并不是针对所述网页的页面框架进行的操作。因此,控制所述网页内部区域响应所述用户手势操作,进行与所述用户手势操作对应的滑动。

如果所述手势操作未落入网页页面中网页内部区域的滑动范围,则表明所述手势操作是针对所述网页页面的页面框架进行的操作,并不是针对所述网页的所述网页内部区域进行的操作。因此,控制所述网页的页面框架响应所述用户手势操作,进行与所述用户手势操作对应的滑动。

由此可知,本申请实施例可以通过判断手势操作针对的是否网页页面中的网页内部区域,从而实现准确的确定由网页页面中的网页内部区域还是网页的页面框架响应用户手势操作,而不会产生误操作的情况。因此,本申请实施例可以准确的响应左右滑动的手势操作,改善用户的操作体验。

本实施例的响应网页中用户手势操作的方法可以由任意适当的具有响应网页中用户手势操作的能力的设备执行,包括但不限于:各种终端设备或者服务端,包括但不限于PC机、平板电脑、移动终端等。

实施例七

参照图8,示出了根据本申请实施例七的一种终端设备的结构框图,本申请具体实施例并不对终端设备的具体实现做限定。

如图8所示,该终端设备可以包括:处理器(processor)802、通信接口(Communications Interface)804、存储器(memory)806、以及通信总线808。

其中:

处理器802、通信接口804、以及存储器806通过通信总线808完成相互间的通信。

通信接口804,用于与其它设备比如其它终端或服务端等的网元通信。

处理器802,用于执行程序810,具体可以执行上述响应网页中用户手势操作的方法实施例中的相关步骤。

具体地,程序810可以包括程序代码,该程序代码包括计算机操作指令。

处理器802可能是中央处理器CPU,或者是特定集成电路ASIC(Application Specific Integrated Circuit),或者是被配置成实施本申请实施例的一个或多个集成电路。终端设备包括的一个或多个处理器,可以是同一类型的处理器,如一个或多个CPU;也可以是不同类型的处理器,如一个或多个CPU以及一个或多个ASIC。

存储器806,用于存放程序810。存储器806可能包含高速RAM存储器,也可能还包括非易失性存储器(non-volatile memory),例如至少一个磁盘存储器。

程序810具体可以用于使得处理器802执行以下操作:根据接收的用户手势操作,获得所述用户手势操作对应的触摸坐标以及当前网页上下滚动的距离;依据所述触摸坐标以及当前网页上下滚动的距离查询滑动区域表单,确定所述手势操作是否落入网页页面中网页内部区域的滑动范围;如果是,则控制所述网页内部区域响应所述用户手势操作,进行与所述用户手势操作对应的滑动。

在一种可选的实施方式中,程序810还用于获得加载的所述网页页面中至少一所述网页内部区域的滑动范围;维护所述网页内部区域的滑动范围组成的滑动区域表单,并记录所述网页上下滚动的距离。

在一种可选的实施方式中,所述滑动区域表单为哈希表,以所述网页内部区域的身份属性作为主键,以所述网页内部区域的滑动范围的坐标属性作为值。

在一种可选的实施方式中,所述网页内部区域的滑动范围的坐标属性为相对于所述网页的左上角原点位置的相对坐标,包括:所述网页内部区域的左侧最远滑动位置坐标、所述网页内部区域的顶部位置坐标、所述网页内部区域高度位置坐标以及所述网页内部区域宽度位置坐标。

在一种可选的实施方式中,程序810还用于如果否,则控制所述网页的页面框架响应所述用户手势操作,进行与所述用户手势操作对应的滑动。

通过本实施例的终端设备,使得本申请可以在自动阅读模式中,通过添加全屏的广告位,在尽可能少的影响用户体验的同时,实现了在阅读应用中全屏广告的展示。

由此可知,本申请实施例可以通过判断手势操作针对的是否网页页面中的网页内部区域,从而实现准确的确定由网页页面中的网页内部区域还是网页的页面框架响应用户手势操作,而不会产生误操作的情况。因此,本申请实施例可以准确的响应左右滑动的手势操作,改善用户的操作体验。

上述根据本申请实施例的方法可在硬件、固件中实现,或者被实现为可存储在记录介质(诸如CD ROM、RAM、软盘、硬盘或磁光盘)中的软件或计算机代码,或者被实现通过网络下载的原始存储在远程记录介质或非暂时机器可读介质中并将被存储在本地记录介质中的计算机代码,从而在此描述的方法可被存储在使用通用计算机、专用处理器或者可编程或专用硬件(诸如ASIC或FPGA)的记录介质上的这样的软件处理。可以理解,计算机、处理器、微处理器控制器或可编程硬件包括可存储或接收软件或计算机代码的存储组件(例如,RAM、ROM、闪存等),当所述软件或计算机代码被计算机、处理器或硬件访问且执行时,实现在此描述的响应网页中用户手势操作的方法。此外,当通用计算机访问用于实现在此示出的响应网页中用户手势操作的方法的代码时,代码的执行将通用计算机转换为用于执行在此示出的响应网页中用户手势操作的方法的专用计算机。

本领域普通技术人员可以意识到,结合本文中所公开的实施例描述的各示例的单元及方法步骤,能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本申请实施例的范围。

以上实施方式仅用于说明本申请实施例,而并非对本申请实施例的限制,有关技术领域的普通技术人员,在不脱离本申请实施例的精神和范围的情况下,还可以做出各种变化和变型,因此所有等同的技术方案也属于本申请实施例的范畴,本申请实施例的专利保护范围应由权利要求限定。

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