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

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

Info

Publication number
CN111090375A
CN111090375A CN201911146797.5A CN201911146797A CN111090375A CN 111090375 A CN111090375 A CN 111090375A CN 201911146797 A CN201911146797 A CN 201911146797A CN 111090375 A CN111090375 A CN 111090375A
Authority
CN
China
Prior art keywords
screenshot
webpage
target webpage
elements
target
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
CN201911146797.5A
Other languages
English (en)
Other versions
CN111090375B (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 CN201911146797.5A priority Critical patent/CN111090375B/zh
Publication of CN111090375A publication Critical patent/CN111090375A/zh
Application granted granted Critical
Publication of CN111090375B publication Critical patent/CN111090375B/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
    • 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
    • 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/0485—Scrolling or panning
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T3/00—Geometric image transformations in the plane of the image
    • G06T3/40—Scaling of whole images or parts thereof, e.g. expanding or contracting
    • G06T3/4038—Image mosaicing, e.g. composing plane images from plane sub-images
    • 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)
  • Human Computer Interaction (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明公开了一种智能网页截图方法、装置、计算机设备及存储介质，其中，所述方法包括启动浏览器并加载目标网页；根据所述目标网页的指定构成元素判断所述目标网页是否加载完毕；当判定所述目标网页加载完毕后，获取所述目标网页的截图所需元素以及其状态；若所述截图所需元素的状态为网页不可见样式，则将所述截图所需元素调整为网页可见样式；若所述截图所需元素的状态为被遮挡状态，则隐藏遮挡元素，或将所述截图所需元素的位置调整至无遮挡元素的区域；对所述目标网页进行滚动的截图操作得到一张拼接后的目标图片。该方法可将目标网页的所有截图所需元素拼接成一张目标图片，节省查阅以及归档整理的时间。

Description

一种智能网页截图方法、装置、计算机设备及存储介质
技术领域
本发明涉及互联网技术领域，特别涉及一种智能网页截图方法、装置、计算机设备及存储介质。
背景技术
目前，用户通过浏览器对网页进行截图操作时，浏览器会直接对整个网页进行截图操作。当用户需要对部分弹出窗口以及原网页的部分内容进行截图操作时，由于部分弹出窗口会遮盖原网页的部分内容，需要进行多次截图操作才能把所有所需的截图内容完整截出来，导致截图文件冗余，不便于用户查阅以及归档整理。
发明内容
本发明的目的是提供一种智能网页截图方法、装置、计算机设备及存储介质，能够将目标网页的所有截图所需元素拼接成一张目标图片，并节省查阅以及归档整理的时间。
第一方面，本发明实施例提供了一种自动拼接的智能网页截图方法，其包括：
启动浏览器并加载目标网页；
根据所述目标网页的指定构成元素判断所述目标网页是否加载完毕；
当判定所述目标网页加载完毕后，获取所述目标网页的截图所需元素以及其状态；
若所述截图所需元素的状态为网页不可见样式，则将所述截图所需元素调整为网页可见样式；
若所述截图所需元素的状态为被遮挡状态，则隐藏遮挡元素，或将所述截图所需元素的位置调整至无遮挡元素的区域；
对所述目标网页进行滚动的截图操作得到一张拼接后的目标图片。
第二方面，本发明实施例提供了一种自动拼接的智能网页截图装置，其包括：
启动单元，用于启动浏览器并加载目标网页；
判断单元，用于根据所述目标网页的指定构成元素判断所述目标网页是否加载完毕；
获取单元，用于当判定所述目标网页加载完毕后，获取所述目标网页的截图所需元素以及其状态；
第一调整单元，用于当所述截图所需元素的状态为网页不可见样式时，将所述截图所需元素调整为网页可见样式；
第二调整单元，用于当所述截图所需元素的状态为被遮挡状态时，隐藏遮挡元素，或将所述截图所需元素的位置调整至无遮挡元素的区域；
输出单元，用于通过对所述目标网页进行滚动的截图操作得到一张拼接后的目标图片。
第三方面，本发明实施例又提供了一种计算机设备，其包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现所述自动拼接的智能网页截图方法。
第四方面，本发明实施例还提供了一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现所述自动拼接的智能网页截图方法。
本发明实施例提供了一种自动拼接的智能网页截图方法、装置、计算机设备及存储介质，该方法包括启动浏览器并加载目标网页，然后根据所述目标网页的指定构成元素判断所述目标网页是否加载完毕。当判定所述目标网页加载完毕后，获取所述目标网页的截图所需元素以及其状态，若所述截图所需元素的状态为网页不可见样式，则将所述截图所需元素调整为网页可见样式；若所述截图所需元素的状态为被遮挡状态，则隐藏遮挡元素，或将所述截图所需元素的位置调整至无遮挡元素的区域。继而对所述目标网页进行滚动的截图操作得到一张拼接后的目标图片。本发明实施例由于采用了基于自动拼接的网页截图的方式，可通过系统将目标网页的所有截图所需元素拼接成一张目标图片，节省用户查阅以及归档整理的时间。
附图说明
为了更清楚地说明本发明实施例技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为本发明实施例所提供的一种自动拼接的智能网页截图方法的流程图；
图2为本发明实施例所提供的一种自动拼接的智能网页截图装置的结构框图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
应当理解，在此本发明说明书中所使用的术语仅仅是出于描述特定实施例的目的而并不意在限制本发明。如在本发明说明书和所附权利要求书中所使用的那样，除非上下文清楚地指明其它情况，否则单数形式的“一”、“一个”及“该”意在包括复数形式。
还应当进一步理解，在本发明说明书和所附权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合，并且包括这些组合。
下面请参见图1，图1为本发明实施例所提供的一种自动拼接的智能网页截图方法的流程图。
具体步骤可以包括S110～S160：
S110：启动浏览器并加载目标网页；
在一实施例中，当用户需要对目标网页进行截图操作时，先启动任一浏览器，继而加载所述目标网页。在一具体场景中，当所述用户启动浏览器后，可以通过自动拼接的智能网页截图装置加载所述目标网页，继而进行S120步骤。
其中，所述启动浏览器并加载目标网页，包括：
在所述目标网页加载完毕前进行延时等待，直至所述目标网页加载完毕再进行后续操作。
具体的，在所述目标网页加载完毕前，需要进行延时等待操作，防止在所述目标网页加载完毕前便开始进行截图操作，这会造成由于截图所需元素未出现而导致截图不完整的情况发生。
S120：根据所述目标网页的指定构成元素判断所述目标网页是否加载完毕；
在一实施例中，为了避免截图过程中由于截图所需元素未出现而导致截图不完整的情况发生，需要先根据所述目标网页的指定构成元素判断所述目标网页是否加载完毕。
其中，所述根据所述目标网页的构成元素判断所述目标网页是否加载完毕，包括：
判断所述目标网页的指定构成元素是否出现；
若所述目标网页的指定构成元素未出现，则判定所述目标网页未加载完毕，继续执行延时等待操作；
若所述目标网页的指定构成元素已出现，则判定所述目标网页加载完毕，进行下一操作。
具体的，可以通过判断所述目标网页的指定构成元素是否出现，进而判定所述目标网页是否加载完毕。其中，所述目标网页的指定构成元素可以是所述目标网页的所有构成元素中面积最大的构成元素，优选地，也可以根据所述目标网页的历史加载情况判定所述目标网页的指定构成元素。需要说明的是，根据所述目标网页的不同，所述目标网页的指定构成元素可以是一个，也可以是多个；所述目标网页的指定构成元素可以是图案，也可以是文字。例如，当首次加载一目标网页并进行截图操作时，可以将所述目标网页的所有构成元素中面积最大的图片元素作为所述目标网页的指定构成元素，当所述目标网页的指定构成元素加载完毕，则判断所述目标网页加载完毕；当加载一有历史加载记录的目标网页并进行截图操作时，可以通过javascript脚本查询同一目标网页的前三次加载记录，根据所述加载记录查询到加载所述目标网页过程中平均耗时最长的一个或若干构成元素后，将所述一个或若干构成元素设置为所述目标网页的指定构成元素。例如将平均耗时最长的3个构成元素作为指定构成元素，继而将所述目标网页的指定构成元素设置为box元素，即可通过document.getElementById('box')判断所述目标网页的指定构成元素是否出现，若所述目标网页的指定构成元素未出现，则继续执行延时等待操作，直到所述目标网页的指定构成元素已出现，继而进行S130步骤。
S130：当判定所述目标网页加载完毕后，获取所述目标网页的截图所需元素以及其状态；
在一实施例中，当所述目标网页的指定构成元素出现后，即可判定所述目标网页加载完毕，继而获取所述目标网页的截图所需元素以及其状态。具体的，可以获取所述目标网页的截图所需元素，由于所述目标网页的截图所需元素的状态不统一，所以还需获取所述目标网页的截图所需元素的状态。
S140：若所述截图所需元素的状态为网页不可见样式，则将所述截图所需元素调整为网页可见样式；
在一实施例中，所述截图所需元素的状态可能为网页不可见样式，此时需要先将所述截图所需元素的状态调整为网页可见样式，然后进行后续截图操作。例如，一状态为网页不可见样式的截图所需元素需要通过点击所述目标网页的一指定链接后才能出现，此时，可以通过javascript脚本模拟点击指定链接的操作，将所述截图所需元素调整为网页可见样式，再进行后续截图操作。优选地，可以将所述截图所需元素设置为box1元素，并通过document.getElementById('box1').style.display＝"block"将所述截图所需元素调整为网页可见样式。
S150：若所述截图所需元素的状态为被遮挡状态，则隐藏遮挡元素，或将所述截图所需元素的位置调整至无遮挡元素的区域；
在一实施例中，所述截图所需元素的状态可能为被遮挡状态，此时需要先隐藏遮挡元素，或者对所述截图所需元素的位置进行调整，再进行后续截图操作。例如，可以将一遮挡住截图所需元素的遮挡元素设置为box2元素，并通过document.getElementById('box2').style.display＝"none"隐藏所述遮挡元素。优选地，若所述遮挡元素同样为截图所需元素之一，则可以通过javascript脚本将所述截图所需元素的位置调整至无遮挡元素的区域。
所述将所述截图所需元素的位置调整至无遮挡元素的区域，包括：
将当前截图所需元素的位置调整至上一截图所需元素位置的侧边，使当前截图所需元素与上一截图所需元素位置紧邻。
具体的，当要对当前截图所需元素的位置进行调整时，可以直接将所述当前截图所需元素调整至上一截图所需元素位置的侧边，为了更大程度的节省空间，可以通过位置调整使调整后的当前截图所需元素与上一截图所需元素的位置紧紧相邻。
所述将当前截图所需元素的位置调整至上一截图所需元素位置的侧边，使当前截图所需元素与上一截图所需元素位置紧邻，包括：
计算所述当前截图所需元素以及与其上一截图所需元素的最大宽度，判断所述当前截图所需元素与所述上一截图所需元素的最大宽度之和是否大于最大截图宽度，并根据判断结果对当前截图所需元素的位置进行调整。
在一实施例中，由于截图所需元素可能是规则图形，可能是不规则图形，也可能是某段文字，所以为了避免调整位置后截图所需元素出现遮挡情况(当前截图所需元素遮挡住上一截图所需元素，或者当前截图所需元素被上一截图所需元素遮挡)，同时为了使进行位置调整后的所述当前截图所需元素与上一截图所需元素的位置紧邻，可以先计算所述当前截图所需元素以及与上一截图所需元素的最大宽度，继而判断所述当前截图所需元素与上一截图所需元素的最大宽度之和是否大于最大截图宽度，并根据判断结果进行相应的位置调整。
其中，所述计算所述当前截图所需元素以及与上一截图所需元素的最大宽度，判断所述当前截图所需元素与上一截图所需元素的最大宽度之和是否大于最大截图宽度，并根据判断结果对当前截图所需元素的位置进行调整，包括：
若所述当前截图所需元素与上一截图所需元素的最大宽度之和小于或等于所述最大截图宽度，则将所述当前截图所需元素调整至与上一截图所需元素位置的右侧；
若所述当前截图所需元素与上一截图所需元素的宽度之和大于所述最大截图宽度，则将所述截图所需元素调整至与上一截图所需元素的下方。
在一实施例中，若判断结果为所述当前截图所需元素与上一截图所需元素的最大宽度之和小于或等于所述最大截图宽度，此时所述当前截图所需元素与上一截图所需元素可以进行横向拼接，所述横向拼接也就是根据上一截图所需元素最右侧的位置，将当前截图所需元素拼接至上一截图所需元素的右侧并紧邻。
例如，用户需要在一目标网页中进行截图操作，所述目标网页的最大截图宽度为500px。当需要对第一个截图所需元素box3进行位置调整时，首先通过W1＝document.getElementById('box3').style.width对第一个截图所需元素的最大宽度进行计算，同时通过H1＝document.getElementById('box3').style.height对第一个截图所需元素的最大高度进行计算，此时计算结果为第一个截图所需元素的最大宽度为100px(100px＝0.85cm)，最大高度为150px。继而通过document.getElementById('box3').style.top＝150px将第一个截图所需元素的位置调整至所述目标网页的最上方，同时通过document.getElementById('box3').style.left＝100px将第一个截图所需元素的位置调整至所述目标网页的最左侧，然后通过W2＝document.getElementById('box4').style.width对第二个截图所需元素box4的最大宽度进行计算，此时计算结果为第二个截图所需元素的最大宽度为150px，接着判断第二个当前截图所需元素与上一截图所需元素(即第一个截图所需元素)的最大宽度之和是否大于最大截图宽度，判断结果为第一个截图所需元素与第二个截图所需元素的最大宽度之和100px+150px＝250px小于最大截图宽度500px，此时可以通过document.getElementById('box4').style.left＝W1+100px将所述第二个截图所需元素拼接至第一个截图所需元素的右侧。同样的，当需要对第三个截图所需元素进行位置调整时，可按照第二个截图所需元素同样的方式进行位置调整。
若判断结果为所述当前截图所需元素与上一截图所需元素的最大宽度之和大于所述最大截图宽度，也就是说所述当前截图所需元素与上一截图所需元素不可以进行横向拼接，则此时对所述当前截图所需元素与上一截图所需元素进行纵向拼接。所述纵向拼接也就是先对上一截图所需元素的最大高度进行计算，根据计算结果将所述截图所需元素拼接至上一截图所需元素的下方。
例如，用户需要在一目标网页中进行截图操作，所述目标网页的最大截图宽度为200px。当需要对第一个截图所需元素box3进行位置调整时，首先通过W3＝document.getElementById('box5').style.width对第一个截图所需元素的最大宽度进行计算，同时通过H3＝document.getElementById('box5').style.height对第一个截图所需元素的最大高度进行计算，此时计算结果为第一个截图所需元素的最大宽度为100px(100px＝0.85cm)，最大高度为150px，继而通过document.getElementById('box5').style.top＝150px将第一个截图所需元素的位置调整至所述目标网页的最上方以及通过document.getElementById('box5').style.left＝100px将第一个截图所需元素的位置调整至所述目标网页的最左侧。然后通过W2＝document.getElementById('box6').style.width对第二个截图所需元素box6的最大宽度进行计算，此时计算结果为第二个截图所需元素的最大宽度为150px，接着判断第一个截图所需元素与第二个截图所需元素的最大宽度之和是否大于最大截图宽度，判断结果为第一个截图所需元素与第二个截图所需元素的最大宽度之和100px+150px＝250px大于最大截图宽度200px，则此时需要通过H4＝document.getElementById('box6').style.height对第二个截图所需元素box6的最大高度进行计算，此时计算结果为第二个截图所需元素的最大高度为100px，则通过document.getElementById('box6').style.top＝H3+100px以及document.getElementById('box6').style.left＝150px，将所述第二个截图所需元素拼接至第一个截图所需元素的下方。同样的，当需要对第三个截图所需元素进行位置调整时，可按照第二个截图所需元素同样的方式进行位置调整。
S160：对所述目标网页进行滚动的截图操作得到一张拼接后的目标图片。
在一实施例中，当所有截图所需元素的样式与位置均调整完毕后，对所述目标网页进行滚动的截图操作，继而得到一张拼接后的目标图片，所述目标图片包含所有截图所需元素。
其中，所述对所述目标网页进行滚动的截图操作得到一张拼接后的目标图片，包括：
获取目标网页中最上端的截图所需元素与最下端的截图所需元素之间的距离；
对所述距离与最大截图高度进行比较；
若所述距离大于所述最大截图高度，则对所述目标网页进行滚动的截图操作得到一张拼接后的目标图片；
若所述距离小于或等于所述最大截图高度，则直接按所述距离进行截图操作得到目标图片。
具体的，为了使所述目标图片包含所有截图所需元素，需要先获取目标网页中最上端的截图所需元素与最下端的截图所需元素之间的距离，优选地，可以通过javascript脚本获取所述距离，由于最上端的截图所需元素放置于所述目标网页的顶部，所以所述距离可以是所述目标网页的顶部与所述最下端的截图所需元素之间的距离。获取到所述距离后，对所述距离与最大截图高度进行比较，若比较结果为所述距离大于所述最大截图高度，则需要对所述目标网页进行滚动的截图操作，以确保截图得到的一张目标图片包含所有截图所需元素。若比较结果为所述距离小于或等于所述最大截图高度，则可直接按所述距离进行截图操作。
请参见图2，图2为本发明实施例所提供的一种自动拼接的智能网页截图装置200的结构框图；
该装置200可以包括：
启动单元201，用于启动浏览器并加载目标网页；
判断单元202，用于根据所述目标网页的指定构成元素判断所述目标网页是否加载完毕；
获取单元203，用于当判定所述目标网页加载完毕后，获取所述目标网页的截图所需元素以及其状态；
第一调整单元204，用于当所述截图所需元素的状态为网页不可见样式时，将所述截图所需元素调整为网页可见样式；
第二调整单元205，用于当所述截图所需元素的状态为被遮挡状态时，隐藏遮挡元素，或将所述截图所需元素的位置调整至无遮挡元素的区域；
输出单元206，用于通过对所述目标网页进行滚动的截图操作得到一张拼接后的目标图片。
本实施例先启动浏览器并加载目标网页，然后根据所述目标网页的指定构成元素判断所述目标网页是否加载完毕。当判定所述目标网页加载完毕后，获取所述目标网页的截图所需元素以及其状态，若所述截图所需元素的状态为网页不可见样式，则将所述截图所需元素调整为网页可见样式；若所述截图所需元素的状态为被遮挡状态，则隐藏遮挡元素，或将所述截图所需元素的位置调整至无遮挡元素的区域。继而对所述目标网页进行滚动的截图操作得到一张拼接后的目标图片。该装置可在用户进行截图操作时，将目标网页的所有截图所需元素拼接成一张目标图片，并节省用户查阅以及归档整理的时间。
由于装置部分的实施例与方法部分的实施例相互对应，因此装置部分的实施例请参见方法部分的实施例的描述，这里暂不赘述。
本发明还提供了一种计算机可读存储介质，其上存有计算机程序，该计算机程序被执行时可以实现上述实施例所提供的方法。
本发明还提供了一种计算机设备，可以包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述实施例所提供的方法。
说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似部分互相参见即可。对于实施例公开的装置而言，由于其与实施例公开的方法相对应，所以描述的比较简单，相关之处参见方法部分说明即可。应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以对本发明进行若干改进和修饰，这些改进和修饰也落入本发明权利要求的保护范围内。
还需要说明的是，在本说明书中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的状况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

Claims (10)

1.一种自动拼接的智能网页截图方法，其特征在于，包括：
启动浏览器并加载目标网页；
根据所述目标网页的指定构成元素判断所述目标网页是否加载完毕；
当判定所述目标网页加载完毕后，获取所述目标网页的截图所需元素以及其状态；
若所述截图所需元素的状态为网页不可见样式，则将所述截图所需元素调整为网页可见样式；
若所述截图所需元素的状态为被遮挡状态，则隐藏遮挡元素，或将所述截图所需元素的位置调整至无遮挡元素的区域；
对所述目标网页进行滚动的截图操作得到一张拼接后的目标图片。
2.如权利要求1所述的自动拼接的智能网页截图方法，其特征在于，所述启动浏览器并加载目标网页，包括：
在所述目标网页加载完毕前进行延时等待，直至所述目标网页加载完毕再进行后续操作。
3.如权利要求2所述的自动拼接的智能网页截图方法，其特征在于，所述根据所述目标网页的指定构成元素判断所述目标网页是否加载完毕，包括：
判断所述目标网页的指定构成元素是否出现；
若所述目标网页的指定构成元素未出现，则判定所述目标网页未加载完毕，继续执行延时等待操作；
若所述目标网页的指定构成元素已出现，则判定所述目标网页加载完毕，进行下一操作。
4.如权利要求1所述的自动拼接的智能网页截图方法，其特征在于，所述将所述截图所需元素的位置调整至无遮挡元素的区域，包括：
将当前截图所需元素的位置调整至上一截图所需元素位置的侧边，使当前截图所需元素与上一截图所需元素位置紧邻。
5.如权利要求4所述的自动拼接的智能网页截图方法，其特征在于，所述将当前截图所需元素的位置调整至上一截图所需元素位置的侧边，使当前截图所需元素与上一截图所需元素位置紧邻，包括：
计算所述当前截图所需元素以及与上一截图所需元素的最大宽度，判断所述当前截图所需元素与上一截图所需元素的最大宽度之和是否大于最大截图宽度，并根据判断结果对当前截图所需元素的位置进行调整。
6.如权利要求5所述的自动拼接的智能网页截图方法，其特征在于，所述计算所述当前截图所需元素以及与上一截图所需元素的最大宽度，判断所述当前截图所需元素与上一截图所需元素的最大宽度之和是否大于最大截图宽度，并根据判断结果对当前截图所需元素的位置进行调整，包括：
若所述当前截图所需元素与上一截图所需元素的最大宽度之和小于或等于所述最大截图宽度，则将所述当前截图所需元素调整至与上一截图所需元素位置的右侧；
若所述当前截图所需元素与上一截图所需元素的宽度之和大于所述最大截图宽度，则将所述截图所需元素调整至与上一截图所需元素的下方。
7.如权利要求1所述的自动拼接的智能网页截图方法，其特征在于，所述对所述目标网页进行滚动的截图操作得到一张拼接后的目标图片，包括：
获取目标网页中最上端的截图所需元素与最下端的截图所需元素之间的距离；
对所述距离与最大截图高度进行比较；
若所述距离大于所述最大截图高度，则对所述目标网页进行滚动的截图操作得到一张拼接后的目标图片；
若所述距离小于或等于所述最大截图高度，则直接按所述距离进行截图操作得到目标图片。
8.一种自动拼接的智能网页截图装置，其特征在于，包括：
启动单元，用于启动浏览器并加载目标网页；
判断单元，用于根据所述目标网页的指定构成元素判断所述目标网页是否加载完毕；
获取单元，用于当判定所述目标网页加载完毕后，获取所述目标网页的截图所需元素以及其状态；
第一调整单元，用于当所述截图所需元素的状态为网页不可见样式时，将所述截图所需元素调整为网页可见样式；
第二调整单元，用于当所述截图所需元素的状态为被遮挡状态时，隐藏遮挡元素，或将所述截图所需元素的位置调整至无遮挡元素的区域；
输出单元，用于通过对所述目标网页进行滚动的截图操作得到一张拼接后的目标图片。
9.一种计算机设备，其特征在于，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如权利要求1至7任一项所述的自动拼接的智能网页截图方法。
10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1至7任一项所述的自动拼接的智能网页截图方法。
CN201911146797.5A 2019-11-21 2019-11-21 一种智能网页截图方法、装置、计算机设备及存储介质 Active CN111090375B (zh)

Priority Applications (1)

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

Applications Claiming Priority (1)

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

Publications (2)

Publication Number Publication Date
CN111090375A true CN111090375A (zh) 2020-05-01
CN111090375B CN111090375B (zh) 2023-07-25

Family

ID=70393544

Family Applications (1)

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

Country Status (1)

Country Link
CN (1) CN111090375B (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112181250A (zh) * 2020-09-28 2021-01-05 四川封面传媒有限责任公司 一种移动终端网页截图方法、装置、设备及存储介质
CN112363646A (zh) * 2020-10-23 2021-02-12 岭东核电有限公司 高灵活性截图方法、装置、计算机设备和存储介质

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20160119444A1 (en) * 2014-10-24 2016-04-28 Linkedln Corporation Organization targeted status updates
US20160275200A1 (en) * 2013-11-28 2016-09-22 Rakuten, Inc. Information processing apparatus, information processing method, and information processing program
CN106610831A (zh) * 2015-10-26 2017-05-03 北京国双科技有限公司 网页截图方法和装置
CN107239397A (zh) * 2017-05-17 2017-10-10 北京微影时代科技有限公司 一种web自动化测试方法及电子设备
CN107797838A (zh) * 2017-09-08 2018-03-13 百度在线网络技术（北京）有限公司 一种截图方法与装置
US20180349110A1 (en) * 2017-05-31 2018-12-06 Wipro Limited Method and layout identification system for facilitating identification of a layout of a user interface
CN110244896A (zh) * 2019-06-24 2019-09-17 北京向上一心科技有限公司 网页内截图方法、装置、控制器及存储介质
CN110456969A (zh) * 2019-07-10 2019-11-15 努比亚技术有限公司 一种长截图实现方法、终端及计算机可读存储介质

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20160275200A1 (en) * 2013-11-28 2016-09-22 Rakuten, Inc. Information processing apparatus, information processing method, and information processing program
US20160119444A1 (en) * 2014-10-24 2016-04-28 Linkedln Corporation Organization targeted status updates
CN106610831A (zh) * 2015-10-26 2017-05-03 北京国双科技有限公司 网页截图方法和装置
CN107239397A (zh) * 2017-05-17 2017-10-10 北京微影时代科技有限公司 一种web自动化测试方法及电子设备
US20180349110A1 (en) * 2017-05-31 2018-12-06 Wipro Limited Method and layout identification system for facilitating identification of a layout of a user interface
CN107797838A (zh) * 2017-09-08 2018-03-13 百度在线网络技术（北京）有限公司 一种截图方法与装置
CN110244896A (zh) * 2019-06-24 2019-09-17 北京向上一心科技有限公司 网页内截图方法、装置、控制器及存储介质
CN110456969A (zh) * 2019-07-10 2019-11-15 努比亚技术有限公司 一种长截图实现方法、终端及计算机可读存储介质

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112181250A (zh) * 2020-09-28 2021-01-05 四川封面传媒有限责任公司 一种移动终端网页截图方法、装置、设备及存储介质
CN112363646A (zh) * 2020-10-23 2021-02-12 岭东核电有限公司 高灵活性截图方法、装置、计算机设备和存储介质
CN112363646B (zh) * 2020-10-23 2022-05-27 岭东核电有限公司 高灵活性截图方法、装置、计算机设备和存储介质

Also Published As

Publication number Publication date
CN111090375B (zh) 2023-07-25

Similar Documents

Publication Publication Date Title
US20220269357A1 (en) Paint Your Place Application For Optimizing Digital Painting Of An Image
CN111090375A (zh) 一种智能网页截图方法、装置、计算机设备及存储介质
KR102047568B1 (ko) 웹페이지 렌더링 시간 측정 기법
CN106775301A (zh) 一种终端的截图方法和终端设备
US20110138420A1 (en) Systems and methods for image processing
CN109597563B (zh) 一种界面编辑方法、装置、电子设备和存储介质
CN103914302A (zh) 一种网页加载进度监控方法和装置
US8300969B2 (en) Image processing apparatus and method, and program
CN105577719B (zh) 一种数据压缩方法和装置
CN108206959B (zh) 一种显示弹幕消息的方法和装置
CN110889072B (zh) 去除网页广告的截图方法、装置、计算机设备及存储介质
CN103295217B (zh) 图片信息处理方法以及装置
CN113128676A (zh) 基于目标检测模型的剪枝方法、装置和存储介质
CN112685665A (zh) 页面跳转方法、装置、电子设备及存储介质
CN109522494B (zh) 一种暗链检测方法、装置、设备及计算机可读存储介质
CN111046313B (zh) 一种网页的智能截图方法、装置、计算机设备及存储介质
CN111290752B (zh) 一种web表格的边框处理方法和装置
US20210374383A1 (en) Method and apparatus for determining temporal behaviour of an object
CN105278896A (zh) 一种图像显示方法、装置及终端设备
US20220222595A1 (en) Data feature determining method and apparatus, and electronic device
CN105243062B (zh) 一种检测网页特征区域的方法和装置
CN114385295A (zh) 一种以对比瀑布流方式显示图片的方法及系统
CN110543755B (zh) 基于Canvas实现刮刮卡效果验证码的方法
CN110765380B (zh) 一种列表页的数据加载方法以及终端
CN106547773A (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