一种用于识别网页中可见图片的方法及装置与流程

文档序号:17222228发布日期:2019-03-27 12:06阅读:247来源:国知局
一种用于识别网页中可见图片的方法及装置与流程

本发明涉及互联网技术领域,具体涉及一种用于识别网页中可见图片的方法及装置。



背景技术:

网络信息资源是指通过计算机网络可以利用的各种信息资源的总和,是以电子数据形式把文本、图片、音频、视频等多种形式的信息通过网络通信、计算机或终端等方式展现出来的资源。网络用户可以在任何时间、任何地点相互传输网络信息,实现网络信息资源共享。

图片作为能够直观地展现信息的网络信息资源,越来越广泛地被应用在网页中,而且衍生出很多利用图片的网络应用,但是发明人发现由于网页结构复杂,比如图片上可能覆盖有透明层,例如图片上有a标签,导致计算机有时很难准确识别出指定位置处显示的图片。因此,如何准确识别出指定位置处显示的图片是迫切需要解决的一个技术问题,只有准确识别出指定位置处显示的图片,后续才能基于该图片进行相关应用。



技术实现要素:

鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的用于识别网页中可见图片的装置和相应的用于识别网页中可见图片的方法。

依据本发明的一个方面,提供了一种用于识别网页中可见图片的方法,包括:

获取网页上的鼠标指针的位置信息以及鼠标指针的位置信息在网页中对应的页面元素;

当页面元素是图片标签并且其对应的第一图片是可见图片时,则确定第一图片是鼠标指针的位置信息在网页上对应的可见图片;

当页面元素是第一类标签时,则逐层遍历页面元素的祖先元素所包含的各元素,直至找到一元素是图片标签且鼠标指针的位置信息处于该元素的可见区域范围内,则确定该元素对应的第二图片是鼠标指针的位置信息在网页上对应的可见图片。

本实施例中,逐层遍历页面元素的祖先元素所包含的各元素,直至找到一元素是图片标签且鼠标指针的位置信息处于该元素的可见区域范围内,则确定该元素对应的第二图片是鼠标指针的位置信息在网页上对应的可见图片,具体包括:

步骤a1:判断网页中对应的页面元素是否存在上一层元素,是则获取页面元素的上一层元素,将其作为页面元素的祖先元素,获取页面元素的祖先元素中的各元素,执行步骤a2;否则结束遍历页面元素的祖先元素;

步骤a2:判断页面元素的祖先元素中的各元素是否有至少一个是图片标签,是则执行步骤a4;否则执行步骤a3;

步骤a3:获取页面元素的祖先元素的上一层元素,用其更新页面元素的祖先元素,获取更新后的页面元素的祖先元素中的各元素,执行步骤a2;

步骤a4:获取页面元素的祖先元素中各图片标签的可见区域范围,直到找到鼠标指针的位置信息处于的可见区域范围,确定属于可见区域范围的图片标签对应的第二图片是鼠标指针的位置信息在网页上对应的可见图片。

本实施例中,逐层遍历具体是根据网页源代码中的树状结构逐层遍历。

可选的,本实施例中,还包括:

当逐层遍历页面元素的祖先元素所包含的各元素,找不到一元素是图片标签且鼠标指针的位置信息处于该元素的可见区域范围内时,遍历网页上的各图片标签的可见区域范围,找到鼠标指针的位置信息处于的可见区域范围,则确定属于该可见区域范围的图片标签对应的第三图片是鼠标指针的位置信息在网页上对应的可见图片。

可选的,本实施例中,提供的方法的执行主体是浏览器。

可选的,本实施例中,还包括:获取图片标签的属性信息,图片标签的属性信息包括:图片的统一资源定位符、图片的尺寸信息、图片的位置信息。

可选的,本实施例中还包括:将图片标签的属性信息发送至服务器,接收服务器返回的图片相关信息;

当识别到鼠标指针的位置信息在网页上对应的可见图片时,将图片相关信息展现在可见图片上。

相应的,本实施例中,还包括:当鼠标指针移出可见图片时,隐藏图片相关信息。

可选的,第一类标签在网页中以透明层的形式叠加在图片上面。

另一方面,本发明提供一种用于识别网页中可见图片的装置,包括:

