CN112579948B - 网页截图方法、装置及存储介质、电子设备 - Google Patents

Abstract

本发明公开了一种网页截图方法、装置及存储介质、电子设备，应用于计算机技术领域。该方法包括：响应于截图请求，调用预先设置的无头浏览器对目标网页进行访问，并确定访问所需的各个网页元素；判断每个网页元素对应的加载请求中是否包含待匹配项；在包含待匹配项的加载请求中添加匹配参数，并将添加有匹配参数的加载请求发送至对应的服务器，以使服务器响应匹配参数返回网页元素，完成对网页元素的加载；在各个网页元素均加载完成后，对目标网页进行截图。应用该方法，通过对包含待匹配项的加载请求添加匹配参数，以保证服务器在接收到加载请求时，根据该匹配参数进行响应并返回网页元素，保证对目标网页进行截图后，截图图片的完整性和正确性。

Description

网页截图方法、装置及存储介质、电子设备

技术领域

本发明涉及计算机技术领域，特别是涉及一种网页截图方法、装置及存储介质、电子设备。

背景技术

用户在通过浏览器浏览网页的过程中，若遇到感兴趣的网页内容，通常会将该网页进行截图。在现有技术中，通过加载URL地址访问网页页面，并对网页页面进行截图，以保证在截图过程中，能够完整的截取整个网页的页面。

在现有技术中，加载URL对网页页面进行截图时，需要将整个网页加载出来后再进行截图，但网页页面中的可能存在某些元素，例如：图片、文本内容等，加载时间较长或加载异常，导致网页页面中的加载时间较长或加载异常的元素加载失败，使得截图后获得的截图图片并不完整，无法保证截图图片的正确性。

发明内容

鉴于上述问题，本发明提供一种克服上述问题或者至少部分地解决上述问题的网页截图方法、装置及电子设备、存储介质。通过该方法，可以在网页的所有元素加载完成后对网页进行截图，保证获得截图图片的完整性和正确性。

一种网页截图方法，包括：

响应于截图请求，调用预先设置的无头浏览器对目标网页进行访问，并确定所述目标网页所需加载的各个网页元素；

判断每个所述网页元素对应的加载请求中是否包含待匹配项；

在包含待匹配项的加载请求中添加与所述待匹配项对应的匹配参数，并将添加有所述匹配参数的加载请求发送至对应的网页元素所在的服务器，以使所述服务器响应所述匹配参数，返回网页元素，完成对网页元素的加载；

在各个所述网页元素均加载完成后，对所述目标网页进行截图。

上述的方法，可选的，所述响应于截图请求，调用预先设置的无头浏览器对目标网页进行访问，包括：

获取所述截图请求中包含的URL地址；

调用所述无头浏览器访问与所述URL地址对应的网页。

上述的方法，可选的，所述判断每个所述网页元素对应的加载请求中是否包含待匹配项，包括：

启用已设置的每个网页元素对应的监听函数，对每个所述网页元素对应的加载请求进行监听，以获取所述加载请求中包含的与所述网页元素对应的元素地址；

判断所述元素地址中是否包含与其对应的网页元素的响应字符段；

若所述元素地址中未包含所述响应字符段，则确定网页元素对应的加载请求中包含待匹配项。

上述的方法，可选的，所述在包含待匹配项的加载请求中添加与所述待匹配项对应的匹配参数，包括：

获取所述包含待匹配项的加载请求的请求头header；

在所述header的预定位置上添加与所述待匹配项对应的匹配参数。

上述的方法，可选的，还包括：

将添加有所述匹配参数的加载请求发送至其对应的网页元素所在的服务器时，启动预先设定的计时器进行计时；

若在预设的计时时间内，未接收到所述服务器返回的网页元素，则确定网页元素未加载完成，对所述目标网页的本次访问失败。

上述的方法，可选的，对所述目标网页的本次访问失败后，还包括：

对所述目标网页进行刷新，并记录当前刷新的刷新次数；

若当前刷新的刷新次数未超过预设的刷新阈值，则调用所述无头浏览器访问所述目标网页，直至所述目标网页的刷新次数超出所述刷新阈值时，向所述用户反馈与所述目标网页对应的网页异常消息。

上述的方法，可选的，所述对所述目标网页进行截图，包括：

判断所述截图请求中是否包含携带第一标识符的截图参数；

若所述截图请求中包含携带第一标识符的截图参数，在所述目标网页中对所述携带第一标识符的截图参数对应的网页元素进行标记；

对已进行元素标记的目标网页进行截图。

一种网页截图装置，包括：

访问单元，用于响应于截图请求，调用预先设置的无头浏览器对目标网页进行访问，并确定所述目标网页所需加载的各个网页元素；

判断单元，用于判断每个所述网页元素对应的加载请求中是否包含待匹配项；

添加单元，用于在包含待匹配项的加载请求中添加与所述待匹配项对应的匹配参数，并将添加有所述匹配参数的加载请求发送至对应的网页元素所在的服务器，以使所述服务器响应所述匹配参数，返回网页元素，完成对网页元素的加载；

