CN113536166A - 一种页面截图方法及装置 - Google Patents

一种页面截图方法及装置 Download PDF

Info

Publication number
CN113536166A
CN113536166A CN202110905693.9A CN202110905693A CN113536166A CN 113536166 A CN113536166 A CN 113536166A CN 202110905693 A CN202110905693 A CN 202110905693A CN 113536166 A CN113536166 A CN 113536166A
Authority
CN
China
Prior art keywords
page
screenshot
parameter
browser
random number
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
Application number
CN202110905693.9A
Other languages
English (en)
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.)
Beijing Knet Eqxiu Technology Co ltd
Original Assignee
Beijing Knet Eqxiu 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 Beijing Knet Eqxiu Technology Co ltd filed Critical Beijing Knet Eqxiu Technology Co ltd
Priority to CN202110905693.9A priority Critical patent/CN113536166A/zh
Publication of CN113536166A publication Critical patent/CN113536166A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • 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/955Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
    • 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
    • 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)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明提供了一种页面截图方法及装置,该方法包括:接收客户端发送的截图请求,截图请求包含页面地址、随机数以及第一页面参数,基于页面地址和随机数拼接得到目标页面地址,通过浏览器访问目标页面地址对应的页面;接收浏览器依据随机数发送的页面参数获取请求;向浏览器发送待截图页面的第一页面参数,以触发浏览器将页面的第二页面参数替换为待截图页面的第一页面参数,使得已替换为第一页面参数的所述页面的页面内容,与待截图页面的页面内容一致;对已替换为第一页面参数的页面进行截图,得到截图图像;将截图图像发送至所述客户端。应用本发明实施例提供的方法,能够避免通过第三方插件进行截图而带来的截图功能不兼容问题。

Description