获取信息模块,用于获取网页上的鼠标指针的位置信息以及鼠标指针的位置信息在网页中对应的页面元素;

识别第一图片模块,用于当页面元素是图片标签并且其对应的第一图片是可见图片时,确定第一图片是鼠标指针的位置信息在网页上对应的可见图片;

识别第二图片模块,用于当页面元素是第一类标签时,逐层遍历页面元素的祖先元素所包含的各元素,直至找到一元素是图片标签且鼠标指针的位置信息处于该元素的可见区域范围内,则确定该元素对应的第二图片是鼠标指针的位置信息在网页上对应的可见图片。

其中,第一类标签,具体用于在网页中以透明层的形式叠加在图片上面。

可选的,识别第二图片模块,具体包括:

第一判断子模块,用于判断网页中对应的页面元素是否存在上一层元素;

第一获取子模块,用于获取页面元素的上一层元素,将其作为页面元素的祖先元素;

第二获取子模块,用于获取页面元素的祖先元素中的各元素;

第二判断子模块,用于判断页面元素的祖先元素中的各元素是否有至少一个是图片标签;

第三获取子模块,用于在页面元素的祖先元素中的各元素都不是图片标签时,获取页面元素的祖先元素的上一层元素,用其更新页面元素的祖先元素;

第四获取子模块,用于页面元素的祖先元素中的各元素至少有一个是图片标签时,获取页面元素的祖先元素中各图片标签的可见区域范围,直到找到鼠标指针的位置信息处于的可见区域范围,确定属于可见区域范围的图片标签对应的第二图片是鼠标指针的位置信息在网页上对应的可见图片。

本实施例中,识别第二图片模块,具体用于当页面元素是第一类标签时,根据网页源代码中的树状结构逐层遍历页面元素的祖先元素所包含的各元素,直至找到一元素是图片标签且鼠标指针的位置信息处于该元素的可见区域范围内,则确定该元素对应的第二图片是鼠标指针的位置信息在网页上对应的可见。

可选的,本装置还包括:

查找图片标签模块,用于当逐层遍历页面元素的祖先元素所包含的各元素,找不到一元素是图片标签且鼠标指针的位置信息处于该元素的可见区域范围内时,遍历网页上的各图片标签的可见区域范围,找到鼠标指针的位置信息处于的可见区域范围,则确定属于该可见区域范围的图片标签对应的第三图片是鼠标指针的位置信息在网页上对应的可见图片。

可选的,本装置具体为浏览器。

可选的,本装置还包括:

获取图片标签属性信息模块,用于获取图片标签的属性信息,图片标签的属性信息包括:图片的统一资源定位符、图片的尺寸信息、图片的位置信息。

本装置中,还包括:

发送模块,用于将图片标签的属性信息发送至服务器;

接收模块,用于接收服务器返回的图片相关信息;

显示模块,用于当识别到鼠标指针的位置信息在网页上对应的可见图片时,将图片相关信息展现在可见图片上。

本装置还包括:隐藏信息模块,用于当鼠标指针移出可见图片时,隐藏图片相关信息。

根据本发明的用于识别网页中可见图片的方法及装置,获取网页上的鼠标指针的位置信息以及鼠标指针的位置信息在网页中对应的页面元素;当页面元素是图片标签并且其对应的第一图片是可见图片时,则确定第一图片是鼠标指针的位置信息在网页上对应的可见图片;当页面元素是第一类标签时,则逐层遍历页面元素的祖先元素所包含的各元素,直至找到一元素是图片标签且鼠标指针的位置信息处于该元素的可见区域范围内,则确定该元素对应的第二图片是鼠标指针的位置信息在网页上对应的可见图片,由此识别出用户操作的真正的图片。

上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:

图1是本发明一个实施例的一种用于识别网页中可见图片的方法流程图;

图2是本发明一个实施例的步骤103的细化流程图;

图3是本发明一个实施例的一种用于识别网页中可见图片的装置框图;

图4是图3中识别第二图片模块的示意图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。

本发明实施例中提供一种用于识别网页中可见图片的方法,如图1所示,具体包括:

步骤101:获取网页上的鼠标指针的位置信息以及鼠标指针的位置信息在网页中对应的页面元素,对页面元素进行判断,当页面元素是图片标签并且对应的第一图片是可见图片时,则执行步骤102;当页面元素是第一类标签时,则执行步骤103;

