CN111399732B - 网页截图方法、装置、计算机设备和存储介质 - Google Patents

网页截图方法、装置、计算机设备和存储介质 Download PDF

Info

Publication number
CN111399732B
CN111399732B CN202010176267.1A CN202010176267A CN111399732B CN 111399732 B CN111399732 B CN 111399732B CN 202010176267 A CN202010176267 A CN 202010176267A CN 111399732 B CN111399732 B CN 111399732B
Authority
CN
China
Prior art keywords
picture
target
webpage
screenshot
link
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.)
Active
Application number
CN202010176267.1A
Other languages
English (en)
Other versions
CN111399732A (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 Aiteyun Information Technology Co ltd
Original Assignee
Shenzhen Zhenaiyun Information Technology 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 Zhenaiyun Information Technology Co ltd filed Critical Shenzhen Zhenaiyun Information Technology Co ltd
Priority to CN202010176267.1A priority Critical patent/CN111399732B/zh
Publication of CN111399732A publication Critical patent/CN111399732A/zh
Application granted granted Critical
Publication of CN111399732B publication Critical patent/CN111399732B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F11/00Error detection; Error correction; Monitoring
    • G06F11/30Monitoring
    • G06F11/3003Monitoring arrangements specially adapted to the computing system or computing system component being monitored
    • G06F11/302Monitoring arrangements specially adapted to the computing system or computing system component being monitored where the computing system component is a software system
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking

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)
  • Computing Systems (AREA)
  • Data Mining & Analysis (AREA)
  • Human Computer Interaction (AREA)
  • Mathematical Physics (AREA)
  • Quality & Reliability (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本申请涉及一种网页截图方法、装置、计算机设备和存储介质。所述方法包括:获取目标图片对应的图片链接;通过虚拟浏览器打开所述图片链接,获取所述目标图片的图片参数;根据所述图片参数对所述虚拟浏览器的窗口进行校准;对所述目标图片进行截图得到目标截图;将所述目标截图以预设方式发送至指定地址,这种网页截图的方式,会根据目标图片的图片参数对虚拟浏览器的窗口进行校准,使得目标图片能够在虚拟浏览器中显示完整,从而可以对目标图片进行完整的截图,得到完整的目标图片的截图,使得每一次的截图都是可用的,提高了截图的有效率。

Description

网页截图方法、装置、计算机设备和存储介质
技术领域
本申请涉及计算机技术领域,特别是涉及一种网页截图方法、装置、计算机设备和存储介质。
背景技术
随着计算机技术的发展,网页的应用也越来越广泛,某些业务上需要对特定的网站上的图形进行监控时,可以运用截图的方式对该网页进行不断的监控。传统技术中,采用的是PhantomJs技术,PhantomJs是一个基于webkit的javascript API,使用QtWebKit作为其核心浏览器的功能,使用webkit来编译解释执行JavaScript代码。在服务端运行可以执行js脚本对图形网页进行截图,然后生成邮件可以识别的H5图形标签内容,推送给用户,从而可以解决对网页进行随时监控的问题。
然而,这种传统的服务器端截图方式并未考虑到图片大小的问题,当网页高度达到一定的限制时,超出部分就会截图失败,导致截图无法使用。
发明内容
基于此,有必要针对上述技术问题,提供一种能够提高截图有效率的网页截图方法、装置、计算机设备和存储介质。
一种网页截图方法,所述方法包括:
获取目标图片对应的图片链接;
通过虚拟浏览器打开所述图片链接,获取所述目标图片的图片参数;
根据所述图片参数对所述虚拟浏览器的窗口进行校准;
对所述目标图片进行截图得到目标截图;
将所述目标截图以预设方式发送至指定地址。
一种网页截图装置,所述装置包括:
图片链接获取模块,用于获取目标图片对应的图片链接;
图片参数获取模块,用于通过虚拟浏览器打开所述图片链接,获取所述目标图片的图片参数;
窗口校准模块,用于根据所述图片参数对所述虚拟浏览器的窗口进行校准;
网页截图模块,用于对所述目标。
一种计算机设备,包括存储器、处理器,所述存储器存储有计算机程序,所述处理器执行所述计算机程序时实现以下步骤:
获取目标图片对应的图片链接;
通过虚拟浏览器打开所述图片链接,获取所述目标图片的图片参数;
根据所述图片参数对所述虚拟浏览器的窗口进行校准;
对所述目标图片进行截图得到目标截图;
将所述目标截图以预设方式发送至指定地址。
一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现以下步骤:
获取目标图片对应的图片链接;
通过虚拟浏览器打开所述图片链接,获取所述目标图片的图片参数;
根据所述图片参数对所述虚拟浏览器的窗口进行校准;
对所述目标图片进行截图得到目标截图;
将所述目标截图以预设方式发送至指定地址。
上述网页截图方法、装置、计算机设备和存储介质,通过获取目标图片对应的图片链接,通过虚拟浏览器打开图片链接,获取目标图片的图片参数,根据图片参数对虚拟浏览器的窗口进行校准,对目标图片进行截图得到目标截图,将目标截图以预设方式发送至指定地址,这种网页截图的方式,会根据目标图片的图片参数对虚拟浏览器的窗口进行校准,使得目标图片能够在虚拟浏览器中显示完整,从而可以对目标图片进行完整的截图,得到完整的目标图片的截图,使得每一次的截图都是可用的,提高了截图的有效率。
附图说明
图1为一个实施例中网页截图方法的流程示意图;
图2为一个实施例中在获取目标图片对应的图片链接之前还包括的步骤的流程示意图;
图3为一个实施例中网页截图装置的结构框图;
图4为一个实施例中计算机设备的内部结构图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。
在一个实施例中,如图1所示,提供了一种网页截图方法,包括以下步骤:
步骤101,获取目标图片对应的图片链接。
步骤102,通过虚拟浏览器打开图片链接,获取目标图片的图片参数。
目标图片是指待监控且需要屏蔽的图片,通常情况下,目标图片是动态图片。服务器可以获取到目标图片对应的图片链接,并通过虚拟浏览器打开图片链接获取到目标图片的图片参数。虚拟浏览器是预先创建的浏览器,此浏览器没有界面显示,而是虚拟状态的,可由服务器直接唤起打开目标图片对应的图片链接。虚拟浏览器打开图片链接后,即可获取到目标图片的图片参数。图片参数可以包括有目标图片的尺寸、颜色、图片名称、图片标识等。
在一个实施例中,在获取目标图片对应的图片链接之前,还包括:获取目标网页中包含的目标图片的图片标识;根据图片标识生成与每个目标图片对应的图片链接。
目标图片的图片链接与目标图片是对应的,在生成每个目标图片的图片链接时,服务器可以先获取到目标网页,在目标网页中可以包含有多个目标图片,服务器可以获取到每一个目标图片的图片标识。每个目标图片都有与其对应的图片标识,图片标识均是唯一的,因此服务器可以根据每个目标图片对应的图片标识生成对应的图片链接,使得每个图片链接都与其目标图片对应。
在一个实施例中,在获取目标网页中包含的目标图片的图片标识之前,还包括:获取目标网页的网页配置信息;当检测到网页配置信息中包含有图片元素时,获取目标网页中包含的图片作为目标图片,并获取每个目标图片的图片标识。
目标网页,是指需要对该网页中包含的图表实时进行监控并需要发送截图报告的网页。网页配置信息是指目标网页的配置信息,包含网页数据的来源地址,网页链接,网页名称,网页中包含的各项元素等。通常情况下,需要监控的图表动态图表。服务器可以获取到目标网页的网页配置信息,并对目标网页中是否包含有图片元素进行检测。当服务器检测到目标网页中未包含有图片时,则说明无需继续对该目标网页进行监控并进行截图操作;当服务器检测到目标网页中包含有图片时,服务器则可以获取到目标网页中包含的图片,并将获取到的目标作为目标图片,同时,获取到每个目标图片对应的图片标识。
在一个实施例中,根据图片标识生成与每个目标图片对应的图片链接,包括:获取预设的链接生成模板,链接生成模板中包含有图片链接对应网页的网页参数;通过链接生成模板,生成与每个目标图片的图片标识对应的图片链接。
服务器在生成与每个目标图片对应的图片链接时,是可以通过预先设置好的链接生成模板进行链接的生成的。服务器可以获取到预先设置的链接生成模板,通过预设的链接生成模板生成与每个目标图片的图片标识对应的图片链接。
在一个实施例中,如图2所示,在获取目标图片对应的图片链接之前,还包括:
步骤201,获取目标网页的网页配置信息。
步骤202,当检测到网页配置信息中包含有图片元素时,获取目标网页中包含的图片作为目标图片。
步骤203,获取每个目标图片的图片标识。
步骤204,获取预设的链接生成模板,链接生成模板中包含有图片链接对应网页的网页参数。
步骤205,通过链接生成模板,生成与每个目标图片的图片标识对应的图片链接。
通常情况下,业务端很多报表都是动态图表,业务经常需要对这些图表对应的数据进行汇报,但通过邮件方式对图表进行汇报时,邮件端不支持动态H5图形的显示问题,即,邮件中无法显示动态的图表。针对此,可以对目标网页,即动态H5页面中的包含的动态图表进行监控。
具体的,服务器可以获取到目标网页的网页配置信息,并根据网页配置信息确定目标网页中是否包含有图片元素。当服务器根据网页配置信息确定目标网页中包含有图片元素后,则可以获取到目标网页中包含的图片。目标网页中包含的图片也可以是指动态图表。
目标网页中包含的图片可以称之为目标图片,目标网页中可以包含有多个目标图片,服务器可以根据目标网页的网页配置信息获取到每个目标图片的图片标识。服务器可以获取到预设的链接生成模板,在链接生成模板中包含有图片链接对应网页的网页参数,比如图片链接对应网页的间距宽度是多少,即该网页中显示的目标图片与网页的上下左右分别留出的宽度和高度是多少,或者该网页在显示目标图片时的网页底色的色值是多少,又或者该网页在显示目标图片时,是否需要加上水印等。
因此,服务器可以通过预设的链接生成模板生成与每个目标图片的图片标识对应的图片链接,图片链接是与目标图片的图片标识相对应的,也就是说,每个目标图片都有其唯一的图片链接。
在一个实施例中,通过虚拟浏览器打开图片链接,包括:根据图片链接获取目标图片对应的图片标识;根据图片标识获取目标图片的图片参数;根据图片参数渲染出目标图片。
服务器在获取到目标图片对应的图片链接后,可以通过虚拟浏览器打开图片链接。虚拟浏览器可以打开图片链接,根据图片链接获取到目标图片的图片标识,并向服务器发送图片请求命令,在图片请求命令中携带有目标图片的图片标识,服务器在接收到图片请求命令后,可以根据图片标识查找到目标图片的相关数据,并将数据返回给虚拟浏览器,从而虚拟浏览器可以接收到目标图片的相关图片参数,并根据图片参数渲染出该目标图片。根据上文可知,目标图片可以是动态图表,图片参数可以包括但不限于图表名称、图表类型、图表显示方式等等。虚拟浏览器从而可以根据这些图片参数渲染出目标图片,使得目标图片按照图片参数进行显示。
在一个实施例中,通过虚拟浏览器打开图片链接,包括:监听图片链接是否加载正常;若是加载正常,则进入获取目标图片的图片参数的步骤;若是加载异常,则获取异常信息。
在通过虚拟浏览器打开目标图片的图片链接时,会对图片链接是否加载正常进行监听。即,虚拟浏览器在打开图片链接时,会向服务器发起数据请求,因此,可以监听数据请求接口返回的状态码是否表示异常。若是通过数据请求接口返回的状态码表示有异常,如返回404,500等表示异常的状态码,则表示图片链接加载失败,目标图片并未正常加载显示,则可以获取到异常信息,并无需进入对目标图片的截图操作;反之,若是数据请求接口返回的状态码表示无异常,则说明目标图片可正常通过虚拟浏览器加载显示,可进入到下一个步骤,即进入目标图片的图片参数的步骤。
步骤103,根据图片参数对虚拟浏览器的窗口进行校准。
在通过虚拟浏览器打开图片链接,并获取到目标图片的图片参数后,虚拟浏览器便可以根据图片参数渲染出对应的目标图片。服务器可以根据图片参数对虚拟浏览器的窗口进行校准,以使虚拟浏览器在打开该目标图片时,能够将目标图片完整的显示出来。虚拟浏览器是一个虚拟的浏览器,因此可以对虚拟浏览器的窗口大小进行任意调整,直到虚拟浏览器的窗口大小能够将目标图片进行完整的显示。同时,也可以对进一步对虚拟浏览器的窗口进行设置,比如在对虚拟浏览器的窗口进行调整时,也可以将虚拟浏览器的窗口大小调整至目标图片显示完整,同时,目标图片还可以在虚拟浏览器的窗口中显示时,与虚拟浏览器的窗口边缘留有一定的边距,边距距离可以根据需求进行自定义的配置。
在一个实施例中,根据图片参数对虚拟浏览器的窗口进行校准,包括:根据图片参数调整虚拟浏览器的窗口大小,以使目标图片在虚拟浏览器中显示完整。
步骤104,对目标图片进行截图得到目标截图。
步骤105,将目标截图以预设方式发送至指定地址。
在根据目标图片的图片参数对虚拟浏览器的窗口进行校准,使得目标图片在虚拟浏览器的窗口显示完整后,则可以对目标图片进行截图操作,从而可得到对应的目标截图,并可以将目标截图以预设方式发送至指定地址。预设方式可以是邮件形式,QQ发送形式,微信发送形式或者其他预设的发送方式。
在一个实施例中,将目标截图以预设方式发送至指定地址,包括:获取目标截图;将目标截图进行转码后生成预设格式的文本内容,并以邮件方式进行至指定地址。
进一步的,在将目标截图以预设方式发送至指定地址时,还可以先将目标截图进行转码,生成预设格式的文本内容后再发送至指定地址。在得到目标截图后,可以将目标截图保存至临时文件夹,并将目标截图通过base64转码生成邮件客户端可以识别的文本内容,这样做的好处在于服务器会定时清理内存,那么将目标截图进行转码后,即便是服务器上删除了目标截图,邮件上也可以照常正常显示出该目标截图,而不会受服务器的影响。进一步的,待邮件内容准备好后,可以校正收件人邮箱信息,然后逐个推送邮件,并更新邮件推送状态为“成功”或者“失败”,以使同一个邮件内容不会重复发送,并准备好进入下一个循环。
上述网页截图方法中,通过获取目标图片对应的图片链接,通过虚拟浏览器打开图片链接,获取目标图片的图片参数,根据图片参数对虚拟浏览器的窗口进行校准,对目标图片进行截图得到目标截图,将目标截图以预设方式发送至指定地址,这种网页截图的方式,会根据目标图片的图片参数对虚拟浏览器的窗口进行校准,使得目标图片能够在虚拟浏览器中显示完整,从而可以对目标图片进行完整的截图,得到完整的目标图片的截图,使得每一次的截图都是可用的,提高了截图的有效率。
且传统的服务器端截图方式,需要设置一个页面加载时间阈值,如果页面加载超过这个时长,截图就会发生失真,本方案会对页面所有加载过程进行监听,监听到页面成功加载结束后,再进行截图操作,就避免了由于页面加载时长限制而导致的页面截图失真问题。同时,针对一些目标网页中动态加载的表格类图形,有服务器事先不知道这个表格有多少行和列数据,故无法确定截图大小,图片会发生缺省或者大片留白区域,本方案会在网页加载完成后,捕捉当前图形实际大小,校准浏览器窗口尺寸,再进行截图,这样产生的图形就会与实际图形尺寸一致。且网页加载过程中,可能会存在接口返回数据异常或缺省情况,针对这两种异常情况,监听程序会自动捕获,并推送邮件给对应的责任人员,做到问题及时发现,并及时处理。
应该理解的是,虽然图1-2的流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,这些步骤可以以其它的顺序执行。而且,图1-2中的至少一部分步骤可以包括多个子步骤或者多个阶段,这些子步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,这些子步骤或者阶段的执行顺序也不必然是依次进行,而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
在一个实施例中,如图3所示,提供了一种网页截图装置,包括:图片链接获取模块、图片参数获取模块、窗口校准模块和网页图截图模块,其中:
图片链接获取模块301,用于获取目标图片对应的图片链接。
图片参数获取模块302,用于通过虚拟浏览器打开图片链接,获取目标图片的图片参数。
窗口校准模块303,用于根据图片参数对虚拟浏览器的窗口进行校准。
网页截图模块304,用于对目标图片进行截图得到目标截图;将目标截图以预设方式发送至指定地址。
在一个实施例中,图片链接获取模块301还用于获取目标网页中包含的目标图片的图片标识;根据图片标识生成与每个目标图片对应的图片链接。
在一个实施例中,图片链接获取模块301还用于获取目标网页的网页配置信息;当检测到网页配置信息中包含有图片元素时,获取目标网页中包含的图片作为目标图片,并获取每个目标图片的图片标识。
在一个实施例中,图片链接获取模块301还用于获取预设的链接生成模板,链接生成模板中包含有图片链接对应网页的网页参数;通过链接生成模板,生成与每个目标图片的图片标识对应的图片链接。
在一个实施例中,图片参数获取模块302还用于根据图片链接获取目标图片对应的图片标识;根据图片标识获取目标图片的图片参数;根据图片参数渲染出目标图片。
在一个实施例中,图片参数获取模块302还用于监听图片链接是否加载正常;若是加载正常,则进入获取目标图片的图片参数的步骤;若是加载异常,则获取异常信息。
在一个实施例中,窗口校准模块303还用于根据图片参数调整虚拟浏览器的窗口大小,以使目标图片在虚拟浏览器中显示完整。
在一个实施例中,网页图截图模块304还用于将目标截图以预设方式发送至指定地址,包括:获取目标截图;将目标截图进行转码后生成预设格式的文本内容,并以邮件方式进行至指定地址。
关于网页截图装置的具体限定可以参见上文中对于网页截图方法的限定,在此不再赘述。上述网页截图装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中,也可以以软件形式存储于计算机设备中的存储器中,以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中,提供了一种计算机设备,该计算机设备可以是服务器,其内部结构图可以如图4所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口和数据库。其中,该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统、计算机程序和数据库。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的数据库用于存储目标图片的图片参数等数据。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种网页截图方法。
本领域技术人员可以理解,图4中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备的限定,具体的计算机设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
在一个实施例中,提供了一种计算机设备,包括存储器和处理器,存储器中存储有计算机程序,该处理器执行计算机程序时实现以下步骤:获取目标图片对应的图片链接;通过虚拟浏览器打开图片链接,获取目标图片的图片参数;根据图片参数对虚拟浏览器的窗口进行校准;对目标图片进行截图得到目标截图;将目标截图以预设方式发送至指定地址。
在一个实施例中,在获取目标图片对应的图片链接之前,处理器执行计算机程序时还实现以下步骤:获取目标网页中包含的目标图片的图片标识;根据图片标识生成与每个目标图片对应的图片链接。
在一个实施例中,在获取目标网页中包含的目标图片的图片标识之前,处理器执行计算机程序时还实现以下步骤:获取目标网页的网页配置信息;当检测到网页配置信息中包含有图片元素时,获取目标网页中包含的图片作为目标图片,并获取每个目标图片的图片标识。
在一个实施例中,根据图片标识生成与每个目标图片对应的图片链接,包括:获取预设的链接生成模板,链接生成模板中包含有图片链接对应网页的网页参数;通过链接生成模板,生成与每个目标图片的图片标识对应的图片链接。
在一个实施例中,通过虚拟浏览器打开图片链接,包括:根据图片链接获取目标图片对应的图片标识;根据图片标识获取目标图片的图片参数;根据图片参数渲染出目标图片。
在一个实施例中,通过虚拟浏览器打开图片链接,包括:监听图片链接是否加载正常;若是加载正常,则进入获取目标图片的图片参数的步骤;若是加载异常,则获取异常信息。
在一个实施例中,根据图片参数对虚拟浏览器的窗口进行校准,包括:根据图片参数调整虚拟浏览器的窗口大小,以使目标图片在虚拟浏览器中显示完整。
在一个实施例中,将目标截图以预设方式发送至指定地址,包括:获取目标截图;将目标截图进行转码后生成预设格式的文本内容,并以邮件方式进行至指定地址。
在一个实施例中,提供了一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现以下步骤:获取目标图片对应的图片链接;通过虚拟浏览器打开图片链接,获取目标图片的图片参数;根据图片参数对虚拟浏览器的窗口进行校准;对目标图片进行截图得到目标截图;将目标截图以预设方式发送至指定地址。
在一个实施例中,在获取目标图片对应的图片链接之前,计算机程序被处理器执行时还实现以下步骤:获取目标网页中包含的目标图片的图片标识;根据图片标识生成与每个目标图片对应的图片链接。
在一个实施例中,根据图片标识生成与每个目标图片对应的图片链接,包括:获取预设的链接生成模板,链接生成模板中包含有图片链接对应网页的网页参数;通过链接生成模板,生成与每个目标图片的图片标识对应的图片链接。
在一个实施例中,通过虚拟浏览器打开图片链接,包括:根据图片链接获取目标图片对应的图片标识;根据图片标识获取目标图片的图片参数;根据图片参数渲染出目标图片。
在一个实施例中,通过虚拟浏览器打开图片链接,包括:监听图片链接是否加载正常;若是加载正常,则进入获取目标图片的图片参数的步骤;若是加载异常,则获取异常信息。
在一个实施例中,根据图片参数对虚拟浏览器的窗口进行校准,包括:根据图片参数调整虚拟浏览器的窗口大小,以使目标图片在虚拟浏览器中显示完整。
在一个实施例中,将目标截图以预设方式发送至指定地址,包括:获取目标截图;将目标截图进行转码后生成预设格式的文本内容,并以邮件方式进行至指定地址。
在一个实施例中,在获取目标网页中包含的目标图片的图片标识之前,计算机程序被处理器执行时还实现以下步骤:获取目标网页的网页配置信息;当检测到网页配置信息中包含有图片元素时,获取目标网页中包含的图片作为目标图片,并获取每个目标图片的图片标识。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一非易失性计算机可读取存储介质中,该计算机程序在执行时,可包括如上述各方法的实施例的流程。其中,本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用,均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限,RAM以多种形式可得,诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink) DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。
以上实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。因此,本申请专利的保护范围应以所附权利要求为准。

