CN111309221A - 页面处理方法、装置及设备 - Google Patents

页面处理方法、装置及设备 Download PDF

Info

Publication number
CN111309221A
CN111309221A CN201811521517.XA CN201811521517A CN111309221A CN 111309221 A CN111309221 A CN 111309221A CN 201811521517 A CN201811521517 A CN 201811521517A CN 111309221 A CN111309221 A CN 111309221A
Authority
CN
China
Prior art keywords
page
screenshot
target
historical
determining
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
CN201811521517.XA
Other languages
English (en)
Other versions
CN111309221B (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.)
Alibaba Group Holding Ltd
Original Assignee
Alibaba Group Holding 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 Alibaba Group Holding Ltd filed Critical Alibaba Group Holding Ltd
Priority to CN201811521517.XA priority Critical patent/CN111309221B/zh
Publication of CN111309221A publication Critical patent/CN111309221A/zh
Application granted granted Critical
Publication of CN111309221B publication Critical patent/CN111309221B/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
    • 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
    • G06F3/0485Scrolling or panning

Abstract

本申请实施例提供一种页面处理方法、装置及设备,所述方法包括:基于页面截图请求,确定目标页面;根据所述目标页面的页面类型,确定目标截图标识;获取历史页面截图对应的历史截图标识;确认所述历史截图标识中不包含所述目标截图标识,确定所述目标页面的页面截图。本申请实施例提供的技术方案避免重复截图提高截图效率。

Description

