CN110244896A - 网页内截图方法、装置、控制器及存储介质 - Google Patents
网页内截图方法、装置、控制器及存储介质 Download PDFInfo
- Publication number
- CN110244896A CN110244896A CN201910550876.6A CN201910550876A CN110244896A CN 110244896 A CN110244896 A CN 110244896A CN 201910550876 A CN201910550876 A CN 201910550876A CN 110244896 A CN110244896 A CN 110244896A
- Authority
- CN
- China
- Prior art keywords
- webpage
- screenshot
- display
- essential elements
- display area
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Information Transfer Between Computers (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及一种网页内截图方法、截图装置、控制器及计算机可读存储介质，该方法包括:接收截图指令，获取网页中在显示区域所显示的显示页面；遍历网页的元素节点，以确定显示页面内的页面内容；调整网页内容，以得到目标网页内容；将目标网页内容转换为网页截图。通过本发明的网页内截图方法，能够自动截取当前显示的网页内容，使得用户不需截图区域的选择，同时能够取出网页内的不必要元素，保证了用户的隐私数据不被截取。
Description
技术领域
本发明涉及互联网技术领域，尤其涉及一种网页内截图方法、截图装置、控制器及计算机可读存储介质。
背景技术
随着互联网技术的发展，越来越多的用户使用浏览器浏览网页，而在浏览网页的过程中，根据用户的需求对网页进行截图，当前采用的多为系统自带的截图工具或者安装第三方应用来完成对网页的截图，但是系统自带的截图工具会将整个屏幕无差别截图，包括桌面、任务栏等其他非网页内容，增加了用户需要后期处理的工作量，并且各操作系统的截图工具的操作方法和快捷键也不相同，若用户采用第三方应用进行截图，则需要进行单独安装，并且需要用户进行截图区域的操作，降低了用户的体验度。
发明内容
本发明所要解决的技术问题在于，提供一种网页内截图方法、截图装置、控制器及计算机可读存储介质，该方法在接收到用户下达的指令后，即可自动完成对当前显示网页的截图，不需用户进行区域的选择，提升了用户的体验度，同时能够自动去除网页中的非必要元素，进而使得在完成网页内截图的同时，保证了用户的隐私数据或界面不被截取。
为了解决上述技术问题，根据本发明一方面，提供了一种网页内截图方法，该方法包括:
接收截图指令，获取网页中在显示区域所显示的显示页面；
遍历所述网页的元素节点，以确定所述显示页面内的页面内容；
调整所述网页内容，以得到目标网页内容；
将所述目标网页内容转换为网页截图。
进一步的，所述网页内容包括必要元素和非必要元素；以及所述调整所述网页内容，以得到目标网页内容的步骤，包括：
修正所述必要元素并去除所述非必要元素，以得到所述目标网页内容。
进一步的，所述修正所述必要元素具体包括：
检测所述必要元素是够完全处于所述显示区域内；
当检测到所述必要元素未完全处于所述显示区域内时，删除所述必要元素未处于所述显示区域内的部分。
进一步的，所述修正所述必要元素具体包括：
获取所述必要元素的定位方式；
根据所述定位方式调节所述必要元素在所述显示页面内的位置。
进一步地，所述遍历所述网页的元素节点，以确定所述显示页面内的页面内容的步骤，包括：
获取所述网页的Body的DOM树；
遍历所述DOM树的元素节点，以获取各所述元素节点的位置和所述元素节点的高度和/或宽度；
根据所述元素节点的所述位置和所述素节点的所述高度和/或所述宽度确定出所述显示页面内的所述页面内容。
进一步地，所述接收截图指令，获取网页中显示区域所显示的显示页面的步骤，包括：
在接收到所述截图指令后，获取所述网页的滚动条位置和所述显示区域的显示高度和/或显示宽度；
根据所述滚动条位置和所述显示高度和/或所述显示宽度确定所述显示页面。
进一步地，网页内截图方法，还包括：
将所述网页截图发送至服务器，以使所述服务器存储并发送所述网页截图。
根据本发明另一方面，提供一种网页内截图装置，该装置包括：获取模块、遍历模块、调整模块和转换模块。
其中，获取模块，用于在接收截图指令后，获取网页中在显示区域所显示的显示页面；
遍历模块，用于遍历所述网页的元素节点，以确定所述显示页面内的页面内容；
调整模块，用于调整所述网页内容，以得到目标网页内容；
转换模块，用于将所述目标网页内容转换为网页截图。
进一步地，所述网页内容包括必要元素和非必要元素；以及所述调整模块具体用于：
修正所述必要元素并去除所述非必要元素，以得到所述目标网页内容。
进一步地，所述修正所述必要元素具体包括：
检测所述必要元素是够完全处于所述显示区域内；
当检测到所述必要元素未完全处于所述显示区域内时，删除所述必要元素未处于所述显示区域内的部分。
进一步的，所述修正所述必要元素具体包括：
获取所述必要元素的定位方式；
根据所述定位方式调节所述必要元素在所述显示页面内的位置。
进一步地，所述遍历模块，包括：
第一获取子模块，用于获取所述网页的Body的DOM树；；
遍历子模块，用于遍历所述DOM树的元素节点，以获取各所述元素节点的位置和所述元素节点的高度和/或宽度；
第一确定子模块，用于根据所述元素节点的所述位置和所述元素节点的所述高度和/或所述宽度确定出所述显示页面内的所述页面内容。
进一步地，所述获取模块，包括：
第二获取子模块，用于在接收到所述截图指令后，获取所述网页的滚动条位置和所述显示区域的显示高度和/或显示宽度；
第二确定子模块，用于根据所述滚动条位置和所述显示高度和/或所述显示宽度确定所述显示页面。
进一步地，网页内截图装置，还包括：
发送模块，用于将所述网页截图发送至服务器，以使所述服务器存储并发送所述网页截图。
根据本发明又一方面，提供一种控制器，其包括存储器与处理器，所述存储器存储有计算机程序，所述程序在被所述处理器执行时能够实现上述任意一项所述的方法的步骤。
根据本发明再一方面，提供一种计算机可读存储介质，用于存储计算机程序，所述程序在由一计算机或处理器执行时实现上述任意一项所述的方法的步骤。
本发明与现有技术相比具有明显的优点和有益效果。借由上述技术方案，本发明一种网页内截图方法和网页内截图装置可达到相当的技术进步性及实用性，并具有产业上的广泛利用价值，其至少具有下列优点：
(1)通过本发明的方法使得在任意操作系统下，均能够采用相同的截图指令，即可完成网页内截图，并且不需用户在单独安装第三方应用，同时会自动截取出浏览器内当前显示的网页内容，不需用户再进行截图区域的选择，使得网页内截图更加的便捷、高效。
(2)在网页内截图过程中，自动识别出非必要元素，并去除该非必要元素，使得截图内不会包含非网页内的内容，既保证了网页内截图的洁净度，同时保证用户的隐私信息不会被截取。
(3)在网页截图过程中，当浏览器内当前显示的网页中的必要元素未完全显示在浏览器的显示区域内时，能够自动删除该必要元素未显示在显示区域的部分，进而使得网页内截图能够与当前显示区域内显示的网页内容一致。
上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其他目的、特征和优点能够更明显易懂，以下特举较佳实施例，并配合附图,详细说明如下。
附图说明
图1为本发明一实施例的网页内截图方法的流程示意图；
图2为本发明一实施例的网页内截图装置的示意框图；
图3为图2所示的遍历模块的示意框图；
图4为图2所示的获取模块的示意框图。
具体实施方式
为更进一步阐述本发明为达成预定发明目的所采取的技术手段及功效,以下结合附图及较佳实施例，对依据本发明提出的一种网页内截图方法、网页内截图装置、控制器及计算机可读存储介质的具体实施方式及其功效，详细说明如后。
本发明实施例提供了一种网页内截图方法，如图1所示，包括:
步骤S10、接收截图指令，获取网页中在显示区域所显示的显示页面。
具体地，可以根据不同的应用环境设置不同的操作方式来实现截图指令的下达。例如，在电脑端，可以设置通过特定的按键来实现截图指令的下达，在手机端，可以设置在网页内敲击屏幕的方式来实现截图指令的下达。当然，上述仅仅是举例说明截图指令下达的操作方式，还可以通过其他操作方式实现截图指令的下达。
可知的是，在实际应用中，通过浏览器浏览网页时，若网页的内容过多时，网页的全部内容是无法同时显示在屏幕中的，往往是通过拖动滚动条的方式来实现网页内容的滚动的。同时，因为显示屏幕的大小的不同，显示区域也会不同，进而导致显示区域显示的网页内容的多少也会不同。
因此，在对网页进行截图时，需要根据网页的滚动条所处的当前的位置(包括纵向滚动条的位置和/或横向滚动条的位置)与显示区域的显示高度和/或显示宽度来确定出显示区域内当前所显示的网页的内容。
当接收到用户下达的截图指令后，首先应获取网页的滚动条位置和显示区域的显示高度和/或显示宽度，来确定出网页中显示在显示区域的显示页面，即当前显示区域所显示的网页的内容。
步骤S20、遍历网页的元素节点，以确定显示页面内的页面内容。
可知的是，网页中的内容是通过Body的DOM树的方式进行展示的，其中，Body是HTML元素标签的一种，表示网页的主要节点；DOM表示HTML在浏览器内显示，会被渲染成一颗树状节点元素集合；HTML是一种万维网页面的标准语言，是浏览器使用的一种语言。因此，需要遍历DOM树的元素节点来确定出各元素节点的位置，以此来判断哪些元素节点是处于显示页面内的。
首先获取网页的Body的DOM树，遍历DOM树的元素节点，以获取到各元素节点所处在网页中的位置与个元素节点的高度和/或宽度，进而即可通过该元素节点的位置和该元素节点的高度和/或宽度确定出哪些元素节点是处于显示页面中的，处于显示页面中的元素节点即为网页内容。
步骤S30、调整网页内容，以得到目标网页内容。
可知的是，因为存在各元素节点的高度和/或宽度不同，各元素节点采用的定位方式不同等因素，使得通过上述方式确定的网页内容并不是当前显示区域所显示的内容，并且在显示区域所显示的内容中会包含有一些不必要的元素(即非必要元素)，其中，该非必要元素可以根据实际需求进行设置，例如在理财网页中所显示的余额等等。因此在确定出网页内容后，需要对网页内容进行调整，以得到目标网页内容。
具体地，调整网页内容包括修正必要元素并去除非必要元素。
可理解的是，页面内容中会包含有必要元素和非必要元素，非必要元素不必显示在截图中，因此将非必要元素去除即可，而必要元素则需要保留在截图中，但是为了能够使得网页截图与显示区域所显示的网页内容相同，需要对必要元素进行修正。
示例1，当必要元素的部分处于显示区域内的显示页面时，在确定网页内容时，该必要元素是整体的被确定为属于页面内容的，但是当前显示区域仅仅是显示了该必要元素的一部分，因此需要对这种情况下的必要元素进行修正。
具体地，需要检测必要元素是否完全处于显示区域内，若是，则将该必要元素确定为属于网页内容即可，若否，则需要删除该必要元素未处于显示区域内的部分，仅将处于显示区域内的部分确定为属于网页内容。
示例2，可知的是，在网页的组成部分中，会包含有通过定位将部分元素固定显示在显示区域内，其是根据显示区域的位置进行定位的，并不会随着滚动条的拖动而发生位置变化。例如，一些网页将搜索栏固定在显示区域的一个位置上，无论用户如何拖动滚动条，其始终处于该位置。因此，这些通过定位方式将其固定在显示区域的一个位置上的必要元素，需要对其位置进行修正后才能够显示在截图中，并且根据定位方式的不同，其修正方法也不相同。
具体地，首先获取必要元素的定位方式，进而根据获取到的定位方式调节必要元素在显示页面内的位置。
在一个实施例中，当检测到必要元素通过Fxied定位方式进行定位，且定位在显示区域的最顶端时，那么需要对该必要元素的top值进行修改，在原top值的基础上增加纵向滚动条高度。当然，根据其定位位置的不同，对top值的修改也不相同。
步骤S40、将目标网页内容转换为网页截图。
具体地，在确定目标网页内容后，将该目标网页内容转换为网页截图即可，当然还可以对转换后的网页截图进行渲染，以提升转化后网页截图的视觉效果。
例如，通过浏览器自带的转换功能，将HTML格式的目标网页内容转换为SVG格式的网页截图。
进一步地，在将目标网页内容转换为网页截图后，可以将该网页截图发送至服务器，通过服务器保存并发送该网页截图。
例如，可以将邮箱与服务器约定对应的接口，当服务器收到网页截图后，即可将该网页截图发送至该邮箱。该邮箱可以是网站开发人员的邮箱，当用户发现网站存在问题时，即可截取网页获得网页截图，进而通过服务器发送给网站开发人员，从而能够使得网站开发人员能够快速、精确地得到用户发现的问题。当然，可以根据不同的需求分别设置不同的应用与服务器预定对应的接口，此处不再一一赘述。
本发明实施例还提供了一种网页内截图装置，如图2所示，该装置包括：获取模块10、遍历模块20、调整模块30和转换模块40，其中，获取模块10用于在接收截图指令后，获取网页中显示区域所显示的显示页面；遍历模块20用于遍历网页的元素节点，以确定显示页面内的页面内容；调整模块30用于调整网页内容，以得到目标网页内容；转换模块40用于将目标网页内容转换为网页截图。
具体地，可以根据不同的应用环境设置不同的操作方式来实现截图指令的下达。例如，在电脑端，可以设置通过特定的按键来实现截图指令的下达，在手机端，可以设置在网页内敲击屏幕的方式来实现截图指令的下达。当然，上述仅仅是举例说明截图指令下达的操作方式，还可以通过其他操作方式实现截图指令的下达。
在一实施例中，如图4所示，获取模块10，包括：第二获取子模块101和第二确定子模块102。
其中，第二获取子模块101用于在接收到截图指令后，获取网页的滚动条高度和显示区域的显示高度；第二确定子模块102用于根据滚动条高度和显示高度确定显示页面。
可知的是，在实际应用中，通过浏览器浏览网页时，若网页的内容过多时，网页的全部内容是无法同时显示在屏幕中的，往往是通过拖动滚动条的方式来实现网页内容的滚动的。同时，因为显示屏幕的大小的不同，显示区域也会不同，进而导致显示区域显示的网页内容的多少也会不同。
因此，在对网页进行截图时，需要根据网页的滚动条所处的当前的位置(包括纵向滚动条的位置和/或横向滚动条的位置)与显示区域的显示高度和/或显示宽度来确定出显示区域内当前所显示的网页的内容。
当接收到用户下达的截图指令后，首先应获取网页的滚动条位置和显示区域的显示高度和/或显示宽度，来确定出网页中显示在显示区域的显示页面，即当前显示区域所显示的网页的内容。
在一实施例中，如图3所示，遍历模块20，包括：第一获取子模块201、遍历子模块202和第一确定子模块203。
其中，第一获取子模块201用于获取所述网页的Body的DOM树；遍历子模块202用于遍历所述DOM树的元素节点，以获取各所述元素节点的位置和所述元素节点的高度和/或宽度；第一确定子模块203用于根据所述元素节点的所述位置和所述元素节点的所述高度和/或所述宽度确定出所述显示页面内的所述页面内容。
可知的是，网页中的内容是通过Body的DOM树的方式进行展示的，其中，Body是HTML元素标签的一种，表示网页的主要节点；DOM表示HTML在浏览器内显示，会被渲染成一颗树状节点元素集合；HTML是一种万维网页面的标准语言，是浏览器使用的一种语言。因此，需要遍历DOM树的元素节点来确定出各元素节点的位置，以此来判断哪些元素节点是处于显示页面内的。
首先获取网页的Body的DOM树，遍历DOM树的元素节点，以获取到各元素节点所处在网页中的位置与各元素节点的高度和/或宽度，进而即可通过该元素节点的位置和该元素节点的高度和/或宽度确定出哪些元素节点是处于显示页面中的，处于显示页面中的元素节点即为网页内容。
可知的是，因为存在各元素节点的高度和/或宽度不同，各元素节点采用的定位方式不同等因素，使得通过上述方式确定的网页内容并不是当前显示区域所显示的内容，并且在显示区域所显示的内容中会包含有一些不必要的元素(即非必要元素)，其中，该非必要元素可以根据实际需求进行设置，例如理财网页中所显示的余额等等。因此在确定出网页内容后，需要对网页内容进行调整，以得到目标网页内容。
具体地，调整网页内容包括修正必要元素并去除非必要元素。
可理解的是，页面内容中会包含有必要元素和非必要元素，非必要元素不必显示在截图中，因此将非必要元素去除即可，而必要元素则需要保留在截图中，但是为了能够使得网页截图与显示区域所显示的网页内容相同，需要对必要元素进行修正。
示例1，修正必要元素具体包括：检测必要元素是够完全处于显示区域内；当检测到必要元素未完全处于显示区域内时，删除必要元素未处于显示区域内的部分。
当必要元素的部分处于显示区域内的显示页面时，在确定网页内容时，该必要元素是整体的被确定为属于页面内容的，但是当前显示区域仅仅是显示了该必要元素的一部分，因此需要对这种情况下的必要元素进行修正。
具体地，需要检测必要元素是否完全处于显示区域内，若是，则将该必要元素确定为属于网页内容即可，若否，则需要删除该必要元素未处于显示区域内的部分，仅将处于显示区域内的部分确定为属于网页内容。
示例2，修正必要元素具体包括：获取必要元素的定位方式；根据定位方式调节必要元素在显示页面内的位置。
可知的是，在网页的组成部分中，会包含有通过定位将部分元素固定显示在显示区域内，其是根据显示区域的位置进行定位的，并不会随着滚动条的拖动而发生位置变化。例如，一些网也将搜索栏固定在显示区域的一个位置上，无论用户如何拖动滚动条，其始终处于该位置。因此，这些通过定位方式将其固定在显示区域的一个位置上的必要元素，需要对其位置进行修正后才能够显示在截图中，并且根据定位方式的不同，其修正方法也不相同。
具体地，首先获取必要元素的定位方式，进而根据获取到的定位方式调节必要元素在显示页面内的位置。
在一个实施例中，当检测到必要元素通过Fxied定位方式进行定位，且定位在显示区域的最顶端时，那么需要对该必要元素的top值进行修改，在原top值的基础上增加纵向滚动条高度。当然，根据其定位位置的不同，对top值的修改也不相同。
具体地，在确定目标网页内容后，将该目标网页内容转换为网页截图即可，当然还可以对转换后的网页截图进行渲染，以提升转化后网页截图的视觉效果。
例如，通过浏览器自带的转换功能，将HTML格式的目标网页内容转换为SVG格式的网页截图。
进一步地，如图2所示，网页内截图装置还包括发送模块50，该发送模块50用于在目标网页内容转换为网页截图后，将该网页截图发送至服务器，通过服务器保存并发送该网页截图。
例如，可以将邮箱与服务器约定对应的接口，当服务器收到网页截图后，即可将该网页截图发送至该邮箱。该邮箱可以是网站开发人员的邮箱，当用户发现网站存在问题时，即可截取网页获得网页截图，进而通过服务器发送给网站开发人员，从而能够使得网站开发人员能够快速、精确地得到用户发现的问题。当然，可以根据不同的需求分别设置不同的应用于服务器预定对应的接口，此处不再一一赘述。
本发明实施例还提供一种控制器，其包括存储器与处理器，所述存储器存储有计算机程序，所述程序在被所述处理器执行时能够实现所述方法的步骤。
本发明实施例还提供一种计算机可读存储介质，用于存储计算机程序，所述程序在由一计算机或处理器执行时实现所述方法的步骤。
以上所述，仅是本发明的较佳实施例而已，并非对本发明作任何形式上的限制，虽然本发明已以较佳实施例揭露如上，然而并非用以限定本发明,任何熟悉本专业的技术人员，在不脱离本发明技术方案范围内,当可利用上述揭示的技术内容作出些许更动或修饰为等同变化的等效实施例,但凡是未脱离本发明技术方案的内容，依据本发明的技术实质对以上实施例所作的任何简单修改、等同变化与修饰，均仍属于本发明技术方案的范围内。
Claims (16)
1.一种网页内截图方法，其特征在于，包括:
接收截图指令，获取网页中在显示区域所显示的显示页面；
遍历所述网页的元素节点，以确定所述显示页面内的页面内容；
调整所述网页内容，以得到目标网页内容；
将所述目标网页内容转换为网页截图。
2.根据权利要求1所述的网页内截图方法，其特征在于，所述网页内容包括必要元素和非必要元素；以及
所述调整所述网页内容，以得到目标网页内容的步骤，包括：
修正所述必要元素并去除所述非必要元素，以得到所述目标网页内容。
3.根据权利要求2所述的网页内截图方法，其特征在于，所述修正所述必要元素具体包括：
检测所述必要元素是否完全处于所述显示区域内；
当检测到所述必要元素未完全处于所述显示区域内时，删除所述必要元素未处于所述显示区域内的部分。
4.根据权利要求2所述的网页内截图方法，其特征在于，所述修正所述必要元素具体包括：
获取所述必要元素的定位方式；
根据所述定位方式调节所述必要元素在所述显示页面内的位置。
5.根据权利要求1所述的网页内截图方法，其特征在于，所述遍历所述网页的元素节点，以确定所述显示页面内的页面内容的步骤，包括：
获取所述网页的Body的DOM树；
遍历所述DOM树的元素节点，以获取各所述元素节点的位置和所述元素节点的高度和/或宽度；
根据各所述元素节点的所述位置和所述元素节点的所述高度和/或所述宽度确定出所述显示页面内的所述页面内容。
6.根据权利要求1所述的网页内截图方法，其特征在于，所述接收截图指令，获取网页中在显示区域所显示的显示页面的步骤，包括：
在接收到所述截图指令后，获取所述网页的滚动条位置和所述显示区域的显示高度和/或显示宽度；
根据所述滚动条位置和所述显示高度和/或所述显示宽度确定所述显示页面。
7.根据权利要求1-6中任一项所述的网页内截图方法，其特征在于，还包括：
将所述网页截图发送至服务器，以使所述服务器存储并发送所述网页截图。
8.一种网页内截图装置，其特征在于，包括：
获取模块，用于在接收截图指令后，获取网页中在显示区域所显示的显示页面；
遍历模块，用于遍历所述网页的元素节点，以确定所述显示页面内的页面内容；
调整模块，用于调整所述网页内容，以得到目标网页内容；
转换模块，用于将所述目标网页内容转换为网页截图。
9.根据权利要求8所述的网页内截图装置，其特征在于，所述网页内容包括必要元素和非必要元素；以及
所述调整模块具体用于：
修正所述必要元素并去除所述非必要元素，以得到所述目标网页内容。
10.根据权利要求9所述的网页内截图装置，其特征在于，所述修正所述必要元素具体包括：
检测所述必要元素是够完全处于所述显示区域内；
当检测到所述必要元素未完全处于所述显示区域内时，删除所述必要元素未处于所述显示区域内的部分。
11.根据权利要求9所述的网页内截图装置，其特征在于，所述修正所述必要元素具体包括：
获取所述必要元素的定位方式；
根据所述定位方式调节所述必要元素在所述显示页面内的位置。
12.根据权利要求8所述的网页内截图装置，其特征在于，所述遍历模块，包括：
第一获取子模块，用于获取所述网页的Body的DOM树；；
遍历子模块，用于遍历所述DOM树的元素节点，以获取各所述元素节点的位置和所述元素节点的高度和/或宽度；
第一确定子模块，用于根据所述元素节点的所述位置和所述元素节点的所述高度和/或所述宽度确定出所述显示页面内的所述页面内容。
13.根据权利要求8所述的网页内截图装置，其特征在于，所述获取模块，包括：
第二获取子模块，用于在接收到所述截图指令后，获取所述网页的滚动条位置和所述显示区域的显示高度和/或显示宽度；
第二确定子模块，用于根据所述滚动条位置和所述显示高度和/或所述显示宽度确定所述显示页面。
14.根据权利要求8-13中任一项所述的网页内截图装置，其特征在于，还包括：
发送模块，用于将所述网页截图发送至服务器，以使所述服务器存储并发送所述网页截图。
15.一种控制器，其包括存储器与处理器，所述存储器存储有计算机程序，所述程序在被所述处理器执行时能够实现权利要求1至7中任意一项权利要求所述的方法的步骤。
16.一种计算机可读存储介质，用于存储计算机程序，所述程序在由一计算机或处理器执行时实现如权利要求1至7中任意一项权利要求所述的方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910550876.6A CN110244896A (zh) | 2019-06-24 | 2019-06-24 | 网页内截图方法、装置、控制器及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910550876.6A CN110244896A (zh) | 2019-06-24 | 2019-06-24 | 网页内截图方法、装置、控制器及存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110244896A true CN110244896A (zh) | 2019-09-17 |
Family
ID=67889152
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910550876.6A Pending CN110244896A (zh) | 2019-06-24 | 2019-06-24 | 网页内截图方法、装置、控制器及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110244896A (zh) |
Cited By (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110928628A (zh) * | 2019-11-22 | 2020-03-27 | 网易（杭州）网络有限公司 | 游戏元素的处理方法和装置、存储介质及处理器 |
| CN111090375A (zh) * | 2019-11-21 | 2020-05-01 | 深圳前海环融联易信息科技服务有限公司 | 一种智能网页截图方法、装置、计算机设备及存储介质 |
| CN111694493A (zh) * | 2020-06-08 | 2020-09-22 | 杭州有赞科技有限公司 | 一种网页截图方法、计算机设备及可读存储介质 |
| CN112036123A (zh) * | 2020-08-31 | 2020-12-04 | 北京奇虎鸿腾科技有限公司 | 基于网页页面的pdf生成方法、装置、设备及存储介质 |
| CN112068919A (zh) * | 2020-09-17 | 2020-12-11 | 北京五八信息技术有限公司 | 一种网页截屏处理方法、装置、电子设备及存储介质 |
| CN113254820A (zh) * | 2021-06-11 | 2021-08-13 | 支付宝(杭州)信息技术有限公司 | 一种网页存证方法、装置及系统 |
| CN113434243A (zh) * | 2021-08-27 | 2021-09-24 | 深圳市活力天汇科技股份有限公司 | 基于Weex页面的截图方法、装置、设备及存储介质 |
| CN117093386A (zh) * | 2023-10-19 | 2023-11-21 | 腾讯科技（深圳）有限公司 | 页面截图方法、装置、计算机设备和存储介质 |
Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101021872A (zh) * | 2007-01-17 | 2007-08-22 | 深圳市光芒科技有限公司 | 一种截取网页内容的方法 |
| CN103455315A (zh) * | 2012-06-04 | 2013-12-18 | 百度在线网络技术（北京）有限公司 | 一种用于实现截屏及获取对应目标信息的方法与设备 |
| CN104238913A (zh) * | 2014-09-02 | 2014-12-24 | 北京金山安全软件有限公司 | 截图方法、装置和电子设备 |
| US20150067476A1 (en) * | 2013-08-29 | 2015-03-05 | Microsoft Corporation | Title and body extraction from web page |
| CN104834753A (zh) * | 2015-05-28 | 2015-08-12 | 百度在线网络技术（北京）有限公司 | 生成网页截图的方法及其装置 |
| CN105095309A (zh) * | 2014-05-21 | 2015-11-25 | 腾讯科技（深圳）有限公司 | 网页处理方法和装置 |
| CN105117122A (zh) * | 2015-07-30 | 2015-12-02 | 深圳市金立通信设备有限公司 | 一种终端截屏方法及终端 |
| CN108279966A (zh) * | 2018-02-13 | 2018-07-13 | 广东欧珀移动通信有限公司 | 网页截图方法、装置、终端及存储介质 |
| CN108986009A (zh) * | 2018-06-11 | 2018-12-11 | 北京三快在线科技有限公司 | 图片的生成方法、装置及电子设备 |
-
2019
- 2019-06-24 CN CN201910550876.6A patent/CN110244896A/zh active Pending
Patent Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101021872A (zh) * | 2007-01-17 | 2007-08-22 | 深圳市光芒科技有限公司 | 一种截取网页内容的方法 |
| CN103455315A (zh) * | 2012-06-04 | 2013-12-18 | 百度在线网络技术（北京）有限公司 | 一种用于实现截屏及获取对应目标信息的方法与设备 |
| US20150067476A1 (en) * | 2013-08-29 | 2015-03-05 | Microsoft Corporation | Title and body extraction from web page |
| CN105095309A (zh) * | 2014-05-21 | 2015-11-25 | 腾讯科技（深圳）有限公司 | 网页处理方法和装置 |
| CN104238913A (zh) * | 2014-09-02 | 2014-12-24 | 北京金山安全软件有限公司 | 截图方法、装置和电子设备 |
| CN104834753A (zh) * | 2015-05-28 | 2015-08-12 | 百度在线网络技术（北京）有限公司 | 生成网页截图的方法及其装置 |
| CN105117122A (zh) * | 2015-07-30 | 2015-12-02 | 深圳市金立通信设备有限公司 | 一种终端截屏方法及终端 |
| CN108279966A (zh) * | 2018-02-13 | 2018-07-13 | 广东欧珀移动通信有限公司 | 网页截图方法、装置、终端及存储介质 |
| CN108986009A (zh) * | 2018-06-11 | 2018-12-11 | 北京三快在线科技有限公司 | 图片的生成方法、装置及电子设备 |
Cited By (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111090375A (zh) * | 2019-11-21 | 2020-05-01 | 深圳前海环融联易信息科技服务有限公司 | 一种智能网页截图方法、装置、计算机设备及存储介质 |
| CN110928628A (zh) * | 2019-11-22 | 2020-03-27 | 网易（杭州）网络有限公司 | 游戏元素的处理方法和装置、存储介质及处理器 |
| CN110928628B (zh) * | 2019-11-22 | 2022-12-27 | 网易（杭州）网络有限公司 | 游戏元素的处理方法和装置、存储介质及处理器 |
| CN111694493B (zh) * | 2020-06-08 | 2022-05-31 | 杭州有赞科技有限公司 | 一种网页截图方法、计算机设备及可读存储介质 |
| CN111694493A (zh) * | 2020-06-08 | 2020-09-22 | 杭州有赞科技有限公司 | 一种网页截图方法、计算机设备及可读存储介质 |
| CN112036123A (zh) * | 2020-08-31 | 2020-12-04 | 北京奇虎鸿腾科技有限公司 | 基于网页页面的pdf生成方法、装置、设备及存储介质 |
| CN112036123B (zh) * | 2020-08-31 | 2024-05-10 | 三六零数字安全科技集团有限公司 | 基于网页页面的pdf生成方法、装置、设备及存储介质 |
| CN112068919A (zh) * | 2020-09-17 | 2020-12-11 | 北京五八信息技术有限公司 | 一种网页截屏处理方法、装置、电子设备及存储介质 |
| CN112068919B (zh) * | 2020-09-17 | 2024-01-30 | 北京五八信息技术有限公司 | 一种网页截屏处理方法、装置、电子设备及存储介质 |
| CN113254820A (zh) * | 2021-06-11 | 2021-08-13 | 支付宝(杭州)信息技术有限公司 | 一种网页存证方法、装置及系统 |
| CN113434243A (zh) * | 2021-08-27 | 2021-09-24 | 深圳市活力天汇科技股份有限公司 | 基于Weex页面的截图方法、装置、设备及存储介质 |
| CN113434243B (zh) * | 2021-08-27 | 2021-12-10 | 深圳市活力天汇科技股份有限公司 | 基于Weex页面的截图方法、装置、设备及存储介质 |
| CN117093386A (zh) * | 2023-10-19 | 2023-11-21 | 腾讯科技（深圳）有限公司 | 页面截图方法、装置、计算机设备和存储介质 |
| CN117093386B (zh) * | 2023-10-19 | 2024-02-09 | 腾讯科技（深圳）有限公司 | 页面截图方法、装置、计算机设备和存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110244896A (zh) | 网页内截图方法、装置、控制器及存储介质 | |
| US20210337037A1 (en) | Method and system for monitoring and tracking browsing activity on handled devices | |
| KR102455232B1 (ko) | 콘텍스트 기반 탭 관리를 위한 방법 및 전자 장치 | |
| CN103314373B (zh) | 移动设备上大数据集的有效处理 | |
| JP6430020B2 (ja) | ウェブページのローディング方法およびシステム | |
| WO2015143956A1 (zh) | 一种拦截网页中的广告的方法及装置 | |
| US9922121B2 (en) | Search system, search method, terminal apparatus, and non-transitory computer-readable recording medium | |
| US20140289597A1 (en) | Method and device for displaying preview screen of hyperlink | |
| US20140075290A1 (en) | Window switching method and apparatus | |
| JP6255495B2 (ja) | ブラウザリソースの表示方法及び装置、並びにコンピュータ可読記憶媒体 | |
| CN102364460B (zh) | 基于移动终端的页面自动放大方法和系统 | |
| CN108021666A (zh) | 页面适配方法和装置 | |
| CN104182408A (zh) | 一种网页离线访问方法及装置 | |
| CN103176993B (zh) | 一种内容呈现设备和方法 | |
| CN106886547A (zh) | 一种脚本生成方法与装置 | |
| CN106886511A (zh) | 一种网络表格的处理方法及装置 | |
| CN102819556B (zh) | 查看图片的方法及装置 | |
| JP2012064207A (ja) | ホスト装置及びホスト装置のコンテンツ表示方法 | |
| CN111125592B (zh) | 应用程序的热力图渲染方法及其装置 | |
| CN104239326B (zh) | 一种对网页字体进行缩放的方法、装置和系统 | |
| KR20140107096A (ko) | 모바일 장치 및 모바일 장치의 동작 방법 | |
| EP2801920A1 (en) | Method and apparatus for displaying web page | |
| JP6764884B2 (ja) | 端末装置及びこれによるイメージ表示方法、並びにウェブサーバ及びこれによるウェブページ提供方法 | |
| CN113204401A (zh) | 浏览器渲染方法，终端及存储介质 | |
| US9794369B2 (en) | Active web page consolidator |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190917 |