本实施例中,鼠标指针的位置信息以及其对应的页面元素是根据浏览器渲染引擎实时发送的通知获取的;当鼠标指针在网页中移动时,浏览器渲染引擎会实时的将鼠标指针的状态通知给浏览器;

具体的,当鼠标指针移入网页中的一个元素时,浏览器渲染引擎将当前鼠标指针的位置信息以及在页面中对应的页面元素通知给浏览器,浏览器获取鼠标指针的位置信息以及鼠标指针的位置信息对应的页面元素。

步骤102:确定第一图片是鼠标指针的位置信息在网页上对应的可见图片;

本实施例中,图片标签为<img>;图片标签中包括图片标签的属性信息,其中,图片标签的属性信息包括:图片的尺寸信息、图片的位置信息以及图片的统一资源定位符;可见图片具体为图片的尺寸信息不为0、并且图片的可见区域不为0。其中,图片的可见区域具体为,将图片与其父容器做交集,获取交集部分即为图片的可见区域。

具体地,获取图片的可见区域具体包括:获取图片标签在网页中对应的图片的位置信息以及图片的尺寸信息,根据图片的位置信息以及图片的尺寸信息得到图片在网页中的位置以及占据的区域范围,获取图片标签对应的父容器的位置信息以及父容器的尺寸信息,根据父容器的位置信息以及父容器的尺寸信息得到父容器在网页中的位置以及占据的区域范围,将图片在网页中的位置与父容器在网页中占据的位置做交集,得到相交位置,将图片在网页中占据的区域范围与父容器在网页中占据的范围做交集,得到相交区域,对相交区域和相交位置进行判断,如果同时存在相交区域和相交位置,则确定存在图片的可见区域,图片的可见区域即为根据相交位置以及相交区域确定的区域范围。

步骤103:逐层遍历页面元素的祖先元素所包含的各元素,直至找到一元素是图片标签且鼠标指针的位置信息处于该元素的可见区域范围内,则确定该元素对应的第二图片是鼠标指针的位置信息在网页上对应的可见图片;

本实施例中,第一类标签包括<div>、<span>、<a>。逐层遍历具体是根据网页源代码中的树状结构逐层遍历,具体是在网页的dom(documentobjectmodel,文档对象模型)树上面进行逐层遍历的;当页面元素是第一类标签时,如图2所示,具体包括:

步骤1031:判断网页中对应的页面元素是否存在上一层元素,是则执行步骤1032;否则结束遍历页面元素的祖先元素;

步骤1032:获取页面元素的上一层元素,将其作为页面元素的祖先元素,获取页面元素的祖先元素中的各元素,执行步骤1033;其中,上一层元素是指在dom树中页面元素的父节点。

步骤1033:判断页面元素的祖先元素中的各元素是否有至少一个是图片标签,是则执行步骤1035;否则执行步骤1034;

步骤1034:获取页面元素的祖先元素的上一层元素,用其更新页面元素的祖先元素,获取更新后的页面元素的祖先元素中的各元素,执行步骤1033;

步骤1035:获取页面元素的祖先元素中各图片标签的可见区域范围,直到找到鼠标指针的位置信息处于的可见区域范围,确定属于可见区域范围的图片标签对应的第二图片是鼠标指针的位置信息在网页上对应的可见图片。

在具体实施过程中,以超文本标记语言制作的页面进行举例,页面上的各元素如下:

……

<divclass=”img_wrapper”>

<imgsrc=”http://i2.sinaimg.cn/dy/c/2015-06-26/u7939p1t1d31991153f21dt20150626095913.jpg”width=”40”height=”20”>

<prev/next>

<ahref=”下一图片.jpg”>

</div>;

当鼠标的光标的位置对应的页面元素是a标签时,即对应<ahref=”下一图片.jpg”>,此时获取该a标签的上一层元素,即获取a标签的祖先元素div标签,获取div标签中包含的各个图片标签即获取<div>与</div>之间包含的所有的<img>,即获取到<imgsrc=”http://i2.sinaimg.cn/dy/c/2015-06-26/u7939p1t1d31991153f21dt20150626095913.jpg”width=”40”height=”20”>;

