网页内截图方法、装置、控制器及存储介质制造方法及图纸

本发明专利技术涉及一种网页内截图方法、截图装置、控制器及计算机可读存储介质，该方法包括:接收截图指令，获取网页中在显示区域所显示的显示页面；遍历网页的元素节点，以确定显示页面内的页面内容；调整网页内容，以得到目标网页内容；将目标网页内容转换为网页截图。通过本发明专利技术的网页内截图方法，能够自动截取当前显示的网页内容，使得用户不需截图区域的选择，同时能够取出网页内的不必要元素，保证了用户的隐私数据不被截取。

Method, Device, Controller and Storage Medium of Screening in Web Page

【技术实现步骤摘要】
网页内截图方法、装置、控制器及存储介质
本专利技术涉及互联网
，尤其涉及一种网页内截图方法、截图装置、控制器及计算机可读存储介质。
技术介绍
随着互联网技术的发展，越来越多的用户使用浏览器浏览网页，而在浏览网页的过程中，根据用户的需求对网页进行截图，当前采用的多为系统自带的截图工具或者安装第三方应用来完成对网页的截图，但是系统自带的截图工具会将整个屏幕无差别截图，包括桌面、任务栏等其他非网页内容，增加了用户需要后期处理的工作量，并且各操作系统的截图工具的操作方法和快捷键也不相同，若用户采用第三方应用进行截图，则需要进行单独安装，并且需要用户进行截图区域的操作，降低了用户的体验度。
技术实现思路
本专利技术所要解决的技术问题在于，提供一种网页内截图方法、截图装置、控制器及计算机可读存储介质，该方法在接收到用户下达的指令后，即可自动完成对当前显示网页的截图，不需用户进行区域的选择，提升了用户的体验度，同时能够自动去除网页中的非必要元素，进而使得在完成网页内截图的同时，保证了用户的隐私数据或界面不被截取。为了解决上述技术问题，根据本专利技术一方面，提供了一种网页内截图方法，该方法包括:接收截图指令，获取网页中在显示区域所显示的显示页面；遍历所述网页的元素节点，以确定所述显示页面内的页面内容；调整所述网页内容，以得到目标网页内容；将所述目标网页内容转换为网页截图。进一步的，所述网页内容包括必要元素和非必要元素；以及所述调整所述网页内容，以得到目标网页内容的步骤，包括：修正所述必要元素并去除所述非必要元素，以得到所述目标网页内容。进一步的，所述修正所述必要元素具体包括：检测所述必要元素是够完全处于所述显示区域内；当检测到所述必要元素未完全处于所述显示区域内时，删除所述必要元素未处于所述显示区域内的部分。进一步的，所述修正所述必要元素具体包括：获取所述必要元素的定位方式；根据所述定位方式调节所述必要元素在所述显示页面内的位置。进一步地，所述遍历所述网页的元素节点，以确定所述显示页面内的页面内容的步骤，包括：获取所述网页的Body的DOM树；遍历所述DOM树的元素节点，以获取各所述元素节点的位置和所述元素节点的高度和/或宽度；根据所述元素节点的所述位置和所述素节点的所述高度和/或所述宽度确定出所述显示页面内的所述页面内容。进一步地，所述接收截图指令，获取网页中显示区域所显示的显示页面的步骤，包括：在接收到所述截图指令后，获取所述网页的滚动条位置和所述显示区域的显示高度和/或显示宽度；根据所述滚动条位置和所述显示高度和/或所述显示宽度确定所述显示页面。进一步地，网页内截图方法，还包括：将所述网页截图发送至服务器，以使所述服务器存储并发送所述网页截图。根据本专利技术另一方面，提供一种网页内截图装置，该装置包括：获取模块、遍历模块、调整模块和转换模块。其中，获取模块，用于在接收截图指令后，获取网页中在显示区域所显示的显示页面；遍历模块，用于遍历所述网页的元素节点，以确定所述显示页面内的页面内容；调整模块，用于调整所述网页内容，以得到目标网页内容；转换模块，用于将所述目标网页内容转换为网页截图。进一步地，所述网页内容包括必要元素和非必要元素；以及所述调整模块具体用于：修正所述必要元素并去除所述非必要元素，以得到所述目标网页内容。进一步地，所述修正所述必要元素具体包括：检测所述必要元素是够完全处于所述显示区域内；当检测到所述必要元素未完全处于所述显示区域内时，删除所述必要元素未处于所述显示区域内的部分。进一步的，所述修正所述必要元素具体包括：获取所述必要元素的定位方式；根据所述定位方式调节所述必要元素在所述显示页面内的位置。进一步地，所述遍历模块，包括：第一获取子模块，用于获取所述网页的Body的DOM树；；遍历子模块，用于遍历所述DOM树的元素节点，以获取各所述元素节点的位置和所述元素节点的高度和/或宽度；第一确定子模块，用于根据所述元素节点的所述位置和所述元素节点的所述高度和/或所述宽度确定出所述显示页面内的所述页面内容。进一步地，所述获取模块，包括：第二获取子模块，用于在接收到所述截图指令后，获取所述网页的滚动条位置和所述显示区域的显示高度和/或显示宽度；第二确定子模块，用于根据所述滚动条位置和所述显示高度和/或所述显示宽度确定所述显示页面。进一步地，网页内截图装置，还包括：发送模块，用于将所述网页截图发送至服务器，以使所述服务器存储并发送所述网页截图。根据本专利技术又一方面，提供一种控制器，其包括存储器与处理器，所述存储器存储有计算机程序，所述程序在被所述处理器执行时能够实现上述任意一项所述的方法的步骤。根据本专利技术再一方面，提供一种计算机可读存储介质，用于存储计算机程序，所述程序在由一计算机或处理器执行时实现上述任意一项所述的方法的步骤。本专利技术与现有技术相比具有明显的优点和有益效果。借由上述技术方案，本专利技术一种网页内截图方法和网页内截图装置可达到相当的技术进步性及实用性，并具有产业上的广泛利用价值，其至少具有下列优点：(1)通过本专利技术的方法使得在任意操作系统下，均能够采用相同的截图指令，即可完成网页内截图，并且不需用户在单独安装第三方应用，同时会自动截取出浏览器内当前显示的网页内容，不需用户再进行截图区域的选择，使得网页内截图更加的便捷、高效。(2)在网页内截图过程中，自动识别出非必要元素，并去除该非必要元素，使得截图内不会包含非网页内的内容，既保证了网页内截图的洁净度，同时保证用户的隐私信息不会被截取。(3)在网页截图过程中，当浏览器内当前显示的网页中的必要元素未完全显示在浏览器的显示区域内时，能够自动删除该必要元素未显示在显示区域的部分，进而使得网页内截图能够与当前显示区域内显示的网页内容一致。上述说明仅是本专利技术技术方案的概述，为了能够更清楚了解本专利技术的技术手段，而可依照说明书的内容予以实施，并且为了让本专利技术的上述和其他目的、特征和优点能够更明显易懂，以下特举较佳实施例，并配合附图,详细说明如下。附图说明图1为本专利技术一实施例的网页内截图方法的流程示意图；图2为本专利技术一实施例的网页内截图装置的示意框图；图3为图2所示的遍历模块的示意框图；图4为图2所示的获取模块的示意框图。具体实施方式为更进一步阐述本专利技术为达成预定专利技术目的所采取的技术手段及功效,以下结合附图及较佳实施例，对依据本专利技术提出的一种网页内截图方法、网页内截图装置、控制器及计算机可读存储介质的具体实施方式及其功效，详细说明如后。本专利技术实施例提供了一种网页内截图方法，如图1所示，包括:步骤S10、接收截图指令，获取网页中在显示区域所显示的显示页面。具体地，可以根据不同的应用环境设置不同的操作方式来实现截图指令的下达。例如，在电脑端，可以设置通过特定的按键来实现截图指令的下达，在手机端，可以设置在网页内敲击屏幕的方式来实现截图指令的下达。当然，上述仅仅是举例说明截图指令下达的操作方式，还可以通过其他操作方式实现截图指令的下达。可知的是，在实际应用中，通过浏览器浏览网页时，若网页的内容过多时，网页的全部内容是无法同时显示在屏幕中的，往往是通过拖动滚动条的方式来实现网页内容的滚动的。同时，因为显示屏幕的大小的不同，显示区域也会不同，进而导致显示区域显示的网页内容的多少本文档来自技高网...