Claims (5)

1.一种网页截图方法,应用于服务器,其特征在于,所述网页截图方法包括:
获取目标图片对应的图片链接;
通过服务器唤起的虚拟浏览器打开所述图片链接,获取所述目标图片的图片参数;
根据所述图片参数对所述虚拟浏览器的窗口进行校准;
对所述目标图片进行截图得到目标截图;
将所述目标截图以预设方式发送至指定地址;
所述在获取目标图片对应的图片链接之前,还包括:
获取目标网页中包含的目标图片的图片标识;
根据所述图片标识生成与每个目标图片对应的图片链接;
所述在获取目标网页中包含的目标图片的图片标识之前,还包括:
获取所述目标网页的网页配置信息;
当检测到所述网页配置信息中包含有图片元素时,获取所述目标网页中包含的图片作为目标图片,并获取每个目标图片的图片标识;
所述根据所述图片标识生成与每个目标图片对应的图片链接,包括:
获取预设的链接生成模板,所述链接生成模板中包含有图片链接对应网页的网页参数;
通过所述链接生成模板,生成与每个目标图片的图片标识对应的图片链接;
所述通过虚拟浏览器打开所述图片链接,包括:
根据所述图片链接获取所述目标图片对应的图片标识;
根据所述图片标识获取所述目标图片的图片参数;
根据所述图片参数渲染出所述目标图片;
所述根据所述图片参数对所述虚拟浏览器的窗口进行校准,包括:
根据所述图片参数调整所述虚拟浏览器的窗口大小,以使所述目标图片在所述虚拟浏览器中显示完整;
所述目标网页是指需要对网页中包含的图表实时进行监控并需要发送截图报告的网页;
所述目标图片在所述虚拟浏览器的窗口中显示时,与所述虚拟浏览器的窗口边缘留有边距。
2.根据权利要求1所述的网页截图方法,其特征在于,所述通过虚拟浏览器打开所述图片链接,包括:
监听所述图片链接是否加载正常;
若是加载正常,则进入获取所述目标图片的图片参数的步骤;
若是加载异常,则获取异常信息。
3.根据权利要求1所述的网页截图方法,其特征在于,将所述目标截图以预设方式发送至指定地址,包括:
获取所述目标截图;
将所述目标截图进行转码后生成预设格式的文本内容,并以邮件方式进行至指定地址。
4.一种网页截图装置,其特征在于,所述网页截图装置包括:
图片链接获取模块,用于获取目标图片对应的图片链接;
图片参数获取模块,用于通过服务器唤起的虚拟浏览器打开所述图片链接,获取所述目标图片的图片参数;
窗口校准模块,用于根据所述图片参数对所述虚拟浏览器的窗口进行校准;
网页截图模块,用于对所述目标图片进行截图得到目标截图;将所述目标截图以预设方式发送至指定地址;
所述图片链接获取模块还用于获取目标网页中包含的目标图片的图片标识;根据图片标识生成与每个目标图片对应的图片链接;
所述图片链接获取模块还用于获取目标网页的网页配置信息;当检测到网页配置信息中包含有图片元素时,获取目标网页中包含的图片作为目标图片,并获取每个目标图片的图片标识;
所述图片链接获取模块还用于获取预设的链接生成模板,链接生成模板中包含有图片链接对应网页的网页参数;通过链接生成模板,生成与每个目标图片的图片标识对应的图片链接;
所述图片参数获取模块还用于根据图片链接获取目标图片对应的图片标识;根据图片标识获取目标图片的图片参数;根据图片参数渲染出目标图片;
所述窗口校准模块还用于根据图片参数调整虚拟浏览器的窗口大小,以使目标图片在虚拟浏览器中显示完整;
所述目标网页是指需要对网页中包含的图表实时进行监控并需要发送截图报告的网页;
所述目标图片在所述虚拟浏览器的窗口中显示时,与所述虚拟浏览器的窗口边缘留有边距。
5.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至3中任一项所述的网页截图方法的步骤。
CN202010176267.1A 2020-03-13 2020-03-13 网页截图方法、装置、计算机设备和存储介质 Active CN111399732B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010176267.1A CN111399732B (zh) 2020-03-13 2020-03-13 网页截图方法、装置、计算机设备和存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010176267.1A CN111399732B (zh) 2020-03-13 2020-03-13 网页截图方法、装置、计算机设备和存储介质

