网页截图方法、装置、终端及存储介质制造方法及图纸

本申请实施例公开了一种网页截图方法、装置、终端及存储介质，属于截图领域，所述方法包括：接收截图指令，截图指令中包含截图区域的区域信息，截图区域的部分或全部位于浏览器显示区域外；根据区域信息，确定截图区域中包含的目标网页内容，目标网页内容包括文字内容、图片内容和多媒体内容中的至少一种；根据目标网页内容生成网页截图。本申请实施例中，由于根据区域信息能够获取到浏览器显示区域以外的网页内容，因此能够解决使用浏览器进行网页截图时，只能截取浏览器窗口当前显示内容的问题，进而实现了利用浏览器对网页任意区域进行截图的效果。

Webpage screenshot method, device, terminal and storage medium

The application embodiment discloses a method, a device, a terminal and a storage medium for a web page. The method includes: receiving the command of the screenshot, including the area information of the plot of the screenshot, the part or all of the plot in the browser display area, and determining the screenshot according to the regional information. The content of the target page contained in the area, and the content of the target page includes at least one of the text content, the picture content and the multimedia content; the page screenshots are generated according to the content of the target web page. In this application example, the content of web pages outside the browser display area can be obtained from the area information according to the regional information. Therefore, it can only intercept the problem of the current content of the browser window when the browser is used to intercept the web page, and then the effect of using the browser to make a screenshot of any area of the web page is realized.

