用户行为的响应方法和装置的制造方法

文档序号:9707972阅读:542来源:国知局
用户行为的响应方法和装置的制造方法
【技术领域】
[0001]本申请涉及网页技术领域,特别涉及一种用户行为的响应方法和装置。
【背景技术】
[0002]随着网页技术的不断发展,网页中各个网页元素的展现形式越来越丰富多样。网页元素可能本身即为不规则形状或者网页元素存在于不规则形状的内容区域,但是,目前难以对这些不同形状的网页元素或区域进行有效识别,从而无法准确响应用户对这些网页元素或区域的操作行为。
[0003]目前,在图像地图中,可通过HTML (Hypertext Markup Language,超文本标记语言)中的〈map〉和〈area〉标签在图像中定义热点区域,当用户对热点区域进行点击时,可响应用户的点击操作,进入该热点区域对应的链接。但是,目前这种在图像地图中通过定义热点区域响应用户请求的方式,主要应用于图片元素,而无法应用于其他HTML元素,应用场景单一,并且需要固定图片元素的尺寸,否则图片元素尺寸发生变化后,图片中的热点区域则可能不适用于与该图片元素。此外,如果在图片元素上存储其他遮挡元素或者区域,则定义的热点区域则无法响应用户的行为,操作十分不便。

【发明内容】

[0004]本申请旨在至少在一定程度上解决上述技术问题。
[0005]为此,本申请的第一个目的在于提出一种用户行为的响应方法,对页面元素进行操作不受页面元素的类型和尺寸的限制,从而能够准确高效地相应用户行为,提升用户体验。
[0006]本申请的第二个目的在于提出一种用户行为的响应装置。
[0007]为达上述目的,根据本申请第一方面实施例提出了一种用户行为的响应方法,包括以下步骤:接收页面数据,其中,所述页面数据包括页面内容数据和监控模块,所述页面内容数据中包括第一区域和与所述第一区域对应的页面元素,所述监控模块用于根据用户对所述第一区域的操作行为对所述第一区域对应的页面元素进行操作;加载所述页面数据;以及获取用户的操作行为,其中,如果所述操作行为发生在所述第一区域则所述监控模块根据所述操作行为对所述对应第一区域的页面元素进行操作。
[0008]本申请实施例的用户行为的响应方法,页面数据中包括页面内容数据的同时还包括监控模块,且页面内容数据包括第一区域和与该第一区域对应的页面元素,从而在加载页面数据后,在用户对第一区域进行操作行为时,可通过监控模块对第一区域对应的页面元素进行操作,由此,可根据用户行为的作用区域和位置响应用户的行为,无论页面预设是否被遮挡,只要用户行为的作用区域在页面元素对应的区域,监控模块即可对该页面元素进行操作,并且不受页面元素的类型和尺寸的限制,从而能够准确高效地相应用户行为,提升用户体验。
[0009]本申请第二方面实施例提供了一种用户行为的响应装置,包括:接收模块,用于接收页面数据,其中,所述页面数据包括页面内容数据和监控模块,所述页面内容数据中包括第一区域和与所述第一区域对应的页面元素,所述监控模块用于根据用户对所述第一区域的操作行为对所述第一区域对应的页面元素进行操作;加载模块,用于加载所述页面数据;以及获取模块,用于获取用户的操作行为,其中,如果所述操作行为发生在所述第一区域则所述监控模块根据所述操作行为对所述对应第一区域的页面元素进行操作。
[0010]本申请实施例的用户行为的响应装置,页面数据中包括页面内容数据的同时还包括监控模块,且页面内容数据包括第一区域和与该第一区域对应的页面元素,从而在加载页面数据后,在获取模块获取到用户对第一区域进行操作行为时,可通过监控模块对第一区域对应的页面元素进行操作,由此,可根据用户行为的作用区域和位置响应用户的行为,无论页面预设是否被遮挡,只要用户行为的作用区域在页面元素对应的区域,监控模块即可对该页面元素进行操作,并且不受页面元素的类型和尺寸的限制,从而能够准确高效地相应用户行为,提升用户体验。
[0011]本申请的附加方面和优点将在下面的描述中部分给出,部分将从下面的描述中变得明显,或通过本申请的实践了解到。
【附图说明】
[0012]本申请的上述和/或附加的方面和优点从结合下面附图对实施例的描述中将变得明显和容易理解,其中:
[0013]图1为根据本申请一个实施例的用户行为的响应方法的流程图;
[0014]图2为根据本申请另一个实施例的用户行为的响应方法的流程图;
[0015]图3为根据本申请一个实施例的页面加载后的示意图;
[0016]图4为根据本申请一个实施例的用户行为的响应装置的结构示意图;
[0017]图5为根据本申请一个具体实施例的用户行为的响应装置的结构示意图;
[0018]图6为根据本申请另一个具体实施例的用户行为的响应装置的结构示意图。
【具体实施方式】
[0019]下面详细描述本申请的实施例,所述实施例的示例在附图中示出,其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的,仅用于解释本申请,而不能理解为对本申请的限制。术语“第一”、“第二”仅用于描述目的,而不能理解为指示或暗示相对重要性。
[0020]下面参考附图描述根据本申请实施例的用户行为的响应方法和装置。
[0021]图1为根据本申请一个实施例的用户行为的响应方法的流程图。如图1所示,根据本申请实施例的用户行为的响应方法,包括:
[0022]S101,接收页面数据,其中,页面数据包括页面内容数据和监控模块,页面内容数据中包括第一区域和与第一区域对应的页面元素,监控模块用于根据用户对第一区域的操作行为对第一区域对应的页面元素进行操作。
[0023]在本申请的一个实施例中,页面数据可由HTML构成,可包括页面文字、图片、链接、音视频内容以及程序代码等元素。页面内容数据中的第一区域包括〈map〉标签。
[0024]具体地,可通过创建〈map〉标签中的名称name属性设定第一区域的名称,并通过高度height、宽度width等属性设定第一区域在页面中所占用的区域范围。
[0025]进一步地,第一区域的形状和坐标可由〈map〉标签中的子标签〈area〉标签定义,具体地,可通过〈area〉标签定义第一区域的形状、坐标、链接等。第一区域的形状可以是矩形、圆形、多边形以及各种不规则图形等。其中,坐标可根据形状来定义,具体地,形状和坐标可分别通过〈area〉标签的shape^oords两个属性进行定义。页面元素为位于第一区域的HTML元素,例如,页面按钮、图片、链接、音视频内容等。页面元素的属性指向包括〈map〉标签。具体地,可将页面元素的data-hotmap属性设置为〈map〉标签的name属性值来实现。其中,data-hotmap属性用于设置页面元素的所在区域。
[0026]在本申请的一个实施例中,监控模块可为Javascript脚本,用于监控用户对第一区域的操作行为,并根据该操作行为对第一区域对应的页面元素进行操作的模块。
[0027]在定义第一区域的形状时,可根据第一区域对应的页面元素的形状进行定义,例如,第一区域对应的页面元素为一个圆形的图片,则可定义第一区域的形状为圆形。
[0028]S102,加载页面数据。
[0029]在本申请的一个实施例中,可首先通过对页面数据进行解析以获取页面数据中的第一区域和与第一区域对应的页面元素,然后根据页面元素的属性建立页面元素和第一区域的链接关系以进行加载。具体地,可通过页面元素的属性指向〈map〉标签来建立页面元素与第一区域的链接关系。即如果页面元素AA的data-hotmap属性为第一区域aa的〈map
当前第1页1 2 3 4 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1