截图单元，用于在各个所述网页元素均加载完成后，对所述目标网页进行截图。

一种存储介质，所述存储介质包括存储的指令，其中，在所述指令运行时控制所述存储介质所在的设备执行上述的网页截图方法。

一种电子设备，包括至少一个处理器、以及与处理器连接的至少一个存储器、总线；其中，处理器、存储器通过总线完成相互间的通信；处理器用于调用存储器中的程序指令，且经配置以由一个或者一个以上处理器执行上述的网页截图方法。

借由上述技术方案，本发明提供的一种网页截图方法，包括：响应于截图请求，调用已设置的无头浏览器对目标网页进行访问，并确定所述目标网页所需加载的各个网页元素；判断每个所述网页元素对应的加载请求中是否包含待匹配项；在包含待匹配项的加载请求中添加与所述待匹配项对应的匹配参数，并将添加有所述匹配参数的加载请求发送至对应的网页元素所在的服务器，以使所述服务器响应所述匹配参数，返回网页元素，完成对网页元素的加载；在各个所述网页元素均加载完成后，对所述目标网页进行截图。应用该方法，通过对包含待匹配项的加载请求添加匹配参数，以保证服务器在接收到加载请求时，根据该匹配参数进行响应并返回网页元素，保证对目标网页进行截图后，截图图片的完整性和正确性。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1示出了本发明实施例提供的一种网页截图方法的方法流程图；

图2示出了本发明实施例提供的一种网页截图方法的又一方法流程图；

图3示出了本发明实施例提供的一种网页截图方法的又一方法流程图；

图4示出了本发明实施例提供的一种网页截图方法的又一方法流程图；

图5示出了本发明实施例提供的一种网页截图装置的装置结构图；

图6示出了本发明实施例提供的一种电子设备的结构示意图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

本发明可用于众多通用或专用的计算装置环境或配置中。例如：个人计算机、服务器计算机、手持设备或便携式设备、平板型设备、多处理器装置、包括以上任何装置或设备的分布式计算环境等等。

本发明实施例提供了一种网页截图方法，该方法可以应用在多种系统平台，其执行主体可以为计算机终端或各种移动设备的处理器，或设置于计算机终端或各种移动设备中的截图服务，所述截图服务为对网页进行截图的截图工具，所述方法的方法流程图如图1所示，具体包括：

S101：响应于截图请求，调用预先设置的无头浏览器对目标网页进行访问，并确定所述目标网页所需加载的各个网页元素；

在本发明实施例中，当用户需要对某个网页进行截图时，向截图服务发送截图请求。当截图服务接收到用户发送的截图请求时，响应该截图请求，并调用预先设置的无头浏览器对目标页面进行访问。其中，该目标页面为用户所请求截图的网页。在访问目标网页时，确定该目标网页中需要加载的各个网页元素。

需要说明的是，该目标网页中包含多个网络元素，对该目标网页进行截图时，需要将该目标网页中的各个网页元素加载出来。其中，该网页元素具体可以包括图片、文本、网页框架等。

需要说明的是，本发明实施例中应用的无头浏览器可以为Puppeteer或PhantomTSh。

S102：判断每个所述网页元素对应的加载请求中是否包含待匹配项；

在本发明实施例中，在访问目标网页的过程中，确定每个网页元素对应的加载请求，并判断每个网页元素对应的加载请求是否包含待匹配项，即，判断每个网页元素在加载过程中是否会成功响应。

S103：在包含待匹配项的加载请求中添加与所述待匹配项对应的匹配参数，并将添加有所述匹配参数的加载请求发送至对应的网页元素所在的服务器，以使所述服务器响应所述匹配参数，返回网页元素，完成对网页元素的加载；

在本发明实施例中，当各个网页元素对应的加载请求中，存在任意的网页元素对应的加载请求中包含待匹配项，则在各个包含待匹配项的加载请求中，添加与该待匹配项对应的匹配参数。并在各个包含待匹配项的加载请求中添加匹配参数后，将各个已添加匹配参数的加载请求发送到其对应的网页元素所在的服务器。其中，该目标网页中所需要加载的各个网页元素可以存储在同一服务器中，也可以分别存储在不同服务器当中。当多个网页元素同时存储在同一服务器时，每个网页元素可以存储在该服务器的不同存储空间，也可以存储在该服务器的同一存储空间中。服务器在接收到加载请求后，获取加载请求中包含的匹配参数，并根据该匹配参数进行响应，返回与该加载请求对应的网页元素，以使该目标页面完成对网页元素的加载。

需要说明的是，将各个添加有匹配参数的加载请求发送到其对应的网页元素所在的服务器时，也将各个不包含待匹配项的加载请求发送到其对应的网页元素所在的服务器。

S104：在各个所述网页元素均加载完成后，对所述目标网页进行截图。

在本发明实施例中，当目标网页中的各个网页元素加载完成后，对该目标网页进行截图。