页面处理方法、装置及设备
技术领域
本申请实施例涉及计算机应用技术领域,尤其涉及一种页面处理方法、装置及设备。
背景技术
截图是由电子设备截取的能够在显示屏幕或者其他显示设备上显示的可视图像。通常电子设备可以通过截图软件截取显示屏幕当前正在显示的画面,获得当前正在显示的页面视图的截图。
现有技术中,为了将整个页面在一张图像中显示,需要手动触发显示整个页面,之后手动将每一次显示的页面截图,获得多张页面子截图,并利用画图、PS(AdobePhotoshop,图形处理软件)等工具通过手动方式将多个页面子截图拼接处理,形成该页面完整的页面截图。为了电子设备可以将页面视图的截图进行保存。
但是,以上手动拼接多个页面子截图,继而获得完整的页面截图之后,可以将每次将截图进行保存。用户未手动修改截图名称时,并不能对每个截图进行明显区分,如果用户对同一页面进行反复截图,容易导致重复截图,浪费电子设备的内存,导致截图效率降低。
发明内容
本申请实施例提供了一种页面处理方法、装置及设备,用以解决现有技术中获取页面完整页面截图时出现重复截图导致截图效率降低的技术问题。
第一方面,本申请实施例中提供了一种页面处理方法,包括:
基于页面截图请求,确定目标页面;
根据所述目标页面的页面类型,确定目标截图标识;
获取历史页面截图对应的历史截图标识;
确认所述历史截图标识中不包含所述目标截图标识,确定所述目标页面的页面截图。
第二方面,本申请实施例中提供了一种页面处理方法,包括:
基于页面截图请求,确定目标页面;
根据所述目标页面的页面类型,确定目标截图标识;
发送所述目标截图标识至服务端,以供所述服务端接收所述目标截图标识后,获取历史页面截图对应的历史截图标识,确认所述历史截图标识中不包含所述目标截图标识,发送截图指令至客户端;
接收服务端发送的截图指令;
响应所述截图指令,确定所述目标页面的页面截图。
第三方面,本申请实施例中提供了一种页面处理方法,包括:
接收客户端发送的目标截图标识;其中,所述目标截图标识为客户端基于页面截图请求确定目标页面,并根据目标页面的页面类型确定的;
获取历史页面截图对应历史截图标识;
确认所述历史截图标识不包含所述目标截图标识,发送截图指令至客户端。
第四方面,本申请实施例中提供了一种页面处理方法,包括:
基于页面截图请求,确定目标页面;
根据所述目标页面的页面类型,确定目标截图标识;
获取历史页面截图对应的历史截图标识;
确认所述历史截图标识中包含所述目标截图标识,输出所述目标页面的截图提示信息,以提示所述目标页面已截图。第五方面,本申请实施例中提供了一种页面处理装置,包括:
页面确定模块,用于基于页面截图请求,确定目标页面;
标识确定模块,用于根据所述目标页面的页面类型,确定目标截图标识;
第一获取模块,用于获取历史页面截图对应的历史截图标识;
截图确定模块,用于确认所述历史截图标识中不包含所述目标截图标识,确定所述目标页面的页面截图。
第六方面,本申请实施例中提供了一种页面处理装置,包括:
页面确定模块,用于基于页面截图请求,确定目标页面;
标识确定模块,用于根据所述目标页面的页面类型,确定目标截图标识;
标识发送模块,用于发送所述目标截图标识至服务端,以供所述服务端接收所述目标截图标识后,获取历史页面截图对应的历史截图标识,确认所述历史截图标识中不包含所述目标截图标识,发送截图指令至客户端;
指令接收模块,用于接收服务端发送的截图指令;
指令响应模块,用于响应所述截图指令,确定所述目标页面的页面截图。
第七方面,本申请实施例中提供了一种页面处理装置,包括:
截图接收模块,用于接收客户端发送的目标截图标识;其中,所述目标截图标识为客户端基于页面截图请求确定目标页面,并根据目标页面的页面类型确定的;
第一获取模块,用于获取历史页面截图对应历史截图标识;
指令发送模块,确认所述历史截图标识不包含所述目标截图标识,发送截图指令至客户端。
第八方面,本申请实施例中提供了一种页面处理装置,包括:
页面确定模块,用于基于页面截图请求,确定目标页面;
标识确定模块,用于根据所述目标页面的页面类型,确定目标截图标识;
第一获取模块,用于获取历史页面截图对应的历史截图标识;
信息提示模块,用于确认所述历史截图标识中包含所述目标截图标识,输出所述目标页面的截图提示信息,以提示所述目标页面已截图。
第九方面,本申请实施例中提供了一种页面处理设备,包括:存储组件以及处理组件,所述存储组件存储一条或多条计算机指令,所述一条或多条计算机指令供所述处理组件调用并执行;
所述处理组件用于:
基于页面截图请求,确定目标页面;根据所述目标页面的页面类型,确定目标截图标识;获取历史页面截图对应的历史截图标识;确认所述历史截图标识中不包含所述目标截图标识,确定所述目标页面的页面截图。
第十方面,本申请实施例中提供了一种页面处理设备,包括:存储组件以及处理组件,所述存储组件存储一条或多条计算机指令,所述一条或多条计算机指令供所述处理组件调用并执行;
所述处理组件用于:
基于页面截图请求,确定目标页面;根据所述目标页面的页面类型,确定目标截图标识;发送所述目标截图标识至服务端,以供所述服务端接收所述目标截图标识后,获取历史页面截图对应的历史截图标识,确认所述历史截图标识中不包含所述目标截图标识,发送截图指令至客户端;接收服务端发送的截图指令;响应所述截图指令,确定所述目标页面的页面截图。
第十一方面,本申请实施例中提供了一种页面处理设备,包括:存储组件以及处理组件,所述存储组件存储一条或多条计算机指令,所述一条或多条计算机指令供所述处理组件调用并执行;
所述处理组件用于:
接收客户端发送的目标截图标识;其中,所述目标截图标识为客户端基于页面截图请求确定目标页面,并根据目标页面的页面类型确定的;获取历史页面截图对应历史截图标识;确认所述历史截图标识不包含所述目标截图标识,发送截图指令至客户端。
第十二方面,本申请实施例中提供了一种页面处理设备,包括:存储组件以及处理组件,所述存储组件存储一条或多条计算机指令,所述一条或多条计算机指令供所述处理组件调用并执行;
所述处理组件用于:
基于页面截图请求,确定目标页面;根据所述目标页面的页面类型,确定目标截图标识;获取历史页面截图对应的历史截图标识;确认所述历史截图标识中包含所述目标截图标识,输出所述目标页面的截图提示信息,以提示所述目标页面已截图。
本申请实施例中,基于页面截图请求,可以确定目标页面,获得需要截图的页面。根据目标页面的页面类型可以确定目标截图标识,每个页面的页面类型不同,可以通过页面类型对目标页面进行标识,以对每个页面进行标识。之后可以获取历史页面截图对应的历史截图标识,如果历史截图标识中不包含目标截图标识,确定所述目标页面的页面截图。通过为页面截图设置截图标识,可以快速查找已截图的目标页面,进而可以避免重复截图,减少无效截图,提高截图的效率。
本申请的这些方面或其他方面在以下实施例的描述中会更加简明易懂。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍,显而易见地,下面描述中的附图是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1示出了本申请提供的一种页面处理方法一个实施例的流程图;
图2示出了本申请提供的一种页面处理方法的又一个实施例的流程图;
图3示出了本申请提供的一种页面处理方法的又一个实施例的流程图;
图4示出了本申请提供的一种页面处理方法的又一个实施例的流程图;
图5示出了本申请提供的一种页面处理方法的又一个实施例的流程图;
图6示出了本申请提供的一种页面处理方法的又一个实施例的流程图;
图7示出了本申请提供的一种页面处理方法的又一个实施例的流程图;
图8示出了本申请提供的一种页面处理装置的一个实施例的结构示意图;
图9示出了本申请提供的一种页面处理装置的又一个实施例的结构示意图;
图10示出了本申请提供的一种页面处理装置的又一个实施例的结构示意图;
图11示出了本申请提供的一种页面处理装置的又一个实施例的结构示意图;
图12示出了本申请提供的一种页面处理设备的一个实施例的结构示意图;
图13示出了本申请提供的一种页面处理设备的又一个实施例的结构示意图;
图14示出了本申请提供的一种页面处理设备的又一个实施例的结构示意图;
图15示出了本申请提供的一种页面处理设备的又一个实施例的结构示意图。
具体实施方式
为了使本技术领域的人员更好地理解本申请方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述。
在本申请的说明书和权利要求书及上述附图中的描述的一些流程中,包含了按照特定顺序出现的多个操作,但是应该清楚了解,这些操作可以不按照其在本文中出现的顺序来执行或并行执行,操作的序号如101、102等,仅仅是用于区分开各个不同的操作,序号本身不代表任何的执行顺序。另外,这些流程可以包括更多或更少的操作,并且这些操作可以按顺序执行或并行执行。需要说明的是,本文中的“第一”、“第二”等描述,是用于区分不同的消息、设备、模块等,不代表先后顺序,也不限定“第一”和“第二”是不同的类型。
本申请实施例主要应用于页面截图场景中,主要通过加载页面的所有视图的页面内容,继而针对完全显示的页面进行截图,获得页面截图,实现自动截图,提高截图效率。
现有技术中,为了电子设备可以将页面的截图进行保存。如果用户对同一页面进行反复截图,容易导致重复截图,浪费电子设备的内存。为了解决上述技术问题,发明人提出了本申请的技术方案。
本申请实施例中,基于页面截图请求,可以确定目标页面,获得需要截图的页面。根据目标页面的页面类型可以确定目标截图标识,每个页面的页面类型不同,可以通过页面类型对目标页面进行标识,以对每个页面进行标识。之后可以获取历史页面截图对应的历史截图标识,如果历史截图标识中不包含目标截图标识,确定所述目标页面的页面截图。通过为页面截图设置截图标识,可以快速查找已截图的目标页面,进而可以避免重复截图。减少无效截图,提高截图的效率。
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
如图1所示,为本申请实施例提供的一种信息处理方法的一个实施例的结构示意图,该方法可以包括以下几个步骤:
101:基于页面截图请求,确定目标页面。
本申请实施例可以应用于电子设备中,例如手机、平板、计算机等。
可选地,所述页面截图请求可以由电子设备检测到用户触发截图控件时生成。检测到页面截图请求时,可以响应页面截图请求,确定目标页面。
在实际应用中,用户可能在电子设备中同时打开多个页面,确定页面截图请求时,可以从多个页面中确定目标页面。目标页面实际为多个页面中的活动页面,而多个页面中除目标页面外的其他页面称为非活动页面。其中,页面截图请求可以指针对活动页面的页面截图请求。
可选地,不同的页面可以通过页面类型、页面链接、页面名称等内容进行标识,以区别不同类型的页面、不同访问地址的页面或者不同名称的页面。作为一种可能的实现方式,确定目标页面即可以指确定目标页面的页面标识。
102:根据所述目标页面的页面类型,确定目标截图标识。
可选地,不同页面类型对应有不同的类型名称,作为一种可能的实现方式,可以将目标页面所属页面类型的类型名称作为目标页面的截图标识。当然,还可以按照用户的命名请求,按照用户输入的页面名称作为目标页面的页面名称。
在实际应用中,每一个页面类型可以对应多个目标页面,所述多个目标页面的页面类型相同,但是一个目标页面仅能对应一个页面类型;在将目标页面所属页面类型的类型名称作为目标页面的截图标识时,具有相同页面类型的目标页面的截图标识可以相同,在这种情况下,即可以将具有相同截图标识的目标页面删除,以避免重复截图。
在实际使用场景中存在页面测试等场景,而实际测试时每一类页面可以仅截取一张图,为了避免重复截图,降低工作量,提高测试效率。
103:获取历史页面截图对应的历史截图标识。
在实际应用中可以将历史页面截图以及历史截图标识保存至截图相册,或者截图数据库中,以方便电子设备获取查看历史页面截图以及其对应的历史截图标识。
104:确认所述历史截图标识中不包含所述目标截图标识,确定所述目标页面的页面截图。
为了向用户展示获得的截图,以便于用户查看,提高使用效率,在某些实施例中,在获取到目标页面的页面截图之后,所述方法还可以用于输出目标页面的页面截图,以供用户查看目标页面的页面截图。
获取已存储的历史页面截图以及其对应历史截图标识,可以方便查找历史页面截图。确定所述历史截图标识中不包含所述页面截图时,说明未存储该目标页面对应页面类型的页面截图,此时,可以将页面截图以及截图标识对应保存。
所述确认所述历史截图标识中不包含所述目标截图标识,确定所述目标页面的页面截图可以包括:遍历所述历史截图标识,以查询所述历史截图标识中是否存在于所述目标截图标识匹配的截图标识,如果存在,确定所述目标页面的页面截图。
本申请实施例中,基于页面截图请求,可以确定目标页面,获得需要截图的页面。根据目标页面的页面类型可以确定目标截图标识,每个页面的页面类型不同,可以通过页面类型对目标页面进行标识,以对每个页面进行标识。之后可以获取历史页面截图对应的历史截图标识,如果历史截图标识中不包含目标截图标识,确定所述目标页面的页面截图。通过为页面截图设置截图标识,可以快速查找已截图的目标页面,进而可以避免重复截图。减少无效截图,提高截图的效率。
在一种可能的设计中,所述方法还可以包括:
确认所述历史截图标识中包含所述目标截图标识,输出所述目标页面的截图提示信息,以提示所述目标页面已截图。
如果历史截图标识中包含所述目标截图标识,即可确定目标页面对应的目标页面截图已经存在,为了避免出现重复截图,可以输出截图提示信息。用户可以查看该截图提示信息,进而确认目标页面已截图,减少电子设备的内存。
作为一个实施例,所述确认所述历史截图标识中包含所述目标截图标识,输出所述目标页面的截图提示信息,以提示所述目标页面已截图之后,所述方法还包括:
输出所述目标页面对应页面截图的图像展示信息,以供用户通过所述图像信息查看所述目标页面的页面截图。
其中,页面截图的图像展示信息可以指针对目标页面的页面截图对应的展示对话框,用户点击所述展示对话框中的确认操作时,即可查看目标页面的页面截图。页面截图的图像展示信息还可以指目标页面的页面截图对应的存储路径的路径信息,用户可以通过查看该目标页面的页面截图对应的存储路径的路径信息,以查找该存储路径对应的页面截图。
作为又一个实施例,所述所述确认所述历史截图标识中包含所述目标截图标识,输出所述目标页面的截图提示信息,以提示所述目标页面已截图之后,所述方法还包括:
如果未检测到用户针对所述目标页面触发的确认截图请求,停止对所述目标页面进行页面截图。
其中,所述截图提示信息可以包括针对目标页面的页面截图的确认提示信息,以提示用户是否继续对所述目标页面进行截图,用户可以针对所述截图提示信息进行确认操作,如果未检测到用户针对所述目标页面触发的确认截图请求,可以停止对所述目标页面进行页面截图。
作为一种可能的实现方式,还可以在预设监控时间内未检测到用户针对所述目标页面触发的确认截图请求,可以停止对所述目标页面进行页面截图。通过设置监控时间的方式可以在某一段时间内对用户进行监控,以实现截图的时效性。
显示页面的页面视图数量较多,显示内容较多,而由于受到电子设备的显示屏幕大小限制,仅能显示页面的部分内容,仍有部分内容未显示。针对页面进行截图时,通常只能截取显示屏幕中的部分内容。如果需要页面整体截图,需要将未显示的页面内容一一显示并截图,获得多张页面子截图,再使用画图、PS等工具对多个子页面的拼接,形成页面完整的页面截图,但是,手动截图并拼接的方式需要执行多次操作,截图效率较低。
但是从显示结构上讲,页面是由各个视图构成的,不能针对整个显示页面进行截图主要是显示屏幕的显示限制,或者页面的页面内容的获取限制,特别是对于一些懒加载视图,如果页面不滑动到懒加载的视图,并不能获取懒加载视图的视图内容,导致页面不能完整绘制。据此,发明人想到是否可以获取页面的各个视图,并通过滑动页面的方式加载未加载的视图,例如懒加载的视图,而页面滑动主要是通过滚动视图控制的。
因此,为了实现自动截图,提高截图效率,如图2所示,为本申请实施例提供的一种页面处理方法的又一个实施例的流程图,与图1所示的实施例的不同之处在于,所述步骤104确认所述历史截图标识中不包含所述目标截图标识,确定所述目标页面的页面截图可以包括:
201:确认所述历史截图标识中不包含所述目标截图标识,获取目标页面的滚动视图。
其中,所述滚动视图对应至少一个子页面。
所述滚动视图可以指一个可以滑动的视窗,视窗的大小以及位置不变,用户可以通过手指滑动改变滚动视图内显示的子页面,以方便用户浏览多个子页面的内容。在实际应用中,同一个页面中可以包括多个子页面,因此,滚动视图可以对应设置至少一个子页面。
可选地,页面可以由至少一个视图构成,所述目标页面可以包括至少一个视图,由所述至少一个视图各自对应子页面,构成所述目标页面。每一个视图可以看作一个节点,不同节点根据其关联关系形成目标页面的页面结构。通常可以通过遍历所述页面结构的方式,获得目标页面的滚动视图。
作为一种可能的实现方式,所述获取目标滚动视图可以包括:遍历目标页面的至少一个视图,获得目标页面的滚动视图。在实际遍历时,可以基于目标页面的页面结构,遍历目标页面的至少一个视图,获得目标页面的滚动视图,以提高视图的获取效率以及准确度。
其中,滚动视图可以包括水平滚动视图以及垂直滚动视图,不同方向的滚动视图的处理方式不变,每次处理一个方向上的页面视图长截图。
202:基于所述滚动视图,获得至少一个子页面的页面内容。
可选地,所述基于滚动视图,获得至少一个子页面的页面内容可以包括:
基于滚动视图,分别获得每一个子页面的页面子内容;
确定所述至少一个子页面各自的页面子内容为页面内容。
其中,页面内容为所述滚动视图对应至少一个子页面的所有页面子内容的集合。
203:将所述至少一个子页面的页面内容渲染为目标图像。
可选地,为了加速截图速度,提高截图效率,可以调用电子设备的软件系统中的绘制API,将至少一个子页面的页面内容渲染为目标图像。也即,所述将至少一个子页面的页面内容渲染为目标图像可以包括,调用绘制接口,通过所述绘制接口将至少一个子页面的页面内容渲染为目标图像。
在实际应用中,所述将至少一个子页面的页面内容渲染为目标图像可以包括:创建空白位图,将所述至少一个子页面的页面内容绘制到该空白位图中,获得目标图像。
可选地,为了使得获得的截图与电子设备的显示屏幕相匹配,可以根据显示屏幕的大小确定空白位图的大小。作为一种可能的实现方式,可以将空白位图的宽度设置为显示屏幕的宽度,可以将位图的高度设置为目标页面的页面总高度。目标页面的总高度可以通过计算滚动视图对应至少一个子页面的页面高度以及与目标页面关联的关联视图的高度之和获得。
作为一种可能的实现方式,所述将至少一个子页面的页面内容渲染为目标图像可以包括按照将每一个子页面相对显示屏幕的位置,将每一个子页面的页面子内容依次进行渲染,获得至少一个子页面的页面内容渲染时的目标图像。
由于渲染图像的处理算法较为复杂,将至少一个子页面的页面内容渲染为目标图像可以包括:还可以多次控制所述滚动视图由页面顶部滑动到页面底部,以等待所述至少一个子页面的页面内容渲染完成,获得目标图像。通过多次控制滚动视图由页面顶部滑动到页面底部可以多次触发至少一个子页面的页面内容的渲染,以避免产生尚未完全渲染显示的子页面,获得完整的目标图像。
204:对所述目标图像进行截图,获得目标页面的页面截图。
步骤203中是将至少一个子页面的页面内容渲染为图像,可以理解为将页面内容在一个画布(canvas)中显示,但是并未形成保存的图像,此时,仅可以看到目标图像,为了获得实际的目标图像,所述对所述目标图像进行截图,获得目标页面的页面截图具体可以指将渲染后的目标图像转换为图像格式,获得所述目标图像的截图,进而获得目标页面的页面截图。
在实际应用中,用户可能只关注页面中通过滑动可以显示的页面,也即滚动视图对应的至少一个子页面,此时,作为一种可能的实现方式,可以将目标图像的截图作为目标页面的页面截图。也即,所述页面截图可以指目标图像的截图。
本申请实施例中,基于页面截图请求,确定目标截图页面,也即获得将要截图的目标页面,之后,获取目标页面的滚动视图,也即获取了滑动页面的工具,该滚动视图对应至少一个子页面即为所述目标页面的显示目标。继而基于所述滚动视图,获得至少一个子页面的页面内容,也即获得目标页面中至少一个子页面的页面内容,将至少一个子页面的页面内容渲染为图像时,可以获得目标页面的页面内容全部展示时的图像,继而不再存在未展示的子页面,即可以确保目标页面的所有视图完整展示,针对该图像进行截图时,即可以获得目标页面的页面截图。避免重复截图降低截图效率的同时,不需要用户手动执行任何操作,实现自动截图,使得截图的过程更高效。
由于滚动视图主要在用户的滑动操作的控制下可以实现页面切换,为了获得懒加载的视图,可以通过控制滚动视图实现懒加载视图的加载,获得目标页面的至少一个子页面的页面内容。因此,上述步骤202基于所述滚动视图,获得所述至少一个子页面的页面内容可以包括:
控制所述滚动视图由页面顶部滑动到页面底部,获得至少一个子页面的页面内容。
作为一种可能的实现方式,所述控制所述滚动视图由页面顶部滑动到页面底部,获得至少一个子页面的页面内容可以包括:控制所述滚动视图的滚动条由页面顶部滑动到页面底部,获得至少一个子页面的页面内容。
本申请实施例中,控制滚动视图由页面顶部滑动到页面底部,可以触发目标页面中未加载的视图的加载,获得至少一个子页面的页面内容,进而目标页面的页面内容,以便于后续的目标页面的显示。
在某些实施例中,所述控制所述滚动视图由页面顶部滑动到页面底部,获得至少一个子页面的页面内容可以包括:
控制所述滚动视图由页面顶部滑动到页面底部,触发针对所述至少一个子页面的页面内容的网络获取请求;确定所述网络获取请求执行完毕时,获得所述至少一个子页面的页面内容。
网络获取请求为向页面提供方请求获取相应的页面内容的请求,当所述网络获取请求执行完毕时,即可以说明已获得至少一个子页面的页面内容。
在某些实施例中,所述确定所述网络获取请求执行完毕时,获得所述至少一个子页面的页面内容包括:
监控所述网络获取请求对应网络请求对象的生命周期,获得处于运行状态的网络请求的数量;
检测处于所述运行状态的网络请求的数量为零时,确定所述网络获取请求执行完毕,获得所述至少一个子页面的页面内容。
网络获取请求实际为创建各个网络请求类的对象,并利用网络请求类的对象向页面对应源站获取页面内容,可以针对网络请求对应的生命周期进行监控。
作为一种可能的实现方式,所述监控网络获取请求对应网络请求对象的生命周期可以包括通过钩子函数(hook)挂起网络请求对象,并监控网络请求对象的生命周期。
在检测处于运行状态的网络请求的数量不为零时,可以确定网络获取请求未执行完,也即,当前处于页面内容的获取阶段,且并未完成页面内容的接收。在检测处于运行状态的网络请求的数量不为零时,所述方法还可以包括:设置等待函数以等待网络获取请求的执行完毕,继而获得完整的页面内容。
如图3所示,为本申请实施例提供的一种页面处理方法的又一个实施例的流程图,与图1所示的实施例的不同之处在于,在步骤105:所述确认所述历史截图标识中不包含所述目标截图标识,确定所述目标页面的页面截图之后,所述方法还可以包括:
105:将所述页面截图以及所述目标截图标识对应保存。
在确定所述历史截图标识中包含所述页面截图时,说明该目标页面已经被截图,不需要再次截图并保存,此时可以输出截图重复提示信息,以提示用户当前目标页面已截图。
在某些实施例中,所述将所述页面截图以及所述目标截图标识对应保存包括:
将所述目标截图标识写入所述页面截图的可交换图像文件中;
存储所述页面截图以及其对应可交换图像文件。
可交换图像文件可以指页面截图的EXIF(Exchangeable image file format)信息,用以记录页面截图的属性信息以及拍摄数据。所述截图标识即为目标页面对应页面截图的一种属性信息。
在实际应用中,用户滑动页面时,存在部分固定页面不变化的情况,为了获得目标页面中固定的页面内容,以获得更全面的页面截图,可以获得与滚动视图关联的关联视图,该关联视图在目标页面显示过程中不发生变化。因此,作为又一个实施例,如图4所示,为本申请实施例提供的一种页面处理方法的又一个实施例的流程图,在图2所示的实施例所述的步骤203将所述至少一个子页面的页面内容渲染为目标图像之后,所述方法还可以包括以下几个步骤:
401:获取与所述滚动视图关联的关联视图。
402:确定所述关联视图对应关联子页面的页面内容。
关联子页面可以包括与滚动视图对应页面顶部位置的子页面或者子视图关联的第一关联子页面,以及与滚动视图对应页面底部位置的子页面或者子视图关联的第二关联子页面。
403:将所述关联子页面的页面内容渲染为关联图像。
在实际应用中,可以将至少一个子页面的页面内容以及关联子页面的页面内容,按照其相对显示屏幕的位置,分别绘制到同一个空白位图或者绘图上下文中,获得目标图像以及关联图像,进而获得更完整的目标页面的目标截图。
404:对所述目标图像进行截图,获得目标截图以及对所述关联图像进行截图,获得关联截图;
405:将所述目标截图以及所述关联截图进行拼接处理,获得所述目标页面的页面截图。
关联子页面可以指实际固定显示在当前目标页面中的页面内容。
本申请实施例中,通过将关联子页面的对应绘制到目标页面的页面截图中,目标页面中固定子页面的页面内容,以获得更完整的页面截图。
为了获得较好的渲染效果,可以通过绘图上下文对至少一个子页面的页面内容进行绘制,因此,作为一个实施例,所述将所述至少一个子页面的页面内容渲染为目标图像可以包括:
创建绘图上下文;
基于所述绘图上下文,渲染所述至少一个子页面的页面内容为目标图像。
在某些实施例中,所述方法还包括:
基于显示屏幕的尺寸,确定所述绘图上下文的尺寸;
所述基于所述绘图上下文,渲染所述至少一个子页面的页面内容为目标图像可以包括:
根据每一个子页面相对所述显示屏幕的位置,确定每一个子页面在所述绘图上下文的绘制位置;
根据每一个子页面在所述绘图上下文的绘制位置,分别渲染所述至少一个子页面的页面内容,获得所述至少一个子页面的目标图像。
绘图上下文的宽度可以与显示屏幕的宽度可以相同,绘图上下文的高度可以与显示屏幕的高度关联,作为这一种可能的实现方式,可以是显示屏幕的高度与至少一个子页面的页面数量的乘积。当页面截图中包含关联子页面的页面时,还可以在显示屏幕的高度与至少一个子页面的页面数量的乘积的基础上,加上关联子页面的高度。
在某些实施例中,所述将所述关联子页面的页面内容渲染为关联图像可以包括:
基于所述绘图上下文,渲染所述关联子页面的页面内容为关联图像。
在某些实施例中,所述基于所述绘图上下文,渲染所述关联子页面的页面内容为关联图像包括:
根据所述关联子页面在所述显示屏幕中的位置,确定所述关联子页面在所述绘图上下文的绘制位置;
根据所述关联子页面在所述绘图上下文的绘制位置,渲染所述关联子页面的页面内容,获得所述关联子页面的关联图像。
电子设备可以在显示屏幕上显示一个截图控件,当用户触发针对该截图控件的操作时,即发起截图请求,作为又一个实施例,所述基于页面截图请求,确定目标页面之前,还包括:
检测针对截图控件的触发操作,获取页面截图请求。
该页面截图请求可以是电子设备检测到针对截图控件的触发操作后生成的。
如图5所示,为本申请实施例提供的一种页面处理方法的又一个实施例的流程图,所述方法可以包括以下几个步骤:
501:基于页面截图请求,确定目标页面;
502:根据所述目标页面的页面类型,确定目标截图标识;
503:发送所述目标截图标识至服务端,以供所述服务端接收所述目标截图标识后,获取历史页面截图对应的历史截图标识,确认所述历史截图标识中不包含所述目标截图标识,发送截图指令至客户端;
504:接收服务端发送的截图指令;
505:响应所述截图指令,确定所述目标页面的页面截图。
可以是客户端中运行本申请实施例所述的页面处理方法,客户端可以接收用户触发的页面截图请求,确定目标页面,以由服务端实现对目标页面是否已截图的判断,并发送响应的截图指令至客户端,客户端可以接收该截图指令并响应该截图指令,确定目标页面的页面截图。
本申请实施例中,通过在接收用户的目标截图请求的基础上,确定目标页面,以根据目标页面的页面类型,确定目标截图标识,发送目标截图标识至服务端,由服务端完成目标页面的截图判断,并在确认截图的时候发送截图指令至客户端,此时用户端即可以响应该截图指令,确定目标页面的页面截图。通过为页面截图设置截图标识,可以快速查找已截图的目标页面,进而可以避免重复截图。截图过程中不需要用户手动执行任何操作,实现自动截图,提高截图效率。避免重复截图降低截图效率的同时,不需要用户手动执行任何操作,实现自动截图,使得截图的过程更高效。
可选地,所述方法还可以包括:接收停止截图指令,响应所述停止截图指令,停止对所述目标页面进行页面截图。其中,所述停止截图指令为服务端接收到目标截图标识,并获取历史页面截图对应的历史截图标识后,确认所述历史截图标识中不包含所述目标截图标识生成的。
可选地,所述方法还可以包括:接收图像展示信息;输出所述目标页面对应页面截图的图像展示信息,以供用户通过所述图像展示信息查看所述目标页面的页面截图。
可选地,步骤505响应所述截图指令,确定所述目标页面的页面截图具体的执行步骤可以包括:响应所述截图指令,获取所述目标页面的滚动视图;其中,所述滚动视图对应至少一个子页面;基于所述滚动视图,获得所述至少一个子页面的页面内容;将所述至少一个子页面的页面内容渲染为目标图像;基于所述目标图像对应目标截图,确定所述目标页面的页面截图。
在某些实施例中,所述基于所述滚动视图,获得所述至少一个子页面的页面内容可以包括:
控制所述滚动视图由页面顶部滑动到页面底部,获得至少一个子页面的页面内容。
在某些实施例中,所述控制所述滚动视图由页面顶部滑动到页面底部,获得至少一个子页面的页面内容包括:
控制所述滚动视图由页面顶部滑动到页面底部,触发针对所述至少一个子页面的页面内容的网络获取请求;
确定所述网络获取请求执行完毕时,获得所述至少一个子页面的页面内容。
在某些实施例中,所述方法还包括:获取与所述滚动视图关联的关联视图;确定所述关联视图对应关联子页面的页面内容。
所述将所述至少一个子页面的页面内容渲染为目标图像之后,还包括:将所述关联子页面的页面内容渲染为关联图像。
所述基于所述目标图像对应目标截图,确定所述目标页面的页面截图包括:
对所述目标图像进行截图,获得目标截图以及对所述关联图像进行截图,获得关联截图;将所述目标截图以及所述关联截图进行拼接处理,获得所述目标页面的页面截图。
在某些实施例中,所述将所述至少一个子页面的页面内容渲染为目标图像可以包括:
创建绘图上下文;
基于所述绘图上下文,渲染所述至少一个子页面的页面内容为目标图像。
在某些实施例中,所述方法还包括:
根据显示屏幕的尺寸,确定所述绘图上下文的尺寸;
所述基于所述绘图上下文,渲染所述至少一个子页面的页面内容为目标图像包括:
根据每一个子页面相对所述显示屏幕的位置,确定每一个子页面在所述绘图上下文的绘制位置;
根据每一个子页面在所述绘图上下文的绘制位置,分别渲染所述至少一个子页面的页面内容,获得所述至少一个子页面的目标图像。
作为一个实施例,所述将所述关联子页面的页面内容渲染为关联图像包括:
基于所述绘图上下文,渲染所述关联子页面的页面内容为关联图像。
作为又一个实施例,所述基于所述绘图上下文,渲染所述关联子页面的页面内容为关联图像包括:
根据所述关联子页面在所述显示屏幕中的位置,确定所述关联子页面在所述绘图上下文的绘制位置;
根据所述关联子页面在所述绘图上下文的绘制位置,渲染所述关联子页面的页面内容,获得所述关联子页面的关联图像。
为了方便后续的截图读取以及存储,在一种可能的设计中,可以将目标页面的页面截图在客户端直接保存,因此,所述方法还可以包括:将所述页面截图以及所述目标截图标识对应保存。在另一种可能的设计中,所述方法还可以包括:发送所述目标页面的页面截图至服务端,以供服务端将所述目标页面的页面截图以及目标截图标识对应保存。
可选地,客户端将所述页面截图以及所述目标截图标识对应保存具体可以通过以下步骤实现:
将所述目标截图标识写入所述页面截图的可交换图像文件中;
存储所述页面截图以及其对应可交换图像文件。
客户端为了获得页面截图请求,实现人机交互,所述方法还可以包括:
检测针对截图控件的触发操作,获取页面截图请求。
为了向用户展示获得的截图,以便于用户查看,提高使用效率,在某些实施例中,在获取到目标页面的页面截图之后,所述方法还可以用于输出目标页面的页面截图,以供用户查看目标页面的页面截图。
图5所示的实施例中所述的页面处理方法,与图1所述的页面处理方法的实施例中部分步骤相同,其实现原理和技术效果在此不再赘述。
如图6所示,为本申请实施例提供的一种页面处理方法的又一个实施例的流程图,该方法可以包括以下几个步骤:
601:接收客户端发送的目标截图标识;其中,所述目标截图标识为客户端基于页面截图请求确定目标页面,并根据目标页面的页面类型确定的;
602:获取历史页面截图对应历史截图标识;
603:确认所述历史截图标识不包含所述目标截图标识,发送截图指令至客户端,以供客户端接收所述截图指令,以响应所述截图指令,确定目标页面的页面截图。
本申请实施例中,服务端可以接收用户端发送的目标截图标识,而目标截图标识是客户端针对目标截图请求对应的目标页面的页面类型而确定的,服务端基于获取的历史页面截图对应历史截图标识,对目标页面的目标截图标识进行包含判断,以在确认历史截图标识中不包含目标截图标识时,发送截图指令至客户端。通过服务端对是否针对目标页面进行截图进行确认,提高截图的效率,进而可以实现目标页面的截图的有效性,避免重复截图。同时,在截图过程中不需要用户手动执行任何操作,实现自动截图,提高截图效率。避免重复截图降低截图效率的同时,不需要用户手动执行任何操作,实现自动截图,使得截图的过程更高效。
在一些可能的设计中,步骤601:接收客户端发送的目标截图标识之后,所述方法还包括:如果未检测到用户针对所述目标页面触发的确认截图请求,生成停止截图指令;发送所述停止截图指令至客户端。
可选地,服务端在确认所述历史截图标识中包含所述目标截图标识,输出所述目标页面的截图提示信息,以提示所述目标页面已截图之后,所述方法还包括:
发送所述目标页面对应页面截图的图像展示信息至客户端。
为了节约客户端的内存,还可以将页面截图保存至服务端,因此,在一种可能的设计中,服务端接收客户端发送的所述目标页面的页面截图,将所述目标页面的页面截图以及目标截图标识对应保存。
可选地,服务端将所述页面截图以及所述目标截图标识对应保存具体可以通过以下步骤实现:
将所述目标截图标识写入所述页面截图的可交换图像文件中;
存储所述页面截图以及其对应可交换图像文件。
图6所示的实施例中所述的页面处理方法,与图1所述的页面处理方法的实施例中部分步骤相同,其实现原理和技术效果在此不再赘述。
如图7所示,为本申请实施例提供的一种页面处理方法的又一个实施例的流程图,所示方法可以包括:
701:基于页面截图请求,确定目标页面;
702:根据所述目标页面的页面类型,确定目标截图标识;
703:获取历史页面截图对应的历史截图标识;
704:确认所述历史截图标识中包含所述目标截图标识,输出所述目标页面的截图提示信息,以提示所述目标页面已截图。
作为一个实施例,在步骤704确定所述历史截图标识中包含所述目标截图标识,输出所述目标页面的截图提示信息,以提示所述目标页面已截图之后,所述方法还包括:
输出所述目标页面对应页面截图的图像展示信息,以供用户通过所述图像展示信息查看所述目标页面的页面截图。
其中,页面截图的图像展示信息可以指针对目标页面的页面截图对应的展示对话框,用户点击所述展示对话框中的确认操作时,即可查看目标页面的页面截图。页面截图的图像展示信息还可以指目标页面的页面截图对应的存储路径的路径信息,用户可以通过查看该目标页面的页面截图对应的存储路径的路径信息,以查找该存储路径对应的页面截图。
作为又一个实施例,在步骤704确定所述历史截图标识中包含所述目标截图标识,输出所述目标页面的截图提示信息,以提示所述目标页面已截图之后,所述方法还包括:
如果未检测到用户针对所述目标页面触发的确认截图请求,停止对所述目标页面进行页面截图。
其中,所述截图提示信息可以包括针对目标页面的页面截图的确认提示信息,以提示用户是否继续对所述目标页面进行截图,用户可以针对所述截图提示信息进行确认操作,如果未检测到用户针对所述目标页面触发的确认截图请求,可以停止对所述目标页面进行页面截图。
作为一种可能的实现方式,还可以在预设监控时间内未检测到用户针对所述目标页面触发的确认截图请求,可以停止对所述目标页面进行页面截图。通过设置监控时间的方式可以在某一段时间内对用户进行监控,以实现截图的时效性。
如图8所示,为本申请实施例提供的一种页面处理装置的一个实施例的结构示意图该装置可以包括以下几个模块:
页面确定模块801,用于基于页面截图请求,确定目标页面。
标识确定模块802,用于根据所述目标页面的页面类型,确定目标截图标识;
标识获取模块803,用于获取历史页面截图对应的历史截图标识;
截图确定模块804,用于确认所述历史截图标识中不包含所述目标截图标识,确定所述目标页面的页面截图。
所述装置还包括:
信息提示模块,用于确认所述历史截图标识中包含所述目标截图标识,输出所述目标页面的截图提示信息,以提示所述目标页面已截图。
作为一个实施例,所述装置还可以包括:
展示模块,用于输出所述目标页面对应页面截图的图像展示信息,以供用户通过所述图像展示信息查看所述目标页面的页面截图。
作为又一个实施例,所述装置还包括:
监控模块,用于如果未检测到用户针对所述目标页面触发的确认截图请求,停止对所述目标页面进行页面截图。
为了实现自动截图,提高截图效率,为本申请实施例提供的一种页面处理装置的又一个实施例的流程图,所述截图确定模块可以包括:
视图获取单元,用于确认所述历史截图标识中不包含所述目标截图标识,获取所述目标页面的滚动视图。
其中,所述滚动视图对应至少一个子页面。
内容获取单元,用于基于所述滚动视图,获得所述至少一个子页面的页面内容。
图像渲染单元,用于将所述至少一个子页面的页面内容渲染为目标图像。
截图获取单元,用于基于所述目标图像对应目标截图,确定所述目标页面的页面截图。
本申请实施例中,基于页面截图请求,确定目标截图页面,也即获得将要截图的目标页面,之后,获取目标页面的滚动视图,也即获取了滑动页面的工具,该滚动视图对应至少一个子页面即为所述目标页面的显示目标。继而基于所述滚动视图,获得至少一个子页面的页面内容,也即获得目标页面中至少一个子页面的页面内容,将至少一个子页面的页面内容渲染为图像时,可以获得目标页面的页面内容全部展示时的图像,继而不再存在未展示的子页面,即可以确保目标页面的所有视图完整展示,针对该图像进行截图时,即可以获得目标页面的页面截图。截图过程中不需要用户手动执行任何操作,实现自动截图,提高截图效率。避免重复截图降低截图效率的同时,不需要用户手动执行任何操作,实现自动截图,使得截图的过程更高效。
由于滚动视图主要在用户的滑动操作的控制下可以实现页面切换,为了获得懒加载的视图,可以通过控制滚动视图实现懒加载视图的加载,获得目标页面的至少一个子页面的页面内容。因此,作为一个实施例,所述内容获取单元可以包括:
内容获取子单元,用于控制所述滚动视图由页面顶部滑动到页面底部,获得至少一个子页面的页面内容。
本申请实施例中,控制滚动视图由页面顶部滑动到页面底部,可以触发目标页面中未加载的视图的加载,获得至少一个子页面的页面内容,进而目标页面的页面内容,以便于后续的目标页面的显示。
在某些实施例中,所述内容获取子单元可以包括:
请求触发模块,用于控制所述滚动视图由页面顶部滑动到页面底部,触发针对所述至少一个子页面的页面内容的网络获取请求;
内容获得模块,用于确定所述网络获取请求执行完毕时,获得所述至少一个子页面的页面内容。
网络获取请求为向页面提供方请求获取相应的页面内容的请求,当所述网络获取请求执行完毕时,即可以说明已获得至少一个子页面的页面内容。
在某些实施例中,所述内容获得模块包括:
请求监控单元,用于监控所述网络获取请求对应网络请求对象的生命周期,获得处于运行状态的网络获取请求的数量;
请求处理单元,用于检测处于运行状态的网络获取请求的数量为零时,确定所述网络获取请求执行完毕,获得所述至少一个子页面的页面内容。
网络获取请求实际为创建各个网络请求类的对象,并利用网络请求类的对象向页面对应源站获取页面内容,可以针对网络请求对应的生命周期进行监控。
作为一种可能的实现方式,所述请求监控单元具体可以用于可以包括通过钩子函数(hook)挂起网络请求对象,并监控网络请求对象的生命周期。
在检测处于运行状态的网络请求的数量不为零时,可以确定网络获取请求未执行完,也即,当前处于页面内容的获取阶段,且并未完成页面内容的接收。在检测处于运行状态的网络请求的数量不为零时,所述内容获得模块还可以用于:设置等待函数以等待网络获取请求的执行完毕,继而获得完整的页面内容。
在某些实施例中,所述装置还可以包括:
截图保存模块:用于将所述页面截图以及所述目标截图标识对应保存。
在确定所述历史截图标识中包含所述页面截图时,说明该目标页面已经被截图,不需要再次截图并保存,此时可以输出截图重复提示信息,以提示用户当前目标页面已截图。
在某些实施例中,所述图像保存模块可以包括:
标识写入单元,用于将所述目标截图标识写入所述页面截图的可交换图像文件中;
图像存储单元,用于存储所述页面截图以及其对应可交换图像文件。
在实际应用中,用户滑动页面时,存在部分固定页面不变化的情况,为了获得目标页面中固定的页面内容,以获得更全面的页面截图,可以获得与滚动视图关联的关联视图,该关联视图在目标页面显示过程中不发生变化。因此,作为又一个实施例,所述截图确定模块还包括:
第一获取单元,用于获取与所述滚动视图关联的关联视图;
第一确定单元,用于确定所述关联视图对应关联子页面的页面内容;
第一渲染单元,用于将所述关联子页面的页面内容渲染为关联图像;
所述截图获取单元包括:
第一截图子单元,用于对所述目标图像进行截图,获得目标截图以及对所述关联图像进行截图,获得关联截图;
第一获得子单元,用以将所述目标截图以及所述关联截图进行拼接处理,获得所述目标页面的页面截图。
本申请实施例中,通过将关联子页面的对应绘制到目标页面的页面截图中,目标页面中固定的页面内容,以获得更完整的页面截图。
为了获得较好的渲染效果,可以通过绘图上下文对至少一个子页面的页面内容进行绘制,因此,作为一个实施例,所述图像渲染单元包括:
第一创建子单元,用于创建绘图上下文;
第一渲染子单元,用于基于所述绘图上下文,渲染所述至少一个子页面的页面内容为目标图像。
在某些实施例中,所述装置还包括:
尺寸确定模块,用于根据显示屏幕的尺寸,确定所述绘图上下文的尺寸;
所述第一渲染子单元具体可以用于:
根据每一个子页面相对所述显示屏幕的位置,确定每一个子页面在所述绘图上下文的绘制位置;根据每一个子页面在所述绘图上下文的绘制位置,分别渲染所述至少一个子页面的页面内容,获得所述至少一个子页面的目标图像。
在某些实施例中,所述第一渲染子单元包括:
第二渲染子单元,用于基于所述绘图上下文,渲染所述关联子页面的页面内容为关联图像。
在某些实施例中,所述第二渲染子单元具体可以用于:
根据所述关联子页面在所述显示屏幕中的位置,确定所述关联子页面在所述绘图上下文的绘制位置;根据所述关联子页面在所述绘图上下文的绘制位置,渲染所述关联子页面的页面内容,获得所述关联子页面的关联图像。
电子设备可以在显示屏幕上显示一个截图控件,当用户触发针对该截图控件的操作时,即发起截图请求,作为又一个实施例,还包括:
请求检测模块,用于检测针对截图控件的触发操作,获取页面截图请求。
该页面截图请求可以是电子设备检测到针对截图控件的触发操作后生成的。
图8所述的页面处理装置可以执行图1所示实施例所述的页面处理方法,其实现原理和技术效果不再赘述。对于上述实施例中的页面处理装置其中各个模块、单元执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
如图9所示,为本申请实施例提供的一种页面处理装置的又一个实施例的流程图,所述装置可以包括以下几个模块:
页面确定模块901:用于基于页面截图请求,确定目标页面;
标识确定模块902:用于根据所述目标页面的页面类型,确定目标截图标识;
标识发送模块903:用于发送所述目标截图标识至服务端,以供所述服务端接收所述目标截图标识后,获取历史页面截图对应的历史截图标识,确认所述历史截图标识中不包含所述目标截图标识,发送截图指令至客户端;
指令接收模块904:用于接收服务端发送的截图指令;
指令响应模块905:用于响应所述截图指令,确定所述目标页面的页面截图。
可以是客户端中运行本申请实施例所述的页面处理方法,客户端可以接收用户触发的页面截图请求,确定目标页面,以由服务端实现对目标页面是否已截图的判断,并发送响应的截图指令至客户端,客户端可以接收该截图指令并响应该截图指令,确定目标页面的页面截图。
本申请实施例中,通过在接收用户的目标截图请求的基础上,确定目标页面,以根据目标页面的页面类型,确定目标截图标识,发送目标截图标识至服务端,由服务端完成目标页面的截图判断,并在确认截图的时候发送截图指令至客户端,此时用户端即可以响应该截图指令,确定目标页面的页面截图。通过为页面截图设置截图标识,可以快速查找已截图的目标页面,进而可以避免重复截图。截图过程中不需要用户手动执行任何操作,实现自动截图,提高截图效率。避免重复截图降低截图效率的同时,不需要用户手动执行任何操作,实现自动截图,使得截图的过程更高效。
可选地,所述装置还可以包括:指令接收模块,用于接收停止截图指令;停止响应模块,用以响应所述停止截图指令,停止对所述目标页面进行页面截图。其中,所述停止截图指令为服务端接收到目标截图标识,并获取历史页面截图对应的历史截图标识后,确认所述历史截图标识中不包含所述目标截图标识生成的。
可选地,所述装置还可以包括:信息接收模块,用于接收图像展示信息;展示信息模块,用于输出所述目标页面对应页面截图的图像展示信息,以供用户通过所述图像展示信息查看所述目标页面的页面截图。
可选地,指令响应模块可以包括:
视图获取单元,用于响应所述截图指令,获取所述目标页面的滚动视图。其中,所述滚动视图对应至少一个子页面。
内容获取单元,用于基于所述滚动视图,获得所述至少一个子页面的页面内容。
图像渲染单元,用于将所述至少一个子页面的页面内容渲染为目标图像。
截图获取单元,用于基于所述目标图像对应目标截图,确定所述目标页面的页面截图。
在某些实施例中,所述内容获取单元可以包括:
内容获取子单元,用于控制所述滚动视图由页面顶部滑动到页面底部,获得至少一个子页面的页面内容。
在某些实施例中,所述内容获取子单元包括:
请求触发模块,用于控制所述滚动视图由页面顶部滑动到页面底部,触发针对所述至少一个子页面的页面内容的网络获取请求;
内容获得模块,用于确定所述网络获取请求执行完毕时,获得所述至少一个子页面的页面内容。
在某些实施例中,所述截图确定模块还包括:
第一获取单元,用于获取与所述滚动视图关联的关联视图;
第一确定单元,用于确定所述关联视图对应关联子页面的页面内容。
第一渲染单元,用于将所述关联子页面的页面内容渲染为关联图像。
所述截图获取单元包括:
第一截图子单元,用于对所述目标图像进行截图,获得目标截图以及对所述关联图像进行截图,获得关联截图;
第一获得子单元,用于将所述目标截图以及所述关联截图进行拼接处理,获得所述目标页面的页面截图。
在某些实施例中,所述图像渲染单元可以包括:
第一创建子单元,用于创建绘图上下文;
第一渲染子单元,用于基于所述绘图上下文,渲染所述至少一个子页面的页面内容为目标图像。
在某些实施例中,所述装置还包括:
尺寸确定模块,用于根据显示屏幕的尺寸,确定所述绘图上下文的尺寸;
所述第一渲染子单元具体可以用于:
根据每一个子页面相对所述显示屏幕的位置,确定每一个子页面在所述绘图上下文的绘制位置;根据每一个子页面在所述绘图上下文的绘制位置,分别渲染所述至少一个子页面的页面内容,获得所述至少一个子页面的目标图像。
作为一个实施例,所述第一渲染子单元用于:
第二渲染子单元,用于基于所述绘图上下文,渲染所述关联子页面的页面内容为关联图像。
作为又一个实施例,所述第二渲染子单元用于:
根据所述关联子页面在所述显示屏幕中的位置,确定所述关联子页面在所述绘图上下文的绘制位置;
根据所述关联子页面在所述绘图上下文的绘制位置,渲染所述关联子页面的页面内容,获得所述关联子页面的关联图像。
为了方便后续的截图读取以及存储,在一种可能的设计中,可以将目标页面的页面截图在客户端直接保存,因此,所述装置还可以包括:
截图保存模块,用于将所述页面截图以及所述目标截图标识对应保存。
在另一种可能的设计中,所述装置还可以包括:
截图发送模块,用于发送所述目标页面的页面截图至服务端,以供服务端将所述目标页面的页面截图以及目标截图标识对应保存。
可选地,客户端截图保存模块具体可以包括:
标识写入单元,用于将所述目标截图标识写入所述页面截图的可交换图像文件中;
图像存储单元,用于存储所述页面截图以及其对应可交换图像文件。
客户端为了获得页面截图请求,实现人机交互,所述装置还可以包括:
请求检测模块,用于检测针对截图控件的触发操作,获取页面截图请求。
为了向用户展示获得的截图,以便于用户查看,提高使用效率,在某些实施例中,在获取到目标页面的页面截图之后,所述方法还可以用于输出目标页面的页面截图,以供用户查看目标页面的页面截图。
图9所述的页面处理装置可以执行图1所示实施例所述的页面处理方法,其实现原理和技术效果不再赘述。对于上述实施例中的页面处理装置其中各个模块、单元执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
如图10所示,为本申请实施例提供的一种页面处理装置的又一个实施例的结构示意图,该装置可以包括以下几个步骤:
标识接收模块1001:接收客户端发送的目标截图标识;其中,所述目标截图标识为客户端基于页面截图请求确定目标页面,并根据目标页面的页面类型确定的;
第一获取模块1002:获取历史页面截图对应历史截图标识;
指令发送模块1003:确认所述历史截图标识不包含所述目标截图标识,发送截图指令至客户端,以供客户端接收所述截图指令,以响应所述截图指令,确定目标页面的页面截图。
本申请实施例中,服务端可以接收用户端发送的目标截图标识,而目标截图标识是客户端针对目标截图请求对应的目标页面的页面类型而确定的,服务端基于获取的历史页面截图对应历史截图标识,对目标页面的目标截图标识进行包含判断,以在确认历史截图标识中不包含目标截图标识时,发送截图指令至客户端。通过服务端对是否针对目标页面进行截图进行确认,提高截图的效率,进而可以实现目标页面的截图的有效性,避免重复截图。同时,在截图过程中不需要用户手动执行任何操作,实现自动截图,提高截图效率。
在一些可能的设计中,接收客户端发送的目标截图标识之后,所述装置还包括:指令停止模块,用于如果未检测到用户针对所述目标页面触发的确认截图请求,生成停止截图指令,发送所述停止截图指令至客户端。
所述装置还可以包括:发送模块,用于发送所述目标页面对应页面截图的图像展示信息至客户端。
为了节约客户端的内存,还可以将页面截图保存至服务端,因此,在一种可能的设计中,所述装置还可以包括:截图接收模块,用于接收客户端发送的所述目标页面的页面截图;截图保存模块,用于将所述目标页面的页面截图以及目标截图标识对应保存。
可选地,截图保存模块可以包括:
标识写入单元,用于将所述目标截图标识写入所述页面截图的可交换图像文件中;
图像存储单元,用于存储所述页面截图以及其对应可交换图像文件。
图10所述的页面处理装置可以执行图1所示实施例所述的页面处理方法,其实现原理和技术效果不再赘述。对于上述实施例中的页面处理装置其中各个模块、单元执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
如图11所示,为本申请实施例提供的一种页面处理装置的一个实施例的结构示意图,所示装置可以包括:
页面确定模块1101,用于基于页面截图请求,确定目标页面;
标识确定模块1102,用于根据所述目标页面的页面类型,确定目标截图标识;
第一获取模块1103,用于获取历史页面截图对应的历史截图标识;
信息提示模块1104,用于确认所述历史截图标识中包含所述目标截图标识,输出所述目标页面的截图提示信息,以提示所述目标页面已截图。
作为一个实施例,所述装置还可以包括:
展示模块,用于输出所述目标页面对应页面截图的图像展示信息,以供用户通过所述图像展示信息查看所述目标页面的页面截图。
作为又一个实施例,所述装置还包括:
监控模块,用于如果未检测到用户针对所述目标页面触发的确认截图请求,停止对所述目标页面进行页面截图。
图11所述的页面处理装置可以执行图7所示实施例所述的页面处理方法,其实现原理和技术效果不再赘述。对于上述实施例中的页面处理装置其中各个模块、单元执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
如图12所示,为本申请实施例提供的一种页面处理设备的一个实施例的结构示意图,该设备可以包括:存储组件1201以及处理组件1202,所述存储组件1201存储一条或多条计算机指令,所述一条或多条计算机指令供所述处理组件1202调用并执行;
所述处理组件1202用于:
基于页面截图请求,确定目标页面;根据所述目标页面的页面类型,确定目标截图标识;获取历史页面截图对应的历史截图标识;确认所述历史截图标识中不包含所述目标截图标识,确定所述目标页面的页面截图。
通过为页面截图设置截图标识,可以快速查找已截图的目标页面,进而可以避免重复截图。截图过程中不需要用户手动执行任何操作,实现自动截图,提高截图效率。
在一种可能的设计中,所述处理组件1201还用于:
确认所述历史截图标识中包含所述目标截图标识,输出所述目标页面的截图提示信息,以提示所述目标页面已截图。
作为一个实施例,所述处理组件1201还用于:
输出所述目标页面对应页面截图的图像展示信息,以供用户通过所述图像信息查看所述目标页面的页面截图。
作为又一个实施例,所述处理组件1201还用于:
如果未检测到用户针对所述目标页面触发的确认截图请求,停止对所述目标页面进行页面截图。
为了实现自动截图,提高截图效率,所述处理组件1202确认所述历史截图标识中不包含所述目标截图标识,确定所述目标页面的页面截图具体可以是:
基于页面截图请求,确定目标页面;获取所述目标页面的滚动视图;其中,所述滚动视图对应至少一个子页面;基于所述滚动视图,获得所述至少一个子页面的页面内容;将所述至少一个子页面的页面内容渲染为目标图像;基于所述目标图像对应目标截图,确定所述目标页面的页面截图。
本申请实施例中,基于页面截图请求,确定目标截图页面,也即获得将要截图的目标页面,之后,获取目标页面的滚动视图,也即获取了滑动页面的工具,该滚动视图对应至少一个子页面即为所述目标页面的显示目标。继而基于所述滚动视图,获得至少一个子页面的页面内容,也即获得目标页面中至少一个子页面的页面内容,将至少一个子页面的页面内容渲染为图像时,可以获得目标页面的页面内容全部展示时的图像,继而不再存在未展示的子页面,即可以确保目标页面的所有视图完整展示,针对该图像进行截图时,即可以获得目标页面的页面截图。截图过程中不需要用户手动执行任何操作,实现自动截图,提高截图效率。
由于滚动视图主要在用户的滑动操作的控制下可以实现页面切换,为了获得懒加载的视图,可以通过控制滚动视图实现懒加载视图的加载,获得目标页面的至少一个子页面的页面内容。因此,作为一个实施例,所述处理组件1202基于所述滚动视图,获得所述至少一个子页面的页面内容可以用于:
控制所述滚动视图由页面顶部滑动到页面底部,获得至少一个子页面的页面内容。
本申请实施例中,控制滚动视图由页面顶部滑动到页面底部,可以触发目标页面中未加载的视图的加载,获得至少一个子页面的页面内容,进而目标页面的页面内容,以便于后续的目标页面的显示。
在某些实施例中,所述处理组件1202控制所述滚动视图由页面顶部滑动到页面底部,获得至少一个子页面的页面内容可以用于:
控制所述滚动视图由页面顶部滑动到页面底部,触发针对所述至少一个子页面的页面内容的网络获取请求;
确定所述网络获取请求执行完毕时,获得所述至少一个子页面的页面内容。
在某些实施例中,所述处理组件1202确定所述网络获取请求执行完毕时,获得所述至少一个子页面的页面内容可以用于:
监控所述网络获取请求对应网络请求对象的生命周期,获得处于运行状态的网络获取请求的数量;
检测处于运行状态的网络获取请求的数量为零时,确定所述网络获取请求执行完毕,获得所述至少一个子页面的页面内容。
作为一种可能的实现方式,所述处理组件1202监控网络获取请求对应网络请求对象的生命周期具体可以是通过钩子函数(hook)挂起网络请求对象,并监控网络请求对象的生命周期。
在检测处于运行状态的网络请求的数量不为零时,可以确定网络获取请求未执行完,也即,当前处于页面内容的获取阶段,且并未完成页面内容的接收。在检测处于运行状态的网络请求的数量不为零时,所述处理组件还可以用于:设置等待函数以等待网络获取请求的执行完毕,继而获得完整的页面内容。
作为又一个实施例,所述对所述目标图像进行截图,获得所述目标页面的页面截图之后,所述处理组件1202还可以用于:
将所述页面截图以及所述目标截图标识对应保存。
在实际使用场景中存在页面测试等场景,而实际测试时每一类页面可以仅截取一张图,为了避免重复截图,降低工作量,提高测试效率。
在某些实施例中,所述处理组件1202将所述页面截图以及所述截图标识对应保存可以用于:
将所述目标截图标识写入所述页面截图的可交换图像文件中;
存储所述页面截图以及其对应可交换图像文件。
在实际应用中,用户滑动页面时,存在部分固定页面不变化的情况,为了获得目标页面中固定的页面内容,以获得更全面的页面截图,可以获得与滚动视图关联的关联视图,该关联视图在目标页面显示过程中不发生变化。因此,作为又一个实施例,处理组件1202还可以用于:
获取与所述滚动视图关联的关联视图;
确定所述关联视图对应关联子页面的页面内容;
将所述关联子页面的页面内容渲染为关联图像;
所述处理组件1202基于所述目标图像对应目标截图,确定所述目标页面的页面截图具体可以是:
对所述目标图像进行截图,获得目标截图以及对所述关联图像进行截图,获得关联截图;
将所述目标截图以及所述关联截图进行拼接处理,获得所述目标页面的页面截图。
本申请实施例中,通过将关联子页面的对应绘制到目标页面的页面截图中,目标页面中固定的页面内容,以获得更完整的页面截图。
为了获得较好的渲染效果,可以通过绘图上下文对至少一个子页面的页面内容进行绘制,因此,作为一个实施例,所述处理组件1202将所述至少一个子页面的页面内容渲染为目标图像用于:
创建绘图上下文;
基于所述绘图上下文,渲染所述至少一个子页面的页面内容为目标图像。
在某些实施例中,处理组件还用于:
根据显示屏幕的尺寸,确定所述绘图上下文的尺寸;
所述处理组件1202基于所述绘图上下文,渲染所述至少一个子页面的页面内容为目标图像用于:
根据每一个子页面相对所述显示屏幕的位置,确定每一个子页面在所述绘图上下文的绘制位置;
根据每一个子页面在所述绘图上下文的绘制位置,分别渲染所述至少一个子页面的页面内容,获得所述至少一个子页面的目标图像。
在某些实施例中,所述处理组件将所述关联子页面的页面内容渲染为关联图像具体可以是:
基于所述绘图上下文,渲染所述关联子页面的页面内容为关联图像。
在某些实施例中,所述处理组件1202基于所述绘图上下文,渲染所述关联子页面的页面内容为关联图像具体可以是:
根据所述关联子页面在所述显示屏幕中的位置,确定所述关联子页面在所述绘图上下文的绘制位置;
根据所述关联子页面在所述绘图上下文的绘制位置,渲染所述关联子页面的页面内容,获得所述关联子页面的关联图像。
电子设备可以在显示屏幕上显示一个截图控件,当用户触发针对该截图控件的操作时,即发起截图请求,作为又一个实施例,处理组件1202还可以用于:
检测针对截图控件的触发操作,获取页面截图请求。
该页面截图请求可以是电子设备检测到针对截图控件的触发操作后生成的。
图12所述的页面处理设备中的处理组件可以执行图1所示实施例所述的页面处理方法,其实现原理和技术效果不再赘述。对于上述实施例中的处理组件执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
如图13所示,为本申请实施例提供的一种页面处理设备的又一个实施例的结构示意图,该设备可以包括:存储组件1301以及处理组件1302,所述存储组件1301存储一条或多条计算机指令,所述一条或多条计算机指令供所述处理组件1302调用并执行;
所述处理组件1302用于:
基于页面截图请求,确定目标页面;根据所述目标页面的页面类型,确定目标截图标识;发送所述目标截图标识至服务端,以供所述服务端接收所述目标截图标识后,获取历史页面截图对应的历史截图标识,确认所述历史截图标识中不包含所述目标截图标识,发送截图指令至客户端;接收服务端发送的截图指令;响应所述截图指令,确定所述目标页面的页面截图。
可以是客户端中运行本申请实施例所述的页面处理方法,客户端可以接收用户触发的页面截图请求,确定目标页面,以由服务端实现对目标页面是否已截图的判断,并发送响应的截图指令至客户端,客户端可以接收该截图指令并响应该截图指令,确定目标页面的页面截图。
本申请实施例中,通过在接收用户的目标截图请求的基础上,确定目标页面,以根据目标页面的页面类型,确定目标截图标识,发送目标截图标识至服务端,由服务端完成目标页面的截图判断,并在确认截图的时候发送截图指令至客户端,此时用户端即可以响应该截图指令,确定目标页面的页面截图。通过为页面截图设置截图标识,可以快速查找已截图的目标页面,进而可以避免重复截图。截图过程中不需要用户手动执行任何操作,实现自动截图,提高截图效率。
可选地,所述处理组件1302还可以用于:接收停止截图指令,响应所述停止截图指令,停止对所述目标页面进行页面截图。其中,所述停止截图指令为服务端接收到目标截图标识,并获取历史页面截图对应的历史截图标识后,确认所述历史截图标识中不包含所述目标截图标识生成的。
可选地,所述处理组件1302还可以用于:接收图像展示信息;输出所述目标页面对应页面截图的图像展示信息,以供用户通过所述图像展示信息查看所述目标页面的页面截图。
可选地,处理组件1302响应所述截图指令,确定所述目标页面的页面截图具体可以是:响应所述截图指令,获取所述目标页面的滚动视图;其中,所述滚动视图对应至少一个子页面;基于所述滚动视图,获得所述至少一个子页面的页面内容;将所述至少一个子页面的页面内容渲染为目标图像;基于所述目标图像对应目标截图,确定所述目标页面的页面截图。
在某些实施例中,所述处理组件1302基于所述滚动视图,获得所述至少一个子页面的页面内容具体可以是:
控制所述滚动视图由页面顶部滑动到页面底部,获得至少一个子页面的页面内容。
在某些实施例中,所述处理组件1302控制所述滚动视图由页面顶部滑动到页面底部,获得至少一个子页面的页面内容具体可以是:
控制所述滚动视图由页面顶部滑动到页面底部,触发针对所述至少一个子页面的页面内容的网络获取请求;确定所述网络获取请求执行完毕时,获得所述至少一个子页面的页面内容。
在某些实施例中,所述处理组件1302还用于:获取与所述滚动视图关联的关联视图;确定所述关联视图对应关联子页面的页面内容。
所述处理组件1302还用于:将所述关联子页面的页面内容渲染为关联图像。
所述处理组件1302基于所述目标图像对应目标截图,确定所述目标页面的页面截图具体是:
对所述目标图像进行截图,获得目标截图以及对所述关联图像进行截图,获得关联截图;将所述目标截图以及所述关联截图进行拼接处理,获得所述目标页面的页面截图。
在某些实施例中,所述处理组件1302将所述至少一个子页面的页面内容渲染为目标图像具体是:
创建绘图上下文;
基于所述绘图上下文,渲染所述至少一个子页面的页面内容为目标图像。
在某些实施例中,所述处理组件还用于:
根据显示屏幕的尺寸,确定所述绘图上下文的尺寸;
所述处理组件1302基于所述绘图上下文,渲染所述至少一个子页面的页面内容为目标图像具体是:
根据每一个子页面相对所述显示屏幕的位置,确定每一个子页面在所述绘图上下文的绘制位置;根据每一个子页面在所述绘图上下文的绘制位置,分别渲染所述至少一个子页面的页面内容,获得所述至少一个子页面的目标图像。
作为一个实施例,所述处理组件1302将所述关联子页面的页面内容渲染为关联图像具体是:
基于所述绘图上下文,渲染所述关联子页面的页面内容为关联图像。
作为又一个实施例,所述处理组件1302基于所述绘图上下文,渲染所述关联子页面的页面内容为关联图像具体是:
根据所述关联子页面在所述显示屏幕中的位置,确定所述关联子页面在所述绘图上下文的绘制位置;根据所述关联子页面在所述绘图上下文的绘制位置,渲染所述关联子页面的页面内容,获得所述关联子页面的关联图像。
为了方便后续的截图读取以及存储,在一种可能的设计中,可以将目标页面的页面截图在客户端直接保存,因此,所述处理组件1302还可以用于:将所述页面截图以及所述目标截图标识对应保存。在另一种可能的设计中,所述处理组件还1302可以用于:发送所述目标页面的页面截图至服务端,以供服务端将所述目标页面的页面截图以及目标截图标识对应保存。
可选地,处理组件1302将所述页面截图以及所述目标截图标识对应保存具体可以是:
将所述目标截图标识写入所述页面截图的可交换图像文件中;
存储所述页面截图以及其对应可交换图像文件。
为了获得页面截图请求,实现人机交互,所述处理组件1302还可以包括:
检测针对截图控件的触发操作,获取页面截图请求。
为了向用户展示获得的截图,以便于用户查看,提高使用效率,在某些实施例中,在获取到目标页面的页面截图之后,所述方法还可以用于输出目标页面的页面截图,以供用户查看目标页面的页面截图。
图13所述的页面处理设备中的处理组件可以执行图1所示实施例所述的页面处理方法,其实现原理和技术效果不再赘述。对于上述实施例中的处理组件执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
如图14所示,为本申请实施例提供的一种页面处理设备的又一个实施例的结构示意图,该设备可以包括:存储组件1401以及处理组件1402,所述存储组件1401存储一条或多条计算机指令,所述一条或多条计算机指令供所述处理组件1402调用并执行;
所述处理组件1402用于:
接收客户端发送的目标截图标识;其中,所述目标截图标识为客户端基于页面截图请求确定目标页面,并根据目标页面的页面类型确定的;获取历史页面截图对应历史截图标识;确认所述历史截图标识不包含所述目标截图标识,发送截图指令至客户端,以供客户端接收所述截图指令,以响应所述截图指令,确定目标页面的页面截图。
本申请实施例中,服务端可以接收用户端发送的目标截图标识,而目标截图标识是客户端针对目标截图请求对应的目标页面的页面类型而确定的,服务端基于获取的历史页面截图对应历史截图标识,对目标页面的目标截图标识进行包含判断,以在确认历史截图标识中不包含目标截图标识时,发送截图指令至客户端。通过服务端对是否针对目标页面进行截图进行确认,提高截图的效率,进而可以实现目标页面的截图的有效性,避免重复截图。同时,在截图过程中不需要用户手动执行任何操作,实现自动截图,提高截图效率。
在一些可能的设计中,所述处理组件1402还可以用于:如果未检测到用户针对所述目标页面触发的确认截图请求,生成停止截图指令;发送所述停止截图指令至客户端。
可选地,所述处理组件还可以用于:发送所述目标页面对应页面截图的图像展示信息至客户端。
为了节约客户端的内存,还可以将页面截图保存至服务端,因此,在一种可能的设计中,处理组件1402还可以用于:接收客户端发送的所述目标页面的页面截图;将所述目标页面的页面截图以及目标截图标识对应保存。
可选地,处理组件1402将所述目标页面的页面截图以及目标截图标识对应保存具体可以是:
将所述目标截图标识写入所述页面截图的可交换图像文件中;存储所述页面截图以及其对应可交换图像文件。
图14所述的页面处理设备中的处理组件可以执行图1所示实施例所述的页面处理方法,其实现原理和技术效果不再赘述。对于上述实施例中的处理组件执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
如图15所示,为本申请实施例提供的一种页面处理设备的又一个实施例的结构示意图,所示设备可以包括:存储组件1501以及处理组件1502,所述存储组件1501存储一条或多条计算机指令,所述一条或多条计算机指令供所述处理组件1502调用并执行;
所述处理组件1502用于:
基于页面截图请求,确定目标页面;根据所述目标页面的页面类型,确定目标截图标识;获取历史页面截图对应的历史截图标识;确认所述历史截图标识中包含所述目标截图标识,输出所述目标页面的截图提示信息,以提示所述目标页面已截图。
作为一个实施例,所述处理组件还可以用于:
输出所述目标页面对应页面截图的图像展示信息,以供用户通过所述图像展示信息查看所述目标页面的页面截图。
作为又一个实施例,所述处理组件还可以用于:
如果未检测到用户针对所述目标页面触发的确认截图请求,停止对所述目标页面进行页面截图。
图15所述的页面处理设备中的处理组件可以执行图7所示实施例所述的页面处理方法,其实现原理和技术效果不再赘述。对于上述实施例中的处理组件执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统,装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
以上所描述的装置实施例仅仅是示意性的,其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下,即可以理解并实施。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到各实施方式可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件。基于这样的理解,上述技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在计算机可读存储介质中,如ROM/RAM、磁碟、光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行各个实施例或者实施例的某些部分所述的方法。
最后应说明的是:以上实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。