Publications (2)

Publication Number Publication Date
CN111399732A CN111399732A (zh) 2020-07-10
CN111399732B true CN111399732B (zh) 2021-02-19

Family

ID=71436260

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010176267.1A Active CN111399732B (zh) 2020-03-13 2020-03-13 网页截图方法、装置、计算机设备和存储介质

Country Status (1)

Country Link
CN (1) CN111399732B (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112256990B (zh) * 2020-09-01 2023-09-26 北京沃东天骏信息技术有限公司 一种图像处理方法及装置、计算机可读存储介质
CN114968423B (zh) * 2021-02-19 2024-05-14 华为技术有限公司 一种长页面截屏方法及电子设备

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104238913A (zh) * 2014-09-02 2014-12-24 北京金山安全软件有限公司 截图方法、装置和电子设备
CN107025053A (zh) * 2015-10-05 2017-08-08 极刻科技(香港)控股有限公司 于通过虚拟键盘输入内容至应用程序时提供一服务的方法
CN110377205A (zh) * 2019-07-09 2019-10-25 北京亚鸿世纪科技发展有限公司 控制数据可视化大屏页面自动自适应频率的方法及装置
CN110806913A (zh) * 2019-10-30 2020-02-18 支付宝(杭州)信息技术有限公司 网页截图方法、装置及设备

Family Cites Families (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104715060B (zh) * 2012-06-29 2019-03-08 北京奇虎科技有限公司 一种基于网页的图片显示方法和装置
CN102819561B (zh) * 2012-06-29 2015-04-29 北京奇虎科技有限公司 一种基于网页的图片显示方法和装置
EP2997504B1 (en) * 2013-06-09 2019-07-31 Apple Inc. Browser-driven power saving
CN104462125B (zh) * 2013-09-18 2019-09-17 腾讯科技(深圳)有限公司 生成网页截图的方法及装置
CN103678487B (zh) * 2013-11-08 2017-05-03 北京奇虎科技有限公司 一种网页快照的生成方法和装置
CN104360882B (zh) * 2014-11-07 2018-07-27 北京奇虎科技有限公司 一种浏览器中对网页中图片进行显示方法和装置
CN110020231A (zh) * 2017-07-25 2019-07-16 阿里巴巴集团控股有限公司 网页截图方法及其装置
CN108304498B (zh) * 2018-01-12 2020-08-25 深圳壹账通智能科技有限公司 网页数据采集方法、装置、计算机设备和存储介质
CN109491744A (zh) * 2018-11-06 2019-03-19 成都知道创宇信息技术有限公司 一种网页截图系统和方法
CN109684576A (zh) * 2018-12-14 2019-04-26 平安城市建设科技(深圳)有限公司 网页资源懒加载监控方法、装置、设备及存储介质

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104238913A (zh) * 2014-09-02 2014-12-24 北京金山安全软件有限公司 截图方法、装置和电子设备
CN107025053A (zh) * 2015-10-05 2017-08-08 极刻科技(香港)控股有限公司 于通过虚拟键盘输入内容至应用程序时提供一服务的方法
CN110377205A (zh) * 2019-07-09 2019-10-25 北京亚鸿世纪科技发展有限公司 控制数据可视化大屏页面自动自适应频率的方法及装置
CN110806913A (zh) * 2019-10-30 2020-02-18 支付宝(杭州)信息技术有限公司 网页截图方法、装置及设备

Also Published As

Publication number Publication date
CN111399732A (zh) 2020-07-10

Similar Documents

Publication Publication Date Title
CN111061526B (zh) 自动化测试方法、装置、计算机设备及存储介质
CN110399293B (zh) 系统测试方法、装置、计算机设备和存储介质
CN110209652B (zh) 数据表迁移方法、装置、计算机设备和存储介质
CN110008455B (zh) 表格编辑方法、装置、计算机设备和存储介质
CN110730107B (zh) 测试数据生成方法、装置、计算机设备和存储介质
CN111078339B (zh) 界面元素定位方法、装置、计算机设备和存储介质
CN111399732B (zh) 网页截图方法、装置、计算机设备和存储介质
CN109190067B (zh) 浏览器输入框展示方法、装置、计算机设备及存储介质
CN112491659B (zh) 一种流量回放测试方法、装置、计算机设备和存储介质
CN108400978B (zh) 漏洞检测方法、装置、计算机设备和存储介质
CN112269744A (zh) 系统异常测试方法、装置、计算机设备和存储介质
CN111797026A (zh) 测试用例生成方法、装置、计算机设备及存储介质
CN109325058B (zh) 规则批量比对方法、装置、计算机设备和存储介质
CN111191079A (zh) 一种文档内容获取方法、装置、设备及存储介质
CN108920357A (zh) 业务系统检测方法、装置、计算机设备和存储介质
CN113268409B (zh) 自动化测试时跟踪逻辑节点的方法、装置、设备和介质
CN112612706A (zh) 自动化测试方法、计算机设备及存储介质
CN111984520A (zh) 埋点测试方法、计算机设备及计算机可读存储介质
CN109492144B (zh) 软件系统的关联关系分析方法、装置和存储介质
CN110865943A (zh) 接口测试方法、装置、计算机设备和存储介质
CN112882669B (zh) 对象展示方法、终端和服务器
CN111949516A (zh) 页面测试方法、装置及电子设备
CN112631908A (zh) 浏览器页面测试方法、装置、计算机设备及存储介质
CN112486838A (zh) 接口测试方法、装置、计算机设备和存储介质
CN110716854A (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
CP03 Change of name, title or address

Address after: 518000 3506, phase II, Qianhai Shimao financial center, No. 3040, Xinghai Avenue, Nanshan street, Qianhai Shenzhen Hong Kong cooperation zone, Shenzhen, Guangdong

Patentee after: Shenzhen aiteyun Information Technology Co.,Ltd.

Address before: 518000 21st floor, block a, aerospace science and Technology Plaza, 168 Haide Third Road, Yuehai street, Nanshan District, Shenzhen City, Guangdong Province

Patentee before: SHENZHEN ZHENAIYUN INFORMATION TECHNOLOGY Co.,Ltd.

CP03 Change of name, title or address