本发明实施例提供的网页截图方法，当截图服务接收到用户发送的截图请求后，响应该用户的截图请求，并调用无头浏览器访问目标网页，并在访问目标网页的过程中，确定该目标网页中各个网页元素，并判断每个网页元素的加载请求是否包含待匹配项。将包含待匹配项的加载请求中添加匹配参数，该匹配参数可以使网页元素所在的服务器进行响应，以使目标网页可以根据服务器的响应加载出网页元素。当该目标网页的各个网页元素加载出来后，对该目标网页进行截图，以完成对目标网页进行完整截图。

可选的，在对目标网页进行截图后，可以将获得的截图图片进行保存反馈给该用户。

本发明实施例提供的方法网页截图方法，可以应用在多种领域，例如在计算机应用领域中，用户可以通过计算机或终端设备请求截图，由计算机或终端设备中的截图服务根据用户的截图请求，对网页页面进行截图。应用本发明实施例的过程中，先接收用户的截图请求，并响应于截图请求。截图服务依据该截图请求，通过无头浏览器对目标网页进行访问，以使目标网页加载出网页中的各个图片、文本、网页框架等各个网页元素。在访问目标网页，使目标网页中的各个网页元素进行加载前，需要向每个网页元素所在的服务器发送加载请求，以使服务器根据该加载请求进行响应，保证目标网页中能够成功加载网页元素。对于一些服务器来说，在发送加载请求时，需要在加载请求中添加匹配参数，服务器需要根据匹配参数才能进行响应。因此，在确定加载请求中包含待匹配项后，在包含待匹配项的加载请求中添加匹配参数，以保证在截图前，目标网页中的各个图片、文本、网页框架等网页元素能够加载出来，保证目标网页在截图时的完整性和正确性。

需要说明的是，本发明实施例中，加载请求中的待匹配项可以是一段匹配规则，也可是一个响应字段。访问目标网页的过程中，需要加载的每个元素都对应有相应的存储区域，该存储区域可以在服务器中。不同的服务器在接收到元素加载请求时，对该元素加载请求的响应方式不同，有些服务器需要加载请求中具有该服务器所要求的必备参数，即满足该服务器的响应规则才会响应加载请求。

本发明实施例中，在向服务器发送加载请求前，对加载请求进行预处理，若加载请求中包含正则表达式，则可以通过分析该正则表达式，确定该正则表达式对应的匹配规则，若确定的匹配规则表明需要在加载请求中添加相应的规则，则在加载请求中添加相应规则，使服务器可以依据添加的规则对加载请求进行响应。若加载请求中包含响应字段，则表明需要在加载请求中添加相应的响应参数，使服务器可以依据添加的响应参数，对加载请求进行响应。

例如，该网页元素为某一图片时，该图片存储在服务器A中，在需要对该图片进行加载时，判断得到服务器A需要根据特定的参数进行响应，才能使该图片加载成功，因此在发送加载请求前，需要在加载请求中添加相应参数，使服务器依据添加的参数响应加载请求，以返回该图片。

本发明实施例提供的网页截图方法中，基于上述步骤S101的内容，响应于截图请求，调用预先设置的无头浏览器对该目标网页进行访问的过程，可以包括以下方法：

获取所述截图请求中包含的URL地址；

调用所述无头浏览器访问与所述URL地址对应的网页。

本发明实施例提供的方法，用户所需进行截图的目标网页，存在对应的网页地址，该网页地址具体可以为URL地址。为保证对目标网页进行截图的过程中，获得的截图图片是完整目标网页的图片，需要对该目标进行访问。当截图服务响应于该截图请求后，获取该截图请求中包含的URL地址。其中，该URL地址为该目标网页的访问地址，如需要对淘宝网页进行截图，则访问淘宝网页的URL地址为https://www.taobao.com。在获取需要进行截图的目标网页的URL地址后，调用无头浏览器通过URL地址对该目标网页进行访问。

需要说明的是，该无头浏览器为自动执行截图过程的脚本程序，当截图服务响应于用户的截图请求后，由无头浏览器执行预先设置的自动截图的过程。但在通过无头浏览器进行访问目标网页进行截图时，需要根据目标网页的时间情况执行上述步骤S101～S104的过程后进行截图。

应用本发明实施例提供的方法，通过URL地址确定用户所需要截图的目标网页，实现对该目标网页的截图过程。

本发明实施例提供的截图方法，基于上述步骤S102，在确定需要进行截图的目标网页中的各个网页元素后，需对每个网页元素对应的加载请求进行判断，以确定该加载请求是否包含了需要进行匹配的待匹配项，其判断过程如图2所示，具体包括：

S201：启用已设置的每个网页元素对应的监听函数，对每个所述网页元素对应的加载请求进行监听，以获取所述加载请求中包含的与所述网页元素对应的元素地址；

在本发明实施例中，在对目标网页进行访问时，需要对目标网页中的各个网页元素进行加载，并在加载各个网页元素前，启用预先设置的监听函数。其中，每个网页元素均对应一个监听函数，该监听函数用于对每个网页元素的加载请求进行监听。根据每个网页元素对应的监听函数，获取每个网页元素对应的加载请求中包含的元素地址。