一种页面截图方法及装置
技术领域
本发明涉及计算机技术领域,特别涉及一种页面截图方法及装置。
背景技术
随着计算机科学技术的发展,用户在浏览客户端的页面过程中,经常会出现页面的截图需求,希望通过对页面截图,从而能够以图片的形式保留或分享当前的页面内容。
现有的客户端的页面截图,通常需要第三方插件来实现截图功能,然而,第三方插件属于黑盒,无法感知第三方插件的工作流程,在此情况下,会出现非常大的兼容性问题。
发明内容
本发明所要解决的技术问题是提供一种页面截图方法及装置,能够避免通过第三方插件进行截图而导致的截图功能不兼容。本发明的技术方案如下:
根据本发明实施例的第一方面,提供一种页面截图方法,应用于服务端,所述方法包括:
接收客户端发送的截图请求,所述截图请求包括随机数、待截图页面的第一页面参数以及页面地址;
将所述页面地址与所述随机数进行拼接,得到目标页面地址;
启动预设的浏览器,并向所述浏览器发送所述目标页面地址,使得所述浏览器访问所述目标页面地址对应的页面;
接收所述浏览器发送的页面参数获取请求,所述页面参数获取请求为所述浏览器检测到所述目标页面地址中的随机数后发送;
向所述浏览器发送所述待截图页面的第一页面参数,以触发所述浏览器将所述页面的第二页面参数替换为所述待截图页面的第一页面参数,使得已替换为所述第一页面参数的所述页面的页面内容,与所述待截图页面的页面内容一致;
对已替换为所述第一页面参数的所述页面进行截图,得到截图图像;
将所述截图图像发送至所述客户端。
可选的,所述对已替换为所述第一页面参数的所述页面进行截图,得到截图图像,包括:
启动截图功能,以按预先设置的图片格式对已替换为所述第一页面参数的所述页面进行截图,获得截图图像;所述图片格式包括图片的清晰度以及图片大小。
可选的,所述接收客户端发送的截图请求之后,还包括:
将所述随机数与所述待截图页面的第一页面参数进行关联存储于预先设置的配置文件中;
所述接收所述浏览器发送的页面参数获取请求之后,还包括:
根据所述页面参数获取请求中包含的随机数,在所述配置文件中获取所述待截图页面的第一页面参数。
根据本发明实施例的第二方面,提供一种页面截图装置,应用于服务端,所述装置包括:
第一接收单元,用于接收客户端发送的截图请求,所述截图请求包括随机数、待截图页面的第一页面参数以及页面地址;
拼接单元,用于将所述页面地址与所述随机数进行拼接,得到目标页面地址;
启动单元,用于启动预设的浏览器,并向所述浏览器发送所述目标页面地址,使得所述浏览器访问所述目标页面地址对应的页面;
第二接收单元,用于接收所述浏览器发送的页面参数获取请求,所述页面参数获取请求为所述浏览器检测到所述目标页面地址中的随机数后发送;
第一发送单元,用于向所述浏览器发送所述待截图页面的第一页面参数,以触发所述浏览器将所述页面的第二页面参数替换为所述待截图页面的第一页面参数,使得已替换为所述第一页面参数的所述页面的页面内容,与所述待截图页面的页面内容一致;
截图单元,用于对已替换为所述第一页面参数的所述页面进行截图,得到截图图像;
第二发送单元,用于将所述截图图像发送至所述客户端。
可选的,所述截图单元,包括:
截图子单元,启动截图功能,以按预先设置的图片格式对已替换为所述第一页面参数的所述页面进行截图,获得截图图像;所述图片格式包括图片的清晰度以及图片大小。
可选的,本发明实施例的第二方面提供的页面截图装置,还包括:
存储单元,用于在所述第一接收单元接收客户端发送的截图请求后,将所述随机数与所述待截图页面的第一页面参数进行关联存储于预先设置的配置文件中;
获取单元,用于在所述第二接收单元接收所述浏览器发送的页面参数获取请求之后,根据所述页面参数获取请求中包含的随机数,在所述配置文件中获取所述待截图页面的第一页面参数。
根据本发明实施例的第三方面,提供一种页面截图装置,应用于客户端,所述方法包括:
显示待截图页面;
当接收到用户触发的针对所述待截图页面的截图指令时,生成随机数,并获取所述待截图页面的第一页面参数;
基于所述待截图页面的页面地址、所述第一页面参数以及所述随机数,向预设的服务端发送截图请求;
接收所述服务端发送的截图图像,所述截图图像由所述服务端对包含所述第一页面参数的页面进行截图得到;所述页面由所述服务端通过预设的浏览器访问目标页面地址得到;所述目标页面地址由所述服务端对所述页面地址与所述随机数拼接得到。
可选的,所述接收所述服务端发送的截图图像之后,还包括:
显示所述截图图像。
根据本发明实施例的第四方面,提供一种页面截图装置,应用于客户端,所述装置包括:
第一显示单元,用于显示待截图页面;
执行单元,用于当接收到用户触发的针对所述待截图页面的截图指令时,生成随机数,并获取所述待截图页面的第一页面参数;
第三发送单元,用于基于所述待截图页面的页面地址、所述第一页面参数以及所述随机数,向预设的服务端发送截图请求;
第三接收单元,用于接收所述服务端发送的截图图像,所述截图图像由所述服务端对包含所述第一页面参数的页面进行截图得到;所述页面由所述服务端通过预设的浏览器访问目标页面地址得到;所述目标页面地址由所述服务端对所述页面地址与所述随机数拼接得到。
可选的,本发明实施例的第四方面提供的页面截图装置,还包括:
第二显示单元,用于显示所述截图图像。
与现有技术相比,本发明包括以下优点:
本发明提供了一种页面截图方法及装置,该方法包括:在接收到客户端的截图请求的情况下,启动浏览器访问目标页面地址对应的页面,并将该页面的第二页面参数替换为待截图页面的第一页面参数,使得该页面的页面内容与待截图页面的页面一致,然后对该已替换页面参数的页面进行截图,得到截图图像,将该截图图像反馈至客户端,使得客户端无需通过第三方插件即可获取到待截图页面的截图,避免通过第三方插件截图带来的不兼容问题,而且,与手机的原生截图功能相比,应用本发明实施例提供的方法,可以去除掉客户端所展示的待截图页面中包含的广告、页码、以及翻页箭头等不必要的内容。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据提供的附图获得其他的附图。
图1为本发明提供的一种页面截图方法的方法流程图;
图2为本发明提供的一种待截图页面的示例图;
图3为本发明提供的一种页面截图方法的又一方法流程图;
图4为本发明提供的一种页面截图装置的结构示意图;
图5为本发明提供的又一种页面截图方法的流程示意图;
图6为本发明提供的又一种页面截图装置的结构示意图;
图7为本发明提供的另一种页面截图方法的方法流程图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
在本申请中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
相关技术中,在需要对客户端的页面进行截图是,往往会通过第三方插件来实现截图功能,然而,第三方插件属于黑盒,无法感知第三方插件的工作流程,在此情况下,会出现非常大的兼容性问题,并且,在页面中存在用户交互的内容的情况下(例如,用户填写的姓名或留言板内容等),由于这些内容属于动态的,第三方插件往往不支持页面的动态内容的截取,因此,当页面中每存在一个动态区域,就需要对该动态区域做兼容处理,才能实现对该区域内容的截取,极大的耗费人力。
为了解决第三方插件不兼容的问题,本发明实施例提供了一种页面截图方法,该方法可以应用于服务端,所述方法的方法流程图如图1所示,具体包括:
S101:接收客户端发送的截图请求,所述截图请求包括随机数、待截图页面的第一页面参数以及页面地址。
在本发明实施例中,该待截图页面可以为客户端显示的场景预览的H5页面,该第一页面参数可以为待截图页面的HTML结构参数,具体可以为待截图页面的DOM信息,该待截图页面可以包含用户输入的内容。
其中,该页面地址可以为待截图页面的统一资源定位标志URL。
具体的,该随机数可以为客户端在接收到针对待截图页面的截图指令时生成的。
S102:将所述页面地址与所述随机数进行拼接,得到目标页面地址。
在本发明实施例中,将页面地址与随机数进行拼接的一种可行的方式为,根据随机数组成随机参数,将该随机参数数拼接在该页面地址之后。
例如,该页面地址可以为:www.yqxiu.com/s/123456;该随机数可以为a,根据该随机数组成随机参数random=a,则,将该随机参数与随机参数进行拼接,得到的目标页面地址可以为www.yqxiu.com/s/123456?random=a。
S103:启动预设的浏览器,并向所述浏览器发送所述目标页面地址,使得所述浏览器访问所述目标页面地址对应的页面。
在本发明实施例中,该浏览器与该服务端可以处于相同设备或不同设备,浏览器在访问该目标地址对应的页面后,还会检测该目标页面地址是否包含随机数。
S104:接收所述浏览器发送的页面参数获取请求,所述页面参数获取请求为所述浏览器检测到所述目标页面地址中的随机数后发送。
在本发明实施例中,该页面参数获取请求可以包含目标页面地址中包含的随机数。
S105:向所述浏览器发送所述待截图页面的第一页面参数,以触发所述浏览器将所述页面的第二页面参数替换为所述待截图页面的第一页面参数,使得已替换为所述第一页面参数的所述页面的页面内容,与所述待截图页面的页面内容一致。
需要说明的是,不同的浏览器访问相同的url所显示的页面的页面内容可能不同。例如,参见图2,为本发明实施例提供的一种待截图页面的示例图,在待截图页面包含与用户交互所产生的动态内容的情况下,则待截图页面的页面内容与页面的页面内容可能会不一致,浏览器将页面的第二页面参数替换为待截图页面的第一页面参数,这样就可以使得已具有第一页面参数的页面的页面内容与待截图页面的页面内容一致。
S106:对已替换为所述第一页面参数的所述页面进行截图,得到截图图像。
在本发明实施例中,可以通过启动浏览器的截图功能,即可实现对该已替换为第一页面参数的页面进行截图,得到截图图像。
其中,向浏览器发送待截图页面的第一页面参数之后,可以在到达已设定的延时时限之后,对已替换为第一页面参数的页面进行截图,得到截图图像。
S107:将所述截图图像发送至所述客户端。
在本发明实施例中,将该截图图像发送至客户端之后,客户端可以对该截图图像进行显示。
应用本发明实施例提供的方法,无需通过第三方插件即可实现对页面的截图,避免第三方插件截图带来的不兼容问题,而且,与手机的原生截图功能相比,本发明实施例通过对已替换页面参数的页面进行截图,可以去除客户端所展示的待截图页面中的广告、页码以及翻页箭头等不必要的内容,从而得到不包含广告、页码、翻页箭头等以上一种或多种非必要内容的截图图像。
在本发明提供的实施例中,基于上述的实施过程,具体的,所述对已替换为所述第一页面参数的所述页面进行截图,得到截图图像,包括:
启动截图功能,以按预先设置的图片格式对已替换为所述第一页面参数的所述页面进行截图,获得截图图像;所述图片格式包括图片的清晰度以及图片大小。
其中,该截图格式可以为服务端依据客户端发送的格式参数设置的。
具体参见图3,为本发明实施例提供的一种页面截图方法的又一方法流程图,具体包括:
S301:接收客户端发送的截图请求,截图请求包括随机数、待截图页面的第一页面参数以及页面地址。
其中,S301的具体实现过程及原理,可以参见S101,此处不再赘述。
S302:将所述随机数与所述待截图页面的第一页面参数进行关联存储于预先设置的配置文件中。
在本发明实施例中,该配置文件可以记录随机数与第一页面参数之间的关联关系。
S303:将所述页面地址与所述随机数进行拼接,得到目标页面地址。
S304:启动预设的浏览器,并向所述浏览器发送所述目标页面地址,使得所述浏览器访问所述目标页面地址对应的页面。
S305:接收所述浏览器发送的页面参数获取请求,所述页面参数获取请求为所述浏览器检测到所述目标页面地址中的随机数后发送。
其中,S303-S305的具体实现过程及原理与S102-S104一致,可参见,此处不再赘述。
S306:根据所述页面参数获取请求中包含的随机数,在所述配置文件中获取所述待截图页面的第一页面参数。
在本发明实施例中,可以根据该随机数遍历该配置文件,以获取该待截图页面的第一页面参数。
S307:向所述浏览器发送所述待截图页面的第一页面参数,以触发所述浏览器将所述页面的第一页面参数替换为所述待截图页面的第二页面参数,使得以替换为所述第一页面参数的所述页面的页面内容,与所述待截图页面的页面内容一致。
S308:对已替换为所述第一页面参数的所述页面进行截图,得到截图图像;
S309:将所述截图图像发送至所述客户端。
其中,S307-S309的具体实现过程及原理与S105-107一致,此处不再赘述。
在本发明提供的实施例中,接收客户端发送的截图请求之后,还包括:将所述随机数与所述待截图页面的第一页面参数进行关联存储于预先设置的配置文件中。
接收所述浏览器发送的页面参数获取请求之后,还包括:根据所述页面参数获取请求中包含的随机数,在所述配置文件中获取所述待截图页面的第一页面参数。
与图1所述的方法相对应,本发明实施例还提供了一种页面截图装置,用于对图1中方法的具体实现,本发明实施例提供的页面截图装置可以应用于服务端中,其结构示意图如图4所示,具体包括:
第一接收单元401,用于接收客户端发送的截图请求,所述截图请求包括随机数、待截图页面的第一页面参数以及页面地址;
拼接单元402,用于将所述页面地址与所述随机数进行拼接,得到目标页面地址;
启动单元403,用于启动预设的浏览器,并向所述浏览器发送所述目标页面地址,使得所述浏览器访问所述目标页面地址对应的页面;
第二接收单元404,用于接收所述浏览器发送的页面参数获取请求,所述页面参数获取请求为所述浏览器检测到所述目标页面地址中的随机数后发送;
第一发送单元405,用于向所述浏览器发送所述待截图页面的第一页面参数,以触发所述浏览器将所述页面的第二页面参数替换为所述待截图页面的第一页面参数,使得已替换为所述第一页面参数的所述页面的页面内容,与所述待截图页面的页面内容一致;
截图单元406,用于对已替换为所述第一页面参数的所述页面进行截图,得到截图图像;
第二发送单元407,用于将所述截图图像发送至所述客户端。
在本发明提供的一实施例中,基于上述的实施过程,具体的,所述截图单元406,包括:
截图子单元,启动截图功能,以按预先设置的图片格式对已替换为所述第一页面参数的所述页面进行截图,获得截图图像;所述图片格式包括图片的清晰度以及图片大小。
在本发明提供的一实施例中,基于上述的方案,所述页面截图装置还包括:
存储单元,用于在所述第一接收单元接收客户端发送的截图请求后,将所述随机数与所述待截图页面的第一页面参数进行关联存储于预先设置的配置文件中;
获取单元,用于在所述第二接收单元接收所述浏览器发送的页面参数获取请求之后,根据所述页面参数获取请求中包含的随机数,在所述配置文件中获取所述待截图页面的第一页面参数。
上述本发明实施例公开的应用于服务端的页面截图装置中的各个单元和模块具体的原理和执行过程,与上述本发明实施例公开的应用于服务端的页面截图方法相同,可参见上述本发明实施例提供的页面截图方法中相应的部分,这里不再进行赘述。
本发明实施例提供了又一种页面截图方法,该方法可以应用于客户端,所述方法的方法流程图如图5所示,具体包括:
S501:显示待截图页面。
其中,该待截图页面可以为浏览器的显示界面上的页面,该显示界面还可以设置有截图控件。
S502:当接收到用户触发的针对所述待截图页面的截图指令时,生成随机数,并获取所述待截图页面的第一页面参数。
在本发明实施例中,用户可以触发截图控件以向客户端发送针对待截图页面的截图指令。
S503:基于所述待截图页面的页面地址、所述第一页面参数以及所述随机数,向预设的服务端发送截图请求。
其中,可以基于待截图页面的页面地址、第一页面参数以及随机数生成截图请求,并将截图请求发往服务端。
S504:接收所述服务端发送的截图图像,所述截图图像由所述服务端对包含所述第一页面参数的页面进行截图得到;所述页面依据所述服务端通过预设的浏览器访问目标页面地址得到;所述目标页面地址由所述服务端对所述页面地址与所述随机数拼接得到。
在本发明实施例中,服务端通过预设的浏览器访问目标页面地址得到包含第一页面参数的页面的过程可以为:服务端向浏览器发送目标页面地址,使得浏览器访问该目标页面地址对应的具有第二页面参数的页面;浏览器在检测到该目标地址的情况下,向服务器发送页面参数获取请求,以指示服务端反馈第一页面参数;接收到服务端反馈的第一页面参数后,将页面的第二页面参数替换为第一页面参数,得到包含第一页面参数的页面。
应用本发明实施例提供的方法,无需通过第三方插件即可实现对页面的截图,避免第三方插件截图带来的不兼容问题,而且,与手机的原生截图功能相比,本发明实施例通过对已替换页面参数的页面进行截图,可以去除客户端所展示的待截图页面中的广告、页码以及翻页箭头等不必要的内容,从而得到不包含广告、页码、翻页箭头等以上一种或多种非必要内容的截图图像。
在本发明实施例提供的方法中,基于上述的实施过程,具体的,在S504中的接收服务端发送的截图图像之后,还包括:
显示所述截图图像。
与图5所述的方法相对应,本发明实施例提供了又一种页面截图装置,用于对图5中方法的具体实现,本发明实施例提供的页面截图装置可以应用于客户端中,其结构示意图如图6所示,具体包括:
第一显示单元601,用于显示待截图页面;
执行单元602,用于当接收到用户触发的针对所述待截图页面的截图指令时,生成随机数,并获取所述待截图页面的第一页面参数;
第三发送单元603,用于基于所述待截图页面的页面地址、所述第一页面参数以及所述随机数,向预设的服务端发送截图请求;
第三接收单元604,用于接收所述服务端发送的截图图像,所述截图图像由所述服务端对包含所述第一页面参数的页面进行截图得到;所述页面依据所述服务端通过预设的浏览器访问目标页面地址得到;所述目标页面地址由所述服务端对所述页面地址与所述随机数拼接得到。
在本发明提供的一实施例中,基于上述的方案,具体的,还包括:
第二显示单元,用于显示所述截图图像。
上述本发明实施例公开的应用于客户端的页面截图装置中的各个单元和模块具体的原理和执行过程,与上述本发明实施例公开的应用于客户端的页面截图方法相同,可参见上述本发明实施例提供的页面截图方法中相应的部分,这里不再进行赘述。
在本发明实施例提供的一实施例中,用户可以通过客户端的显示界面浏览场景页面,用户在浏览场景页面的过程中,可以触发该显示界面上的截图控件,以向客户端发送针对该页面的截图指令,可以确定该场景页面为待截图页面,并对该待截图页面进行页面截图,截图的过程可以参见图7,为本发明实施例提供的另一种页面截图方法的方法流程图,具体包括:
S701:客户端显示待截图页面。
S702:客户端当接收到所述用户触发的针对所述待截图页面的截图指令时,生成随机数,并获取所述待截图页面的第一页面参数。
S703:客户端基于所述待截图页面的页面地址、所述第一页面参数以及所述随机数,向服务端发送截图请求。
S704:服务端将页面地址与所述随机数进行拼接,得到目标页面地址;
S705:服务端启动预设的浏览器。
S706:服务端向所述浏览器发送所述目标页面地址。
S707:触发所述浏览器访问所述目标页面地址对应的页面。
S708:服务端接收所述浏览器发送的页面参数获取请求,所述页面参数获取请求为所述浏览器检测到所述目标页面地址中的随机数后发送。
S709:服务端向所述浏览器发送所述待截图页面的第一页面参数,以触发所述浏览器将所述页面的第二页面参数替换为所述待截图页面的第一页面参数,使得已替换为所述第一页面参数的所述页面的页面内容,与所述待截图页面的页面内容一致。
S710:服务端对已替换为所述第一页面参数的所述页面进行截图,得到截图图像。
其中,服务端在向浏览器发送第一页面参数后,可以进入等待截图状态,并记录等待时长,若等待时长大于预先设置的延时时长,则启动截图功能,以对该已替换为第一页面参数的页面进行截图,得到截图图像。
S711:服务端将所述截图图像发送至所述客户端。
在本发明提供的一实施例中,用户点击截图按钮的时候,客户端创建一个长度固定的随机数a(作用就是反向获取临时dom)。客户端将当前的html结构数据直接全部获取,然后调用服务端接口,传递随机数a,和html结构数据,服务端将随机数和html结构数据进行临时保存;假设当前用户正在访问的地址为www.yqxiu.com/s/123456。服务端通过浏览器再次访问www.yqxiu.com/s/123456但是后面会拼接上随机数的参数random=a,也就是访问了www.yqxiu.com/s/123456?random=a。
浏览器从www.yqxiu.com/s/123456?random=a的地址中发现有random参数,提取随机数a,并进行服务端接口调用,通过a在服务端中获取到临时保存的html结构数据。浏览器获取到html结构数据后,将已得到的html结构数据对当前页面的html结构数据进行替换,这时服务端启用截屏功能,便能截取出和当前用户访问的页面一模一样的效果,无需考虑兼容问题。服务端得到图片后返回给前端,前端显示截取的图片。
需要说明的是,本说明书中的各个实施例均采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似的部分互相参见即可。对于装置类实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
最后,还需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
为了描述的方便,描述以上装置时以功能分为各种单元分别描述。当然,在实施本发明时可以把各单元的功能在同一个或多个软件和/或硬件中实现。
通过以上的实施方式的描述可知,本领域的技术人员可以清楚地了解到本发明可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在存储介质中,如ROM/RAM、磁碟、光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例或者实施例的某些部分所述的方法。
以上对本发明所提供的一种页面截图方法进行了详细介绍,本文中应用了具体个例对本发明的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本发明的方法及其核心思想;同时,对于本领域的一般技术人员,依据本发明的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本发明的限制。

