网页截图方法和装置与流程

文档序号:11063352阅读:来源:国知局

技术特征:

1.一种网页截图方法,其特征在于,包括:

获取目标元素框,其中,所述目标元素框为网页中待截图区域对应的元素框;以及

根据所述目标元素框生成所述待截图区域的截图。

2.根据权利要求1所述的方法,其特征在于,根据所述目标元素框生成所述待截图区域的截图包括:

获取所述目标元素框的高度和宽度;

获取所述目标元素框相对于目标设备屏幕的位置,其中,所述目标设备屏幕为显示所述网页的设备屏幕;以及

根据所述目标元素框相对于目标设备屏幕的位置、所述高度和所述宽度生成所述待截图区域的截图。

3.根据权利要求2所述的方法,其特征在于,获取所述目标元素框相对于目标设备屏幕的位置包括:

获取所述目标元素框相对于目标浏览器的位置,其中,所述目标浏览器为显示所述网页的浏览器;

获取所述目标浏览器相对于所述目标设备屏幕的位置;以及

根据所述目标元素框相对于目标浏览器的位置和所述目标浏览器相对于所述目标设备屏幕的位置计算所述目标元素框相对于所述目标设备屏幕的位置。

4.根据权利要求1所述的方法,其特征在于,所述目标元素框包括第一元素框和第二元素框,其中,所述第一元素框和所述第二元素框的组合呈矩形,根据所述目标元素框生成所述待截图区域的截图包括:

获取所述第一元素框相对于目标设备屏幕的位置和所述第二元素框相对于所述目标设备屏幕的位置,其中,所述目标设备屏幕为显示所述网页的设备屏幕;

根据所述第一元素框相对于目标设备屏幕的位置和所述第二元素框相对于所述目标设备屏幕的位置计算所述第一元素框和所述第二元素框的组合相对于所述目标设备屏幕的位置;以及

根据所述第一元素框和所述第二元素框的组合相对于所述目标设备屏幕的位置生成所述待截图区域的截图。

5.根据权利要求1至4中任一项所述的方法,其特征在于,获取目标元素框包括:

接收目标HTML元素,其中,所述目标HTML元素为所述待截图区域对应的HTML元素;以及

根据所述目标HTML元素获取所述目标元素框。

6.根据权利要求5所述的方法,其特征在于,在接收目标HTML元素之前,所述方法还包括:在接收到截图指令时,显示所述网页的HTML源文件,其中,所述截图指令用于指示对所述网页执行截图操作。

7.根据权利要求5所述的方法,其特征在于,在接收目标HTML元素之后,所述方法还包括:在所述网页中突出显示所述目标HTML元素对应的区域。

8.一种网页截图装置,其特征在于,包括:

获取单元,用于获取目标元素框,其中,所述目标元素框为网页中待截图区域对应的元素框;以及

生成单元,用于根据所述目标元素框生成所述待截图区域的截图。

9.根据权利要求8所述的装置,其特征在于,所述生成单元包括:

第一获取模块,用于获取所述目标元素框的高度和宽度;

第二获取模块,用于获取所述目标元素框相对于目标设备屏幕的位置,其中,所述目标设备屏幕为显示所述网页的设备屏幕;以及

第一生成模块,用于根据所述目标元素框相对于目标设备屏幕的位置、所述高度和所述宽度生成所述待截图区域的截图。

10.根据权利要求8所述的装置,其特征在于,所述目标元素框包括第一元素框和第二元素框,其中,所述第一元素框和所述第二元素框在所述网页中的显示区域组合呈矩形,所述生成单元包括:

第三获取模块,用于获取所述第一元素框相对于目标设备屏幕的位置和所述第二元素框相对于所述目标设备屏幕的位置,其中,所述目标设备屏幕为显示所述网页的设备屏幕;

计算模块,用于根据所述第一元素框相对于目标设备屏幕的位置和所述第二元素框相对于所述目标设备屏幕的位置计算所述第一元素框和所述第二元素框的组合显示区域相对于所述目标设备屏幕的位置;以及

第二生成模块,用于根据所述第一元素框和所述第二元素框的组合显示区域 相对于所述目标设备屏幕的位置生成所述待截图区域的截图。

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