需要说明的是，该监听函数用于监听其对应的网页元素对应的加载请求的整个请求过程。该加载请求中的元素地址为其对应的网页元素的存储地址，如该网页元素为图片时，该图片存储在服务器A中，该目标网页需要加载该图片时，需要经由服务器A响应后才能进行加载。因此，需要加载该目标网页中的各个网页元素时，需在每个网页元素的加载请求中添加与每个网页元素对应的元素地址，以通过该元素地址访问其对应的网页元素所在的服务器。

S202：判断所述元素地址中是否包含与其对应的网页元素的响应字符段；

在本发明实施例中，在获取网页元素对应的元素地址后，可以对该元素地址进行解析，以确定该元素地址中是否包含与其对应的网页元素的响应字符段。

需要说明的是，该响应字符段相当于该网页元素所在服务器的服务器响应条件。对于一些服务器来说，即使通过网页元素对应的元素地址向该服务器发送加载请求后，若该元素地址中不存在响应字符段，即证明该加载请求不满足该服务器的响应条件，则该服务器可能对于该加载请求就不会进行响应，使得目标网页无法加载出该网页元素。

S203：若所述元素地址中未包含所述响应字符段，则确定网页元素对应的加载请求中包含待匹配项。

在本发明实施例中，若该元素地址中不包含响应字符段，即证明该加载请求不满足其对应的网页元素所在服务器的响应条件，因此，该加载请求中包含了需要进行参数匹配的待匹配项。

S204：若所述元素地址中包含所述响应字符段，则确定网页元素对应的加载请求中不包含待匹配项。

在本发明实施例中，若该元素地址中包含响应字符段，即证明该加载请求可能会满足其对应的网页元素所在服务器的响应条件，因此，该加载请求中可以不包含需要进行参数匹配的待匹配项。

本发明实施例提供的网页截图方法中，在向网页元素所在的服务器发送元素加载请求之前，为使服务器能够响应该加载请求返回网页元素，需启用预先设置的监听函数对该加载请求进行监听，并在监听该加载请求时，获取该加载请求中包含的元素地址，以确定该元素地址中是否包含响应字符段。其中，该响应字符段用于在发送加载请求到网页元素所在的服务器后，服务器可以根据该响应字符段进行响应。若该元素地址中不包含响应字符段，可以确定该加载请求中包含的待匹配项；若该元素地址中包含响应字符段，该加载请求中可以不包含待匹配项。其中，该待匹配项用于在元素地址中不包含响应字符段时，为该加载请求添加匹配参数，以保证服务器能够响应于该网页元素对应的加载请求。

基于上述实施例提供的网页截图方法，在网页元素对应的元素地址中不包含响应字符段，并确定该网页元素对应的加载请求中包含待匹配项时，需要在包含待匹配项的加载请求中添加匹配参数。其中，在包含待匹配项的加载请求中添加与该待匹配项对应的匹配参数的具体过程，可以包括：

获取所述包含待匹配项的加载请求的请求头header；

在所述header的预定位置上添加与所述待匹配项对应的匹配参数。

本发明实施例提供的网页截图方法中，为保证网页元素所在的服务器能够对该网页元素对应的加载请求进行响应，需要在该加载请求中添加匹配参数。当需要为该加载请求添加匹配参数时，获取包含待匹配项的加载请求中的请求头header。其中，该请求头header可以是该加载请求中的首行请求参数；该加载请求中除元素地址之外，还包含多个请求参数，例如请求加载的网页元素为图片时，该请求参数可以是请求方的信息、请求加载图片的图片分辨率等。在获取该加载请求中的header后，在该header的预定位置上添加与该待匹配项对应的匹配参数。例如，该网页元素为图片时，可在该图片对应的加载请求的header中添加参数为showImage:true的请求参数。

需要说明的是，由于每个网页元素均不相同，因此在包含待匹配项的加载请求的header中添加匹配参数时，每个网页元素对应的匹配参数可以一致，也可以不一致。

应用本发明实施例提供的方法，在对目标网页进行截图前，通过各个监听函数监听各个网页元素的加载请求，并为包含待匹配项的加载请求添加匹配参数，以使在向每个网页元素所在的服务器发送加载请求时，该服务请能根据该加载请求进行响应，返回与该加载请求对应的网页元素，保证对目标网页进行截图时，该目标网页的完整性和正确性。

本发明实施例提供的方法中，在向各个网页元素所在的服务器发送加载请求的过程中，如图3所示，具体还包括：

S301：将添加有所述匹配参数的加载请求发送至其对应的网页元素所在的服务器时，启动预先设定的计时器进行计时；

在本发明实施例中，在将添加匹配参数的加载请求发送至服务器时，需要启动预先设定的计时器开始进行计时。

可选的，可以由监听函数根据该计时器的计时时间，对加载请求的请求过程进行监听。