【技术保护点】
1.一种网页内截图方法，其特征在于，包括:接收截图指令，获取网页中在显示区域所显示的显示页面；遍历所述网页的元素节点，以确定所述显示页面内的页面内容；调整所述网页内容，以得到目标网页内容；将所述目标网页内容转换为网页截图。

【技术特征摘要】
1.一种网页内截图方法，其特征在于，包括:接收截图指令，获取网页中在显示区域所显示的显示页面；遍历所述网页的元素节点，以确定所述显示页面内的页面内容；调整所述网页内容，以得到目标网页内容；将所述目标网页内容转换为网页截图。2.根据权利要求1所述的网页内截图方法，其特征在于，所述网页内容包括必要元素和非必要元素；以及所述调整所述网页内容，以得到目标网页内容的步骤，包括：修正所述必要元素并去除所述非必要元素，以得到所述目标网页内容。3.根据权利要求2所述的网页内截图方法，其特征在于，所述修正所述必要元素具体包括：检测所述必要元素是否完全处于所述显示区域内；当检测到所述必要元素未完全处于所述显示区域内时，删除所述必要元素未处于所述显示区域内的部分。4.根据权利要求2所述的网页内截图方法，其特征在于，所述修正所述必要元素具体包括：获取所述必要元素的定位方式；根据所述定位方式调节所述必要元素在所述显示页面内的位置。5.根据权利要求1所述的网页内截图方法，其特征在于，所述遍历所述网页的元素节点，以确定所述显示页面内的页面内容的步骤，包括：获取所述网页的Body的DOM树；遍历所述DOM树的元素节点，以获取各所述元素节点的位置和所述元素节点的高度和/或宽度；根据各所述元素节点的所述位置和所述元素节点的所述高度和/或所述宽度确定出所述显示页面内的所述页面内容。6.根据权利要求1所述的网页内截图方法，其特征在于，所述接收截图指令，获取网页中在显示区域所显示的显示页面的步骤，包括：在接收到所述截图指令后，获取所述网页的滚动条位置和所述显示区域的显示高度和/或显示宽度；根据所述滚动条位置和所述显示高度和/或所述显示宽度确定所述显示页面。7.根据权利要求1-6中任一项所述的网页内截图方法，其特征在于，还包括：将所述网页截图发送至服务器，以使所述服务器存储并发送所述网页截图。8.一种网页内截图装置，其特征在于，包括：获取模块，用于在接收截图指令后，获取网页中在显示区域所显示的显示页面；遍历模块，用于遍历所述网页的元素节点，以确定所述显示页面内的...

【专利技术属性】
技术研发人员：耿朋，胡明，晋松，
申请(专利权)人：北京向上一心科技有限公司，
类型：发明
国别省市：北京,11