The invention discloses a method and a device for detecting web pages. The method comprises the following steps: obtaining a target element frame, wherein, the target element frame is a frame element corresponding to the area to be captured in the web page; and a screenshot is generated according to the target element frame. The utility model solves the technical problem of low accuracy of the local area of the web page in the relevant technology, and further improves the accuracy of the local area of the web page.
【技术实现步骤摘要】
本申请涉及互联网领域,具体而言,涉及一种网页截图方法和装置。
技术介绍
对网页进行截图是一种常用的用户需求。有时用户只需要截取网页的一部分,常用的办法是使用截图工具(例如,QQ截图)选定要截取的区域进行截图。在使用截图工具对网页部分区域进行截图时,由于是人工手动选择截取区域,因此很难精确的确定截取区域的大小。如图1所示,需要把图中的矩形框区域进行截取,且不能带有白色边框,使用截图软件进行该操作时,需要用户小心翼翼的进行,才能完成,此外,截取的图片边缘容易产生“白边”等噪音,从而需要使用PhotoShop等图片修改工具进行二次修改。针对相关技术中对网页的局部区域进行截图时准确性较低的问题,目前尚未提出有效的解决方案。
技术实现思路
本申请的主要目的在于提供一种网页截图方法和装置,以解决相关技术中对网页的局部区域进行截图时准确性较低的问题。为了实现上述目的,根据本申请的一个方面,提供了一种网页截图方法。该方法包括:获取目标元素框,其中,目标元素框为网页中待截图区域对应的元素框;以及根据目标元素框生成待截图区域的截图。进一步地,根据目标元素框生成待截图区域的截图包括:获取目标元素框的高度和宽度;获取目标元素框相对于目标设备屏幕的位置,其中,目标设备屏幕为显示网页的设备屏幕;以及根据目标元素框相对于目标设备屏幕的位置、高度和宽度生成待截图区域的截图。进一步地,获取目标元素框相对于目标设备屏幕的位置包括:获取目标元素框相对于目标浏览器的位置,其中,目标浏览器为显示网页的浏览器;获取目标浏览器相对于目标设备屏幕的位置;以及根据目标元素框相对于目标浏览器的位置和目标浏览器 ...
【技术保护点】
一种网页截图方法,其特征在于,包括:获取目标元素框,其中,所述目标元素框为网页中待截图区域对应的元素框;以及根据所述目标元素框生成所述待截图区域的截图。
【技术特征摘要】
1.一种网页截图方法,其特征在于,包括:获取目标元素框,其中,所述目标元素框为网页中待截图区域对应的元素框;以及根据所述目标元素框生成所述待截图区域的截图。2.根据权利要求1所述的方法,其特征在于,根据所述目标元素框生成所述待截图区域的截图包括:获取所述目标元素框的高度和宽度;获取所述目标元素框相对于目标设备屏幕的位置,其中,所述目标设备屏幕为显示所述网页的设备屏幕;以及根据所述目标元素框相对于目标设备屏幕的位置、所述高度和所述宽度生成所述待截图区域的截图。3.根据权利要求2所述的方法,其特征在于,获取所述目标元素框相对于目标设备屏幕的位置包括:获取所述目标元素框相对于目标浏览器的位置,其中,所述目标浏览器为显示所述网页的浏览器;获取所述目标浏览器相对于所述目标设备屏幕的位置;以及根据所述目标元素框相对于目标浏览器的位置和所述目标浏览器相对于所述目标设备屏幕的位置计算所述目标元素框相对于所述目标设备屏幕的位置。4.根据权利要求1所述的方法,其特征在于,所述目标元素框包括第一元素框和第二元素框,其中,所述第一元素框和所述第二元素框的组合呈矩形,根据所述目标元素框生成所述待截图区域的截图包括:获取所述第一元素框相对于目标设备屏幕的位置和所述第二元素框相对于所述目标设备屏幕的位置,其中,所述目标设备屏幕为显示所述网页的设备屏幕;根据所述第一元素框相对于目标设备屏幕的位置和所述第二元素框相对于所述目标设备屏幕的位置计算所述第一元素框和所述第二元素框的组合相对于所述目标设备屏幕的位置;以及根据所述第一元素框和所述第二元素框的组合相对于所述目标设备屏幕的位置生成所述待截图区域的截图。5.根据权利要求1至4中任一项所述的方法,其特征在于,获取目标元素框包括:接收目标HTML元素,其中,所述目标HTML元素为所述待截图区域对应的H...
【专利技术属性】
技术研发人员:曹志明,
申请(专利权)人:北京国双科技有限公司,
类型:发明
国别省市:北京;11
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。