S302：若在预设的计时时间内，未接收到所述服务器返回的网页元素，则确定网页元素未加载完成，对所述目标网页的本次访问失败。

在本发明实施例中，在启动计时器进行计时之前，设置与该加载请求对应的计时时间。由于服务器根据该加载请求中的匹配参数进行响应后，可能会出现网络延迟或网络故障等原因，并不能保证服务器能够及时返回网页元素，因此设置计时时间等待该服务器返回网页元素。若在该计时时间内，该截图服务未接收到该服务器返回的网页元素，则证明该网页元素加载失败，该截图服务通过该无头浏览器对该目标网页的当前的访问也失败。

可选的，在该计时时间内，可以通过上述实施例步骤S201中提及的监听函数监听各个服务器返回网页元素的情况。若在该计时时间内，监听函数未监听到其对应的网页元素所在的服务器返回该网页元素时，表征该网页元素加载失败。

进一步地，基于上述步骤S301和S302的过程，若该当前对该目标网页的访问失败后，具体还可以包括：

对所述目标网页进行刷新，并记录当前刷新的刷新次数；

若当前刷新的刷新次数未超过预设的刷新阈值，则调用所述无头浏览器访问所述目标网页，直至所述目标网页的刷新次数超出所述刷新阈值时，向所述用户反馈与所述目标网页对应的网页异常消息。

本发明实施例提供的网页截图方法中，在将各个添加有匹配参数的加载请求发送至其对应的网页元素所在的服务器时，启动计时器对进行计时，以确定每个加载请求发送至其对应的服务器时，该服务器根据该加载请求中的匹配参数进行响应后返回网页元素的返回时间。如果该服务器在预定的计时时间内，并没有成功返回网页元素时，则该网页元素在该目标页面上的加载失败。其中，服务器在返回网络元素的过程中，由于网络延迟或网络故障等，可能会导致网页元素返回时耗时较长，因此设置该计时时间时等待服务器根据加载请求中的匹配参数进行响应后，返回网页元素。但超过该计时时间后，未接收到该服务器返回的网页元素时，可能因为网络故障严重无法导致无法返回网页元素，或该网页元素在返回时被拦截等原因，导致该目标网页加载该网页元素失败。该目标网页中，只要存在一个网页元素加载失败，则证明当前访问该目标网页失败，并在访问失败后，对该目标网页进行刷新，并记录当前对该目标网页进行刷新的刷新次数。在对目标网页进行刷新后，若当前当前刷新的刷新次数未超过预先设置刷新阈值，则可以调用该无头浏览器再次访问该目标网页，并执行上述步骤S101至S104的过程。若当前刷新的刷新次数超出预设的刷新阈值，则无法再次调用该无头浏览器访问该目标网页，并确定该目标网页可能出现异常，将该目标网页对应的网页异常消息反馈给用户。用户在接收网页异常消息后，可对该目标网页进行检查，或进行重启等操作。

需要说明的是，若本次访问目标网页访问失败时，对该目标网页进行刷新后，记录当前刷新的刷新次数，若在下一次访问目标网页也失败时，在下一次刷新该目标网页后，下一次刷新的刷新次数为上一次刷新的刷新次数基础上加一次。例如，当前刷新次数为1时，再进行下一次刷新时，下一次刷新的刷新次数为2。若该目标网页在经过多次刷新后，还是无法完全加载出该目标网页中的各个网页元素时，该目标网页可能已发生异常，此时停止对该目标网页进行截图的过程。例如，刷新阈值为7时，若第7次刷新目标网页，并调用无头浏览器进行访问后仍然访问失败时，在第8次刷新后，不再访问该目标网页，而是直接反馈网页异常消息。

应用本发明实施例提供的方法，为防止存在网络异常的情况导致服务器在返回网页元素的过程中返回失败，根据计时时间确定是否成功返回网页元素，并在计时时间内未成功返回时，再次刷新目标网页并进行访问，以提高对目标网页进行截图的成功率。

本发明实施例提供的方法中，基于上述步骤S104的过程中，在该目标网页的各个网页元素均成功返回后，对该目标网页进行截图的过程如图4所示，具体包括：

S401：判断所述截图请求中是否包含携带第一标识符的截图参数；

在本发明实施例中，在各目标网页的各个网页元素均成功返回后，需对该目标网页进行截图。在对该目标网页进行截图前，先确定该截图请求中是否包含携带第一标识符的截图参数。其中，该携带第一标识符的截图参数是截图服务在接收到截图请求前，用户需要对目标网页上某些网页元素进行特殊标记的而设置的参数。例如，用户在进行截图请求前，需要将该目标网页中的某段文字进行标记，可设置与该文字对应携带第一标识符的截图参数。

S402：若所述截图请求中包含携带第一标识符的截图参数，在所述目标网页中对所述携带第一标识符的截图参数对应的网页元素进行标记；

在本发明实施例中，若该截图请求中包含携带第一标识符的截图参数，则在该目标网页中确定该携带第一标识符的截图参数所指定进行标记的网页元素，并对该携带第一标识符的截图参数所指定的网页元素进行标记。