并且获取该img标签在页面中的可见区域范围,并确定鼠标光标的位置属于的可见区域范围对应该img标签,确定该img标签对应的第二图片是鼠标指针的位置信息在网页上对应的可见图片,其中,第二图片即为保存在:

http://i2.sinaimg.cn/dy/c/2015-06-26/u7939p1t1d31991153f21dt20150626095913.jpg位置中的图片。

进一步的,当逐层遍历页面元素的祖先元素所包含的各元素,找不到一元素是图片标签且鼠标指针的位置信息处于该元素的可见区域范围内时,遍历网页上的各图片标签的可见区域范围,找到鼠标指针的位置信息处于的可见区域范围,则确定属于该可见区域范围的图片标签对应的第三图片是鼠标指针的位置信息在网页上对应的可见图片。

本实施例中,可选的,执行主体是浏览器。

可选的,在渲染引擎渲染完网页时获取图片标签的属性信息,将图片标签的属性信息发送至服务器,接收并保存服务器返回的图片相关信息,当鼠标指针的位置信息在网页上对应可见图片时,获取该可见图片对应的图片相关信息,将图片相关信息展现在该可见图片上,当鼠标指针的位置信息移出该可见图片时,隐藏该可见图片上展现的图片相关信息。

可选的,在识别到鼠标指针的位置信息在网页上对应的可见图片时,还可以包括获取图片标签的属性信息,将图片标签的属性信息发送至服务器,接收并保存服务器返回的图片相关信息,当鼠标指针的位置信息在网页上对应可见图片时,获取该可见图片对应的图片相关信息,将图片相关信息展现在该可见图片上,当鼠标指针的位置信息移出该可见图片时,隐藏该可见图片上展现的图片相关信息。

可选的,本实施例中还包括:当页面元素既不是图片标签也不是第一类标签时,则确定鼠标指针的位置信息在网页中对应的不是图片。

可选的,本实施例还可以为:获取网页上的鼠标指针的位置信息,遍历页面中各图片标签所在的可见区域范围,获取包含该鼠标指针的位置信息的可见区域范围对应的图片标签,确定该图片标签对应的图片是鼠标指针的位置信息在网页上对应的可见图片。

本实施例中还提供一种用于识别网页中可见图片的装置,如图3所示,包括:

获取信息模块201,用于获取网页上的鼠标指针的位置信息以及鼠标指针的位置信息在网页中对应的页面元素;

识别第一图片模块202,用于当页面元素是图片标签并且其对应的第一图片是可见图片时,确定第一图片是鼠标指针的位置信息在网页上对应的可见图片;

识别第二图片模块203,用于当页面元素是第一类标签时,逐层遍历页面元素的祖先元素所包含的各元素,直至找到一元素是图片标签且鼠标指针的位置信息处于该元素的可见区域范围内,则确定该元素对应的第二图片是鼠标指针的位置信息在网页上对应的可见图片。

本实施例中,识别第二图片模块203,如图4所示,具体包括:

第一判断子模块2031,用于判断网页中对应的页面元素是否存在上一层元素;

第一获取子模块2032,用于获取页面元素的上一层元素,将其作为页面元素的祖先元素;

第二获取子模块2033,用于获取页面元素的祖先元素中的各元素;

第二判断子模块2034,用于判断页面元素的祖先元素中的各元素是否有至少一个是图片标签;

第三获取子模块2035,用于在页面元素的祖先元素中的各元素都不是图片标签时,获取页面元素的祖先元素的上一层元素,用其更新页面元素的祖先元素;

第四获取子模块2036,用于页面元素的祖先元素中的各元素至少有一个是图片标签时,获取页面元素的祖先元素中各图片标签的可见区域范围,直到找到鼠标指针的位置信息处于的可见区域范围,确定属于可见区域范围的图片标签对应的第二图片是鼠标指针的位置信息在网页上对应的可见图片。

具体的,在本装置中,识别第二图片模块203,具体用于当页面元素是第一类标签时,根据网页源代码中的树状结构逐层遍历页面元素的祖先元素所包含的各元素,直至找到一元素是图片标签且鼠标指针的位置信息处于该元素的可见区域范围内,则确定该元素对应的第二图片是鼠标指针的位置信息在网页上对应的可见。第一类标签,具体用于在网页中以透明层的形式叠加在图片上面。