【技术实现步骤摘要】
网页截图方法、装置、终端及存储介质
本申请实施例涉及截图领域，特别涉及一种网页截图方法、装置、终端及存储介质。
技术介绍
浏览器作为终端中最常用的应用程序，被用作进行网页浏览。用户使用浏览器进行网页浏览的过程中，当浏览到感兴趣的内容时，通常会使用浏览器自带的截图工具进行截图操作。浏览器接收到截图指令时，即截取浏览器窗口当前显示的内容，并将其保存为图片格式，以便用户查看或进行分享。
技术实现思路
本申请实施例提供了一种网页截图方法、装置、终端及存储介质，可以用于解决进行网页截图时，只能截取浏览器窗口当前显示内容的问题。所述技术方案如下：第一方面，提供了一种网页截图方法，所述方法包括：接收截图指令，所述截图指令中包含截图区域的区域信息，所述截图区域的部分或全部位于浏览器显示区域外；根据所述区域信息，确定所述截图区域中包含的目标网页内容，所述目标网页内容包括文字内容、图片内容和多媒体内容中的至少一种；根据所述目标网页内容生成网页截图。第二方面，提供了一种网页截图装置，所述装置包括：指令接收模块，用于接收截图指令，所述截图指令中包含截图区域的区域信息，所述截图区域的部分或全部位于浏览器显示区域外；内容确定模块，用于根据所述区域信息，确定所述截图区域中包含的目标网页内容，所述目标网页内容包括文字内容、图片内容和多媒体内容中的至少一种；截图生成模块，用于根据所述目标网页内容生成网页截图。第三方面，提供了一种终端，所述终端包括处理器和存储器，所述存储器中存储有至少一条指令，所述指令由所述处理器加载并执行以实现如第一方面所述的网页截图方法。第四方面，提供了一种计算机可读存储介质，所述存储介质中存储有至少一条指令，所述指令由处理器加载并执行以实现如第一方面所述的网页截图方法。本申请实施例提供的技术方案带来的有益效果至少包括：当截图区域的部分或全部位于浏览器显示区域之外时，通过获取包含区域信息的截图指令，并根据该区域信息确定截图区域中包含的目标网页内容，从而根据目标网页内容生成网页截图；由于根据区域信息能够获取到浏览器显示区域以外的网页内容，因此能够解决使用浏览器进行网页截图时，只能截取浏览器窗口当前显示内容的问题，进而实现了利用浏览器对网页任意区域进行截图的效果。附图说明为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1和图2是本申请一个示例性实施例提供的终端的结构方框图；图3是浏览器显示区域中显示网页内容的界面示意图；图4示出了本申请一个示例性实施例提供的网页截图方法的流程图；图5示出了本申请另一个示例性实施例提供的网页截图方法的流程图；图6是浏览器生成网页截图过程的实施示意图；图7示出了本申请一个示例性实施例提供的网页截图装置的结构框图。具体实施方式为使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请实施方式作进一步地详细描述。在本申请的描述中，除非另有说明，“多个”是指两个或两个以上。“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。参考图1和图2所示，其示出了本申请一个示例性实施例提供的终端100的结构方框图。该终端100可以智能手机、平板电脑、笔记本电脑等。本申请中的终端100可以包括一个或多个如下部件：处理器110、存储器120和触摸显示屏130。其中，存储器120中存储有至少一条指令，所述指令由处理器110加载并执行以实现下述实施例所述的通知提醒方法。处理器110可以包括一个或者多个处理核心。处理器110利用各种接口和线路连接整个终端100内的各个部分，通过运行或执行存储在存储器120内的指令、程序、代码集或指令集，以及调用存储在存储器120内的数据，执行终端100的各种功能和处理数据。可选地，处理器110可以采用数字信号处理(DigitalSignalProcessing，DSP)、现场可编程门阵列(Field－ProgrammableGateArray，FPGA)、可编程逻辑阵列(ProgrammableLogicArray，PLA)中的至少一种硬件形式来实现。处理器110可集成中央处理器(CentralProcessingUnit，CPU)、图像处理器(GraphicsProcessingUnit，GPU)和调制解调器等中的一种或几种的组合。其中，CPU主要处理操作系统、用户界面和应用程序等；GPU用于负责触摸显示屏130所需要显示的内容的渲染和绘制；调制解调器用于处理无线通信。可以理解的是，上述调制解调器也可以不集成到处理器110中，单独通过一块芯片进行实现。存储器120可以包括随机存储器(RandomAccessMemory，RAM)，也可以包括只读存储器(Read-OnlyMemory)。可选地，该存储器120包括非瞬时性计算机可读介质(non-transitorycomputer-readablestoragemedium)。存储器120可用于存储指令、程序、代码、代码集或指令集。存储器120可包括存储程序区和存储数据区，其中，存储程序区可存储用于实现操作系统的指令、用于至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等)、用于实现下述各个方法实施例的指令等；存储数据区可存储根据终端100的使用所创建的数据(比如音频数据、电话本)等。以操作系统为安卓(Android)系统为例，存储器120中存储的程序和数据如图1所示，存储器120中存储有Linux内核层220、系统运行库层240、应用框架层260和应用层280。Linux内核层220为终端100的各种硬件提供了底层的驱动，如显示驱动、音频驱动、摄像头驱动、蓝牙驱动、Wi-Fi驱动、电源管理等。系统运行库层240通过一些C/C++库来为Android系统提供了主要的特性支持。如SQLite库提供了数据库的支持，OpenGL/ES库提供了3D绘图的支持，Webkit库提供了浏览器内核的支持等。在系统运行库层240中还提供有Android运行时库242(AndroidRuntime)，它主要提供了一些核心库，能够允许开发者使用Java语言来编写Android应用。应用框架层260提供了构建应用程序时可能用到的各种API，开发者也可以通过使用这些API来构建自己的应用程序，比如活动管理、窗口管理、视图管理、通知管理、内容提供者、包管理、通话管理、资源管理、定位管理。应用层280中运行有至少一个应用程序，这些应用程序可以是操作系统自带的联系人程序、短信程序、时钟程序、相机应用等；也可以是第三方开发者所开发的应用程序，比如即时通信程序、相片美化程序等。以操作系统为IOS系统为例，存储器120中存储的程序和数据如图2所示，IOS系统包括：核心操作系统层320(CoreOSlayer)、核心服务层340(CoreServiceslayer)、媒体层360(Medialayer)、可触摸层380(Coco本文档来自技高网...

【技术保护点】
1.一种网页截图方法，其特征在于，所述方法包括：接收截图指令，所述截图指令中包含截图区域的区域信息，所述截图区域的部分或全部位于浏览器显示区域外；根据所述区域信息，确定所述截图区域中包含的目标网页内容，所述目标网页内容包括文字内容、图片内容和多媒体内容中的至少一种；根据所述目标网页内容生成网页截图。

【技术特征摘要】
1.一种网页截图方法，其特征在于，所述方法包括：接收截图指令，所述截图指令中包含截图区域的区域信息，所述截图区域的部分或全部位于浏览器显示区域外；根据所述区域信息，确定所述截图区域中包含的目标网页内容，所述目标网页内容包括文字内容、图片内容和多媒体内容中的至少一种；根据所述目标网页内容生成网页截图。2.根据权利要求1所述的方法，其特征在于，所述根据所述区域信息，确定所述截图区域中包含的目标网页内容，包括：获取网页中包含的网页节点；根据所述区域信息从所述网页节点中筛选目标网页节点，所述目标网页节点在所述网页中的显示位置位于所述截图区域内；将所述目标网页节点确定为所述目标网页内容。3.根据权利要求2所述的方法，其特征在于，所述根据所述区域信息从所述网页节点中筛选目标网页节点，包括：获取所述网页的渲染Render树，所述Render树根据所述网页的文档对象模型DOM树和层叠样式表对象模型CSSOM树生成；对所述Render树进行布局，确定各个网页节点对应的位置信息，所述位置信息用于指示所述网页节点在所述网页中的显示位置；根据所述位置信息与所述区域信息筛选所述目标网页节点，所述目标网页节点的所述位置信息与所述区域信息匹配。4.根据权利要求2或3所述的方法，其特征在于，所述接收截图指令之后，所述方法还包括：创建截图缓存区域和刷新区域；所述根据所述目标网页内容生成网页截图，包括：对所述目标网页节点进行刷新排版；通过图形处理器GPU渲染刷新排版后的所述目标网页节点，并将渲染得到的节点图像写入所述刷新区域；对所述刷新区域中的所述节点图像进行合成渲染，并将合成图像写入所述截图缓存区域；对所述截图缓存区域中的所述合成图像进行编码，得到所述网页截图。5.根据权利要求1至3任一所述的方法，其特征在于，所述接收截图指令，包括：当浏览器在前台运行时，接收在浏览器界面触发的所述截图指令；或，当所述浏览器在后台运行时，接收前台应用程序向所述浏览器发送的所述截图指令，所述前台应用程序用于通过所述截图指令指示所述浏览器进行截图。6.一种网页截图装置，其特征在于，所述方法包括：指令接收模块，用于接收截图指令，所述截图指令中包含截图区域的区域信息，所述截图区域的部分或全部位于浏览器显示区域外；内容确定模块，用于根据所述区域信息，确定...

【专利技术属性】
技术研发人员：赵剑萍，
申请(专利权)人：广东欧珀移动通信有限公司，
类型：发明
国别省市：广东,44