需要说明的是，该标记方法可以是对网页元素进行画圈标记、画线标记或标记符号等。

S403：对已进行元素标记的目标网页进行截图。

在本发明实施例中，在对目标网页中该携带第一标识符的截图参数对应的网页元素进行标记后，对已进行元素标记的目标网页进行截图。其中，对目标网页进行截图后，获得的截图图片中显示有已进行标记的网页元素对应的标记符号。

本发明实施例中，截图请求中可以包含多种截图参数，有些截图参数可以指示截图时截取的图片的分辨率及图片的大小，有些截图参数可以指示截图时图片的保存格式，还有一些截图参数用于指示截图时对目标网页中的一些特定元素进行突出显示。

本发明实施例中，在需要进行截图的目标网页中，用户对于目标网页中一些较为重要的网页元素的内容需要突出显示时，可以设定与该较为重要的网页元素对应的截图参数，并在截图参数中设置相应的标识符。在具体的截图过程中，可以根据具有标识符的截图参数对目标网页中的相应元素进行标记，并在标记完成中，依据截图请求中的其他截图参数，按相应的截图分辨率、截图大小及存储格式等对完成元素标记的目标网页进行截图。

本发明实施例提供的方法中，在对目标网页进行截图前，先确定该截图请求是否存在携带第一标识符的截图参数。若存在携带第一标识符的截图参数，则根据其对应的网页元素进行标记，并对该已进行元素标记的目标网页进行截图。可选的，若不存在携带第一标识符的截图参数，则不会对目标网页中任何的网页元素进行标记。

应用本发明实施例提供的方法，可以根据用户在截图请求中预先设置的携带第一标识符发截图参数，对用户所需要进行标记的网页元素进行标记并截图，提高用户的体验感。

基于上述实施例提供的方法，对该网页截图方法的具体过程有以下实施例：

当截图服务接收到截图请求时，响应于该截图请求，并获取截图请求中包含的URL地址；

调用无头浏览器通过URL地址访问与该地址对应的目标网页，并确定该目标网页中需要进行加载的各个网页元素；

启动监听函数对每个网页元素对应的加载请求进行监听，以确定每个加载请求中是否存在待匹配项；

若存在任意的加载请求存在待匹配项，则为该加载请求添加匹配参数；

将各个加载请求发送至其对应的网页元素所在的服务器，以使服务器在接收到加载请求后，根据加载请求中的匹配参数进行响应并返回网页元素；

在将各个加载请求发送至服务器后，启动计时器进行计时；

若在预定的计时时间内该目标网页中的各个网页元素加载完成，则根据该截图请求中的各个截图参数对该目标网页进行截图；

若在预定的计时时间内该目标网页中的各个网页元素未加载完成，则确定服务器返回网页元素失败，且本次通过无头浏览器访问目标网页也失败；

对该目标网页进行刷新，并记录刷新次数；

当该刷新次数未超过预设刷新阈值时，再次调用无头浏览器通过URL地址访问目标网页，直至当前刷新的刷新次数超过该刷新阈值时，反馈目标网页的网页异常消息。

上述各个实施例的具体实施过程及其衍生方式，均在本发明的保护范围之内。

与图1所述的方法相对应，本发明实施例还提供了一种网页截图装置，用于对图1中方法的具体实现，本发明实施例提供的网页截图装置可以应用计算机终端或各种移动设备中，其结构示意图如图5所示，具体包括：

访问单元501，用于响应于截图请求，调用预先设置的无头浏览器对目标网页进行访问，并确定所述目标网页所需加载的各个网页元素；

判断单元502，用于判断每个所述网页元素对应的加载请求中是否包含待匹配项；

添加单元503，用于在包含待匹配项的加载请求中添加与所述待匹配项对应的匹配参数，并将添加有所述匹配参数的加载请求发送至对应的网页元素所在的服务器，以使所述服务器响应所述匹配参数，返回网页元素，完成对网页元素的加载；

截图单元504，用于在各个所述网页元素均加载完成后，对所述目标网页进行截图。

本发明实施例提供的装置中，截图服务在响应于截图请求后，通过访问单元调用无头浏览器访问目标网页，并确定该目标网页中的各个待加载的网页元素。由判断单元判断每个网页元素对应的加载请求是否包含待匹配项，若包含待匹配项，则由添加单元为包含待匹配项的加载请求添加匹配参数，并把各个添加了匹配参数的加载请求发送至其对应的服务器，以使该服务器根据该加载请求进行响应，返回网页元素。当该目标网页的各个网页元素均加载完成，由截图单元对该目标网页进行截图。

应用本发明实施例提供的装置，通过添加单元为每个包含待匹配项的加载请求添加匹配参数，以使服务器可以根据该加载请求中的匹配参数进行响应，成功返回网页元素。

本发明实施例提供的装置中，所述访问单元，包括：

第一获取子单元，用于获取所述截图请求中包含的URL地址；

