[发明专利]一种实现在浏览器页面中进行截图的方法和装置

说明书

本发明公开了一种实现在浏览器页面中进行截图的方法和装置，该方法包括：响应于用户在移动设备的浏览器页面上触发截图功能的操作，跳转到截图编辑页面；响应于用户在所述截图编辑页面上进行截图编辑的操作，完成相应的截图编辑；响应于用户在截图编辑页面上触发编辑结束事件的操作，获取编辑完成的截图图片，并保存到所述移动终端本地的指定数据库中。本发明提供的技术方案在无需调用其他截图工具或第三方软件的截图功能的情况下，实现了对浏览器页面的截图，简化了在浏览器页面中进行截图的操作流程；并通过对截图图片的编辑，进一步明确了用户的截图目标，给用户更加便捷、流畅的截图体验。

技术领域

本发明涉及互联网技术领域，具体涉及一种实现在浏览器页面中进行截图的方法和装置。

背景技术

随着移动互联网技术的迅速发展，移动互联网用户数量日益增多，移动设备代替PC成为了用户进行网上行为的主要终端，用户的网页访问行为从原来的基于PC的浏览器访问逐渐转变成基于移动设备的浏览器访问。用户在移动设备上利用浏览器进行网页访问时，可能会对网页中的图片、文字等静态网页元素产生兴趣，想要将其保存在移动设备本地以方便随时查看，由此便产生了截图需求。

在现有技术中，往往通过调用移动设备自带的截图功能或者调用第三方软件的截图功能来实现在浏览器页面中进行截图的功能。在利用该方案进行截图时，用户需要熟知截图功能接口的调用方法，或者，用户需要先从当前浏览器页面退出，开启相应的具有截图功能的第三软件后，再重新进入浏览器页面进行截图，操作过程十分繁琐，费时费力；并且，该方案生成的截图图片一般是当前浏览器页面整体对应的图片，无法进行自定义的编辑，使得用户的截图目标无法精确化，不符合用户需求。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的一种实现在浏览器页面中进行截图的方法和装置。

依据本发明的一个方面，提供了一种实现在浏览器页面中进行截图的方法，该方法包括：

响应于用户在移动设备的浏览器页面上触发截图功能的操作，跳转到截图编辑页面；其中，该截图编辑页面上的编辑对象图片为触发截图功能时刻的浏览器页面的快照图片；

响应于用户在所述截图编辑页面上进行截图编辑的操作，完成相应的截图编辑；

响应于用户在截图编辑页面上触发编辑结束事件的操作，获取编辑完成的截图图片，并保存到所述移动终端本地的指定数据库中。

可选地，所述跳转到截图编辑页面包括：

获取触发截图功能时刻的浏览器页面的快照图片，并去除快照图片中的状态栏后显示在截图编辑页面的图片显示区；

在截图编辑页面的功能按钮区显示编辑相关按钮；

在截图编辑页面的图片显示区上绘制截取框。

可选地，响应于用户在所述截图编辑页面上进行截图编辑的操作，完成相应的截图编辑包括：

根据用户对所述截取框的缩放和挪动操作调整所述截取框的大小和位置。

可选地，所述编辑相关按钮包括：取消按钮、截全屏按钮和截选区按钮；

响应于用户在截图编辑页面上触发编辑结束事件的操作，获取编辑完成的截图图片包括：

当用户触发截全屏按钮时，将触发截图功能时刻的浏览器页面的快照图片作为截图图片；

或者，当用户触发截选区按钮时，获取截取框的位置和大小，根据截取框中截取相应图片作为截图图片。

可选地，该方法进一步包括：

响应于用户在截图编辑页面上触发编辑结束事件的操作，跳转到截图涂鸦页面；其中，该截图涂鸦页面上的涂鸦对象为所述编辑完成的截图图片；