可选的,本装置还包括:

查找图片标签模块,用于当逐层遍历页面元素的祖先元素所包含的各元素,找不到一元素是图片标签且鼠标指针的位置信息处于该元素的可见区域范围内时,遍历网页上的各图片标签的可见区域范围,找到鼠标指针的位置信息处于的可见区域范围,则确定属于该可见区域范围的图片标签对应的第三图片是鼠标指针的位置信息在网页上对应的可见图片。

可选的,本装置具体为浏览器。

可选的,装置还包括:

获取图片标签属性信息模块,用于获取图片标签的属性信息,图片标签的属性信息包括:图片的统一资源定位符、图片的尺寸信息、图片的位置信息。

相应的,本装置还包括:

发送模块,用于将图片标签的属性信息发送至服务器;

接收模块,用于接收服务器返回的图片相关信息;

显示模块,用于当识别到鼠标指针的位置信息在网页上对应的可见图片时,将图片相关信息展现在可见图片上。

可选的,本装置还包括:隐藏信息模块,用于当鼠标指针移出可见图片时,隐藏图片相关信息。

在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。

类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(dsp)来实现根据本发明实施例的一种用于识别用户操作的图片的装置中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。

应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

本发明提供,a1、一种用于识别网页中可见图片的方法,其特征在于,包括:

获取网页上的鼠标指针的位置信息以及所述鼠标指针的位置信息在所述网页中对应的页面元素;

当所述页面元素是图片标签并且其对应的第一图片是可见图片时,则确定所述第一图片是所述鼠标指针的位置信息在所述网页上对应的可见图片;

当所述页面元素是第一类标签时,则逐层遍历所述页面元素的祖先元素所包含的各元素,直至找到一元素是图片标签且所述鼠标指针的位置信息处于该元素的可见区域范围内,则确定该元素对应的第二图片是所述鼠标指针的位置信息在所述网页上对应的可见图片。

a2、如a1所述的方法,其特征在于,所述方法,还包括:

当逐层遍历所述页面元素的祖先元素所包含的各元素,找不到一元素是图片标签且所述鼠标指针的位置信息处于该元素的可见区域范围内时,遍历所述网页上的各图片标签的可见区域范围,找到所述鼠标指针的位置信息处于的可见区域范围,则确定属于该可见区域范围的图片标签对应的第三图片是所述鼠标指针的位置信息在所述网页上对应的可见图片。

a3、如a1所述的方法,其特征在于,所述逐层遍历所述页面元素的祖先元素所包含的各元素,直至找到一元素是图片标签且所述鼠标指针的位置信息处于该元素的可见区域范围内,则确定该元素对应的第二图片是所述鼠标指针的位置信息在所述网页上对应的可见图片,具体包括:

步骤a1:判断所述网页中对应的页面元素是否存在上一层元素,是则获取所述页面元素的上一层元素,将其作为所述页面元素的祖先元素,获取所述页面元素的祖先元素中的各元素,执行步骤a2;否则结束遍历所述页面元素的祖先元素;

步骤a2:判断所述页面元素的祖先元素中的各元素是否有至少一个是图片标签,是则执行步骤a4;否则执行步骤a3;

步骤a3:获取所述页面元素的祖先元素的上一层元素,用其更新所述页面元素的祖先元素,获取更新后的页面元素的祖先元素中的各元素,执行步骤a2;

步骤a4:获取所述页面元素的祖先元素中各图片标签的可见区域范围,直到找到所述鼠标指针的位置信息处于的可见区域范围,确定属于所述可见区域范围的图片标签对应的第二图片是所述鼠标指针的位置信息在所述网页上对应的可见图片。

a4、如a1所述的方法,其特征在于,所述逐层遍历具体是根据网页源代码中的树状结构逐层遍历。

a5、如a1所述的方法,其特征在于,所述方法的执行主体是浏览器。

a6、如a1所述的方法,其特征在于,所述方法还包括:获取所述图片标签的属性信息,所述图片标签的属性信息包括:图片的统一资源定位符、图片的尺寸信息、图片的位置信息。