访问子单元，用于调用所述无头浏览器访问与所述URL地址对应的网页。

本发明实施例提供的装置中，所述判断单元，包括：

监听子单元，用于启用已设置的每个网页元素对应的监听函数，对每个所述网页元素对应的加载请求进行监听，以获取所述加载请求中包含的与所述网页元素对应的元素地址；

判断子单元，用于判断所述元素地址中是否包含与其对应的网页元素的响应字符段；

确定子单元，用于若所述元素地址中未包含所述响应字符段，则确定网页元素对应的加载请求中包含待匹配项。

本发明实施例提供的装置中，所述添加单元，包括：

第二获取子单元，用于获取所述包含待匹配项的加载请求的请求头header；

添加子单元，用于在所述header的预定位置上添加与所述待匹配项对应的匹配参数。

本发明实施例提供的装置中，还包括：

计时单元，用于将添加有所述匹配参数的加载请求发送至其对应的网页元素所在的服务器时，启动预先设定的计时器进行计时；若在预设的计时时间内，未接收到所述服务器返回的网页元素，则确定网页元素未加载完成，对所述目标网页的本次访问失败。

本发明实施例提供的装置中，还包括：

刷新单元，用于对所述目标网页进行刷新，并记录当前刷新的刷新次数；若当前刷新的刷新次数未超过预设的刷新阈值，则调用所述无头浏览器访问所述目标网页，直至所述目标网页的刷新次数超出所述刷新阈值时，向所述用户反馈与所述目标网页对应的网页异常消息。

本发明实施例提供的装置中，所述截图单元，包括：

第二判断子单元，用于判断所述截图请求中是否包含携带第一标识符的截图参数；

标记子单元，用于若所述截图请求中包含携带第一标识符的截图参数，在所述目标网页中对所述携带第一标识符的截图参数对应的网页元素进行标记；

截图子单元，用于对已进行元素标记的目标网页进行截图。

以上本发明实施例公开的网页截图装置中的各个单元的具体工作过程，可参见本发明上述实施例公开的网页截图方法中的对应内容，这里不再进行赘述。

所述网页截图装置包括处理器和存储器，上述访问单元、判断单元、添加单元和截图单元等均作为程序单元存储在存储器中，由处理器执行存储在存储器中的上述程序单元来实现相应的功能。

处理器中包含内核，由内核去存储器中调取相应的程序单元。内核可以设置一个或以上，通过调整内核参数来对目标网页进行截图。

本发明实施例提供了一种存储介质，其上存储有程序，该程序被处理器执行时实现所述网页截图方法。

本发明实施例提供了一种处理器，所述处理器用于运行程序，其中，所述程序运行时执行所述网页截图方法。

本发明实施例提供了一种电子设备60，其结构示意图如图6所示，该电子设备60包括至少一个处理器601、以及与处理器连接的至少一个存储器602、总线603；其中，处理器601、存储器602通过总线603完成相互间的通信；处理器601用于调用存储器中的程序指令，以执行上述的网页截图方法。本文中的电子设备可以是服务器、PC、PAD、手机等。

本申请还提供了一种计算机程序产品，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序：

响应于截图请求，调用预先设置的无头浏览器对目标网页进行访问，并确定所述目标网页所需加载的各个网页元素；

判断每个所述网页元素对应的加载请求中是否包含待匹配项；

在包含待匹配项的加载请求中添加与所述待匹配项对应的匹配参数，并将添加有所述匹配参数的加载请求发送至对应的网页元素所在的服务器，以使所述服务器响应所述匹配参数，返回网页元素，完成对网页元素的加载；

在各个所述网页元素均加载完成后，对所述目标网页进行截图。

上述的方法，可选的，所述响应于截图请求，调用预先设置的无头浏览器对目标网页进行访问，包括：

获取所述截图请求中包含的URL地址；

调用所述无头浏览器访问与所述URL地址对应的网页。

上述的方法，可选的，所述判断每个所述网页元素对应的加载请求中是否包含待匹配项，包括：

启用已设置的每个网页元素对应的监听函数，对每个所述网页元素对应的加载请求进行监听，以获取所述加载请求中包含的与所述网页元素对应的元素地址；

判断所述元素地址中是否包含与其对应的网页元素的响应字符段；

若所述元素地址中未包含所述响应字符段，则确定网页元素对应的加载请求中包含待匹配项。

上述的方法，可选的，所述在包含待匹配项的加载请求中添加与所述待匹配项对应的匹配参数，包括：

获取所述包含待匹配项的加载请求的请求头header；

在所述header的预定位置上添加与所述待匹配项对应的匹配参数。

上述的方法，可选的，还包括：

将添加有所述匹配参数的加载请求发送至其对应的网页元素所在的服务器时，启动预先设定的计时器进行计时；

若在预设的计时时间内，未接收到所述服务器返回的网页元素，则确定网页元素未加载完成，对所述目标网页的本次访问失败。

上述的方法，可选的，对所述目标网页的本次访问失败后，还包括：

对所述目标网页进行刷新，并记录当前刷新的刷新次数；

