一种用于识别网页中可见图片的方法及装置制造方法及图纸

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

【技术实现步骤摘要】
一种用于识别网页中可见图片的方法及装置
本专利技术涉及互联网
，具体涉及一种用于识别网页中可见图片的方法及装置。
技术介绍
网络信息资源是指通过计算机网络可以利用的各种信息资源的总和，是以电子数据形式把文本、图片、音频、视频等多种形式的信息通过网络通信、计算机或终端等方式展现出来的资源。网络用户可以在任何时间、任何地点相互传输网络信息，实现网络信息资源共享。图片作为能够直观地展现信息的网络信息资源，越来越广泛地被应用在网页中，而且衍生出很多利用图片的网络应用，但是专利技术人发现由于网页结构复杂，比如图片上可能覆盖有透明层，例如图片上有A标签，导致计算机有时很难准确识别出指定位置处显示的图片。因此，如何准确识别出指定位置处显示的图片是迫切需要解决的一个技术问题，只有准确识别出指定位置处显示的图片，后续才能基于该图片进行相关应用。
技术实现思路
鉴于上述问题，提出了本专利技术以便提供一种克服上述问题或者至少部分地解决上述问题的用于识别网页中可见图片的装置和相应的用于识别网页中可见图片的方法。依据本专利技术的一个方面，提供了一种用于识别网页中可见图片的方法，包括：获取网页上的鼠标指针的位置信息以及鼠标指针的位置信息在网页中对应的页面元素；当页面元素是图片标签并且其对应的第一图片是可见图片时，则确定第一图片是鼠标指针的位置信息在网页上对应的可见图片；当页面元素是第一类标签时，则逐层遍历页面元素的祖先元素所包含的各元素，直至找到一元素是图片标签且鼠标指针的位置信息处于该元素的可见区域范围内，则确定该元素对应的第二图片是鼠标指针的位置信息在网页上对应的可见图片。本实施例中，逐层遍历页面元素的祖先元素所包含的各元素，直至找到一元素是图片标签且鼠标指针的位置信息处于该元素的可见区域范围内，则确定该元素对应的第二图片是鼠标指针的位置信息在网页上对应的可见图片，具体包括：步骤a1：判断网页中对应的页面元素是否存在上一层元素，是则获取页面元素的上一层元素，将其作为页面元素的祖先元素，获取页面元素的祖先元素中的各元素，执行步骤a2；否则结束遍历页面元素的祖先元素；步骤a2：判断页面元素的祖先元素中的各元素是否有至少一个是图片标签，是则执行步骤a4；否则执行步骤a3；步骤a3：获取页面元素的祖先元素的上一层元素，用其更新页面元素的祖先元素，获取更新后的页面元素的祖先元素中的各元素，执行步骤a2；步骤a4：获取页面元素的祖先元素中各图片标签的可见区域范围，直到找到鼠标指针的位置信息处于的可见区域范围，确定属于可见区域范围的图片标签对应的第二图片是鼠标指针的位置信息在网页上对应的可见图片。本实施例中，逐层遍历具体是根据网页源代码中的树状结构逐层遍历。可选的，本实施例中，还包括：当逐层遍历页面元素的祖先元素所包含的各元素，找不到一元素是图片标签且鼠标指针的位置信息处于该元素的可见区域范围内时，遍历网页上的各图片标签的可见区域范围，找到鼠标指针的位置信息处于的可见区域范围，则确定属于该可见区域范围的图片标签对应的第三图片是鼠标指针的位置信息在网页上对应的可见图片。可选的，本实施例中，提供的方法的执行主体是浏览器。可选的，本实施例中，还包括：获取图片标签的属性信息，图片标签的属性信息包括：图片的统一资源定位符、图片的尺寸信息、图片的位置信息。可选的，本实施例中还包括：将图片标签的属性信息发送至服务器，接收服务器返回的图片相关信息；当识别到鼠标指针的位置信息在网页上对应的可见图片时，将图片相关信息展现在可见图片上。相应的，本实施例中，还包括：当鼠标指针移出可见图片时，隐藏图片相关信息。可选的，第一类标签在网页中以透明层的形式叠加在图片上面。另一方面，本专利技术提供一种用于识别网页中可见图片的装置，包括：获取信息模块，用于获取网页上的鼠标指针的位置信息以及鼠标指针的位置信息在网页中对应的页面元素；识别第一图片模块，用于当页面元素是图片标签并且其对应的第一图片是可见图片时，确定第一图片是鼠标指针的位置信息在网页上对应的可见图片；识别第二图片模块，用于当页面元素是第一类标签时，逐层遍历页面元素的祖先元素所包含的各元素，直至找到一元素是图片标签且鼠标指针的位置信息处于该元素的可见区域范围内，则确定该元素对应的第二图片是鼠标指针的位置信息在网页上对应的可见图片。其中，第一类标签，具体用于在网页中以透明层的形式叠加在图片上面。可选的，识别第二图片模块，具体包括：第一判断子模块，用于判断网页中对应的页面元素是否存在上一层元素；第一获取子模块，用于获取页面元素的上一层元素，将其作为页面元素的祖先元素；第二获取子模块，用于获取页面元素的祖先元素中的各元素；第二判断子模块，用于判断页面元素的祖先元素中的各元素是否有至少一个是图片标签；第三获取子模块，用于在页面元素的祖先元素中的各元素都不是图片标签时，获取页面元素的祖先元素的上一层元素，用其更新页面元素的祖先元素；第四获取子模块，用于页面元素的祖先元素中的各元素至少有一个是图片标签时，获取页面元素的祖先元素中各图片标签的可见区域范围，直到找到鼠标指针的位置信息处于的可见区域范围，确定属于可见区域范围的图片标签对应的第二图片是鼠标指针的位置信息在网页上对应的可见图片。本实施例中，识别第二图片模块，具体用于当页面元素是第一类标签时，根据网页源代码中的树状结构逐层遍历页面元素的祖先元素所包含的各元素，直至找到一元素是图片标签且鼠标指针的位置信息处于该元素的可见区域范围内，则确定该元素对应的第二图片是鼠标指针的位置信息在网页上对应的可见。可选的，本装置还包括：查找图片标签模块，用于当逐层遍历页面元素的祖先元素所包含的各元素，找不到一元素是图片标签且鼠标指针的位置信息处于该元素的可见区域范围内时，遍历网页上的各图片标签的可见区域范围，找到鼠标指针的位置信息处于的可见区域范围，则确定属于该可见区域范围的图片标签对应的第三图片是鼠标指针的位置信息在网页上对应的可见图片。可选的，本装置具体为浏览器。可选的，本装置还包括：获取图片标签属性信息模块，用于获取图片标签的属性信息，图片标签的属性信息包括：图片的统一资源定位符、图片的尺寸信息、图片的位置信息。本装置中，还包括：发送模块，用于将图片标签的属性信息发送至服务器；接收模块，用于接收服务器返回的图片相关信息；显示模块，用于当识别到鼠标指针的位置信息在网页上对应的可见图片时，将图片相关信息展现在可见图片上。本装置还包括：隐藏信息模块，用于当鼠标指针移出可见图片时，隐藏图片相关信息。根据本专利技术的用于识别网页中可见图片的方法及装置，获取网页上的鼠标指针的位置信息以及鼠标指针的位置信息在网页中对应的页面元素；当页面元素是图片标签并且其对应的第一图片是可见图片时，则确定第一图片是鼠标指针的位置信息在网页上对应的可见图片；当页面元素是第一类标签时，则逐层遍历页面元素的祖先元素所包含的各元素，直至找到一元素是图片标签且鼠标指针的位置信息处于该元素的可见区域范围内，则确定该元素对应的第二图片是鼠标指针的位置信息在网页上对应的可见图片，由此识别出用户操作的真正的图片。上述说明仅是本专利技术技术方案的概述，为了能够更清楚了解本专利技术的技术手段，而可依照说明书的内容予以实施，并且为了让本专利技术的上述和其它目的本文档来自技高网...