Claims (10)

1.一种页面截图方法,其特征在于,应用于服务端,所述方法包括:
接收客户端发送的截图请求,所述截图请求包括随机数、待截图页面的第一页面参数以及页面地址;
将所述页面地址与所述随机数进行拼接,得到目标页面地址;
启动预设的浏览器,并向所述浏览器发送所述目标页面地址,使得所述浏览器访问所述目标页面地址对应的页面;
接收所述浏览器发送的页面参数获取请求,所述页面参数获取请求为所述浏览器检测到所述目标页面地址中的随机数后发送;
向所述浏览器发送所述待截图页面的第一页面参数,以触发所述浏览器将所述页面的第二页面参数替换为所述待截图页面的第一页面参数,使得已替换为所述第一页面参数的所述页面的页面内容,与所述待截图页面的页面内容一致;
对已替换为所述第一页面参数的所述页面进行截图,得到截图图像;
将所述截图图像发送至所述客户端。
2.根据权利要求1所述的方法,其特征在于,所述对已替换为所述第一页面参数的所述页面进行截图,得到截图图像,包括:
启动截图功能,以按预先设置的图片格式对已替换为所述第一页面参数的所述页面进行截图,获得截图图像;所述图片格式包括图片的清晰度以及图片大小。
3.根据权利要求1所述的方法,其特征在于,所述接收客户端发送的截图请求之后,还包括:
将所述随机数与所述待截图页面的第一页面参数进行关联存储于预先设置的配置文件中;
所述接收所述浏览器发送的页面参数获取请求之后,还包括:
根据所述页面参数获取请求中包含的随机数,在所述配置文件中获取所述待截图页面的第一页面参数。
4.一种页面截图装置,其特征在于,应用于服务端,所述装置包括:
第一接收单元,用于接收客户端发送的截图请求,所述截图请求包括随机数、待截图页面的第一页面参数以及页面地址;
拼接单元,用于将所述页面地址与所述随机数进行拼接,得到目标页面地址;
启动单元,用于启动预设的浏览器,并向所述浏览器发送所述目标页面地址,使得所述浏览器访问所述目标页面地址对应的页面;
第二接收单元,用于接收所述浏览器发送的页面参数获取请求,所述页面参数获取请求为所述浏览器检测到所述目标页面地址中的随机数后发送;
第一发送单元,用于向所述浏览器发送所述待截图页面的第一页面参数,以触发所述浏览器将所述页面的第二页面参数替换为所述待截图页面的第一页面参数,使得已替换为所述第一页面参数的所述页面的页面内容,与所述待截图页面的页面内容一致;
截图单元,用于对已替换为所述第一页面参数的所述页面进行截图,得到截图图像;
第二发送单元,用于将所述截图图像发送至所述客户端。
5.根据权利要求4所述的装置,其特征在于,所述截图单元,包括:
截图子单元,启动截图功能,以按预先设置的图片格式对已替换为所述第一页面参数的所述页面进行截图,获得截图图像;所述图片格式包括图片的清晰度以及图片大小。
6.根据权利要求4所述的装置,其特征在于,还包括:
存储单元,用于在所述第一接收单元接收客户端发送的截图请求后,将所述随机数与所述待截图页面的第一页面参数进行关联存储于预先设置的配置文件中;
获取单元,用于在所述第二接收单元接收所述浏览器发送的页面参数获取请求之后,根据所述页面参数获取请求中包含的随机数,在所述配置文件中获取所述待截图页面的第一页面参数。
7.一种页面截图方法,其特征在于,应用于客户端,所述方法包括:
显示待截图页面;
当接收到用户触发的针对所述待截图页面的截图指令时,生成随机数,并获取所述待截图页面的第一页面参数;
基于所述待截图页面的页面地址、所述第一页面参数以及所述随机数,向预设的服务端发送截图请求;
接收所述服务端发送的截图图像,所述截图图像由所述服务端对包含所述第一页面参数的页面进行截图得到;所述页面由所述服务端通过预设的浏览器访问目标页面地址得到;所述目标页面地址由所述服务端对所述页面地址与所述随机数拼接得到。
8.根据权利要求7所述的方法,其特征在于,所述接收所述服务端发送的截图图像之后,还包括:
显示所述截图图像。
9.一种页面截图装置,其特征在于,应用于客户端,所述装置包括:
第一显示单元,用于显示待截图页面;
执行单元,用于当接收到用户触发的针对所述待截图页面的截图指令时,生成随机数,并获取所述待截图页面的第一页面参数;
第三发送单元,用于基于所述待截图页面的页面地址、所述第一页面参数以及所述随机数,向预设的服务端发送截图请求;
第三接收单元,用于接收所述服务端发送的截图图像,所述截图图像由所述服务端对包含所述第一页面参数的页面进行截图得到;所述页面由所述服务端通过预设的浏览器访问目标页面地址得到;所述目标页面地址由所述服务端对所述页面地址与所述随机数拼接得到。
10.根据权利要求9所述的装置,其特征在于,还包括:
第二显示单元,用于显示所述截图图像。
CN202110905693.9A 2021-08-06 2021-08-06 一种页面截图方法及装置 Pending CN113536166A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110905693.9A CN113536166A (zh) 2021-08-06 2021-08-06 一种页面截图方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110905693.9A CN113536166A (zh) 2021-08-06 2021-08-06 一种页面截图方法及装置