Claims (29)

1.一种页面处理方法,其特征在于,包括:
基于页面截图请求,确定目标页面;
根据所述目标页面的页面类型,确定目标截图标识;
获取历史页面截图对应的历史截图标识;
确认所述历史截图标识中不包含所述目标截图标识,确定所述目标页面的页面截图。
2.根据权利要求1所述的方法,其特征在于,还包括:
确认所述历史截图标识中包含所述目标截图标识,输出所述目标页面的截图提示信息,以提示所述目标页面已截图。
3.根据权利要求2所述的方法,其特征在于,所述确认所述历史截图标识中包含所述目标截图标识,输出所述目标页面的截图提示信息,以提示所述目标页面已截图之后,所述方法还包括:
输出所述目标页面对应页面截图的图像展示信息,以供用户通过所述图像展示信息查看所述目标页面的页面截图。
4.根据权利要求2所述的方法,其特征在于,所述所述确认所述历史截图标识中包含所述目标截图标识,输出所述目标页面的截图提示信息,以提示所述目标页面已截图之后,所述方法还包括:
如果未检测到用户针对所述目标页面触发的确认截图请求,停止对所述目标页面进行页面截图。
5.根据权利要求1所述的方法,其特征在于,所述确认所述历史截图标识中不包含所述目标截图标识,确定所述目标页面的页面截图包括:
确认所述历史截图标识中不包含所述目标截图标识,获取所述目标页面的滚动视图;其中,所述滚动视图对应至少一个子页面;
基于所述滚动视图,获得所述至少一个子页面的页面内容;
将所述至少一个子页面的页面内容渲染为目标图像;
基于所述目标图像对应目标截图,确定所述目标页面的页面截图。
6.根据权利要求5所述的方法,其特征在于,所述基于所述滚动视图,获得所述至少一个子页面的页面内容包括:
控制所述滚动视图由页面顶部滑动到页面底部,获得至少一个子页面的页面内容。
7.根据权利要求6所述的方法,其特征在于,所述控制所述滚动视图由页面顶部滑动到页面底部,获得至少一个子页面的页面内容包括:
控制所述滚动视图由页面顶部滑动到页面底部,触发针对所述至少一个子页面的页面内容的网络获取请求;
确定所述网络获取请求执行完毕时,获得所述至少一个子页面的页面内容。
8.根据权利要求5所述的方法,其特征在于,所述确定所述网络获取请求执行完毕时,获得所述至少一个子页面的页面内容包括:
监控所述网络获取请求对应网络请求对象的生命周期,获得处于运行状态的网络获取请求的数量;
检测处于运行状态的网络获取请求的数量为零时,确定所述网络获取请求执行完毕,获得所述至少一个子页面的页面内容。
9.根据权利要求1所述的方法,其特征在于,所述确认所述历史截图标识中不包含所述目标截图标识,确定所述目标页面的页面截图之后,所述方法还包括:
将所述页面截图以及所述目标截图标识对应保存。
10.根据权利要求7所述的方法,其特征在于,所述将所述页面截图以及所述目标截图标识对应保存包括:
将所述目标截图标识写入所述页面截图的可交换图像文件中;
存储所述页面截图以及其对应可交换图像文件。
11.根据权利要求3所述的方法,其特征在于,所述将所述至少一个子页面的页面内容渲染为目标图像之后,所述方法还包括:
获取与所述滚动视图关联的关联视图;
确定所述关联视图对应关联子页面的页面内容;
将所述关联子页面的页面内容渲染为关联图像;
所述基于所述目标图像对应目标截图,确定所述目标页面的页面截图包括:
对所述目标图像进行截图,获得目标截图以及对所述关联图像进行截图,获得关联截图;
将所述目标截图以及所述关联截图进行拼接处理,获得所述目标页面的页面截图。
12.根据权利要求9所述的方法,其特征在于,所述将所述至少一个子页面的页面内容渲染为目标图像包括:
创建绘图上下文;
基于所述绘图上下文,渲染所述至少一个子页面的页面内容为目标图像。
13.根据权利要求10所述的方法,其特征在于,还包括:
根据显示屏幕的尺寸,确定所述绘图上下文的尺寸;
所述基于所述绘图上下文,渲染所述至少一个子页面的页面内容为目标图像包括:
根据每一个子页面相对所述显示屏幕的位置,确定每一个子页面在所述绘图上下文的绘制位置;
根据每一个子页面在所述绘图上下文的绘制位置,分别渲染所述至少一个子页面的页面内容,获得所述至少一个子页面的目标图像。
14.根据权利要求11所述的方法,其特征在于,所述将所述关联子页面的页面内容渲染为关联图像包括:
基于所述绘图上下文,渲染所述关联子页面的页面内容为关联图像。
15.根据权利要求12所述的方法,其特征在于,所述基于所述绘图上下文,渲染所述关联子页面的页面内容为关联图像包括:
根据所述关联子页面在所述显示屏幕中的位置,确定所述关联子页面在所述绘图上下文的绘制位置;
根据所述关联子页面在所述绘图上下文的绘制位置,渲染所述关联子页面的页面内容,获得所述关联子页面的关联图像。
16.根据权利要求1所述的方法,其特征在于,所述基于页面截图请求,确定目标页面之前,还包括:
检测针对截图控件的触发操作,获取页面截图请求。
17.一种页面处理方法,其特征在于,包括:
基于页面截图请求,确定目标页面;
根据所述目标页面的页面类型,确定目标截图标识;
发送所述目标截图标识至服务端,以供所述服务端接收所述目标截图标识后,获取历史页面截图对应的历史截图标识,确认所述历史截图标识中不包含所述目标截图标识,发送截图指令至客户端;
接收服务端发送的截图指令;
响应所述截图指令,确定所述目标页面的页面截图。
18.一种页面处理方法,其特征在于,包括:
接收客户端发送的目标截图标识;其中,所述目标截图标识为客户端基于页面截图请求确定目标页面,并根据目标页面的页面类型确定的;
获取历史页面截图对应历史截图标识;
确认所述历史截图标识不包含所述目标截图标识,发送截图指令至客户端,以供客户端接收所述截图指令,以响应所述截图指令,确定目标页面的页面截图。
19.一种页面处理方法,其特征在于,包括:
基于页面截图请求,确定目标页面;
根据所述目标页面的页面类型,确定目标截图标识;
获取历史页面截图对应的历史截图标识;
确认所述历史截图标识中包含所述目标截图标识,输出所述目标页面的截图提示信息,以提示所述目标页面已截图。
20.根据权利要求17所述的方法,其特征在于,所述确定所述历史截图标识中包含所述目标截图标识,输出所述目标页面的截图提示信息,以提示所述目标页面已截图之后,所述方法还包括:
输出所述目标页面对应页面截图的图像展示信息,以供用户通过所述图像展示信息查看所述目标页面的页面截图。
21.根据权利要求18所述的方法,其特征在于,所述确定所述历史截图标识中包含所述目标截图标识,输出所述目标页面的截图提示信息,以提示所述目标页面已截图之后,所述方法还包括:
如果未检测到用户针对所述目标页面触发的确认截图请求,停止对所述目标页面进行页面截图。
22.一种页面处理装置,其特征在于,包括:
页面确定模块,用于基于页面截图请求,确定目标页面;
标识确定模块,用于根据所述目标页面的页面类型,确定目标截图标识;
第一获取模块,用于获取历史页面截图对应的历史截图标识;
截图确定模块,用于确认所述历史截图标识中不包含所述目标截图标识,确定所述目标页面的页面截图。
23.一种页面处理装置,其特征在于,包括:
页面确定模块,用于基于页面截图请求,确定目标页面;
标识确定模块,用于根据所述目标页面的页面类型,确定目标截图标识;
标识发送模块,用于发送所述目标截图标识至服务端,以供所述服务端接收所述目标截图标识后,获取历史页面截图对应的历史截图标识,确认所述历史截图标识中不包含所述目标截图标识,发送截图指令至客户端;
指令接收模块,用于接收服务端发送的截图指令;
指令响应模块,用于响应所述截图指令,确定所述目标页面的页面截图。
24.一种页面处理装置,其特征在于,包括:
标识接收模块,用于接收客户端发送的目标截图标识;其中,所述目标截图标识为客户端基于页面截图请求确定目标页面,并根据目标页面的页面类型确定的;
第一获取模块,用于获取历史页面截图对应历史截图标识;
指令发送模块,确认所述历史截图标识不包含所述目标截图标识,发送截图指令至客户端,以供客户端接收所述截图指令,以响应所述截图指令,确定目标页面的页面截图。
25.一种页面处理装置,其特征在于,包括:
页面确定模块,用于基于页面截图请求,确定目标页面;
标识确定模块,用于根据所述目标页面的页面类型,确定目标截图标识;
第一获取模块,用于获取历史页面截图对应的历史截图标识;
信息提示模块,用于确认所述历史截图标识中包含所述目标截图标识,输出所述目标页面的截图提示信息,以提示所述目标页面已截图。
26.一种页面处理设备,其特征在于,包括:存储组件以及处理组件,所述存储组件存储一条或多条计算机指令,所述一条或多条计算机指令供所述处理组件调用并执行;
所述处理组件用于:
基于页面截图请求,确定目标页面;根据所述目标页面的页面类型,确定目标截图标识;获取历史页面截图对应的历史截图标识;确认所述历史截图标识中不包含所述目标截图标识,确定所述目标页面的页面截图。
27.一种页面处理设备,其特征在于,包括:存储组件以及处理组件,所述存储组件存储一条或多条计算机指令,所述一条或多条计算机指令供所述处理组件调用并执行;
所述处理组件用于:
基于页面截图请求,确定目标页面;根据所述目标页面的页面类型,确定目标截图标识;发送所述目标截图标识至服务端,以供所述服务端接收所述目标截图标识后,获取历史页面截图对应的历史截图标识,确认所述历史截图标识中不包含所述目标截图标识,发送截图指令至客户端;接收服务端发送的截图指令;响应所述截图指令,确定所述目标页面的页面截图。
28.一种页面处理设备,其特征在于,包括:存储组件以及处理组件,所述存储组件存储一条或多条计算机指令,所述一条或多条计算机指令供所述处理组件调用并执行;
所述处理组件用于:
接收客户端发送的目标截图标识;其中,所述目标截图标识为客户端基于页面截图请求确定目标页面,并根据目标页面的页面类型确定的;获取历史页面截图对应历史截图标识;确认所述历史截图标识不包含所述目标截图标识,发送截图指令至客户端,以供客户端接收所述截图指令,以响应所述截图指令,确定目标页面的页面截图。
29.一种页面处理设备,其特征在于,包括:存储组件以及处理组件,所述存储组件存储一条或多条计算机指令,所述一条或多条计算机指令供所述处理组件调用并执行;
所述处理组件用于:
基于页面截图请求,确定目标页面;根据所述目标页面的页面类型,确定目标截图标识;获取历史页面截图对应的历史截图标识;确认所述历史截图标识中包含所述目标截图标识,输出所述目标页面的截图提示信息,以提示所述目标页面已截图。
CN201811521517.XA 2018-12-12 2018-12-12 页面处理方法、装置及设备 Active CN111309221B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201811521517.XA CN111309221B (zh) 2018-12-12 2018-12-12 页面处理方法、装置及设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201811521517.XA CN111309221B (zh) 2018-12-12 2018-12-12 页面处理方法、装置及设备