【技术保护点】
1.一种用于识别网页中可见图片的方法，其特征在于，包括：获取网页上的鼠标指针的位置信息以及所述鼠标指针的位置信息在所述网页中对应的页面元素；当所述页面元素是图片标签并且其对应的第一图片是可见图片时，则确定所述第一图片是所述鼠标指针的位置信息在所述网页上对应的可见图片；当所述页面元素是第一类标签时，则逐层遍历所述页面元素的祖先元素所包含的各元素，直至找到一元素是图片标签且所述鼠标指针的位置信息处于该元素的可见区域范围内，则确定该元素对应的第二图片是所述鼠标指针的位置信息在所述网页上对应的可见图片。

【技术特征摘要】
1.一种用于识别网页中可见图片的方法，其特征在于，包括：获取网页上的鼠标指针的位置信息以及所述鼠标指针的位置信息在所述网页中对应的页面元素；当所述页面元素是图片标签并且其对应的第一图片是可见图片时，则确定所述第一图片是所述鼠标指针的位置信息在所述网页上对应的可见图片；当所述页面元素是第一类标签时，则逐层遍历所述页面元素的祖先元素所包含的各元素，直至找到一元素是图片标签且所述鼠标指针的位置信息处于该元素的可见区域范围内，则确定该元素对应的第二图片是所述鼠标指针的位置信息在所述网页上对应的可见图片。2.如权利要求1所述的方法，其特征在于，所述方法，还包括：当逐层遍历所述页面元素的祖先元素所包含的各元素，找不到一元素是图片标签且所述鼠标指针的位置信息处于该元素的可见区域范围内时，遍历所述网页上的各图片标签的可见区域范围，找到所述鼠标指针的位置信息处于的可见区域范围，则确定属于该可见区域范围的图片标签对应的第三图片是所述鼠标指针的位置信息在所述网页上对应的可见图片。3.如权利要求1所述的方法，其特征在于，所述逐层遍历所述页面元素的祖先元素所包含的各元素，直至找到一元素是图片标签且所述鼠标指针的位置信息处于该元素的可见区域范围内，则确定该元素对应的第二图片是所述鼠标指针的位置信息在所述网页上对应的可见图片，具体包括：步骤a1：判断所述网页中对应的页面元素是否存在上一层元素，是则获取所述页面元素的上一层元素，将其作为所述页面元素的祖先元素，获取所述页面元素的祖先元素中的各元素，执行步骤a2；否则结束遍历所述页面元素的祖先元素；步骤a2：判断所述页面元素的祖先元素中的各元素是否有至少一个是图片标签，是则执行步骤a4；否则执行步骤a3；步骤a3：获取所述页面元素的祖先元素的上一层元素，用其更新所述页面元素的祖先元素，获取更新后的页面元素的祖先元素中...

【专利技术属性】
技术研发人员：杨晓兵，唐明生，刘晓健，周雪，
申请(专利权)人：北京奇虎科技有限公司，奇智软件北京有限公司，
类型：发明
国别省市：北京,11