[发明专利]一种基于浏览器插件的按元素截图方法及装置

说明书

公开了一种基于浏览器插件的按元素截图方法及装置。该方法及装置包括：启动浏览器截图插件；移动鼠标至目标待截图元素，跟踪鼠标及鼠标停留位置，确定目标待截图元素；基于识别html开始及结尾的标签确定所述目标待截图元素的截图边界；点击完成图像复制。本发明通过在浏览器内嵌入截图插件，通过激发截图插件，能够完成对用户鼠标的跟踪，当鼠标移动到某个特定元素时，对html页面元素的解析，识别对象元素的html开始及结尾标签，自动框选此元素的所处标签的范围，确定截图边界进而获得截图。

技术领域

本发明涉及计算机截图领域，更具体地，涉及一种基于浏览器插件的按元素截图方法及装置。

背景技术

截图工具使我们常用的软件小工具，很多情况下通过截图工具截取重要内容图片保存发送，已经成为众多网民的使用习惯。现有的截图工具主要是基于整个桌面进行，比如QQ截图工具，360截图插件以及Pc的Print Screen按键。但是在现有截图使用中，很多时候我们会对网页进行截图，而且是一定程度上我们只是对网页上的部分内容需要进行截图，观察现有的截图工具可以发现如果要截取部分内容，需要自己来进行框选，一步一步自己调整截图的外框，最后确认截图区域。这一定程度上比较繁琐，而且往往截图的边界不那么的和目标区域拟合。因此，有必要开发一种基于浏览器插件的按元素截图方法及装置。

公开于本发明背景技术部分的信息仅仅旨在加深对本发明的一般背景技术的理解，而不应当被视为承认或以任何形式暗示该信息构成已为本领域技术人员所公知的现有技术。

发明内容

本发明提出了一种基于浏览器插件的按元素截图方法及装置，其能够通过跟踪用户鼠标移动，当鼠标移动到某个特定元素时，对html页面元素的解析，自动框选此元素的所处标签的范围，确定截图边界进而获得截图。

根据本发明的一方面，提出了一种基于浏览器插件的按元素截图方法，其特征在于，包括：

1)启动浏览器截图插件；

2)移动鼠标至目标待截图元素，跟踪鼠标及鼠标停留位置，确定目标待截图元素；

3)基于识别html开始及结尾的标签确定所述目标待截图元素的截图边界；

4)点击完成图像复制。

优选地，还包括一键退出所述浏览器截图插件。

优选地，在步骤3)中，通过人工手动调节截图边界获得最优截图边界。

优选地，在步骤3)中，当目标待截图元素存在多重嵌套的html开始及结尾标签时，自动从最小层级html开始及结尾标签向上扩大一个层级的html开始及结尾标签，确定截图边界。

优选地，在步骤4)中，通过自动复制或手动复制的方式完成截图复制。

根据本发明的另一方面，提出了一种基于浏览器插件的按元素截图装置。所述装置可以包括：

启动模块，用于启动浏览器截图插件；

目标跟踪模块，用于鼠标移动至目标待截图元素，跟踪鼠标及鼠标停留位置，确定目标待截图元素；

截图边界识别模块，用于基于识别html开始及结尾的标签确定所述目标待截图元素的截图边界；

图像复制模块，用于完成截图复制。

优选地，所述装置还包括一键返回模块，用于退出所述浏览器截图插件。

优选地，在所述图像复制模块中，通过自动复制或手动复制的方式完成截图复制。

优选地，还包括截图区域增选模块，用于当目标待截图元素存在多重嵌套的html开始及结尾标签时，自动从最小层级html开始及结尾标签向上扩大一个层级的html开始及结尾标签，确定截图边界。