若当前刷新的刷新次数未超过预设的刷新阈值，则调用所述无头浏览器访问所述目标网页，直至所述目标网页的刷新次数超出所述刷新阈值时，向所述用户反馈与所述目标网页对应的网页异常消息。

上述的方法，可选的，所述对所述目标网页进行截图，包括：

判断所述截图请求中是否包含携带第一标识符的截图参数；

若所述截图请求中包含携带第一标识符的截图参数，在所述目标网页中对所述携带第一标识符的截图参数对应的网页元素进行标记；

对已进行元素标记的目标网页进行截图。

本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

在一个典型的配置中，设备包括一个或多个处理器(CPU)、存储器和总线。设备还可以包括输入/输出接口、网络接口等。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)，存储器包括至少一个存储芯片。存储器是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。

本领域技术人员应明白，本申请的实施例可提供为方法、系统或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

以上仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims (8)

1.一种网页截图方法，其特征在于，包括：

响应于截图请求，调用预先设置的无头浏览器对目标网页进行访问，并确定所述目标网页所需加载的各个网页元素；

启用已设置的每个网页元素对应的监听函数，对每个所述网页元素对应的加载请求进行监听，以获取所述加载请求中包含的与所述网页元素对应的元素地址；

判断所述元素地址中是否包含与其对应的网页元素的响应字符段；

若所述元素地址中未包含所述响应字符段，则确定网页元素对应的加载请求中包含待匹配项；

获取所述包含待匹配项的加载请求的请求头header；

在所述header的预定位置上添加与所述待匹配项对应的匹配参数，并将添加有所述匹配参数的加载请求发送至对应的网页元素所在的服务器，以使所述服务器响应所述匹配参数，返回网页元素，完成对网页元素的加载；

在各个所述网页元素均加载完成后，对所述目标网页进行截图。

2.根据权利要求1所述的方法，其特征在于，所述响应于截图请求，调用预先设置的无头浏览器对目标网页进行访问，包括：

获取所述截图请求中包含的URL地址；

调用所述无头浏览器访问与所述URL地址对应的网页。

3.根据权利要求1所述的方法，其特征在于，还包括：

将添加有所述匹配参数的加载请求发送至其对应的网页元素所在的服务器时，启动预先设定的计时器进行计时；

若在预设的计时时间内，未接收到所述服务器返回的网页元素，则确定网页元素未加载完成，对所述目标网页的本次访问失败。

4.根据权利要求3所述的方法，其特征在于，对所述目标网页的本次访问失败后，还包括：

对所述目标网页进行刷新，并记录当前刷新的刷新次数；

若当前刷新的刷新次数未超过预设的刷新阈值，则调用所述无头浏览器访问所述目标网页，直至所述目标网页的刷新次数超出所述刷新阈值时，向用户反馈与所述目标网页对应的网页异常消息。

5.根据权利要求1所述的方法，其特征在于，所述对所述目标网页进行截图，包括：

判断所述截图请求中是否包含携带第一标识符的截图参数；

若所述截图请求中包含携带第一标识符的截图参数，在所述目标网页中对所述携带第一标识符的截图参数对应的网页元素进行标记；

对已进行元素标记的目标网页进行截图。

6.一种网页截图装置，其特征在于，包括：

访问单元，用于响应于截图请求，调用预先设置的无头浏览器对目标网页进行访问，并确定所述目标网页所需加载的各个网页元素；

判断单元，用于判断每个所述网页元素对应的加载请求中是否包含待匹配项；

添加单元，用于在包含待匹配项的加载请求中添加与所述待匹配项对应的匹配参数，并将添加有所述匹配参数的加载请求发送至对应的网页元素所在的服务器，以使所述服务器响应所述匹配参数，返回网页元素，完成对网页元素的加载；

截图单元，用于在各个所述网页元素均加载完成后，对所述目标网页进行截图；

所述判断单元，包括：

监听子单元，用于启用已设置的每个网页元素对应的监听函数，对每个所述网页元素对应的加载请求进行监听，以获取所述加载请求中包含的与所述网页元素对应的元素地址；

判断子单元，用于判断所述元素地址中是否包含与其对应的网页元素的响应字符段；

确定子单元，用于若所述元素地址中未包含所述响应字符段，则确定网页元素对应的加载请求中包含待匹配项；

所述添加单元，包括：

第二获取子单元，用于获取所述包含待匹配项的加载请求的请求头header；

添加子单元，用于在所述header的预定位置上添加与所述待匹配项对应的匹配参数。

7.一种存储介质，其特征在于，所述存储介质包括存储的程序，其中，在所述程序运行时控制所述存储介质所在的设备执行如权利要求1～5任意一项所述的网页截图方法。

8.一种电子设备，其特征在于，包括至少一个处理器、以及与处理器连接的至少一个存储器、总线；其中，处理器、存储器通过总线完成相互间的通信；处理器用于调用存储器中的程序指令，以执行上述的权利要求1～5任意一项所述网页截图方法。