Publications (1)

Publication Number Publication Date
CN113536166A true CN113536166A (zh) 2021-10-22

Family

ID=78122167

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110905693.9A Pending CN113536166A (zh) 2021-08-06 2021-08-06 一种页面截图方法及装置

Country Status (1)

Country Link
CN (1) CN113536166A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114153729A (zh) * 2021-11-30 2022-03-08 北京达佳互联信息技术有限公司 网页测试方法、装置、电子设备和存储介质

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114153729A (zh) * 2021-11-30 2022-03-08 北京达佳互联信息技术有限公司 网页测试方法、装置、电子设备和存储介质

Similar Documents

Publication Publication Date Title
US8924256B2 (en) System and method for obtaining content based on data from an electronic device
CN110096660B (zh) 用于加载页面图片的方法、装置和电子设备
JP6025991B2 (ja) 情報処理方法、装置、端末、およびサーバ
CN104065632B (zh) 分享内容的处理方法、服务器、客户端及系统
US20140331116A1 (en) Link Expansion Service
US8856067B2 (en) Method for storing media captured using a portable electronic device
CN106844705B (zh) 用于显示多媒体内容的方法和装置
CN1996295A (zh) 图像形成装置和搜索和打印网络上的图像的方法
RU2555224C2 (ru) Способ и устройство для преобразования контента
CN106126683B (zh) 页面显示方法及终端设备
US9569554B2 (en) System and computer-implemented method for incorporating an image into a page of content for transmission over a telecommunications network
CN103177101B (zh) 一种在文件夹图标上循环显示缩略图的方法及装置
US9110962B2 (en) Data providing apparatus for implementing script, electronic apparatus for implementing script, data processing system for implementing script, and method of data processing for implementing script
CN111324836B (zh) 一种页面的处理方法、装置、计算机设备和存储介质
CN113536166A (zh) 一种页面截图方法及装置
CN102209116A (zh) 一种获取网络电视节目信息的方法、装置以及电视机
CN101772196A (zh) 处理移动终端发送的信息的方法和系统以及代理服务器
CN114969603A (zh) 基于5g消息的图片获取、图片生成方法及系统
CN111414495A (zh) 多媒体数据获取方法、装置及计算机可读存储介质
CN114065068A (zh) 一种页面访问控制方法及装置、设备、存储介质
CN111262996A (zh) 通知栏消息处理方法、装置、电子装置及存储介质
KR100696588B1 (ko) 이동 단말기에서 무선 인터넷을 통해 웹페이지 데이터를수신하는 방법
EP2629214A1 (en) Method for storing media captured using a portable electronic device
JP6053484B2 (ja) 情報処理装置、その制御方法及びプログラム
WO2006041694A2 (en) Method and system for integrating capture events in a user interface-based application

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