a7、如a6所述的方法,其特征在于,所述方法还包括:将所述图片标签的属性信息发送至服务器,接收所述服务器返回的图片相关信息;

当识别到所述鼠标指针的位置信息在所述网页上对应的可见图片时,将所述图片相关信息展现在所述可见图片上。

a8、如a7所述的方法,其特征在于,所述方法还包括:当所述鼠标指针移出所述可见图片时,隐藏所述图片相关信息。

a9、如a1所述的方法,其特征在于,所述第一类标签在所述网页中以透明层的形式叠加在图片上面。

b10、一种用于识别网页中可见图片的装置,其特征在于,包括:

获取信息模块,用于获取网页上的鼠标指针的位置信息以及所述鼠标指针的位置信息在网页中对应的页面元素;

识别第一图片模块,用于当所述页面元素是图片标签并且其对应的第一图片是可见图片时,确定所述第一图片是所述鼠标指针的位置信息在所述网页上对应的可见图片;

识别第二图片模块,用于当所述页面元素是第一类标签时,逐层遍历所述页面元素的祖先元素所包含的各元素,直至找到一元素是图片标签且所述鼠标指针的位置信息处于该元素的可见区域范围内,则确定该元素对应的第二图片是所述鼠标指针的位置信息在所述网页上对应的可见图片。

b11、如b10所述的装置,其特征在于,所述装置还包括:

查找图片标签模块,用于当逐层遍历所述页面元素的祖先元素所包含的各元素,找不到一元素是图片标签且所述鼠标指针的位置信息处于该元素的可见区域范围内时,遍历所述网页上的各图片标签的可见区域范围,找到所述鼠标指针的位置信息处于的可见区域范围,则确定属于该可见区域范围的图片标签对应的第三图片是所述鼠标指针的位置信息在所述网页上对应的可见图片。

b12、如b10所述的装置,其特征在于,所述识别第二图片模块,具体包括:

第一判断子模块,用于判断所述网页中对应的页面元素是否存在上一层元素;

第一获取子模块,用于获取所述页面元素的上一层元素,将其作为所述页面元素的祖先元素;

第二获取子模块,用于获取所述页面元素的祖先元素中的各元素;

第二判断子模块,用于判断所述页面元素的祖先元素中的各元素是否有至少一个是图片标签;

第三获取子模块,用于在所述页面元素的祖先元素中的各元素都不是图片标签时,获取所述页面元素的祖先元素的上一层元素,用其更新所述页面元素的祖先元素;

第四获取子模块,用于所述页面元素的祖先元素中的各元素至少有一个是图片标签时,获取所述页面元素的祖先元素中各图片标签的可见区域范围,直到找到所述鼠标指针的位置信息处于的可见区域范围,确定属于所述可见区域范围的图片标签对应的第二图片是所述鼠标指针的位置信息在所述网页上对应的可见图片。

b13、如b10所述的装置,其特征在于,所述识别第二图片模块,具体用于当所述页面元素是第一类标签时,根据网页源代码中的树状结构逐层遍历所述页面元素的祖先元素所包含的各元素,直至找到一元素是图片标签且所述鼠标指针的位置信息处于该元素的可见区域范围内,则确定该元素对应的第二图片是所述鼠标指针的位置信息在所述网页上对应的可见。

b14、如b10所述的装置,其特征在于,所述装置具体为浏览器。

b15、如b10所述的装置,其特征在于,所述装置还包括:

获取图片标签属性信息模块,用于获取所述图片标签的属性信息,所述图片标签的属性信息包括:图片的统一资源定位符、图片的尺寸信息、图片的位置信息。

b16、如b15所述的装置,其特征在于,所述装置还包括:

发送模块,用于将所述图片标签的属性信息发送至服务器;

接收模块,用于接收所述服务器返回的图片相关信息;

显示模块,用于当识别到所述鼠标指针的位置信息在所述网页上对应的可见图片时,将所述图片相关信息展现在所述可见图片上。

b17、如b16所述的装置,其特征在于,所述装置还包括:隐藏信息模块,用于当所述鼠标指针移出所述可见图片时,隐藏所述图片相关信息。

b18、如b10所述的装置,其特征在于,所述第一类标签,具体用于在所述网页中以透明层的形式叠加在图片上面。

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