Publications (2)

Publication Number Publication Date
CN111309221A true CN111309221A (zh) 2020-06-19
CN111309221B CN111309221B (zh) 2024-01-12

Family

ID=71150817

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201811521517.XA Active CN111309221B (zh) 2018-12-12 2018-12-12 页面处理方法、装置及设备

Country Status (1)

Country Link
CN (1) CN111309221B (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111814086A (zh) * 2020-07-13 2020-10-23 杭州数澜科技有限公司 一种用于对网页进行截图方法和系统
CN113590564A (zh) * 2021-07-29 2021-11-02 挂号网(杭州)科技有限公司 数据存储方法、装置、电子设备及存储介质

Citations (19)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP2713290A2 (en) * 2012-09-28 2014-04-02 Orange System and method for screencast creation and abridging based on user web browsing
US20140253574A1 (en) * 2013-03-05 2014-09-11 Research In Motion Limited Development Environment For Capture Of Image Data From A Mobile Device
CN104238913A (zh) * 2014-09-02 2014-12-24 北京金山安全软件有限公司 截图方法、装置和电子设备
CN104572043A (zh) * 2013-10-16 2015-04-29 阿里巴巴集团控股有限公司 一种对客户端应用的控件进行实时埋点的方法及装置
CN104834753A (zh) * 2015-05-28 2015-08-12 百度在线网络技术(北京)有限公司 生成网页截图的方法及其装置
CN104866318A (zh) * 2015-06-05 2015-08-26 北京金山安全软件有限公司 一种多窗口中标签页的展示方法及装置
CN105243126A (zh) * 2015-09-29 2016-01-13 努比亚技术有限公司 跨屏截图方法及装置
CN105760050A (zh) * 2016-02-04 2016-07-13 上海卓易科技股份有限公司 一种截图方法及装置
CN106527928A (zh) * 2016-10-31 2017-03-22 努比亚技术有限公司 一种截屏控制装置、方法及智能终端
CN106547420A (zh) * 2015-09-23 2017-03-29 阿里巴巴集团控股有限公司 一种页面处理方法和装置
CN106610831A (zh) * 2015-10-26 2017-05-03 北京国双科技有限公司 网页截图方法和装置
CN107145293A (zh) * 2017-04-28 2017-09-08 努比亚技术有限公司 一种截图方法、移动终端及存储介质
CN107277244A (zh) * 2017-06-14 2017-10-20 深圳天珑无线科技有限公司 截图处理方法及装置
CN107368293A (zh) * 2017-05-24 2017-11-21 阿里巴巴集团控股有限公司 页面结构生成方法、页面截图上报方法、装置及系统
CN107450900A (zh) * 2016-06-01 2017-12-08 广州市动景计算机科技有限公司 一种截图方法及装置
CN107562469A (zh) * 2017-08-08 2018-01-09 武汉斗鱼网络科技有限公司 一种标题栏数据展示方法及系统
WO2018126919A1 (zh) * 2017-01-06 2018-07-12 腾讯科技(深圳)有限公司 页面截图方法、终端和存储介质
CN108279843A (zh) * 2018-01-11 2018-07-13 维沃移动通信有限公司 一种屏幕截图方法及移动终端
CN108279966A (zh) * 2018-02-13 2018-07-13 广东欧珀移动通信有限公司 网页截图方法、装置、终端及存储介质

Patent Citations (19)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP2713290A2 (en) * 2012-09-28 2014-04-02 Orange System and method for screencast creation and abridging based on user web browsing
US20140253574A1 (en) * 2013-03-05 2014-09-11 Research In Motion Limited Development Environment For Capture Of Image Data From A Mobile Device
CN104572043A (zh) * 2013-10-16 2015-04-29 阿里巴巴集团控股有限公司 一种对客户端应用的控件进行实时埋点的方法及装置
CN104238913A (zh) * 2014-09-02 2014-12-24 北京金山安全软件有限公司 截图方法、装置和电子设备
CN104834753A (zh) * 2015-05-28 2015-08-12 百度在线网络技术(北京)有限公司 生成网页截图的方法及其装置
CN104866318A (zh) * 2015-06-05 2015-08-26 北京金山安全软件有限公司 一种多窗口中标签页的展示方法及装置
CN106547420A (zh) * 2015-09-23 2017-03-29 阿里巴巴集团控股有限公司 一种页面处理方法和装置
CN105243126A (zh) * 2015-09-29 2016-01-13 努比亚技术有限公司 跨屏截图方法及装置
CN106610831A (zh) * 2015-10-26 2017-05-03 北京国双科技有限公司 网页截图方法和装置
CN105760050A (zh) * 2016-02-04 2016-07-13 上海卓易科技股份有限公司 一种截图方法及装置
CN107450900A (zh) * 2016-06-01 2017-12-08 广州市动景计算机科技有限公司 一种截图方法及装置
CN106527928A (zh) * 2016-10-31 2017-03-22 努比亚技术有限公司 一种截屏控制装置、方法及智能终端
WO2018126919A1 (zh) * 2017-01-06 2018-07-12 腾讯科技(深圳)有限公司 页面截图方法、终端和存储介质
CN107145293A (zh) * 2017-04-28 2017-09-08 努比亚技术有限公司 一种截图方法、移动终端及存储介质
CN107368293A (zh) * 2017-05-24 2017-11-21 阿里巴巴集团控股有限公司 页面结构生成方法、页面截图上报方法、装置及系统
CN107277244A (zh) * 2017-06-14 2017-10-20 深圳天珑无线科技有限公司 截图处理方法及装置
CN107562469A (zh) * 2017-08-08 2018-01-09 武汉斗鱼网络科技有限公司 一种标题栏数据展示方法及系统
CN108279843A (zh) * 2018-01-11 2018-07-13 维沃移动通信有限公司 一种屏幕截图方法及移动终端
CN108279966A (zh) * 2018-02-13 2018-07-13 广东欧珀移动通信有限公司 网页截图方法、装置、终端及存储介质

Non-Patent Citations (3)

* Cited by examiner, † Cited by third party
Title
CIRINCIONE, JOHN: "Awesome Screenshot is a fantastic clipping tool" *
CROODS;: "滚屏截图 多屏截图的简单实现", no. 07 *
李凡;李梦;李京;: "基于模型的Web页面自动生成系统PAGS", no. 27 *

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111814086A (zh) * 2020-07-13 2020-10-23 杭州数澜科技有限公司 一种用于对网页进行截图方法和系统
CN113590564A (zh) * 2021-07-29 2021-11-02 挂号网(杭州)科技有限公司 数据存储方法、装置、电子设备及存储介质
CN113590564B (zh) * 2021-07-29 2024-03-01 挂号网(杭州)科技有限公司 数据存储方法、装置、电子设备及存储介质

Also Published As

Publication number Publication date
CN111309221B (zh) 2024-01-12

Similar Documents

Publication Publication Date Title
US11836436B2 (en) Method and apparatus for generating image file
EP2854372B1 (en) Method and device for displaying pushed information
CN110096660B (zh) 用于加载页面图片的方法、装置和电子设备
EP3188034A1 (en) Display terminal-based data processing method
CN108920048B (zh) 大型图纸浏览方法、系统、服务器及计算机可读存储介质
US20180107686A1 (en) Search method and apparatus
CN110442519B (zh) 一种崩溃文件处理方法、装置、电子设备及存储介质
CN106802758B (zh) 用于屏幕截取的处理方法和装置
CN111309221B (zh) 页面处理方法、装置及设备
CN110619807A (zh) 生成全局热力图的方法和装置
CN110688353A (zh) 文件管理方法、设备以及计算机可读介质
CN104410790A (zh) 一种信息处理方法及电子设备
JP2024502516A (ja) データ注釈方法、装置、システム、デバイスおよび記憶媒体
CN110069194B (zh) 页面卡顿确定方法、装置、电子设备及可读存储介质
US20170169042A1 (en) Webpage display method, mobile terminal, intelligent terminal, computer program and storage medium
CN112817817B (zh) 埋点信息查询方法、装置、计算机设备和存储介质
CN109829526B (zh) 一种条码管理方法、装置及电子设备
CN103744573A (zh) 一种基于图形设备接口的数据快速查看和分析系统
CN113590564B (zh) 数据存储方法、装置、电子设备及存储介质
CN107291834B (zh) 一种基于可读码的信息输入方法、设备和终端
TW201222430A (en) Method for detecting objects and a corresponding control computer
CN111124862B (zh) 智能设备性能测试方法、装置及智能设备
CN109324822B (zh) Pwa项目检测方法、计算机可读存储介质及终端设备
CN111083552A (zh) 一种缩略图生成方法、装置、设备和介质
CN107045549B (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