CN111046313A - 一种网页的智能截图方法、装置、计算机设备及存储介质 - Google Patents

一种网页的智能截图方法、装置、计算机设备及存储介质 Download PDF

Info

Publication number
CN111046313A
CN111046313A CN201911146803.7A CN201911146803A CN111046313A CN 111046313 A CN111046313 A CN 111046313A CN 201911146803 A CN201911146803 A CN 201911146803A CN 111046313 A CN111046313 A CN 111046313A
Authority
CN
China
Prior art keywords
height
screenshot
target
webpage
target webpage
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.)
Granted
Application number
CN201911146803.7A
Other languages
English (en)
Other versions
CN111046313B (zh
Inventor
冼东亮
李柏
李如先
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shenzhen Qianhai Huanrong Lianyi Information Technology Service Co Ltd
Original Assignee
Shenzhen Qianhai Huanrong Lianyi Information Technology Service Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Shenzhen Qianhai Huanrong Lianyi Information Technology Service Co Ltd filed Critical Shenzhen Qianhai Huanrong Lianyi Information Technology Service Co Ltd
Priority to CN201911146803.7A priority Critical patent/CN111046313B/zh
Publication of CN111046313A publication Critical patent/CN111046313A/zh
Application granted granted Critical
Publication of CN111046313B publication Critical patent/CN111046313B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • 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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
    • 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
    • G06F3/04845—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 for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
    • Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • Data Mining & Analysis (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明公开了一种网页的智能截图方法、装置、计算机设备及存储介质，所述方法包括：计算目标网页的网页高度，以及确定当前浏览器的截图高度的最大值，并根据所述截图高度的最大值设置一最佳分割高度；将所述网页高度除以所述最佳分割高度，并将得到的结果作为分割张数N；按照所述最佳分割高度对目标网页进行截图操作；在进行完本次截图操作后，控制所述目标网页向下滚动最佳分割高度的距离，并按照所述最佳分割高度对目标网页进行下一次截图操作；当进行N‑1次截图操作后，控制所述目标网页向下滚动至目标网页的底部时，并按照剩余分割高度对目标网页进行最后一次截图操作。本发明通过自动调整截图位置，有效保证了所截图片的完整和大小可控。

Description

一种网页的智能截图方法、装置、计算机设备及存储介质
技术领域
本发明涉及计算机软件技术领域，特别涉及一种网页的智能截图方法、装置、计算机设备及存储介质。
背景技术
现有技术中，通过浏览器进行网页长截图时，通常都是将整个网页保存为一张截图。但是当网页高度超出浏览器截图限制时，容易出现截图失真、截图不完整等问题，同时当图片文件过大时，也会出现图片传输慢、加载慢等问题。
因此，如何解决截图失真、不完整，是本领域技术人员需要面临的问题。
发明内容
本发明实施例提供了一种网页的智能截图方法、装置、计算机设备及存储介质，旨在通过自动调整截图位置，有效保证了所截图片的完整和大小可控。
第一方面，本发明实施例提供了一种网页的智能截图方法，包括：
对目标网页进行加载，并根据所述目标网页的构成元素判断是否加载完成；
当加载完成后，计算所述目标网页的网页高度，以及确定当前浏览器的截图高度的最大值，并根据所述截图高度的最大值设置一最佳分割高度，使所述最佳分割高度小于或等于所述当前浏览器的截图高度的最大值；
将所述网页高度除以所述最佳分割高度，若得到的除法结果为小数时，则对所述小数进行进一取整计算，并将进一取整结果作为分割张数N；若得到的除法结果为整数时，则将得到的除法结果直接作为分割张数N；
按照所述最佳分割高度对目标网页进行截图操作；
在进行完本次截图操作后，控制所述目标网页向下滚动最佳分割高度的距离，并按照所述最佳分割高度对目标网页进行下一次截图操作；
当进行N-1次截图操作后，控制所述目标网页向下滚动至目标网页的底部时，并按照剩余分割高度对目标网页进行最后一次截图操作。
进一步的，所述根据目标网页的构成元素判断是否加载完成包括：
判断是否出现所述构成元素；
若出现，则判定所述目标网页加载完成；
若未出现，则判定所述目标网页仍处于加载状态。
进一步的，还包括：
获取用户所选择的待截取的目标区域；
判断目标区域是否是所述目标网页的全部区域；
若所述目标区域为所述目标网页的部分区域，则确定所述目标区域的起始位置和终止位置。
进一步的，所述确定所述目标区域的起始位置和终止位置包括：
确定所述目标区域的长度以及所述目标区域的起始位置；
根据所述目标区域的起始位置确定所述目标区域的起始高度；
根据所述目标区域的长度以及起始高度确定所述目标区域的终止高度。
进一步的，还包括：
当所述目标区域为非矩形区域时，则在所述非矩形区域中选取分别最接近目标网页顶边、底边以及左右侧边的四个点，对选取的四个点分别作平行于目标网页顶边、底边以及左右侧边的平行线，并选取四条平行线所包围的区域作为调整后的目标区域。
进一步的，还包括：
获取用户所选择的待截取的目标区域；
判断目标区域的侧边是否与所述目标网页的侧边重合；
若重合，则根据所述目标网页的宽度进行截图操作；
若未重合，则调整截图区域宽度，使所述截图区域侧边与所述目标区域的侧边重合，并根据所述目标区域的宽度进行截图操作。
进一步的，所述构成元素包括所述目标网页中加载时间最长的若干元素。
第二方面，本发明实施例还提供了一种网页的智能截图的装置，包括：
加载单元，用于对目标网页进行加载，并根据所述目标网页的构成元素判断是否加载完成；
设置单元，用于当加载完成后，计算所述目标网页的网页高度，以及确定当前浏览器的截图高度的最大值，并根据所述截图高度的最大值设置一最佳分割高度，使所述最佳分割高度小于或等于所述截图高度的最大值；
取整单元，用于将所述网页高度除以所述最佳分割高度，若得到的除法结果为小数时，则对所述小数进行进一取整计算，并将进一取整结果作为分割张数N；若得到的除法结果为整数时，则将得到的除法结果直接作为分割张数N；
截图单元，用于按照所述最佳分割高度对目标网页进行截图操作；
第一滚动单元，用于在进行完本次截图操作后，控制所述目标网页向下滚动最佳分割高度的距离，并按照所述最佳分割高度对目标网页进行下一次截图操作；
第二滚动单元，用于当进行N-1次截图操作后，控制所述目标网页向下滚动至目标网页的底部，并按照剩余分割高度对目标网页进行最后一次截图操作。
第三方面，本发明实施例还提供了一种计算机设备，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述的网页的智能截图的方法。
第四方面，本发明实施例还提供了一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现上述的网页的智能截图的方法。
本发明实施例提供了一种网页的智能截图方法、装置、计算机设备及存储介质，所述方法包括：对目标网页进行加载，并根据所述目标网页的构成元素判断是否加载完成；当加载完成后，计算所述目标网页的网页高度，以及确定当前浏览器的截图高度的最大值，并根据所述截图高度的最大值设置一最佳分割高度，使所述最佳分割高度小于或等于所述当前浏览器的截图高度的最大值；将所述网页高度除以所述最佳分割高度，若得到的除法结果为小数时，则对所述小数进行进一取整计算，并将进一取整结果作为分割张数N；若得到的除法结果为整数时，则将得到的除法结果直接作为分割张数N；按照所述最佳分割高度对目标网页进行截图操作；在进行完本次截图操作后，控制所述目标网页向下滚动最佳分割高度的距离，并按照所述最佳分割高度对目标网页进行下一次截图操作；当进行N-1次截图操作后，控制所述目标网页向下滚动至目标网页的底部时，并按照剩余分割高度对目标网页进行最后一次截图操作。本发明实施例通过自动调整截图位置，有效保证了所截图片的完整和大小可控。
附图说明
为了更清楚地说明本发明实施例技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为本发明实施例提供的一种网页的智能截图方法的流程示意图；
图2为本发明实施例提供的一种网页的智能截图装置的示意性框图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
应当理解，当在本说明书和所附权利要求书中使用时，术语“包括”和“包含”指示所描述特征、整体、步骤、操作、元素和/或组件的存在，但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。
还应当理解，在此本发明说明书中所使用的术语仅仅是出于描述特定实施例的目的而并不意在限制本发明。如在本发明说明书和所附权利要求书中所使用的那样，除非上下文清楚地指明其它情况，否则单数形式的“一”、“一个”及“该”意在包括复数形式。
还应当进一步理解，在本发明说明书和所附权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合，并且包括这些组合。
下面请参见图1，图1为本发明实施例提供的一种网页的智能截图方法的流程示意图，所述智能截图方法具体包括：步骤S101～S106。
S101、对目标网页进行加载，并根据所述目标网页的构成元素判断是否加载完成；
本步骤中，通过启动当前浏览器对目标网页进行加载，由于加载目标网页可能并不是瞬间就完成的，加载过程中会存在延时等待的情况，因此可以根据加载过程中是否出现目标网页的构成元素判断该目标网页是否加载完成，这里的构成元素可以是指目标网页上指定的特定元素，而特定元素可以具体指侧边滑条、导航栏和栏目等。优选的，本实施例可以统计多次(例如最近5次)目标网页加载过程中其上各个元素加载完成所用的平均时间，并将目标网页上各个元素加载完成所用的平均时间的长短进行排序，并将加载完成所用的平均时间最长的一个或几个元素作为特定元素，例如将加载完成所用的平均时间最长的5个元素作为特定元素。本实施例还可以根据以往网页加载经验，将网页刷新标志是否转动作为判断依据，当网页刷新标志在转动时，则判定目标网页还处于加载状态；当网页刷新标志停止转动时，则判定目标网页已经加载完成。
在另一实施例中，目标网页的构成元素可以同时包括目标网页的特定元素和目标网页的文字内容。由于用户对目标网页进行截图通常是为了截取目标网页中的文字内容，并且文字内容也是目标网页的重要部分，因此可以将目标网页的文字内容和特定元素是否一同出现作为判断目标网页是否加载完成的依据。当目标网页的特定元素和文字内容都出现时，则判定目标网页加载完成；当目标网页的特定元素和文字内容都未出现时，或者是二者之间有一个未出现时，则判定目标网页还处于加载状态。另外，对于特定元素是否出现的判断标准依然可以采用上述实施例的方案来实现。
对目标网页是否加载完成进行判断是为了在目标网页加载完成后，可以立即进行截图操作，避免在延时等待目标网页加载过程中浪费过多时间。
S102、当加载完成后，计算所述目标网页的网页高度，以及确定当前浏览器的截图高度的最大值，并根据所述截图高度的最大值设置一最佳分割高度，使所述最佳分割高度小于或等于所述当前浏览器的截图高度的最大值；
本步骤中，所述目标网页的网页高度是指该目标网页从顶边到底边的距离。由于不同浏览器支持的截图高度的最大值可能不相同，因此要确定当前浏览器的截图高度的最大值，并根据该截图高度的最大值设置一最佳分割高度。截图高度的最大值是指一次截图可截图片的最大高度值，而最佳分割高度是指在截图过程中，每一次截图可截图片(即截图区域)的实际高度值，该最佳分割高度可以设置为小于截图高度的最大值，也可以设置为等于截图高度的最大值，但是不能设置为大于截图高度的最大值。
需要说明的是，最后一次截图的实际高度值可能等于所述的最佳分割高度，也可能小于所述的最佳分割高度。当最后一次截图的实际高度值等于所述的最佳分割高度时，则按照最佳分割高度进行截图操作；当最后一次截图的实际高度值小于所述的最佳分割高度时，则按照最后一次截图的实际高度值进行截图操作。
S103、将所述网页高度除以所述最佳分割高度，若得到的除法结果为小数时，则对所述小数进行进一取整计算，并将进一取整结果作为分割张数N；若得到的除法结果为整数时，则将得到的除法结果直接作为分割张数N；
本步骤中，利用目标网页的网页高度除以最佳分割高度，会得到一个除法结果，这个除法结果可能是整数，也可能是小数，而在本实施例中，如果得到的除法结果是小数，则通过进一法对该小数进行进一取整计算，得到一个整数值。例如目标网页的高度为2000，最佳分割高度为900，2000除以900得到的结果为2.2(结果保留一位小数)，由于2.2是小数，因此对其进行进一取整运算，得到整数3，这个整数3便作为本次除法计算的最终结果。将最终的结果作为分隔张数N，也就是本次截图操作中需要进行的截图次数，例如上述例子中的3即为本次分割张数，也就是在本次截图流程需要进行3次截图操作。
S104、按照所述最佳分割高度对目标网页进行截图操作；
按照最佳分割高度进行截图操作，可以使实际得到的图片的规格相同。但是，当最后一次截图的实际高度值小于最佳分割高度时，则需要按照剩余分割高度进行截图操作。
S105、在进行完本次截图操作后，控制所述目标网页向下滚动最佳分割高度的距离，并按照所述最佳分割高度对目标网页进行下一次截图操作；
本步骤中，每执行完一次截图，则控制目标网页向下滚动，使滚动的距离等于最佳分割高度，这样可以使每次所截图片与上一次所截图片没有重合的区域。
S106、当进行N-1次截图操作后，控制所述目标网页向下滚动至目标网页的底部时，并按照剩余分割高度对目标网页进行最后一次截图操作。
当进行最后一次截图操作时，目标网页剩余的高度可能等于最佳分割高度，也可能小于设置的最佳分割高度，当剩余的高度等于最佳分割高度时，则继续按照最佳分割高度滚动即可，即滚动最佳分割高度的距离；当剩余的高度小于最佳分割高度时，则控制目标网页直接滚动到底部即可，并按照剩余分割高度进行截图操作，这样可以保证截图的完整，同时最后一次截图得到的图片与之前按照最佳分割高度截图得到的图片之间不存在重合部分。本实施例中，通过对目标网页设置最佳分割高度、分割张数N，原本需要截为一张规格较大的长图，在经过按照最佳分割高度截图N-1次并按照剩余分割高度截图1次以后得到N张规格较小的图片，有效控制了所截图片的大小，并且在截图过程中，既保证了每一张图片不存在与其它图片重合的区域，又保证了截图的完整性，不存在遗漏的地方。
在一实施例中，所述计算所述目标网页的网页高度,以及确定当前浏览器的截图高度的最大值包括：通过javascript脚本计算所述目标网页的网页高度以及确定所述当前浏览器的截图高度的最大值，例如目标网页的网页高度＝document.body.scrollHeight。在另一实施例中，还可以通过本地自有的或者安装的软件工具进行确定和计算。
在一实施例中，获取用户所选择的待截取的目标区域；判断目标区域是否是所述目标网页的全部区域；若所述目标区域为所述目标网页的部分区域，则确定所述目标区域的起始位置和终止位置。
本实施例中，如果用户只想截取目标网页中的一部分，而不是全部时，则需要确认并获取用户需要的截取部分，即目标区域。本实施例中，只截取用户需要的部分而不是目标网页的全部，可以节省服务器资源，并且在图片传输过程中，由于所截图片规格小于目标网页的规格，可以更快速地进行传输。
在一具体实施例中，所述确定所述目标区域的起始位置和终止位置包括：确定所述目标区域的长度以及所述目标区域的起始位置；根据所述目标区域的起始位置确定所述目标区域的起始高度；根据所述目标区域的长度以及起始高度确定所述目标区域的终止高度。
本实施例中，当用户通过鼠标在目标网页内点击选择目标区域的起始位置和终止位置时，本发明实施例提供的智能截图装置接收并解析用户发送的截图指令，获取目标区域的起始高度和目标区域的长度，则可以根据目标区域的长度和目标区域的起始高度，计算出目标区域的终止高度，即目标区域的长度与目标区域的起始高度相加之和即等于目标区域的终止高度。
在确定目标区域的长度、起始高度和终止高度后，控制目标网页向下滚动至目标区域的起始位置，并根据目标区域的长度设置本次截图的最佳分割高度，该最佳分割高度仍是小于或者等于当前浏览器的截图高度的最大值。此后，根据目标区域的长度和本次截图的最佳分割高度计算出本次截图的分割张数n，继而根据本次截图的最佳分割高度和本次截图的分割张数n进行截图操作，当进行n-1次截图操作后，控制目标网页向下滚动至目标区域的终止位置并按照本次截图的最佳分割高度或者剩余高度对目标区域进行最后一次截图操作。
需要说明的是，在本实施例中，目标区域的起始高度是指目标区域的起始位置至目标网页顶边的距离，目标区域的终止高度是指目标区域的终止位置至目标网页顶边的距离。
在另一实施例中，如果获取的是目标区域的长度和目标区域的终止高度，则可以根据截图的区域的长度和目标区域的终止位置计算出截图位置的起始高度，即目标区域的终止高度减去目标区域的长度。同样还可以根据目标区域的起始高度和目标区域的终止高度计算出目标区域的长度。
在一实施例中，当所述目标区域为非矩形区域时，则在所述非矩形区域中选取分别最接近目标网页顶边、底边以及左右侧边的四个点，对选取的四个点分别作平行于顶边、底边以及左右侧边的平行线，并选取四条平行线所包围的区域作为调整后的目标区域。
在本实施例中，当用户需要截取的目标区域为非矩形区域时，例如圆形、三角形、五边形等，需要对目标区域进行限定，避免截取过多无用区域或者遗漏目标区域内的部分区域。通过对非矩形区域做平行线，使该非矩形区域内切于四条平行线构成的矩形区域，这样可以使目标区域最小，且不遗漏任何区域。以圆形为例，在圆上选取四个点，使这四个点分别最接近目标网页的四个边线，即顶边和底边，以及左右侧边，对选取的四个点分别作平行于目标网页四个边线的平行线，并使四条平行线中的每一条平行线分别与相邻的两条平行线相交，如此，四条平行线便构成一个矩形图形，并且欲截取的圆形内切于四条平行线构成的矩形图形，因此可以将该矩形图形作为调整后的目标区域。在确定目标区域后，继续确定该目标区域的长度，起始高度和终止高度，以及该目标区域的左右侧边宽度，继而对该目标区域进行截图操作。由于在截图操作中通常采用矩形截图，因此在本实施例中，通过将非矩形区域转化为矩形，使最终得到的图片整齐一致。
在一实施例中，获取用户所选择的待截取的目标区域；判断所述目标区域的侧边是否与所述目标网页的侧边重合；若重合，则根据所述目标网页的宽度进行截图操作；若未重合，则调整截图区域宽度，使所述截图区域的侧边与所述目标区域的侧边重合，并根据所述目标区域的宽度进行截图操作。
在本实施例中，如果用户想要截取的网页部分的宽度小于目标网页的宽度时，则需要确认用户需要的截取部分，即目标区域。可以根据上述实施例中计算终止高度的方法计算本次目标区域的宽度和侧边位置。在本实施例中，将目标区域的左侧边与目标网页左侧边的间距作为第一间距，将目标区域的右侧边与目标网页右侧边的间距作为第二间距，以及将目标区域左右侧边之间的距离作为目标区域的宽度，当本发明实施例提供的智能截图装置接收并解析用户发送的截图指令时，获取目标区域的宽度和第一间距，并根据目标区域的宽度和第一间距计算出第二间距，即首先将目标区域的宽度和第一间距相加，再利用目标网页的宽度减去上述二者相加之和，即可得到第二间距。同样的，还可以根据目标区域的宽度和第二间距计算出第一间距，又或者根据第一间距和第二间距计算出目标区域的宽度。
在确定目标区域的宽度和第一间距、第二间距后，控制调整截图区域的左右侧边与目标区域的左右侧边分别重合，继而进行截图操作。通过将截图区域的侧边与目标区域的侧边重合后进行截图操作，可以在保证截图完整的前提下减小图片的规格，提高图片传输速度。
在另一实施例中，如果目标区域的起始位置和终止位置分别不与目标网页的顶边和底边相重合，目标区域的左右侧边分别不与目标网页的左右侧边相重合，则需要分别计算确定目标区域的起始高度和终止高度，以及目标区域的第一间距和第二间距。
在本实施例中，当目标区域的起始位置不与目标网页的顶边重合且终止位置不与目标网页的底边重合时，则可按照上述计算目标区域的起始高度和终止高度实施例中的方法计算本实施例中的目标区域的起始高度和终止高度；当目标区域的左右侧边分别不与目标网页的左右侧边相重合时，则可按照上述计算目标区域第一间距和第二间距的实施例中的方法计算本实施例中目标区域左右侧边与目标网页左右侧边的间距。即将上述两个实施例结合起来，进行本实施例中的截图操作。
请参见图2，图2为本实施例提供的一种网页的智能截图装置200的示意性框图，所述智能截图装置200具体包括：
加载单元201，用于对目标网页进行加载，并根据所述目标网页的构成元素判断是否加载完成；
设置单元202，用于当加载完成后计算所述目标网页的网页高度，以及确定当前浏览器的截图高度的最大值，并根据所述截图高度的最大值设置一最佳分割高度，使所述最佳分割高度小于或等于所述截图高度的最大值；
取整单元203，用于将所述网页高度除以所述最佳分割高度，若得到的除法结果为小数时，则对所述小数进行进一取整计算，并将进一取整结果作为分割张数N；若得到的除法结果为整数时，则将得到的除法结果直接作为分割张数N；
截图单元204，用于按照所述最佳分割高度对目标网页进行截图操作；
第一滚动单元205，用于在进行完本次截图操作后，控制所述目标网页向下滚动最佳分割高度的距离，并按照所述最佳分割高度对目标网页进行下一次截图操作；
第二滚动单元206，用于当进行N-1次截图操作后，控制所述目标网页向下滚动至目标网页的底部，并按照剩余分割高度对目标网页进行最后一次截图操作。
在一实施例中，所述加载单元201包括：
元素判断单元，用于判断是否出现所述构成元素；
第一判定单元，用于若出现，则判定所述目标网页加载完成；
第二判定单元，用于若未出现，则判定所述目标网页仍处于加载状态。
在一实施例中，所述智能截图装置200还包括：
第一目标区域获取单元，用于获取用户所选择的待截取的目标区域；
第一目标区域判断单元，用于判断目标区域是否是所述目标网页的全部区域；
目标区域位置单元，用于若所述目标区域为所述目标网页的部分区域，则确定所述目标区域的起始位置和终止位置。
在一实施例中，所述第一目标区域获取单元包括：
目标区域长度单元，用于确定所述目标区域的长度以及所述目标区域的起始位置；
目标区域起始高度单元，根据所述目标区域的起始位置确定所述目标区域的起始高度；
目标区域终止高度单元，根据所述目标区域的长度以及起始高度确定所述目标区域的终止高度。
在一实施例中，所述智能截图装置200还包括：
目标区域规划单元，用于当所述目标区域为非矩形区域时，则在所述非矩形区域中选取分别最接近目标网页顶边、底边以及左右侧边的四个点，对选取的四个点分别作平行于目标网页顶边、底边以及左右侧边的平行线，并选取四条平行线所包围的区域作为调整后的目标区域。
在一实施例中，所述智能截图装置200还包括：
第二目标区域获取单元，用于获取用户所选择的待截取的目标区域；
第二目标区域判断单元，用于判断目标区域的侧边是否与所述目标网页的侧边重合；
第一宽度截图单元，用于若重合，根据所述目标网页的宽度进行截图操作；
第二宽度截图单元，用于若未重合，则调整截图区域宽度，使所述截图区域侧边与所述目标区域的侧边重合，并根据所述目标区域的宽度进行截图操作。
在一实施例中，所述构成元素包括所述目标网页中加载时间最长的若干元素。
本发明实施例还提供了一种计算机可读存储介质，其上存有计算机程序，该计算机程序被执行时可以实现上述实施例所提供的步骤。该存储介质可以包括：U盘、移动硬盘、只读存储器(Read-OnlyMemory，ROM)、随机存取存储器(Random Access Memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
本发明实施例还提供了一种计算机设备，可以包括存储器和处理器，存储器中存有计算机程序，处理器调用存储器中的计算机程序时，可以实现上述实施例所提供的步骤。当然电子设备还可以包括各种网络接口，电源等组件。
说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似部分互相参见即可。对于实施例公开的系统而言，由于其与实施例公开的方法相对应，所以描述的比较简单，相关之处参见方法部分说明即可。应当指出，对于本技术领域的普通技术人员来说，在不脱离本申请原理的前提下，还可以对本申请进行若干改进和修饰，这些改进和修饰也落入本申请权利要求的保护范围内。
还需要说明的是，在本说明书中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的状况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

Claims (10)

1.一种网页的智能截图方法，其特征在于，包括：
对目标网页进行加载，并根据所述目标网页的构成元素判断是否加载完成；
当加载完成后，计算所述目标网页的网页高度，以及确定当前浏览器的截图高度的最大值，并根据所述截图高度的最大值设置一最佳分割高度，使所述最佳分割高度小于或等于所述当前浏览器的截图高度的最大值；
将所述网页高度除以所述最佳分割高度，若得到的除法结果为小数时，则对所述小数进行进一取整计算，并将进一取整结果作为分割张数N；若得到的除法结果为整数时，则将得到的除法结果直接作为分割张数N；
按照所述最佳分割高度对目标网页进行截图操作；
在进行完本次截图操作后，控制所述目标网页向下滚动最佳分割高度的距离，并按照所述最佳分割高度对目标网页进行下一次截图操作；
当进行N-1次截图操作后，控制所述目标网页向下滚动至目标网页的底部，并按照剩余分割高度对目标网页进行最后一次截图操作。
2.根据权利要求1所述的网页的智能截图方法，其特征在于，所述根据目标网页的构成元素判断是否加载完成包括：
判断是否出现所述构成元素；
若出现，则判定所述目标网页加载完成；
若未出现，则判定所述目标网页仍处于加载状态。
3.根据权利要求1所述的网页的智能截图方法，其特征在于，还包括：
获取用户所选择的待截取的目标区域；
判断目标区域是否是所述目标网页的全部区域；
若所述目标区域为所述目标网页的部分区域，则确定所述目标区域的起始位置和终止位置。
4.根据权利要求3所述的网页的智能截图方法，其特征在于，所述确定所述目标区域的起始位置和终止位置包括：
确定所述目标区域的长度以及所述目标区域的起始位置；
根据所述目标区域的起始位置确定所述目标区域的起始高度；
根据所述目标区域的长度以及起始高度确定所述目标区域的终止高度。
5.根据权利要求3所述的网页的智能截图方法，其特征在于，还包括：
当所述目标区域为非矩形区域时，则在所述非矩形区域中选取分别最接近目标网页顶边、底边以及左右侧边的四个点，对选取的四个点分别作平行于目标网页顶边、底边以及左右侧边的平行线，并选取四条平行线所包围的区域作为调整后的目标区域。
6.根据权利要求1所述的网页的智能截图方法，其特征在于，还包括：
获取用户所选择的待截取的目标区域；
判断目标区域的侧边是否与所述目标网页的侧边重合；
若重合，则根据所述目标网页的宽度进行截图操作；
若未重合，则调整截图区域宽度，使所述截图区域侧边与所述目标区域的侧边重合，并根据所述目标区域的宽度进行截图操作。
7.根据权利要求2所述的网页的智能截图方法，其特征在于，所述构成元素包括所述目标网页中加载时间最长的若干元素。
8.一种网页的智能截图的装置，其特征在于，包括：
加载单元，用于对目标网页进行加载，并根据所述目标网页的构成元素判断是否加载完成；
设置单元，用于当加载完成后，计算所述目标网页的网页高度，以及确定当前浏览器的截图高度的最大值，并根据所述截图高度的最大值设置一最佳分割高度，使所述最佳分割高度小于或等于所述截图高度的最大值；
取整单元，用于将所述网页高度除以所述最佳分割高度，若得到的除法结果为小数时，则对所述小数进行进一取整计算，并将进一取整结果作为分割张数N；若得到的除法结果为整数时，则将得到的除法结果直接作为分割张数N；
截图单元，用于按照所述最佳分割高度对目标网页进行截图操作；
第一滚动单元，用于在进行完本次截图操作后，控制所述目标网页向下滚动最佳分割高度的距离，并按照所述最佳分割高度对目标网页进行下一次截图操作；
第二滚动单元，用于当进行N-1次截图操作后，控制所述目标网页向下滚动至目标网页的底部，并按照剩余分割高度对目标网页进行最后一次截图操作。
9.一种计算机设备，其特征在于，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如权利要求1至7任一项所述的网页的智能截图的方法。
10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1至7任一项所述的网页的智能截图的方法。
CN201911146803.7A 2019-11-21 2019-11-21 一种网页的智能截图方法、装置、计算机设备及存储介质 Active CN111046313B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201911146803.7A CN111046313B (zh) 2019-11-21 2019-11-21 一种网页的智能截图方法、装置、计算机设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201911146803.7A CN111046313B (zh) 2019-11-21 2019-11-21 一种网页的智能截图方法、装置、计算机设备及存储介质

Publications (2)

Publication Number Publication Date
CN111046313A true CN111046313A (zh) 2020-04-21
CN111046313B CN111046313B (zh) 2023-08-29

Family

ID=70233043

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201911146803.7A Active CN111046313B (zh) 2019-11-21 2019-11-21 一种网页的智能截图方法、装置、计算机设备及存储介质

Country Status (1)

Country Link
CN (1) CN111046313B (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113655973A (zh) * 2021-07-16 2021-11-16 深圳价值在线信息科技股份有限公司 页面分割方法、装置、电子设备及存储介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20130100463A1 (en) * 2011-10-21 2013-04-25 Samsung Electronics Co., Ltd. Mobile apparatus and print controlling method
CN104615343A (zh) * 2013-11-04 2015-05-13 中兴通讯股份有限公司 一种终端截图的方法及装置
CN106502507A (zh) * 2016-11-01 2017-03-15 上海传英信息技术有限公司 截屏方法和移动终端
CN106610831A (zh) * 2015-10-26 2017-05-03 北京国双科技有限公司 网页截图方法和装置
CN107015739A (zh) * 2017-03-07 2017-08-04 惠州Tcl移动通信有限公司 一种截取长篇幅屏幕内容的方法及系统
CN107450900A (zh) * 2016-06-01 2017-12-08 广州市动景计算机科技有限公司 一种截图方法及装置

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20130100463A1 (en) * 2011-10-21 2013-04-25 Samsung Electronics Co., Ltd. Mobile apparatus and print controlling method
CN104615343A (zh) * 2013-11-04 2015-05-13 中兴通讯股份有限公司 一种终端截图的方法及装置
CN106610831A (zh) * 2015-10-26 2017-05-03 北京国双科技有限公司 网页截图方法和装置
CN107450900A (zh) * 2016-06-01 2017-12-08 广州市动景计算机科技有限公司 一种截图方法及装置
CN106502507A (zh) * 2016-11-01 2017-03-15 上海传英信息技术有限公司 截屏方法和移动终端
CN107015739A (zh) * 2017-03-07 2017-08-04 惠州Tcl移动通信有限公司 一种截取长篇幅屏幕内容的方法及系统

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113655973A (zh) * 2021-07-16 2021-11-16 深圳价值在线信息科技股份有限公司 页面分割方法、装置、电子设备及存储介质
CN113655973B (zh) * 2021-07-16 2023-12-26 深圳价值在线信息科技股份有限公司 页面分割方法、装置、电子设备及存储介质

Also Published As

Publication number Publication date
CN111046313B (zh) 2023-08-29

Similar Documents

Publication Publication Date Title
CN110837617B (zh) 一种网页自适应布局方法、服务器及计算机可读存储介质
CN101465000B (zh) 图像处理设备和方法
CN110032314B (zh) 一种长截屏方法、装置、存储介质和终端设备
CN106296760B (zh) 图片的裁剪方法及装置
CN106648581B (zh) 页面显示方法及装置
CN110889072A (zh) 去除网页广告的截图方法、装置、计算机设备及存储介质
US9300831B2 (en) Information processing apparatus, method, and recording medium
CN104778007A (zh) 一种截图方法及装置
CN115237522A (zh) 页面自适应展示方法及装置
CN111046313A (zh) 一种网页的智能截图方法、装置、计算机设备及存储介质
CN107390982B (zh) 一种截图方法、设备及终端设备
CN109298790A (zh) 字符删除方法及装置
CN111581939A (zh) 一种题目排版的方法、装置、电子设备及存储介质
KR20090074580A (ko) 화면 캡쳐 장치 및 방법
CN113032073A (zh) 一种基于操作行为的页面展示方法和装置
CN112507268A (zh) 一种网页图片热区配置方法、装置、设备及可读存储介质
CN106354381B (zh) 图像文件的处理方法及装置
CN111008987A (zh) 基于灰色背景中边缘图像提取方法、装置及可读存储介质
CN107391113B (zh) 电子终端的显示处理方法与电子终端
CN112286430B (zh) 图像处理方法、装置、设备及介质
CN105278896A (zh) 一种图像显示方法、装置及终端设备
CN109814790B (zh) 一种原型设计工具的页面滚动交互的方法
CN112131840A (zh) 页面处理方法、装置、存储介质和处理器
CN106780306B (zh) 一种重构稿生成方法及装置
CN111768338A (zh) 一种试题图像拼接的方法、装置、电子设备和存储介质

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
GR01 Patent grant
GR01 Patent grant