CN112395028B - 页面检验方法、装置、终端以及存储介质 - Google Patents
页面检验方法、装置、终端以及存储介质 Download PDFInfo
- Publication number
- CN112395028B CN112395028B CN201910753297.1A CN201910753297A CN112395028B CN 112395028 B CN112395028 B CN 112395028B CN 201910753297 A CN201910753297 A CN 201910753297A CN 112395028 B CN112395028 B CN 112395028B
- Authority
- CN
- China
- Prior art keywords
- image
- page
- user
- candidate
- target
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 67
- 238000007689 inspection Methods 0.000 claims abstract description 32
- 238000012217 deletion Methods 0.000 claims description 23
- 230000037430 deletion Effects 0.000 claims description 23
- 238000012986 modification Methods 0.000 claims description 19
- 230000004048 modification Effects 0.000 claims description 19
- 238000012790 confirmation Methods 0.000 claims description 4
- 238000010586 diagram Methods 0.000 description 14
- 230000006870 function Effects 0.000 description 7
- 238000013461 design Methods 0.000 description 6
- 238000001514 detection method Methods 0.000 description 6
- 238000004891 communication Methods 0.000 description 5
- 238000012545 processing Methods 0.000 description 3
- 230000000007 visual effect Effects 0.000 description 3
- 239000003086 colorant Substances 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 238000001545 Page's trend test Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000007599 discharging Methods 0.000 description 1
- 238000012544 monitoring process Methods 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/903—Querying
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Databases & Information Systems (AREA)
- Computational Linguistics (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明实施例公开了一种页面检验方法、装置、终端以及存储介质;本发明实施例可以显示即时通讯客户端中子应用的目标页面,其中,目标页面插入有用户操作子页面,用户操作子页面包括图像添加区域;基于用户针对图像添加区域的图像添加操作,确定目标页面对应的页面参考图像;最后在目标页面上覆盖显示页面参考图像,以便检验目标页面。在本发明实施例中,通过在即时通讯客户端中子应用的目标页面上覆盖显示页面参考图像,来辅助开发人员检验目标页面。由此,该方案可以提升页面检验的效率。
Description
技术领域
本申请涉及计算机领域,具体涉及一种页面检验方法、装置、终端以及存储介质。
背景技术
一个应用程序(Application,APP)从设计至推出到市场的过程中,需要将设计师设计的用户界面(User Interface,UI)落实到APP上,而在落实过程中,由于同样的UI可能在不同硬件平台上所展现的视觉效果不同,故开发人员需要对该APP的UI进行页面检验,即开发人员需要观察UI设计稿与待测APP真实UI之间的视觉差异,从而确定下一步应该如何调整,以使待测APP的UI与设计稿中的UI趋于一致。
然而,目前用于视觉还原的页面检验方法效率低下。
发明内容
本发明实施例提供一种页面检验方法、装置、终端以及存储介质,可以提升页面检验方法的效率。
本发明实施例提供一种页面检验方法,包括:
显示即时通讯客户端中子应用的目标页面,所述目标页面插入有用户操作子页面,所述用户操作子页面包括图像添加区域;
基于用户针对图像添加区域的图像添加操作,确定目标页面对应的页面参考图像;
在目标页面上覆盖显示所述页面参考图像,以便检验目标页面。
本发明实施例还提供一种页面检验装置,包括:
显示单元,用于显示即时通讯客户端中子应用的目标页面,所述目标页面插入有用户操作子页面,所述用户操作子页面包括图像添加区域;
添加单元,用于基于用户针对图像添加区域的图像添加操作,确定目标页面对应的页面参考图像;
覆盖单元,用于在目标页面上覆盖显示所述页面参考图像,以便检验目标页面。
本发明实施例还提供一种终端,包括存储器存储有多条指令;所述处理器从所述存储器中加载指令,以执行本发明实施例所提供的任一种页面检验方法中的步骤。
本发明实施例还提供一种存储介质,所述存储介质存储有多条指令,所述指令适于处理器进行加载,以执行本发明实施例所提供的任一种页面检验方法中的步骤。
本发明实施例可以显示即时通讯客户端中子应用的目标页面,其中,该目标页面插入有用户操作子页面,用户操作子页面包括图像添加区域;基于用户针对图像添加区域的图像添加操作,确定目标页面对应的页面参考图像;最后在目标页面上覆盖显示页面参考图像,以便检验目标页面。
在本发明中,通过在即时通讯客户端中子应用的目标页面上显示用户操作子页面,并检测用户在用户操作子页面上添加的页面参考图像,将该页面参考图像覆盖到目标页面上,使得页面参考图像能够叠加显示到目标页面上,使得开发人员能够直接观察到目标页面和页面参考图像之间的区别,从而辅助开发人员进行子应用的落实。由此,该方案可以提升页面检验的效率。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1a是本发明实施例提供的页面检验方法的场景示意图;
图1b是本发明实施例提供的页面检验方法的流程示意图;
图1c是本发明实施例提供的页面检验显示效果示意图;
图1d是本发明实施例提供的图像添加控件显示的过程示意图;
图1e是本发明实施例提供的页面收展的过程示意图;
图2a是本发明实施例提供的页面检验方法具体的场景示意图;
图2b是本发明实施例提供的图像添加页面示意图;
图2c是本发明实施例提供的图像删除第一种过程示意图;
图2d是本发明实施例提供的图像删除第二种过程示意图;
图2e是本发明实施例提供的图像删除第三种过程示意图;
图3a是本发明实施例提供的页面检验装置的第一种结构示意图;
图3b是本发明实施例提供的页面检验装置的第二种结构示意图;
图3c是本发明实施例提供的页面检验装置的第三种结构示意图;
图4是本发明实施例提供的终端的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
本发明实施例提供一种页面检验方法、装置、终端以及存储介质。
其中,该页面检验装置具体可以集成在电子设备中,其中,该电子设备可以为手机、平板电脑、智能蓝牙设备、笔记本电脑、个人电脑(Personal Computer,PC)等终端设备。
比如,参考图1a,该终端可以为智能手机,该智能手机中可以安装有即时通讯客户端,智能手机可以显示该即时通讯客户端中子应用的目标页面,该目标页面可以插入有用户操作子页面,该用户操作子页面包括图像添加区域;基于用户针对图像添加区域的图像添加操作,确定目标页面对应的页面参考图像;在目标页面上覆盖显示页面参考图像,以便检验目标页面。
以下分别进行详细说明。需说明的是,以下实施例的序号不作为对实施例优选顺序的限定。
在本实施例中,提供了一种页面检验方法,如图1b所示,该页面检验方法的具体流程可以如下:
101、显示即时通讯客户端中子应用的目标页面,目标页面插入有用户操作子页面,用户操作子页面包括图像添加区域。
本发明实施例中的子应用为即时通信客户端上的子应用,比如,子应用可以为小程序、小游戏,等等。该子应用可以包括多个应用页面,其中包括目标页面,该目标页面可以由图像、文字、用户界面等组成。
在显示该目标页面时,目标页面可以占满子应用的显示框,也可以不占满子应用的显示框,比如,以图1a为例,目标页面没有占满子应用的显示框,该目标页面上可以插入有用户操作子页面,该用户操作子页面可以具有在在目标页面上插入、悬浮等效果,用户操作子页面中可以包括图像添加区域。
在一些实施例中,在步骤101之前,还可以包括以下步骤,来通过无感知的插件引用来采用插件在目标页面上插入用户操作子页面,使得显示即时通讯客户端中子应用的目标页面时,用户操作子页面可以在目标页面上显示,从而进一步提升页面检验的效率:
(1)对即时通讯客户端中子应用的目标页面进行插件信息解析,得到目标页面对应插件的插件信息;
(2)基于插件信息向插件数据库发送插件查询请求;
(3)当接受到插件数据库返回的插件确认回复时,从插件数据库获取插件信息对应的插件;
(4)采用插件在目标页面上插入用户操作子页面。
其中,即时通讯客户端可以作为宿主程序,来为插件(Plug-in)提供运行环境,该插件可以用于在通讯客户端中子应用的目标页面上显示用户操作子页面。
该插件的插件信息可以保存在子应用的应用程序中,当需要显示子应用的目标页面时,可以解析子应用的应用程序关于该目标页面对应的插件信息,从而得到目标页面对应插件的插件信息。
其中,插件信息可以包括插件的名称、编号、开发者信息、版本信息、插件地址等等,当解析得到目标页面对应插件的插件信息后,可以根据这些插件信息在插件数据库中查询并下载该插件。
其中,当解析得到插件信息后,可以根据插件信息生成插件查询请求,比如,插件查询请求的请求格式可以参考表1:
插件名称 | 插件版本 | 插件作者 | 插件编号 |
插件A | 1.0 | a | 0x00 |
表1
比如,通过包管理器(Package manager),例如npm(一种JavaScript包管理器)、yarn(一种JavaScript包管理器)、pip(一种Python包管理器)等,来从插件数据库中引用目标页面对应的插件。
102、基于用户针对图像添加区域的图像添加操作,确定目标页面对应的页面参考图像。
其中,用户针对图像添加区域的图像添加操作具有多种操作方式,比如,图像添加操作可以为点击、拖动、双击,等等。
其中,页面参考图像可以为用于检测目标页面的图像,该页面参考图像的图像类型可以有多种,比如可以包括静态图像、动态图像。
譬如,页面参考图像可以为目标页面的静态UI设计图、动态UI设计图,等等。
具体地,在一些实施例中,步骤102可以包括以下步骤:
(1)当检测到用户针对图像添加区域的图像添加操作时,基于图像添加操作获取候选图像的图像信息。
其中,候选图像是指候选的、可以用于检测目标页面的图像。当检测到用户针对图像添加区域的图像添加操作时,可以基于图像添加操作获取至少一张候选图像的图像信息。
其中,图像信息可以包括候选图像的地址信息、名称、编号信息、缩略图、图像标识,等等。
当检测到用户针对图像添加区域的图像添加操作时,基于图像添加操作获取候选图像的图像信息的方法具有多种,比如,在一些实施例中,当检测到用户针对图像添加区域的图像添加操作时,可以显示图像添加页面,该图像添加页面上可以显示多张图像,通过检测用户在图像添加页面上对图像的点击操作来选取候选图像。
其中,图像添加区域可以包括图像添加控件,该图像添加控件可以供用户触发显示图像添加页面,以确定候选图像。其中,控件的表现形式可以为图标、输入框、按钮等形式。
例如,参考图1c,图像添加控件可以为“+”加号按钮,当用户需要添加图像时,用户可以对该加号按钮进行操作如点击、滑动等操作,以触发显示图像添加页面。
在一些实施例中,为了提高用户体验,降低操作复杂度,在图像添加区域可以显示历史候选图像信息集中的历史候选图像的图像信息。
其中,历史候选图像信息集可以包括多张历史候选图像的图像信息,每张历史候选图像可以包括多种图像信息。
其中,历史候选图像为历史时间段进行页面检测时用户所添加的候选图像。
其中,图像信息可以为图像的名称、编号、地址、缩略图、图像标识等信息,比如,在图像添加区域可以显示历史候选图像信息集中的历史候选图像的缩略图,由此,用户每次重新进行页面检测时,图像添加区域都可以显示历史候选图像的缩略图,用户无需重复添加历史时段添加过的候选图像。
在一些实施例中,为了限制候选图像的数量,当图像添加区域包括图像添加控件时,基于图像添加操作获取候选图像的图像信息,可以包括以下步骤:
a.确定历史候选图像信息集中历史候选图像的数量;
b.当历史候选图像的数量属于预设数量范围时,在图像添加区域中显示图像添加控件;
c.当历史候选图像的数量不属于预设数量范围时,在图像添加区域中取消显示图像添加控件;
d.当检测用户针对图像添加控件的图像添加操作时,基于图像添加操作获取候选图像的图像信息。
比如,预设数量范围为[0,3],参考图1d中左侧部分,历史候选图像的数量为3属于预设数量范围时,可以在图像添加区域中显示图像添加控件“+”;参考图1d中右侧部分,当历史候选图像的数量为4不属于预设数量范围时,则在图像添加区域中取消显示图像添加控件。
在一些实施例中,当历史候选图像的数量超过预设数量范围时,可以在图像添加区域中取消显示图像添加控件,且只在图像添加区域中显示历史候选图像信息集中预设部分的历史候选图像。
譬如,预设数量范围为[0,3],当历史候选图像的数量为10超过预设数量范围时,可以在图像添加区域中取消显示图像添加控件,且只在图像添加区域中显示历史候选图像信息集中随机选取4张历史候选图像片进行显示。
(2)在图像添加区域显示候选图像的图像信息。
在一些实施例中,在图像添加区域显示候选图像的图像信息之后,可以将候选图像的图像信息加入到历史候选图像信息集中,从而完成历史候选图像信息集的更新,具体步骤如下:
(2.1)获取历史候选图像信息集;
(2.2)将候选图像的图像信息加入历史候选图像信息集,得到当前候选图像信息集;
(2.3)基于当前候选图像信息集在图像添加区域显示候选图像的图像信息。
在一些实施例中,在图像添加区域显示候选图像的图像信息之后,还可以包括如下步骤:
A.在图像添加区域中显示候选图像对应的删除控件;
B.当检测到用户针对删除控件的删除操作时,根据删除操作在候选图像中确定待删除图像;
C.在当前候选图像信息集中剔除待删除图像的图像信息,得到删除后候选图像信息集。
其中,删除控件的表现形式具有多种,比如,删除控件可以为图标、输入框、按钮等形式。譬如,参考图1c,在图像添加区域显示候选图像的缩略图时,删除控件可以表现为缩略图右上角的按钮,用户可以对该删除控件进行操作如点击、滑动等,将该缩略图对应的候选图像确定为删除图像。
在一些实施例中,步骤“在当前候选图像信息集中剔除待删除图像的图像信息,得到删除后候选图像信息集”之后,还可以基于删除后候选图像信息集中候选图像的图像标识更新显示图像添加区域。
其中,更新显示是指基于删除后候选图像信息集中候选图像的图像标识更新图像添加区域之后,再显示该更新后的图像像添加区域。
在一些实施例中,图像信息可以包括图像标识,该图像标识可以用于标识候选图像是否为页面参考图像,步骤“在当前候选图像信息集中剔除待删除图像的图像信息,得到删除后候选图像信息集”,具体可以包括如下步骤:
a.当待删除图像的图像标识为非目标标识时,在当前候选图像信息集中剔除待删除图像的图像信息,得到删除后候选图像信息集;
b.当待删除图像的图像标识为目标标识时,更新当前候选图像信息集中候选图像的图像标识,并在当前候选图像信息集中剔除待删除图像的图像信息,得到删除后候选图像信息集;
其中,图像标识可以包括目标标识和非目标标识,当待删除图像的图像标识为目标标识时,则可以表示该待删除图像是页面参考图像,当待删除图像的图像标识为非目标标识时,则可以表示该待删除图像不是页面参考图像。
在一些实施例中,步骤102之后,还可以包括如下步骤:
基于用户针对图像添加区域上图像信息的选取操作,在候选图像中确定目标页面所对应的页面参考图像;
将页面参考图像的图像标识设为目标标识。
在一些实施例中,图像信息可以包括图像编号,该图像编号指待删除图像在当前候选图像信息集中的排序编号,该排序编号的顺序由待删除图像加入当前候选图像信息集的时间决定。具体地,步骤“当待删除图像的图像标识为目标标识时,更新当前候选图像信息集中候选图像的图像标识,并在当前候选图像信息集中剔除待删除图像的图像信息,得到删除后候选图像信息集”可以包括如下步骤:
当待删除图像的图像编号为第一编号时,将当前候选图像信息集中第二编号所对应候选图像的图像标识设为目标标识;
当待删除图像的图像编号为第四编号时,将当前候选图像信息集中第三编号所对应候选图像的图像标识设为目标标识;
在当前候选图像信息集中剔除待删除图像的图像信息,得到删除后候选图像信息集。
其中,第一编号、第二编号、第三编号、第四编号具体可以由技术人员设定,也可以由用户设定。比如,在一些实施例中,第一编号指当前候选图像信息集中最小的编号,第二编号指当前候选图像信息集中第二小的编号,第四编号指当前候选图像信息集中预设数值,第三编号指当前候选图像信息集中预设数值前一数值。
其中,预设数值可以与预设数量范围有关,比如,预设数值可以为预设数量范围中的最大值。
譬如,第一编号为当前候选图像信息集中的编号“1”,第二编号为当前候选图像信息集中的编号“2”,第三编号为当前候选图像信息集中的编号“3”,第四编号为当前候选图像信息集中的编号“4”,等等。
(3)基于用户针对图像添加区域上图像信息的选取操作,在候选图像中确定目标页面所对应的页面参考图像。
比如,图像添加区域可以显示候选图像的缩略图,基于用户针对缩略图的选取操作,可以在候选图像中确定目标页面所对应的页面参考图像。
其中,选取操作的操作方式具有多种,比如,点击、拖动、摇晃,等等。
比如,用户可以通过点击图像添加区域中候选图像的缩略图,来在候选图像中确定目标页面所对应的页面参考图像。
在一些实施例中,检测到用户点击了该候选图像的缩略图后,可以将该缩略图对应的候选图像的图像标识更改为目标标识,从而将该候选图像确定为页面参考图像。
103、在目标页面上覆盖显示页面参考图像,以便检验目标页面。
其中,覆盖显示是指将页面参考图像与目标页面层叠,且使得页面参考图像处于目标页面上方之后,再对目标页面和页面参考图像进行显示。
具体的,步骤103可以包括以下步骤:
(1)通过图像参数接口获取页面参考图像的原始图像参数;
(2)在用户操作子页面上显示页面参考图像的原始图像参数;
(3)通过用户针对用户操作子页面上原始图像参数的修改操作,得到页面参考图像的修改后图像参数;
(4)基于修改后图像参数在目标页面上覆盖显示页面参考图像。
在一些实施例中,得到页面参考图像的修改后图像参数之后,可以将修改后图像参数保存到参数缓存区中,在下一次进行页面检测时,可以通过图像参数接口从参数缓存区中读取修改后图像参数,作为页面参考图像的原始图像参数。,从而减少页面检测的操作量,提高用户体验。
其中,原始图像参数是指页面参考图像初始时的图像参数,图像参数可以包括图像尺寸、图像分辨率、图像颜色、图像透明度、图像位置等参数。
在一些实施例中,图像参数包括透明度参数和颜色参数,用户操作子页面包括透明度控件和颜色控件,其中,颜色控件可以包括反色控件,比如,参考图1c,反色控件可以为反色按钮,透明度控件可以为拖动条,步骤“通过用户针对用户操作子页面上原始图像参数的修改操作,得到页面参考图像的修改后图像参数”可以包括如下步骤:
通过用户针对透明度控件的修改操作,得到页面参考图像的修改后透明度参数;
通过用户针对颜色控件的修改操作,得到页面参考图像的修改后颜色参数。
其中,反色是指颜色相反,即通过颜色修改将颜色进行反转。
在一些实施例中,图像参数可以包括位置参数,用户操作子页面包括位置控件,步骤“通过用户针对用户操作子页面上原始图像参数的修改操作,得到页面参考图像的修改后图像参数”可以包括如下步骤:
通过用户针对位置控件的修改操作,得到页面参考图像的修改后位置参数;
基于修改后图像参数在目标页面上覆盖显示页面参考图像之后,还包括:
通过用户针对目标页面上页面参考图像的拖动操作,得到页面参考图像的修改后位置参数。
具体地,“通过用户针对目标页面上页面参考图像的拖动操作,得到页面参考图像的修改后位置参数”可以包括如下步骤:
A.获取页面参考图像的位置状态;
B.当页面参考图像的位置状态为非锁定状态时,通过用户针对目标页面上页面参考图像的拖动操作,得到页面参考图像的修改后位置参数。
其中,位置状态可以包括锁定状态和非锁定状态,由此,当页面参考图像的位置状态为非锁定状态时,用户可以拖动页面参考图像,当页面参考图像的位置状态为锁定状态时,用户无法拖动页面参考图像,从而保证了用户进行页面测试时操作的精度,减少误触。
在一些实施例中,为了限制拖动范围,在进行步骤B之后,还可以进行如下步骤:
a.获取页面参考图像的最大拖动参数;
b.当修改后位置参数超过最大拖动参数时,将修改后位置参数更新为最大拖动参数。
其中,最大拖动参数是用于控制用户拖动参考图像时最大拖动范围的参数,可以由技术人员设置,也可以由用户设置。由此,当用户拖动范围超过最大拖动参数时,页面参考图像不再移动,从而降低页面参考图像离开屏幕显示范围时用户难以再对页面参考图像进行拖动操作。
其中,用户操作子页面可以包括锁定控件,在步骤103之前,还可以包括如下步骤:
基于用户针对锁定控件的图像锁定操作,修改页面参考图像的位置状态。
其中,参考图1c,锁定控件可以为锁形按钮,当用户触发该锁型按钮时,可以切换页面参考图像的位置状态。
在一些实施例中,当修改页面参考图像的位置状态为锁定状态时,该锁型按钮可以高亮,当修改页面参考图像的位置状态为非锁定状态时,该锁型按钮可以低亮。
在一些实施例中,为了方便用户进行页面对比,用户操作子页面可以包括显示控件,参考图1c,该显示控件可以为眼形按钮,当用户触发该眼型按钮时,可以切换页面参考图像的显示状态,当页面参考图像的显示状态为可显示状态时,在目标页面上覆盖显示页面参考图像;当页面参考图像的显示状态为不显示状态时,在目标页面上取消页面参考图像的显示。
除此之外,在一些实施例中,为了方便用户进行页面对比,防止用户操作子页面过大遮盖目标页面与页面参考图像,参考图1c,在用户操作子页面上还可以包括页面收展控件,当检测到用户点击该页面收展控件时,可以切换显示用户操作子页面的展示形态。
比如,参考图1e,当用户操作子页面的展示形态为全展示形态时,用户点击该页面收展控件后,可以收起用户操作子页面的部分页面,只保留页面收展控件,以及显示控件、锁定控件、反色控件。
需要注意的是,本发明可以用于虚拟机,也可以用于真机。
由上可知,本发明实施例可以显示即时通讯客户端中子应用的目标页面,目标页面插入有用户操作子页面,用户操作子页面包括图像添加区域;基于用户针对图像添加区域的图像添加操作,确定目标页面对应的页面参考图像;在目标页面上覆盖显示页面参考图像,以便检验目标页面。
由此,本方案可以提升页面检验的效率。
根据上述实施例所描述的方法,以下将作进一步详细说明。
在本实施例中,将以页面检验具体应用于第三方小程序页面的UI检验中,页面参考图像为UI设计稿为例,对本发明实施例的方法进行详细说明。
如图2a所示场景,一种页面检验方法具体流程如下:
(一)通过npm获取即时通讯客户端小程序的目标页面对应的插件。
在本实施例中,小程序页面的程序代码中可以由技术人员提前对插件信息进行申明,当开始显示即时通讯客户端小程序的目标页面时,可以解析该目标页面中的插件信息,并通过npm下载该插件,从而调用该插件。
其中,该插件信息可以是对一组接口(比如,JavaScript接口)、自定义组件或页面的封装,用于嵌入到小程序中使用。
其中,通过npm获取即时通讯客户端小程序的目标页面对应的插件可以包括以下步骤:
a.对即时通讯客户端中子应用的目标页面进行插件信息解析,得到目标页面对应插件的插件信息;
b.基于插件信息向npm服务器发送插件查询请求;
c.当接受到npm服务器返回的插件确认回复时,从npm服务器获取插件信息对应的插件;
d.采用插件在目标页面上插入用户操作子页面。
具体地,基于插件信息向npm服务器发送插件查询请求可以包括以下步骤:
a.检查该插件依赖的所有基础插件,得到基础插件的插件信息;
b.根据插件和基础插件的插件信息生成插件查询请求。
其中,插件查询请求的请求格式可以参考表2,在表2中插件A的插件类型为1,指插件A为即时通讯客户端小程序的目标页面对应的插件,插件B的插件类型为0,指插件B为插件A的基础插件。
插件类型 | 插件名称 | 插件版本 | 插件作者 | 插件编号 |
1 | 插件A | 1.0 | a | 0x00 |
0 | 插件B | 2.0 | b | 0x05 |
0 | 插件C | 1.0 | c | 0x11 |
表2
(二)采用插件显示即时通讯客户端小程序的目标页面,目标页面插入有用户操作子页面,用户操作子页面包括图像添加区域。
具体步骤可以参考步骤101,在此不做赘述。
(三)基于用户针对图像添加区域的图像添加操作,确定目标页面对应的页面参考图像。
其中,参考图2a,图像添加区域可以包括图像添加控件“+”,当用户点击该图像添加控件时,参考图2b,可以跳转显示图像添加页面,该图像添加页面可以显示本地内存中预设文件夹中的图像缩略图,用户可以通过点击这些图像的缩略图来添加候选图像。
当用户添加了候选图像后,候选图像可以保存在候选图像集中,图像添加区域可以显示候选图像集中所有候选图像的缩略图,每个缩略图右上角都显示有删除控件,当用户点击缩略图时,可以将该缩略图对应的候选图像作为页面参考图像。
在显示候选图像集中所有候选图像的缩略图时,可以根据候选图像的图像标识进行显示,比如,当候选图像的图像标识为目标标识时,高亮显示候选图像的缩略图。
当用户点击缩略图时,可以将用户所点击缩略图对应的候选图像的图像标识设置为目标标识,并将其它候选图像的图像标识全部设置为非目标标识。
比如,参考图2c,图片1的图像标识为目标标识,此时,可以高亮显示图片1的缩略图。当用户删除图片2时,图片1依旧高亮。
参考图2d,由于图片1的图像标识为目标标识,当用户删除图片1时,需要将图片1下一图片的图像标识设为目标标识,即图片2高亮,图片1被删除。
参考图2e,由于图片4的图像标识为目标标识,当用户删除图片4时,需要将图片4上一图片的图像标识设为目标标识,即图片3高亮,图片4被删除。
具体步骤可以参考步骤102,在此不做赘述。
(四)在用户操作子页面上显示页面参考图像的原始图像参数,并通过用户针对用户操作子页面上原始图像参数的修改操作,得到页面参考图像的修改后图像参数。
参考图2a,原始图像参数可以包括透明度、反色、位置等参数,用户操作子页面上可以包括透明度控件、反色控件、位置控件,等等。
具体步骤可以参考步骤102,在此不做赘述。
(五)根据修改后图像参数在目标页面上覆盖显示页面参考图像,以便检验目标页面。
在本实施例中,可以禁用接收目标页面的用户操作事件,使得目标页面无法被用户操作,同时,在开启接收用户操作子页面以及页面参考图像的用户操作事件,使得用户可以点击、拖动用户操作子页面和页面参考图像。
用户操作子页面可以包括锁定控件,当用户点击锁定控件使得页面参考图像处于锁定状态时,可以禁用页面参考图像的用户操作事件,使得页面参考图像无法被用户操作,从而降低误触概率,进一步提高页面检测效率。
具体步骤可以参考步骤103,在此不做赘述。
由上可知,本发明实施例可以通过npm获取即时通讯客户端小程序的目标页面对应的插件;采用插件显示即时通讯客户端小程序的目标页面,目标页面插入有用户操作子页面,用户操作子页面包括图像添加区域;基于用户针对图像添加区域的图像添加操作,确定目标页面对应的页面参考图像;在用户操作子页面上显示页面参考图像的原始图像参数,并通过用户针对用户操作子页面上原始图像参数的修改操作,得到页面参考图像的修改后图像参数;根据修改后图像参数在目标页面上覆盖显示页面参考图像,以便检验目标页面。
由此,本发明通过在即时通讯客户端中子应用的目标页面上显示用户操作子页面,并检测用户在用户操作子页面上添加的页面参考图像,将该页面参考图像覆盖到目标页面上,使得页面参考图像能够叠加显示到目标页面上,且用户可以随意调整页面参考图像的图像参数,使得用户能够直接观察到目标页面和页面参考图像之间明确的区别,从而辅助开发人员进行子应用的落实。由此,该方案可以提升页面检验的效率。
为了更好地实施以上方法,本发明实施例还提供一种页面检验装置,该页面检验装置具体可以集成在电子设备中。比如,该页面检验装置具体可以集成在终端中。其中,终端可以为手机、平板电脑、智能蓝牙设备、笔记本电脑、个人电脑等设备。
比如,在本实施例中,将以页面检验装置具体集成在智能手机,且该智能手机中安装了即时通讯客户端为例,对本发明实施例的方法进行详细说明。
例如,如图3a所示,该页面检验装置可以包括显示单元301、添加单元302以及覆盖单元303如下:
(一)显示单元301:
显示单元301,用于显示即时通讯客户端中子应用的目标页面,目标页面插入有用户操作子页面,用户操作子页面包括图像添加区域。
在一些实施例中,显示单元301在显示即时通讯客户端中子应用的目标页面之前,还可以用于:
对即时通讯客户端中子应用的目标页面进行插件信息解析,得到目标页面对应插件的插件信息;
基于插件信息向插件数据库发送插件查询请求;
当接受到插件数据库返回的插件确认回复时,从插件数据库获取插件信息对应的插件;
采用插件在目标页面上插入用户操作子页面。
(二)添加单元302:
添加单元302,用于基于用户针对图像添加区域的图像添加操作,确定目标页面对应的页面参考图像。
在一些实施例中,如图3b所示,添加单元302可以包括添加子单元3021、候选子单元3022以及选取子单元3023,如下:
(1)添加子单元3021:
添加子单元3021,用于当检测到用户针对图像添加区域的图像添加操作时,基于图像添加操作获取候选图像的图像信息。
在一些实施例中,添加子单元3021具体可以用于:
确定历史候选图像信息集中历史候选图像的数量;
当历史候选图像的数量属于预设数量范围时,在图像添加区域中显示图像添加控件;
当历史候选图像的数量不属于预设数量范围时,在图像添加区域中取消显示图像添加控件;
当检测用户针对图像添加控件的图像添加操作时,基于图像添加操作获取候选图像的图像信息。
(2)候选子单元3022:
候选子单元3022,用于在图像添加区域显示候选图像的图像信息。
其中,候选子单元3022可以包括历史子模块、当前子模块以及候选子模块,如下:
1.历史子模块:
历史子模块,用于获取历史候选图像信息集,历史候选图像信息集包括历史候选图像的图像信息。
2.当前子模块:
当前子模块,用于将候选图像的图像信息加入历史候选图像信息集,得到当前候选图像信息集。
3.候选子模块:
候选子模块,用于基于当前候选图像信息集在图像添加区域显示候选图像的图像信息。
在一些实施例中,候选子模块在基于当前候选图像信息集在图像添加区域显示候选图像的图像信息之后,还可以用于:
A.在图像添加区域中显示候选图像对应的删除控件;
B.当检测到用户针对删除控件的删除操作时,根据删除操作在候选图像中确定待删除图像;
C.在当前候选图像信息集中剔除待删除图像的图像信息,得到删除后候选图像信息集。
具体地,在一些实施例中,图像信息包括图像标识,在步骤C的过程中,候选子模块具体可以用于:
a.当待删除图像的图像标识为非目标标识时,在当前候选图像信息集中剔除待删除图像的图像信息,得到删除后候选图像信息集;
b.当待删除图像的图像标识为目标标识时,更新当前候选图像信息集中候选图像的图像标识,并在当前候选图像信息集中剔除待删除图像的图像信息,得到删除后候选图像信息集;
其中,在一些实施例中,图像信息包括图像编号,步骤b具体可以包括以下内容:
当待删除图像的图像编号为第一编号时,将当前候选图像信息集中第二编号所对应候选图像的图像标识设为目标标识;
当待删除图像的图像编号为第四编号时,将当前候选图像信息集中第三编号所对应候选图像的图像标识设为目标标识;
在当前候选图像信息集中剔除待删除图像的图像信息,得到删除后候选图像信息集。
在一些实施例中,在当前候选图像信息集中剔除待删除图像的图像信息,得到删除后候选图像信息集之后,还可以基于删除后候选图像信息集中候选图像的图像标识更新显示图像添加区域。
此时,在一些实施例中,添加单元302还可以用于:
基于用户针对图像添加区域上图像信息的选取操作,在候选图像中确定目标页面所对应的页面参考图像;
将页面参考图像的图像标识设为目标标识。
(3)选取子单元3023:
选取子单元3023,用于基于用户针对图像添加区域上图像信息的选取操作,在候选图像中确定目标页面所对应的页面参考图像。
(三)覆盖单元303:
覆盖单元303,用于在目标页面上覆盖显示页面参考图像,以便检验目标页面。
在一些实施例中,如图3c,覆盖单元303可以包括参数子单元3031、原始子单元3032以及修改子单元3033,如下:
(1)参数子单元3031:
参数子单元3031,用于通过图像参数接口获取页面参考图像的原始图像参数;
(2)原始子单元3032:
原始子单元3032,用于在用户操作子页面上显示页面参考图像的原始图像参数;
(3)修改子单元3033:
修改子单元3033,用于通过用户针对用户操作子页面上原始图像参数的修改操作,得到页面参考图像的修改后图像参数;
在一些实施例中,修改子单元3033在用于通过用户针对用户操作子页面上原始图像参数的修改操作,得到页面参考图像的修改后图像参数之后,还可以将修改后图像参数保存到参数缓存区中。
此时,在一些实施例中,通过图像参数接口获取页面参考图像的原始图像参数,可以包括如下内容:
1.通过图像参数接口从参数缓存区中读取修改后图像参数,作为页面参考图像的原始图像参数;
2.基于修改后图像参数在目标页面上覆盖显示页面参考图像,以便检验目标页面。
在一些实施例中,图像参数包括透明度参数和颜色参数,用户操作子页面包括透明度控件和颜色控件,通过图像参数接口从参数缓存区中读取修改后图像参数,作为页面参考图像的原始图像参数具体可以用于:
A.通过用户针对透明度控件的修改操作,得到页面参考图像的修改后透明度参数;
B.通过用户针对颜色控件的修改操作,得到页面参考图像的修改后颜色参数。
在另一些实施例中,图像参数包括位置参数,用户操作子页面包括位置控件,通过图像参数接口从参数缓存区中读取修改后图像参数,作为页面参考图像的原始图像参数具体可以用于通过用户针对位置控件的修改操作,得到页面参考图像的修改后位置参数;
在一些实施例中,基于修改后图像参数在目标页面上覆盖显示页面参考图像之后,还可以通过用户针对目标页面上页面参考图像的拖动操作,得到页面参考图像的修改后位置参数。
具体地,通过用户针对目标页面上页面参考图像的拖动操作,得到页面参考图像的修改后位置参数可以包括如下具体内容:
a.获取页面参考图像的位置状态。
b.当页面参考图像的位置状态为非锁定状态时,通过用户针对目标页面上页面参考图像的拖动操作,得到页面参考图像的修改后位置参数。
在一些实施例中,通过用户针对目标页面上页面参考图像的拖动操作,得到页面参考图像的修改后位置参数之后,还可以包括以下内容:
获取页面参考图像的最大拖动参数;
当修改后位置参数超过最大拖动参数时,将修改后位置参数更新为最大拖动参数。
此时,在一些实施例中,用户操作子页面包括锁定控件,覆盖单元303用于在目标页面上覆盖显示页面参考图像之前,还可以用于:基于用户针对锁定控件的图像锁定操作,修改页面参考图像的位置状态。
在一些实施例中,覆盖单元303具体可以用于:
获取页面参考图像的显示状态;
当页面参考图像的显示状态为可显示状态时,在目标页面上覆盖显示页面参考图像;
当页面参考图像的显示状态为不显示状态时,在目标页面上取消页面参考图像的显示。
在一些实施例中,覆盖单元303在目标页面上覆盖显示页面参考图像之前,还可以用于基于用户针对显示控件的图像显示操作,修改页面参考图像的显示状态。
具体实施时,以上各个单元可以作为独立的实体来实现,也可以进行任意组合,作为同一或若干个实体来实现,以上各个单元的具体实施可参见前面的方法实施例,在此不再赘述。
由上可知,本实施例的页面检验装置由显示单元显示即时通讯客户端中子应用的目标页面,目标页面插入有用户操作子页面,用户操作子页面包括图像添加区域;由添加单元基于用户针对图像添加区域的图像添加操作,确定目标页面对应的页面参考图像;由覆盖单元在目标页面上覆盖显示页面参考图像,以便检验目标页面。
由于该方案可以在即时通讯客户端中子应用的目标页面上覆盖显示页面参考图像,来辅助开发人员检验目标页面。由此,该方案可以提升页面检验的效率。
本发明实施例还提供一种终端,该终端可以为智能手机、平板电脑、智能蓝牙设备、笔记本电脑、个人电脑等设备。
在本实施例中,将以本实施例的终端是智能手机为例进行详细描述,比如,如图4所示,其示出了本发明实施例所涉及的终端的结构示意图,具体来讲:
该终端可以包括一个或者一个以上处理核心的处理器401、一个或一个以上计算机可读存储介质的存储器402、电源403、输入模块404以及通信模块405等部件。本领域技术人员可以理解,图4中示出的终端结构并不构成对终端的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。其中:
处理器401是该终端的控制中心,利用各种接口和线路连接整个终端的各个部分,通过运行或执行存储在存储器402内的软件程序和/或模块,以及调用存储在存储器402内的数据,执行终端的各种功能和处理数据,从而对终端进行整体监控。在一些实施例中,处理器401可包括一个或多个处理核心;在一些实施例中,处理器401可集成应用处理器和调制解调处理器,其中,应用处理器主要处理操作系统、用户界面和应用程序等,调制解调处理器主要处理无线通信。可以理解的是,上述调制解调处理器也可以不集成到处理器401中。
存储器402可用于存储软件程序以及模块,处理器401通过运行存储在存储器402的软件程序以及模块,从而执行各种功能应用以及数据处理。存储器402可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等;存储数据区可存储根据终端的使用所创建的数据等。此外,存储器402可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地,存储器402还可以包括存储器控制器,以提供处理器401对存储器402的访问。
终端还包括给各个部件供电的电源403,在一些实施例中,电源403可以通过电源管理系统与处理器401逻辑相连,从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源403还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。
该终端还可包括输入模块404,该输入模块404可用于接收输入的数字或字符信息,以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。
该终端还可包括通信模块405,在一些实施例中通信模块405可以包括无线模块,终端可以通过该通信模块405的无线模块进行短距离无线传输,从而为用户提供了无线的宽带互联网访问。比如,该通信模块405可以用于帮助用户收发电子邮件、浏览网页和访问流式媒体等。
尽管未示出,终端还可以包括显示单元等,在此不再赘述。具体在本实施例中,终端中的处理器401会按照如下的指令,将一个或一个以上的应用程序的进程对应的可执行文件加载到存储器402中,并由处理器401来运行存储在存储器402中的应用程序,从而实现各种功能,如下:
显示即时通讯客户端中子应用的目标页面,目标页面插入有用户操作子页面,用户操作子页面包括图像添加区域;
基于用户针对图像添加区域的图像添加操作,确定目标页面对应的页面参考图像;
在目标页面上覆盖显示页面参考图像,以便检验目标页面。
以上各个操作的具体实施可参见前面的实施例,在此不再赘述。
由上可知,本发明实施例可以显示即时通讯客户端中子应用的目标页面,目标页面插入有用户操作子页面,用户操作子页面包括图像添加区域;基于用户针对图像添加区域的图像添加操作,确定目标页面对应的页面参考图像;在目标页面上覆盖显示页面参考图像,以便检验目标页面。在本发明实施例中,通过在即时通讯客户端中子应用的目标页面上覆盖显示页面参考图像,来辅助开发人员检验目标页面。由此,该方案可以提升页面检验的效率。
本领域普通技术人员可以理解,上述实施例的各种方法中的全部或部分步骤可以通过指令来完成,或通过指令控制相关的硬件来完成,该指令可以存储于一计算机可读存储介质中,并由处理器进行加载和执行。
为此,本发明实施例提供一种存储介质,其中存储有多条指令,该指令能够被处理器进行加载,以执行本发明实施例所提供的任一种页面检验方法中的步骤。例如,该指令可以执行如下步骤:
显示即时通讯客户端中子应用的目标页面,目标页面插入有用户操作子页面,用户操作子页面包括图像添加区域;
基于用户针对图像添加区域的图像添加操作,确定目标页面对应的页面参考图像;
在目标页面上覆盖显示页面参考图像,以便检验目标页面。
其中,该存储介质可以包括:只读存储器(ROM,Read Only Memory)、随机存取记忆体(RAM,Random Access Memory)、磁盘或光盘等。
由于该存储介质中所存储的指令,可以执行本发明实施例所提供的任一种页面检验方法中的步骤,因此,可以实现本发明实施例所提供的任一种页面检验方法所能实现的有益效果,详见前面的实施例,在此不再赘述。
以上对本发明实施例所提供的一种页面检验方法、装置、终端以及存储介质进行了详细介绍,本文中应用了具体个例对本发明的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本发明的方法及其核心思想;同时,对于本领域的技术人员,依据本发明的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本发明的限制。
Claims (15)
1.一种页面检验方法,其特征在于,包括:
显示即时通讯客户端中子应用的目标页面,所述目标页面插入有用户操作子页面,所述用户操作子页面包括图像添加区域;
基于用户针对图像添加区域的图像添加操作,确定目标页面对应的页面参考图像;
在目标页面上覆盖显示所述页面参考图像,以便检验目标页面;
所述基于用户针对图像添加区域的图像添加操作,确定目标页面对应的页面参考图像,包括:
当检测到用户针对图像添加区域的图像添加操作时,基于所述图像添加操作获取候选图像的图像信息;
在图像添加区域显示所述候选图像的图像信息;
基于用户针对图像添加区域上所述图像信息的选取操作,在所述候选图像中确定目标页面所对应的页面参考图像;
所述当检测到用户针对图像添加区域的图像添加操作时,基于所述图像添加操作获取候选图像的图像信息,包括:
确定历史候选图像信息集中历史候选图像的数量;
当所述历史候选图像的数量属于预设数量范围时,在所述图像添加区域中显示图像添加控件;
当所述历史候选图像的数量不属于预设数量范围时,在所述图像添加区域中取消显示图像添加控件;
当检测用户针对所述图像添加控件的图像添加操作时,基于所述图像添加操作获取候选图像的图像信息。
2.如权利要求1所述的页面检验方法,其特征在于,在图像添加区域显示所述候选图像的图像信息,包括:
获取历史候选图像信息集,所述历史候选图像信息集包括历史候选图像的图像信息;
将所述候选图像的图像信息加入历史候选图像信息集,得到当前候选图像信息集;
基于所述当前候选图像信息集在图像添加区域显示所述候选图像的图像信息。
3.如权利要求2所述的页面检验方法,其特征在于,基于所述当前候选图像信息集在图像添加区域显示所述候选图像的图像信息之后,还包括:
在图像添加区域中显示所述候选图像对应的删除控件;
当检测到用户针对所述删除控件的删除操作时,根据所述删除操作在候选图像中确定待删除图像;
在所述当前候选图像信息集中剔除所述待删除图像的图像信息,得到删除后候选图像信息集。
4.如权利要求3所述的页面检验方法,其特征在于,所述图像信息包括图像标识,在所述当前候选图像信息集中剔除所述待删除图像的图像信息,得到删除后候选图像信息集,包括:
当所述待删除图像的图像标识为非目标标识时,在所述当前候选图像信息集中剔除所述待删除图像的图像信息,得到删除后候选图像信息集;
当所述待删除图像的图像标识为目标标识时,更新所述当前候选图像信息集中候选图像的图像标识,并在所述当前候选图像信息集中剔除所述待删除图像的图像信息,得到删除后候选图像信息集;
在所述当前候选图像信息集中剔除所述待删除图像的图像信息,得到删除后候选图像信息集之后,还包括:
基于所述删除后候选图像信息集中候选图像的图像标识更新显示图像添加区域。
5.如权利要求4所述的页面检验方法,其特征在于,所述图像信息包括图像编号,更新所述当前候选图像信息集中候选图像的图像标识,并在所述当前候选图像信息集中剔除所述待删除图像的图像信息,得到删除后候选图像信息集,包括:
当所述待删除图像的图像编号为第一编号时,将所述当前候选图像信息集中第二编号所对应候选图像的图像标识设为目标标识;
当所述待删除图像的图像编号为第四编号时,将所述当前候选图像信息集中第三编号所对应候选图像的图像标识设为目标标识;
在所述当前候选图像信息集中剔除所述待删除图像的图像信息,得到删除后候选图像信息集;
所述基于用户针对图像添加区域上所述图像信息的选取操作,在所述候选图像中确定目标页面所对应的页面参考图像之后,还包括:
所述基于用户针对图像添加区域上所述图像信息的选取操作,在所述候选图像中确定目标页面所对应的页面参考图像;
将所述页面参考图像的图像标识设为目标标识。
6.如权利要求1所述的页面检验方法,其特征在于,在目标页面上覆盖显示所述页面参考图像,以便检验目标页面,包括:
通过图像参数接口获取所述页面参考图像的原始图像参数;
在所述用户操作子页面上显示所述页面参考图像的原始图像参数;
通过用户针对所述用户操作子页面上所述原始图像参数的修改操作,得到所述页面参考图像的修改后图像参数;
基于所述修改后图像参数在目标页面上覆盖显示所述页面参考图像,以便检验目标页面。
7.如权利要求6所述的页面检验方法,其特征在于,所述通过用户针对所述用户操作子页面上所述原始图像参数的修改操作,得到所述页面参考图像的修改后图像参数之后,还包括:
将所述修改后图像参数保存到参数缓存区中;
所述通过图像参数接口获取所述页面参考图像的原始图像参数,包括:
通过图像参数接口从参数缓存区中读取所述修改后图像参数,作为所述页面参考图像的原始图像参数。
8.如权利要求6所述的页面检验方法,其特征在于,所述图像参数包括透明度参数和颜色参数,所述用户操作子页面包括透明度控件和颜色控件;
通过用户针对所述用户操作子页面上所述原始图像参数的修改操作,得到所述页面参考图像的修改后图像参数,包括:
通过用户针对所述透明度控件的修改操作,得到所述页面参考图像的修改后透明度参数;
通过用户针对所述颜色控件的修改操作,得到所述页面参考图像的修改后颜色参数。
9.如权利要求6所述的页面检验方法,其特征在于,所述图像参数包括位置参数,所述用户操作子页面包括位置控件;
通过用户针对所述用户操作子页面上所述原始图像参数的修改操作,得到所述页面参考图像的修改后图像参数,包括:
通过用户针对所述位置控件的修改操作,得到所述页面参考图像的修改后位置参数;
所述基于所述修改后图像参数在目标页面上覆盖显示所述页面参考图像之后,还包括:
通过用户针对所述目标页面上页面参考图像的拖动操作,得到所述页面参考图像的修改后位置参数。
10.如权利要求9所述的页面检验方法,其特征在于,通过用户针对所述目标页面上页面参考图像的拖动操作,得到所述页面参考图像的修改后位置参数,包括:
获取所述页面参考图像的位置状态;
当所述页面参考图像的位置状态为非锁定状态时,通过用户针对所述目标页面上页面参考图像的拖动操作,得到所述页面参考图像的修改后位置参数;
所述用户操作子页面包括锁定控件,在目标页面上覆盖显示所述页面参考图像之前,还包括:
基于用户针对所述锁定控件的图像锁定操作,修改所述页面参考图像的位置状态。
11.如权利要求10所述的页面检验方法,其特征在于,当所述页面参考图像的位置状态为非锁定状态时,通过用户针对所述目标页面上页面参考图像的拖动操作,得到所述页面参考图像的修改后位置参数之后,还包括:
获取所述页面参考图像的最大拖动参数;
当所述修改后位置参数超过所述最大拖动参数时,将所述修改后位置参数更新为最大拖动参数。
12.如权利要求1所述的页面检验方法,其特征在于,显示即时通讯客户端中子应用的目标页面之前,还包括:
对所述即时通讯客户端中子应用的目标页面进行插件信息解析,得到所述目标页面对应插件的插件信息;
基于所述插件信息向插件数据库发送插件查询请求;
当接受到所述插件数据库返回的插件确认回复时,从所述插件数据库获取所述插件信息对应的插件;
采用所述插件在所述目标页面上插入用户操作子页面。
13.如权利要求1所述的页面检验方法,其特征在于,所述用户操作子页面包括显示控件,所述在目标页面上覆盖显示所述页面参考图像,包括:
获取所述页面参考图像的显示状态;
当所述页面参考图像的显示状态为可显示状态时,在目标页面上覆盖显示所述页面参考图像;
当所述页面参考图像的显示状态为不显示状态时,在目标页面上取消所述页面参考图像的显示;
所述在目标页面上覆盖显示所述页面参考图像之前,还包括:
基于用户针对所述显示控件的图像显示操作,修改所述页面参考图像的显示状态。
14.一种终端,其特征在于,包括处理器和存储器,所述存储器存储有多条指令;所述处理器从所述存储器中加载指令,以执行如权利要求1~13任一项所述的页面检验方法中的步骤。
15.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有多条指令,所述指令适于处理器进行加载,以执行权利要求1~13任一项所述的页面检验方法中的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910753297.1A CN112395028B (zh) | 2019-08-15 | 2019-08-15 | 页面检验方法、装置、终端以及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910753297.1A CN112395028B (zh) | 2019-08-15 | 2019-08-15 | 页面检验方法、装置、终端以及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112395028A CN112395028A (zh) | 2021-02-23 |
CN112395028B true CN112395028B (zh) | 2024-04-30 |
Family
ID=74601556
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910753297.1A Active CN112395028B (zh) | 2019-08-15 | 2019-08-15 | 页面检验方法、装置、终端以及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112395028B (zh) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115766845A (zh) * | 2022-11-21 | 2023-03-07 | 中国联合网络通信集团有限公司 | 一种图像更新的处理方法、装置及存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101986300A (zh) * | 2010-10-28 | 2011-03-16 | 浙江大学 | 基于布局动态调整的移动Widget跨平台实现方法 |
CN105740364A (zh) * | 2016-01-26 | 2016-07-06 | 腾讯科技(深圳)有限公司 | 页面处理方法及相关装置 |
CN105955888A (zh) * | 2016-05-04 | 2016-09-21 | 腾讯科技(深圳)有限公司 | 一种页面调试预览方法及系统 |
CN106713689A (zh) * | 2015-11-13 | 2017-05-24 | 北京奇虎科技有限公司 | 一种图片上传方法和装置 |
-
2019
- 2019-08-15 CN CN201910753297.1A patent/CN112395028B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101986300A (zh) * | 2010-10-28 | 2011-03-16 | 浙江大学 | 基于布局动态调整的移动Widget跨平台实现方法 |
CN106713689A (zh) * | 2015-11-13 | 2017-05-24 | 北京奇虎科技有限公司 | 一种图片上传方法和装置 |
CN105740364A (zh) * | 2016-01-26 | 2016-07-06 | 腾讯科技(深圳)有限公司 | 页面处理方法及相关装置 |
CN105955888A (zh) * | 2016-05-04 | 2016-09-21 | 腾讯科技(深圳)有限公司 | 一种页面调试预览方法及系统 |
Also Published As
Publication number | Publication date |
---|---|
CN112395028A (zh) | 2021-02-23 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9535651B2 (en) | Co-browsing systems and methods | |
EP2871569A1 (en) | Method and device for user interface management | |
CN104268229B (zh) | 一种基于多进程浏览器的资源获得方法及装置 | |
CN108304234B (zh) | 一种页面展示方法及装置 | |
CN111324535B (zh) | 一种控件异常检测方法、装置和计算机设备 | |
CN112399006B (zh) | 文件发送方法、装置及电子设备 | |
CN110489312A (zh) | 用于控件触发数据采集的数据关联方法和装置 | |
CN107391914B (zh) | 一种参数显示方法、装置及设备 | |
CN110471700B (zh) | 图形处理方法、装置、存储介质及电子设备 | |
US9565259B2 (en) | Method and apparatus for outputting recognizable identifier | |
CN112395028B (zh) | 页面检验方法、装置、终端以及存储介质 | |
CN115048104A (zh) | 基于语法树的代码生成方法及其装置、电子设备 | |
US9736323B2 (en) | Method of using address book of image forming apparatus on web browser and image forming apparatus for performing the same | |
CN108345683A (zh) | 网页显示方法、装置、终端及存储介质 | |
CN112632917B (zh) | 在线文档处理方法、装置、电子设备以及存储介质 | |
CN112835859A (zh) | 信息分享方法、装置和电子设备 | |
WO2022156817A1 (zh) | 内容提取方法、装置 | |
CN115756466A (zh) | 视图检查方法及装置、电子设备及存储介质 | |
CN110908570B (zh) | 图像处理方法、装置、终端及存储介质 | |
CN111796736B (zh) | 应用程序的分享方法、装置和电子设备 | |
CN111796733B (zh) | 图像显示方法、图像显示装置和电子设备 | |
CN114138395A (zh) | 应用管理方法、装置和电子设备 | |
CN110955473B (zh) | 显示加载提示信息的方法及装置 | |
CN112286613A (zh) | 界面显示方法及界面显示装置 | |
CN114327176B (zh) | 页面元素查询方法、装置、电子设备和存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
REG | Reference to a national code |
Ref country code: HK Ref legal event code: DE Ref document number: 40038326 Country of ref document: HK |
|
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |