CN104636255A - 网页应用的显示效果测试方法及装置 - Google Patents
网页应用的显示效果测试方法及装置 Download PDFInfo
- Publication number
- CN104636255A CN104636255A CN201510082215.7A CN201510082215A CN104636255A CN 104636255 A CN104636255 A CN 104636255A CN 201510082215 A CN201510082215 A CN 201510082215A CN 104636255 A CN104636255 A CN 104636255A
- Authority
- CN
- China
- Prior art keywords
- mobile terminal
- model
- display effect
- test page
- browsing device
- 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
Links
Landscapes
- Telephone Function (AREA)
Abstract
本发明公开了一种网页应用的显示效果测试方法及装置,属于计算机技术领域。所述方法包括:获取待测试的网页应用的测试页面;在预设浏览器模型上加载测试页面;根据测试页面在预设浏览器模型中的显示界面确定测试页面的显示效果得分;根据显示效果得分确定网页应用是否在预设浏览器模型所对应移动终端上正常显示。本发明通过预设浏览器模型可以加载测试页面,从而无需通过移动终端上的浏览器加载测试页面,也就无需通过实体移动终端实现,使得测试成本比较低。由于测试过程无需人工参与,不仅测试成本较低,而且测试效率较高。由于预设浏览器模型进行网页应用的显示效果测试,使得测试过程不受限于所购买的移动终端的型号,使得测试方式更加灵活。
Description
技术领域
本发明涉及计算机技术领域,特别涉及一种网页应用的显示效果测试方法及装置。
背景技术
目前,移动终端通过WAP(Wireless Application Protocol,无线应用协议)可以访问各种网页应用。当网页应用运营商开发出一个网页应用后,为了确定该网页应用能否在各种型号的移动终端上均正常显示,需要对网页应用在移动终端的显示效果进行测试。
相关技术在测试网页应用的显示效果时,所采用的方法为:在购买的各种型号的移动终端上,通过各种移动终端上安装的浏览器加载网页应用;人工根据网页应用在每种型号的移动终端上的加载结果,确定网页应用是否正常显示。
在实现本发明的过程中,发明人发现相关技术至少存在以下问题:
由于相关技术在测试网页应用的显示效果时,需要购买各种型号的移动终端,因此,测试成本高。另外,需要人工参与测试过程,不仅导致测试效率不高,而且测试成本也很高。此外,由于移动终端型号有很多,针对于未购买到的移动终端型号,则不能测试网页应用的显示效果,使得测试过程受到所购买的移动终端型号的限制,导致测试方式不灵活。
发明内容
为了解决相关技术的问题,本发明实施例提供了一种网页应用的显示效果测试方法及装置。所述技术方案如下:
第一方面,提供了一种网页应用的显示效果测试方法,所述方法包括:
获取待测试的网页应用的测试页面;
在预设浏览器模型上加载所述测试页面,其中,预设浏览器模型根据不同型号的移动终端的特征参数建立;
根据所述测试页面在所述预设浏览器模型中的显示界面,确定所述测试页面的显示效果得分;
根据所述显示效果得分,确定所述网页应用是否在所述预设浏览器模型所对应移动终端上正常显示。
结合第一方面,在第一方面的第一种可能的实现方式中,所述在预设浏览器模型上加载所述测试页面之前,还包括:
获取不同型号的移动终端的特征参数;
根据每种型号的移动终端的特征参数,建立每种型号的移动终端对应的预设浏览器模型。
结合第一方面的第一种可能的实现方式,在第一方面的第二种可能的实现方式中,所述获取不同型号的移动终端的特征参数,包括:
获取上一轮测试所述网页应用的移动终端的反馈信息,所述反馈信息携带所述移动终端的型号;
根据所述移动终端的型号,查找指定移动终端数据网站,得到所述移动终端的特征参数,所述特征参数至少包括所述移动终端的屏幕大小、每英寸像素数、分辨率。
结合第一方面的第一种可能的实现方式,在第一方面的第三种可能的实现方式中,所述获取不同型号的移动终端的特征参数,包括:
根据指定移动终端数据网站实时更新的数据,抓取新上市的移动终端型号及特征参数,所述特征参数至少包括所述移动终端的屏幕大小、每英寸像素数、分辨率。
结合第一方面,在第一方面的第四种可能的实现方式中,所述根据所述测试页面在所述预设浏览器模型中的显示界面,确定所述测试页面的显示效果得分,包括:
根据所述预设浏览器模型显示的所述测试页面的实际显示图片,确定所述实际显示图片与所述测试页面的显示效果样本图片之间的相似度;
根据所述相似度,确定所述测试页面的显示效果得分。
结合第一方面,在第一方面的第五种可能的实现方式中,所述根据所述测试页面在所述预设浏览器模型中的显示界面,确定所述测试页面的显示效果得分,包括:
根据所述预设浏览器模型显示的所述测试页面的实际显示图片和所述测试页面的显示效果样本图片,确定所述实际显示图片中的文字是否发生形变;
当确定所述实际显示图片中的文字发生形变时,确定所述实际显示图片中的文字形变量;
根据所述文字形变量,确定所述测试页面的显示效果得分。
结合第一方面,在第一方面的第六种可能的实现方式中,所述根据所述显示效果得分,确定所述网页应用是否在所述预设浏览器模型所对应移动终端上正常显示,包括:
当所述显示效果得分高于指定显示效果得分时,确定所述网页应用在所述预设浏览器模型所对应移动终端上正常显示,所述指定显示效果得分为预先为所述预设浏览器模型所对应的移动终端设置的;
当所述显示效果得分不高于所述指定显示效果得分时,确定所述网页应用不能在所述预设浏览器模型所对应移动终端上正常显示。
第二方面,提供了一种网页应用的显示效果测试装置,所述装置包括:
第一获取模块,用于获取待测试的网页应用的测试页面;
加载模块,用于在预设浏览器模型上加载所述测试页面,其中,预设浏览器模型根据不同型号的移动终端的特征参数建立;
第一确定模块,用于根据所述测试页面在所述预设浏览器模型中的显示界面,确定所述测试页面的显示效果得分;
第二确定模块,用于根据所述显示效果得分,确定所述网页应用是否在所述预设浏览器模型所对应移动终端上正常显示。
结合第二方面,在第二方面的第一种可能的实现方式中,所述装置还包括:
第二获取模块,用于获取不同型号的移动终端的特征参数;
建立模块,用于根据每种型号的移动终端的特征参数,建立每种型号的移动终端对应的预设浏览器模型。
结合第二方面的第一种可能的实现方式,在第二方面的第二种可能的实现方式中,所述第二获取模块,用于获取上一轮测试所述网页应用的移动终端的反馈信息,所述反馈信息携带所述移动终端的型号;根据所述移动终端的型号,查找指定移动终端数据网站,得到所述移动终端的特征参数,所述特征参数至少包括所述移动终端的屏幕大小、每英寸像素数、分辨率。
结合第二方面的第一种可能的实现方式,在第二方面的第三种可能的实现方式中,所述第二获取模块,用于根据指定移动终端数据网站实时更新的数据,抓取新上市的移动终端型号及特征参数,所述特征参数至少包括所述移动终端的屏幕大小、每英寸像素数、分辨率。
结合第二方面,在第二方面的第四种可能的实现方式中,所述第一确定模块包括:
第一确定单元,用于根据所述预设浏览器模型显示的所述测试页面的实际显示图片,确定所述实际显示图片与所述测试页面的显示效果样本图片之间的相似度;
第二确定单元,用于根据所述相似度,确定所述测试页面的显示效果得分。
结合第二方面,在第二方面的第五种可能的实现方式中,所述第一确定模块包括:
第三确定单元,用于根据所述预设浏览器模型显示的所述测试页面的实际显示图片和所述测试页面的显示效果样本图片,确定所述实际显示图片中的文字是否发生形变;
第四确定单元,用于当确定所述实际显示图片中的文字发生形变时,确定所述实际显示图片中的文字形变量;
第五确定单元,用于根据所述文字形变量,确定所述测试页面的显示效果得分。
结合第二方面,在第二方面的第六种可能的实现方式中,所述第二确定模块包括:
第六确定单元,用于当所述显示效果得分高于指定显示效果得分时,确定所述网页应用在所述预设浏览器模型所对应移动终端上正常显示,所述指定显示效果得分为预先为所述预设浏览器模型所对应的移动终端设置的;
第七确定单元,用于当所述显示效果得分不高于所述指定显示效果得分时,确定所述网页应用不能在所述预设浏览器模型所对应移动终端上正常显示。
本发明实施例提供的技术方案带来的有益效果是:
通过预设浏览器模型加载待测试的网页应用的测试页面,并根据测试页面在预设浏览器模型的显示界面,确定测试页面的显示效果得分,从而可以根据显示效果得分,确定网页应用是否在预设浏览器模型所对应移动终端上正常显示。由于通过预设浏览器模型可以加载测试页面,从而无需通过移动终端上的浏览器加载测试页面,也就无需通过实体移动终端实现,因而无需购买各种型号的移动终端,使得测试成本比较低。由于测试过程无需人工参与,不仅测试成本比较低,而且测试效率比较高。另外,由于通过根据移动终端的特征参数建立的浏览器模型进行网页应用的显示效果测试,使得测试过程不受限于所购买的移动终端的型号,使得测试方式更加灵活。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明一实施例提供的一种网页应用的显示效果测试方法的流程图;
图2是本发明另一实施例提供的一种网页应用的显示效果测试方法的流程图;
图3是本发明另一实施例提供的一种网页应用的显示效果测试装置的结构示意图;
图4是本发明另一实施例提供的一种网页应用的显示效果测试装置的结构示意图;
图5是本发明另一实施例提供的一种第一确定模块的结构示意图;
图6是本发明另一实施例提供的一种第一确定模块的结构示意图;
图7是本发明另一实施例提供的一种第二确定模块的结构示意图;
图8是本发明另一实施例提供的一种终端的结构示意图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚,下面将结合附图对本发明实施方式作进一步地详细描述。
为了确定网页应用能否在各种型号的移动终端上正常显示,本发明实施例提供的一种网页应用的显示效果测试方法。图1是根据一示例性实施例提供的一种网页应用的显示效果测试方法的流程图。如图1所示,本发明实施例提供的方法流程包括:
101、获取待测试的网页应用的测试页面。
102、在预设浏览器模型上加载测试页面,其中,预设浏览器模型根据不同型号的移动终端的特征参数建立。
103、根据测试页面在预设浏览器模型中的显示界面,确定测试页面的显示效果得分。
104、根据显示效果得分,确定网页应用是否在预设浏览器模型所对应移动终端上正常显示。
本发明实施例提供的方法,通过预设浏览器模型加载待测试的网页应用的测试页面,并根据测试页面在预设浏览器模型的显示界面,确定测试页面的显示效果得分,从而可以根据显示效果得分,确定网页应用是否在预设浏览器模型所对应移动终端上正常显示。由于通过预设浏览器模型可以加载测试页面,从而无需通过移动终端上的浏览器加载测试页面,也就无需通过实体移动终端实现,因而无需购买各种型号的移动终端,使得测试成本比较低。由于测试过程无需人工参与,不仅测试成本比较低,而且测试效率比较高。另外,由于通过根据移动终端的特征参数建立的浏览器模型进行网页应用的显示效果测试,使得测试过程不受限于所购买的移动终端的型号,使得测试方式更加灵活。
可选地,在预设浏览器模型上加载测试页面之前,还包括:
获取不同型号的移动终端的特征参数;
根据每种型号的移动终端的特征参数,建立每种型号的移动终端对应的预设浏览器模型。
可选地,获取不同型号的移动终端的特征参数,包括:
获取上一轮测试网页应用的移动终端的反馈信息,其中,反馈信息携带移动终端的型号;
根据移动终端的型号,查找指定移动终端数据网站,得到移动终端的特征参数,其中,特征参数至少包括移动终端的屏幕大小、每英寸像素数、分辨率。
可选地,获取不同型号的移动终端的特征参数,包括:
根据指定移动终端数据网站实时更新的数据,抓取新上市的移动终端型号及特征参数,其中,特征参数至少包括移动终端的屏幕大小、每英寸像素数、分辨率。
可选地,根据测试页面在预设浏览器模型中的显示界面,确定测试页面的显示效果得分,包括:
根据预设浏览器模型显示的测试页面的实际显示图片,确定实际显示图片与测试页面的显示效果样本图片之间的相似度;
根据相似度,确定测试页面的显示效果得分。
可选地,根据测试页面在预设浏览器模型中的显示界面,确定测试页面的显示效果得分,包括:
根据预设浏览器模型显示的测试页面的实际显示图片和测试页面的显示效果样本图片,确定实际显示图片中的文字是否发生形变;
当确定实际显示图片中的文字发生形变时,确定实际显示图片中的文字形变量;
根据文字形变量,确定测试页面的显示效果得分。
可选地,根据显示效果得分,确定网页应用是否在预设浏览器模型所对应移动终端上正常显示,包括:
当显示效果得分高于指定显示效果得分时,确定网页应用在预设浏览器模型所对应移动终端上正常显示,其中,指定显示效果得分为预先为预设浏览器模型所对应的移动终端设置的;
当显示效果得分不高于指定显示效果得分时,确定网页应用不能在预设浏览器模型所对应移动终端上正常显示。
上述所有可选技术方案,可以采用任意结合形成本发明的可选实施例,在此不再一一赘述。
结合图1所对应实施例提供的网页应用的显示效果测试方法,图2是根据一示例性实施例提供的一种网页应用的显示效果测试方法的流程图。如图2所示,本发明实施例提供的方法流程包括:
201、获取不同型号的移动终端的特征参数,根据每种型号的移动终端的特征参数,建立每种型号的移动终端对应的预设浏览器模型。
本发明实施例在进行网页应用的显示效果测试时,通过预先建立的预设浏览器模型加载待测试的网页应用来实现,即在测试网页应用的显示效果时,无需通过移动终端上安装的浏览器实现,而是根据移动终端的特征参数建立一个能够加载网页应用的预设浏览器模型来实现。由于预设浏览器模型根据移动终端的特征参数建立,因此,通过该预设浏览器模型加载网页应用的效果与通过移动终端上安装的浏览器加载网页应用的效果一样。例如,如果通过移动终端上的浏览器能够加载网页A,则通过该移动终端的型号对应的预设浏览器模型也能加载网页A。
为了使得针对不同型号的移动终端,能够建立不同型号的移动终端对应的预设浏览器模型,从而使得后续在使用预设浏览器模型测试网页应用的显示效果时,能够保证测试过程尽可能多地涵盖移动终端的类型,需要获取不同型号的移动终端的特征参数。
其中,移动终端的型号包括移动终端的厂商及型号代码,如某一种移动终端的型号为a厂商b型号。移动终端的特征参数为能够标识移动终端特征的配置信息,如,移动终端的特征参数至少包括移动终端的屏幕大小、每英寸像素数、分辨率。可选地,移动终端的特征参数还可以包括移动终端的系统参数,如安卓X等;还可以包括移动终端的上线时间、移动终端是否为主流移动终端、移动终端的手机字体大小等。其中,当某一型号的移动终端的使用量超过指定数值时,可以确定该型号的移动终端为主流移动终端。
其中,在获取不同型号的移动终端的特征参数时,可以通过如下几种方式实现:
第一种方式:获取已使用待测试的网页应用的移动终端的特征参数。具体地,当开发一个网页应用后,通常会先选择部分用户体验该网页应用,以测试该网页应用是否能够在移动终端正常显示,即对该网页应用进行灰度测试。因此,可以根据该部分用户所对应移动终端的型号获取不同型号的移动终端的特征参数。具体地,通过该种方式获取不同型号的移动终端的特征参数可以通过如下步骤2011和步骤2012来实现:
2011、获取上一轮测试待测试的网页应用的移动终端的反馈信息,其中,该反馈信息携带移动终端的型号。
其中,上一轮测试待测试网页应用的移动终端可以为已参与测试该网页应用的某些功能的移动终端,也可以为已参与某些已完成测试的网页应用的移动终端。在此基础上,在获取上一轮测试待测试的网页应用的移动终端的反馈信息时,可以根据参与测试该网页应用的某些功能的移动终端获取,也可以根据参与已完成测试的网页应用的移动终端获取。
在根据参与测试该网页应用的某些功能的移动终端获取反馈信息时,如果运营商在开发网页应用时,针对每个网页应用均设置了“意见反馈”模块,则当上一轮参与测试该网页应用的某些功能的用户发现该网页应用在其移动终端的适配有问题,即该网页应用不能在其移动终端上正常显示,则可以通过该“意见反馈”模块向该网页应用对应的服务器发送反馈信息。其中,该反馈信息中可以携带移动终端的型号。
在根据参与已完成测试的网页应用的移动终端获取反馈信息时,可以根据使用这些已完成测试的网页应用的移动终端,获取各种移动终端的型号。具体地,当移动终端向已完成测试的网页应用请求数据时,会发送数据获取请求。通常,该数据获取请求中也会携带移动终端的型号。
进一步地,为了便于统计获取到的不同型号的移动终端,可以预先建立一个移动终端型号库,用于存储获取到的移动终端的型号。因此,在获取到不同的移动终端型号后,将该不同的移动终端型号存储至移动终端型号库中。
2012、根据移动终端的型号,查找指定移动终端数据网站,得到移动终端的特征参数。
其中,指定移动终端数据网站为能够提供与移动终端相关的服务的网站,该与移动终端相关的服务内容中包括移动终端的型号及特征参数。例如,指定移动终端数据网站可以为移动终端销售网站,也可以为各生产移动终端的厂商的网站等。
由于指定移动终端数据网站中通常会包括移动终端的配置信息,为了确定各种型号的移动终端的特征参数,可以通过查找指定移动终端数据网站实现。其中,在查找指定移动终端数据网站时,针对于一个移动终端型号,可以先在指定移动终端数据网站中搜索该移动终端的型号,当指定移动终端数据网站获取到该型号对应的移动终端的配置信息后,从该移动终端的配置信息中获取所需特征参数。例如,从移动终端配置信息中获取移动终端的屏幕大小、每英寸像素数、分辨率等。
第二种方式:随着移动终端技术的迅速发展,运营商随时会开发出新型号的移动终端。为了使得获取到的移动终端的型号比较全面,还可以获取新上市的移动终端的特征参数。具体地,运营商在开发出新型号的移动终端后,通常会将该新开发的移动终端的信息发布在指定移动终端数据网站上。因此,在获取新上市的移动终端的特征参数时,包括但不限于:根据指定移动终端数据网站实时更新的数据,抓取新上市的移动终端型号及特征参数。
例如,运营商新开发一个手机后,会将该手机的配置信息发布至指定移动终端数据网站,因此,在检测到指定移动终端数据网站实时更新的数据后,可以抓取该手机的屏幕大小、每英寸像素数及分辨率等,将这些参数作为该手机的特征参数。
当然,在获取不同型号的移动终端的特征参数时,上述两种方式还可以结合使用,本发明实施例对此不作限定。
另外,为了丰富移动终端型号库的数据,可以将各个型号的移动终端的特征参数存储至该移动终端型号库中。其中,在将移动终端的特征参数存储至移动终端型号库时,可以建立移动终端型号与其特征参数之间的映射关系。如表一所示,其示出了一种移动终端型号库中存储的移动终端型号与其特征参数之间的关系。
表一
移动终端的型号 | 特征参数 |
a厂商A型号 | 屏幕大小4寸、每英寸像素数800、分辨率320*480 |
…… | …… |
b厂商B型号 | 屏幕大小4.3寸、每英寸像素数1000、分辨率480*800 |
为了确定获取到的不同型号的移动终端的特征参数是否正确,以使得后续根据不同型号的移动终端的特征参数,建立的不同型号的移动终端的浏览器模型比较准确,在获取到不同型号的移动终端的特征参数后,可以由人工对移动终端的型号及特征参数进行进一步校对。
具体地,在获取到不同型号的移动终端的特征参数后,可以向预先存储的邮箱发送通知邮件,以通知该邮箱对应的用户审核该型号及特征参数。其中,该通知邮件中包括移动终端的型号及特征参数。
进一步地,为了便于后续测试网页应用的显示效果,本发明实施例根据每种型号的移动终端的特征参数,建立每种型号的移动终端对应的预设浏览器模型,并通过预设浏览器模型加载网页应用来进行网页应用的显示效果测试。其中,在根据每种型号的移动终端的特征参数,建立每种型号的移动终端的预设浏览器模型时,可以预先建立一个适用于所有移动终端型号的通用模型。在此基础上,在具体建立某一种型号的移动终端的预设浏览器模型时,将该通用模型的特征参数修改为该移动终端型号的特征参数即可。
当然,还可以采用其他方式建立每种型号的移动终端的预设浏览器模型,本发明实施例对此不作具体限定。需要说明的是,在构建预设浏览器模型时,如果某几个移动终端型号对应的特征参数相同,在这几种移动终端型号可以建立一个预设浏览器模型。
在建立不同型号的移动终端的预设浏览器时,可以针对获取到的所有型号的移动终端,建立每种型号的移动终端对应的预设浏览器模型,也可以建立获取到的部分型号的移动终端对应的预设浏览器模型。
通过建立每种型号的移动终端对应的预设浏览器模型,可以使得后续进行网页应用的显示效果测试时,测试过程能够涵盖获取到的所有型号的移动终端,使得测试结果更具可靠性。通过建立获取到的部分型号的移动终端对应的预设浏览器模型,可以使测试过程具有针对性,并且能够简化测试过程。例如,可以建立使用量排名前50的移动终端型号对应的预设浏览器模型。
需要说明的是,该步骤为建立预设浏览器模型的步骤,其为对网页应用的显示效果进行测试之前需要执行的步骤,并不是每次进行网页应用的显示效果测试时均需执行该步骤,保证在进行网页应用的显示效果测试时,已经建立各种型号的移动终端对应的预设浏览器模型即可。
202、获取待测试的网页应用的测试页面。
通常,待测试的网页应用可能包括很多网页,在测试网页应用的显示效果的过程中,可以选择该网页应用中的部分具有代表性的网页,或者某些重要网页进行测试,并根据这些具有代表性的网页或重要网页的显示效果,确定整个网页应用的显示效果。在本发明实施例中,将被选择的具有代表性的网页或重要网页定义为测试页面。
关于测试页面与待测试网页应用的关系,测试页面可以为待测试的网页应用的首页、列表页及详细页等;测试页面也可以为随机从待测试的网页应用中抽取的指定数值的网页。例如,测试页面为网页应用的第一个页面、第五个页面及第七个页面等。另外,在确定待测试的网页应用的测试页面时,还可以由网页应用的测试人员根据网页应用的具体内容指定测试页面。
另外,在确定待测试的网页应用后,可以预先标识该网页应用包括的某些页面,如,可以标识该网页应用中需要重点测试的页面,或者某些具有代表性的页面等。因此,在获取测试页面时,可以获取待测试网页应用中已标识的页面,并将这些已标识的页面作为测试页面。
进一步地,为了便于区分待测试的网页应用的各个网页,对于每个网页,可以设置一个URL(Uniform Resource Locator,统一资源定位符)与之相对应。通过为每个网页设置URL,后续在预设浏览器模型中加载测试页面时,可以根据每个测试页面的URL实现。
203、在预设浏览器模型上加载测试页面。
为了确定测试页面是否能够在预设浏览器模型上正常显示,需要在预设浏览器模型上加载测试页面。其中,如果在设计网页应用时,对每个网页均设置了URL,则在预设浏览器模型上加载测试页面时,包括但不限于:在预设浏览器模型中导入测试页面的URL,并根据该URL打开该测试页面。
204、根据测试页面在预设浏览器模型中的显示界面,确定测试页面的显示效果得分。
当在预设浏览器模型中加载测试页面后,预设浏览器模型会显示该测试页面的显示界面。在本发明实施例中,当显示界面显示的测试页面为不同效果时,可以得到不同的显示效果得分。例如,当显示界面显示了测试页面的全部内容时,显示效果得分为90分;当显示界面显示了测试页面的30%的内容时,显示效果得分为40分等。
其中,在根据测试页面在预设浏览器模型中的显示界面,确定测试页面的显示效果得分时,包括但不限于通过如下两种方式实现:
第一种方式:通过预设浏览器模型显示界面显示的实际显示图片与测试页面的显示效果样本图片之间的相似度,确定测试页面的显示效果得分。该种方式具体可以通过下述步骤2041和步骤2042实现:
2041、根据预设浏览器模型显示的测试页面的实际显示图片,确定实际显示图片与测试页面的显示效果样本图片之间的相似度。
其中,在确定实际显示图片与显示效果样本图片之间的相似度时,可以采用图片相似度算法实现。例如,可以分别计算实际显示图片与显示效果样本图片的直方图,然后计算两个直方图的归一化相关系数,如巴氏距离,直方图相交距离等,并根据两个直方图的归一化相关系数,确定实际显示图片与显示效果样本图片之间的相似度。当然,在确定实际显示图片与显示效果样本图片之间的相似度时,还可以采用其它图片相似度算法实现,本发明实施例对此不作具体限定。
2042、根据相似度,确定测试页面的显示效果得分。
其中,相似度的值越大,测试页面的显示效果得分越高;相似度的值越小,测试页面的显示效果得分越低。
具体地,在根据相似度,确定测试页面的显示效果得分时,可以预先建立相似度与显示效果得分之间的函数关系。此时,在确定显示效果得分时,可以根据该函数关系实现。
例如,如果相似度与显示效果得分之间的函数关系为K=A*100,其中,K为显示效果得分,A为相似度。根据该函数关系,当A=97%时,K=97,即测试页面的显示效果得分为97。
当然,上述相似度与显示效果得分之间的函数关系仅用于举例,具体实施时,相似度与显示效果得分之间的函数关系还可以为其它,本发明实施例对此不作具体限定。
第二种方式:通过实际显示图片与显示效果样本图片中的文字形变量,确定测试页面的显示效果得分。该种方式具体可以通过下述步骤2043至步骤2045实现:
2043、根据预设浏览器模型显示的实际显示图片,确定实际显示图片中的文字是否发生形变。
在确定实际显示图片中的文字是否发生形变时,可以确定实际显示图片中的第一文字长宽比例,并确定显示效果样本图片中的第二文字长宽比例,并进一步确定第一文字长宽比例相对于第二文字长宽比例是否发生变化来实现。当第一文字长宽比例相对于第二文字长宽比例发生变化,则确定实际显示图片中的文字发生形变;当第一文字长宽比例相对于第二文字长宽比例未发生变化时,确定实际显示图片中的文字未发生形变。
2044、当确定实际显示图片中的文字发生形变时,确定实际显示图片中的文字形变量。
其中,在确定实际显示图片中的文字形变量时,可以根据第一文字长宽比例与第二文字长宽比例之间的关系实现。例如,可以将第二文字长宽比例与第一文字长宽比例之间的差值作为实际显示图片中的文字形变量。当然,在确定实际图片中的文字形变量时还可以采用其他方式,本发明实施例对此不作具体限定。
2045、根据文字形变量,确定测试页面的显示效果得分。
其中,文字形变量越大,测试页面的显示效果得分越低;文字形变量越小,测试页面的显示效果得分越高。
具体地,在根据文字形变量,确定测试页面的显示效果得分时,可以预先建立文字形变量与显示效果得分之间的函数关系。此时,在确定显示效果得分时,可以根据该函数关系实现。
例如,如果文字形变量与显示效果得分之间的函数关系为H=(1-N)*80,其中,H为显示效果得分,N为文字形变量,则当N=0.7时,H=24,即测试页面的显示效果得分为24。
当然,上述文字形变量与显示效果得分之间的函数关系仅用于举例,具体实施时,文字形变量与显示效果得分之间的函数关系还可以为其它,本发明实施例对此不作具体限定。
需要说明的是,上述两种根据测试页面在预设浏览器模型中的显示界面,确定测试页面的显示效果得分的方式也可以结合使用。例如,可以根据相似度以及文字形变量综合确定测试页面的显示效果得分。
具体地,实际显示图片中会同时包括子图片和文字,在此基础上,在确定显示效果得分时,可以先计算实际显示图片中的子图片与显示效果样本图片中的子图片之间的子图片相似度,以及计算实际显示图片中的文字形变量,并预先赋予子图片相似度和文字形变量不同的权重。此时,在根据相似度以及文字形变量综合确定测试页面的显示效果得分时,可以根据子图片相似度、文字形变量及他们的权重实现。
例如,如果计算得到的子图片相似度值为60,文字形变量值为30,且预先赋予的子图片相似度和文字形变量的权重分别为0.4和0.6,则显示效果得分为60*0.4+30*0.6=42。
205、根据显示效果得分,确定网页应用是否在预设浏览器模型所对应移动终端上正常显示。
其中,在根据显示效果得分,确定网页应用是否在预设浏览器模型所对应移动终端上正常显示时,可以预先针对一个预设浏览器模型设定一个指定显示效果得分。当显示效果得分高于预设浏览器模型对应的指定显示效果得分时,确定网页应用在预设浏览器模型所对应移动终端上正常显示,针对该型号的移动终端的显示效果测试完成;当显示效果得分不高于指定显示效果得分时,确定网页应用不能在预设浏览器模型所对应移动终端上正常显示,需要进一步优化该网页应用,并进一步进行网页应用的显示效果测试。
例如,如果某一预设浏览器模型对应的指定显示效果得分为80,测试页面在该预设浏览器模型的显示效果得分为70,由于该显示效果得分70低于指定显示效果得分80,因此,确定该网页应用不能在该预设浏览器模型所对应移动终端上正常显示。
在设置每个预设浏览器模型对应的指定显示效果得分时,可以预先设置每种型号的移动终端的权重,并根据每种型号的移动终端的权重,确定该型号对应的预设浏览器模型的指定显示效果得分。例如,如果某种型号的移动终端的权重比较高,则将该型号对应的预设浏览器模型的指定显示效果得分设置得比较高。在此种情况下,后续在确定网页应用是否在该预设浏览器模型对应的移动终端正常显示时,显示效果得分比较高时才能通过测试,从而使得对权重比较高的移动终端进行显示效果测试比较严格。
其中,在设置每种型号的移动终端的权重时,可以根据每种型号的移动终端的使用量设置。具体地,在获取每种型号的移动终端的特征参数时,还可以获取每种型号的移动终端的使用量。在此基础上,在设置每种型号的移动终端的权重时,可以根据所有型号的移动终端的使用量比例来实现。例如,如果存在三种型号的移动终端,且这三种型号的移动终端的使用量分别为30万、40万和30万,则在设置这三种型号的移动终端的权重时,可以将这三种移动终端的权重设置为0.3、0.4和0.3。
另外,还可以人为设定每种型号的移动终端的权重。例如,如果在步骤201中确定某种型号的移动终端为主流移动终端,则可以将该种型号的移动终端的权重设置的比较高。还例如,如果确定某种型号的移动终端很有可能被淘汰,则可以将该种型号的移动终端的权重设置得比较低。
通过上述步骤202至步骤205即可确定待测试的网页应用在一种型号的移动终端上是否能够正常显示,重复执行上述步骤202至步骤205,即可确定待测试的网页应用在每种已建立预设浏览器模型的移动终端上是否能够正常显示。
进一步地,当通过步骤202至步骤205确定待测试的网页应用能够在部分型号或全部型号的移动终端正常显示后,可以对该网页应用进行上线处理。例如,提供该部分型号或全部型号的移动终端下载该网页应用的服务,使得用户可以使用该网页应用提供的服务。例如,如果确定该网页应用能够适用于a厂商b型号的移动终端,则可以提供该网页应用在该型号的移动终端的下载服务,使得持有该型号的移动终端用户可以使用该网页应用的功能。
然而,如果通过步骤202至步骤205确定待测试的网页应用目前在某些型号的移动终端上还不能正常显示,则可以通知相关技术人员继续优化该网页应用,并通过步骤202至步骤205重新测试优化后的网页应用在该型号的移动终端上的显示效果,直至该网页应用能够在该型号的移动终端上正常显示。
本发明实施例提供的方法,通过预设浏览器模型加载待测试的网页应用的测试页面,并根据测试页面在预设浏览器模型的显示界面,确定测试页面的显示效果得分,从而可以根据显示效果得分,确定网页应用是否在预设浏览器模型所对应移动终端上正常显示。由于通过预设浏览器模型可以加载测试页面,从而无需通过移动终端上的浏览器加载测试页面,也就无需通过实体移动终端实现,因而无需购买各种型号的移动终端,使得测试成本比较低。由于测试过程无需人工参与,不仅测试成本比较低,而且测试效率比较高。另外,由于通过根据移动终端的特征参数建立的浏览器模型进行网页应用的显示效果测试,使得测试过程不受限于所购买的移动终端的型号,使得测试方式更加灵活。
图3是根据一示例性实施例提供的一种网页应用的显示效果测试装置的结构示意图,该网页应用的显示效果测试装置用于执行上述图1或图2所示实施例提供的网页应用的显示效果测试方法。如图3所示,该网页应用的显示效果测试装置包括:
第一获取模块301,用于获取待测试的网页应用的测试页面;
加载模块302,用于在预设浏览器模型上加载测试页面,其中,预设浏览器模型根据不同型号的移动终端的特征参数建立;
第一确定模块303,用于根据测试页面在预设浏览器模型中的显示界面,确定测试页面的显示效果得分;
第二确定模块304,用于根据显示效果得分,确定网页应用是否在预设浏览器模型所对应移动终端上正常显示。
本发明实施例提供的装置,通过预设浏览器模型加载待测试的网页应用的测试页面,并根据测试页面在预设浏览器模型的显示界面,确定测试页面的显示效果得分,从而可以根据显示效果得分,确定网页应用是否在预设浏览器模型所对应移动终端上正常显示。由于通过预设浏览器模型可以加载测试页面,从而无需通过移动终端上的浏览器加载测试页面,也就无需通过实体移动终端实现,因而无需购买各种型号的移动终端,使得测试成本比较低。由于测试过程无需人工参与,不仅测试成本比较低,而且测试效率比较高。另外,由于通过根据移动终端的特征参数建立的浏览器模型进行网页应用的显示效果测试,使得测试过程不受限于所购买的移动终端的型号,使得测试方式更加灵活。
可选地,参见图4,网页应用的显示效果测试装置还包括:
第二获取模块305,用于获取不同型号的移动终端的特征参数;
建立模块306,用于根据每种型号的移动终端的特征参数,建立每种型号的移动终端对应的预设浏览器模型。
可选地,第二获取模块305,用于获取上一轮测试网页应用的移动终端的反馈信息,其中,反馈信息携带移动终端的型号;根据移动终端的型号,查找指定移动终端数据网站,得到移动终端的特征参数,其中,特征参数至少包括移动终端的屏幕大小、每英寸像素数、分辨率。
可选地,第二获取模块305,用于根据指定移动终端数据网站实时更新的数据,抓取新上市的移动终端型号及特征参数,其中,特征参数至少包括移动终端的屏幕大小、每英寸像素数、分辨率。
可选地,参见图5,第一确定模块303包括:
第一确定单元3031,用于根据预设浏览器模型显示的测试页面的实际显示图片,确定实际显示图片与测试页面的显示效果样本图片之间的相似度;
第二确定单元3032,用于根据相似度,确定测试页面的显示效果得分。
可选地,参见图6,第一确定模块303包括:
第三确定单元3033,用于根据预设浏览器模型显示的测试页面的实际显示图片和测试页面的显示效果样本图片,确定实际显示图片中的文字是否发生形变;
第四确定单元3034,用于当确定实际显示图片中的文字发生形变时,确定实际显示图片中的文字形变量;
第五确定单元3035,用于根据文字形变量,确定测试页面的显示效果得分。
可选地,参见图7,第二确定模块304包括:
第六确定单元3041,用于当显示效果得分高于指定显示效果得分时,确定网页应用在预设浏览器模型所对应移动终端上正常显示,其中,指定显示效果得分为预先为预设浏览器模型所对应的移动终端设置的;
第七确定单元3042,用于当显示效果得分不高于指定显示效果得分时,确定网页应用不能在预设浏览器模型所对应移动终端上正常显示。
上述所有可选技术方案,可以采用任意结合形成本发明的可选实施例,在此不再一一赘述。
请参考图8,其示出了本发明实施例所涉及的终端的结构示意图,该终端可以用于实施上述图1或图2所对应实施例提供的网页应用的显示效果测试方法。具体来讲:
终端800可以包括RF(Radio Frequency,射频)电路110、包括有一个或一个以上计算机可读存储介质的存储器120、输入单元130、显示单元140、传感器150、音频电路160、WiFi(Wireless Fidelity,无线保真)模块170、包括有一个或者一个以上处理核心的处理器180、以及电源190等部件。本领域技术人员可以理解,图8中示出的终端结构并不构成对终端的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。其中:
RF电路110可用于收发信息或通话过程中,信号的接收和发送,特别地,将基站的下行信息接收后,交由一个或者一个以上处理器180处理;另外,将涉及上行的数据发送给基站。通常,RF电路110包括但不限于天线、至少一个放大器、调谐器、一个或多个振荡器、用户身份模块(SIM)卡、收发信机、耦合器、LNA(Low Noise Amplifier,低噪声放大器)、双工器等。此外,RF电路110还可以通过无线通信与网络和其他设备通信。所述无线通信可以使用任一通信标准或协议,包括但不限于GSM(Global System of Mobile communication,全球移动通讯系统)、GPRS(General Packet Radio Service,通用分组无线服务)、CDMA(Code Division Multiple Access,码分多址)、WCDMA(Wideband CodeDivision Multiple Access,宽带码分多址)、LTE(Long Term Evolution,长期演进)、电子邮件、SMS(Short Messaging Service,短消息服务)等。
存储器120可用于存储软件程序以及模块,处理器180通过运行存储在存储器120的软件程序以及模块,从而执行各种功能应用以及数据处理。存储器120可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等;存储数据区可存储根据终端800的使用所创建的数据(比如音频数据、电话本等)等。此外,存储器120可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地,存储器120还可以包括存储器控制器,以提供处理器180和输入单元130对存储器120的访问。
输入单元130可用于接收输入的数字或字符信息,以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。具体地,输入单元130可包括触敏表面131以及其他输入设备132。触敏表面131,也称为触摸显示屏或者触控板,可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触敏表面131上或在触敏表面131附近的操作),并根据预先设定的程式驱动相应的连接装置。可选的,触敏表面131可包括触摸检测装置和触摸控制器两个部分。其中,触摸检测装置检测用户的触摸方位,并检测触摸操作带来的信号,将信号传送给触摸控制器;触摸控制器从触摸检测装置上接收触摸信息,并将它转换成触点坐标,再送给处理器180,并能接收处理器180发来的命令并加以执行。此外,可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触敏表面131。除了触敏表面131,输入单元130还可以包括其他输入设备132。具体地,其他输入设备132可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。
显示单元140可用于显示由用户输入的信息或提供给用户的信息以及终端800的各种图形用户接口,这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。显示单元140可包括显示面板141,可选的,可以采用LCD(Liquid Crystal Display,液晶显示器)、OLED(Organic Light-Emitting Diode,有机发光二极管)等形式来配置显示面板141。进一步的,触敏表面131可覆盖显示面板141,当触敏表面131检测到在其上或附近的触摸操作后,传送给处理器180以确定触摸事件的类型,随后处理器180根据触摸事件的类型在显示面板141上提供相应的视觉输出。虽然在图8中,触敏表面131与显示面板141是作为两个独立的部件来实现输入和输入功能,但是在某些实施例中,可以将触敏表面131与显示面板141集成而实现输入和输出功能。
终端800还可包括至少一种传感器150,比如光传感器、运动传感器以及其他传感器。具体地,光传感器可包括环境光传感器及接近传感器,其中,环境光传感器可根据环境光线的明暗来调节显示面板141的亮度,接近传感器可在终端800移动到耳边时,关闭显示面板141和/或背光。作为运动传感器的一种,重力加速度传感器可检测各个方向上(一般为三轴)加速度的大小,静止时可检测出重力的大小及方向,可用于识别终端姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等;至于终端800还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器,在此不再赘述。
音频电路160、扬声器161,传声器162可提供用户与终端800之间的音频接口。音频电路160可将接收到的音频数据转换后的电信号,传输到扬声器161,由扬声器161转换为声音信号输出;另一方面,传声器162将收集的声音信号转换为电信号,由音频电路160接收后转换为音频数据,再将音频数据输出处理器180处理后,经RF电路110以发送给比如另一终端,或者将音频数据输出至存储器120以便进一步处理。音频电路160还可能包括耳塞插孔,以提供外设耳机与终端800的通信。
WiFi属于短距离无线传输技术,终端800通过WiFi模块170可以帮助用户收发电子邮件、浏览网页和访问流式媒体等,它为用户提供了无线的宽带互联网访问。虽然图8示出了WiFi模块170,但是可以理解的是,其并不属于终端800的必须构成,完全可以根据需要在不改变发明的本质的范围内而省略。
处理器180是终端800的控制中心,利用各种接口和线路连接整个终端的各个部分,通过运行或执行存储在存储器120内的软件程序和/或模块,以及调用存储在存储器120内的数据,执行终端800的各种功能和处理数据,从而对终端进行整体监控。可选的,处理器180可包括一个或多个处理核心;优选的,处理器180可集成应用处理器和调制解调处理器,其中,应用处理器主要处理操作系统、用户界面和应用程序等,调制解调处理器主要处理无线通信。可以理解的是,上述调制解调处理器也可以不集成到处理器180中。
终端800还包括给各个部件供电的电源190(比如电池),优选的,电源可以通过电源管理系统与处理器180逻辑相连,从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源190还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。
尽管未示出,终端800还可以包括摄像头、蓝牙模块等,在此不再赘述。具体在本实施例中,终端的显示单元是触摸屏显示器,终端还包括有存储器,以及一个或者一个以上的程序,其中一个或者一个以上程序存储于存储器中,且经配置以由一个或者一个以上处理器执行。所述一个或者一个以上程序包含用于执行以下操作的指令:
获取待测试的网页应用的测试页面;
在预设浏览器模型上加载测试页面,其中,预设浏览器模型根据不同型号的移动终端的特征参数建立;
根据测试页面在预设浏览器模型中的显示界面,确定测试页面的显示效果得分;
根据显示效果得分,确定网页应用是否在预设浏览器模型所对应移动终端上正常显示。
假设上述为第一种可能的实施方式,则在第一种可能的实施方式作为基础而提供的第二种可能的实施方式中,终端的存储器中,还包含用于执行以下操作的指令:在预设浏览器模型上加载测试页面之前,还包括:
获取不同型号的移动终端的特征参数;
根据每种型号的移动终端的特征参数,建立每种型号的移动终端对应的预设浏览器模型。
在第二种可能的实施方式作为基础而提供的第三种可能的实施方式中,终端的存储器中,还包含用于执行以下操作的指令:获取不同型号的移动终端的特征参数,包括:
获取上一轮测试网页应用的移动终端的反馈信息,其中,反馈信息携带移动终端的型号;
根据移动终端的型号,查找指定移动终端数据网站,得到移动终端的特征参数,其中,特征参数至少包括移动终端的屏幕大小、每英寸像素数、分辨率。
在第二种可能的实施方式作为基础而提供的第四种可能的实施方式中,终端的存储器中,还包含用于执行以下操作的指令:获取不同型号的移动终端的特征参数,包括:
根据指定移动终端数据网站实时更新的数据,抓取新上市的移动终端型号及特征参数,其中,特征参数至少包括移动终端的屏幕大小、每英寸像素数、分辨率。
在第一种可能的实施方式作为基础而提供的第五种可能的实施方式中,终端的存储器中,还包含用于执行以下操作的指令:根据测试页面在预设浏览器模型中的显示界面,确定测试页面的显示效果得分,包括:
根据预设浏览器模型显示的测试页面的实际显示图片,确定实际显示图片与测试页面的显示效果样本图片之间的相似度;
根据相似度,确定测试页面的显示效果得分。
在第一种可能的实施方式作为基础而提供的第六种可能的实施方式中,终端的存储器中,还包含用于执行以下操作的指令:根据测试页面在预设浏览器模型中的显示界面,确定测试页面的显示效果得分,包括:
根据预设浏览器模型显示的测试页面的实际显示图片和测试页面的显示效果样本图片,确定实际显示图片中的文字是否发生形变;
当确定实际显示图片中的文字发生形变时,确定实际显示图片中的文字形变量;
根据文字形变量,确定测试页面的显示效果得分。
在第一种可能的实施方式作为基础而提供的第七种可能的实施方式中,终端的存储器中,还包含用于执行以下操作的指令:根据显示效果得分,确定网页应用是否在预设浏览器模型所对应移动终端上正常显示,包括:
当显示效果得分高于指定显示效果得分时,确定网页应用在预设浏览器模型所对应移动终端上正常显示,其中,指定显示效果得分为预先为预设浏览器模型所对应的移动终端设置的;
当显示效果得分不高于指定显示效果得分时,确定网页应用不能在预设浏览器模型所对应移动终端上正常显示。
本发明实施例提供的终端,通过预设浏览器模型加载待测试的网页应用的测试页面,并根据测试页面在预设浏览器模型的显示界面,确定测试页面的显示效果得分,从而可以根据显示效果得分,确定网页应用是否在预设浏览器模型所对应移动终端上正常显示。由于通过预设浏览器模型可以加载测试页面,从而无需通过移动终端上的浏览器加载测试页面,也就无需通过实体移动终端实现,因而无需购买各种型号的移动终端,使得测试成本比较低。由于测试过程无需人工参与,不仅测试成本比较低,而且测试效率比较高。另外,由于通过根据移动终端的特征参数建立的浏览器模型进行网页应用的显示效果测试,使得测试过程不受限于所购买的移动终端的型号,使得测试方式更加灵活。
本发明实施例提供了一种计算机可读存储介质,该计算机可读存储介质可以是上述实施例中的存储器中所包含的计算机可读存储介质;也可以是单独存在,未装配入终端中的计算机可读存储介质。该计算机可读存储介质存储有一个或者一个以上程序,该一个或者一个以上程序被一个或者一个以上的处理器用来执行网页应用的显示效果测试方法,该方法包括:
获取待测试的网页应用的测试页面;
在预设浏览器模型上加载测试页面,其中,预设浏览器模型根据不同型号的移动终端的特征参数建立;
根据测试页面在预设浏览器模型中的显示界面,确定测试页面的显示效果得分;
根据显示效果得分,确定网页应用是否在预设浏览器模型所对应移动终端上正常显示。
假设上述为第一种可能的实施方式,则在第一种可能的实施方式作为基础而提供的第二种可能的实施方式中,终端的存储器中,还包含用于执行以下操作的指令:在预设浏览器模型上加载测试页面之前,还包括:
获取不同型号的移动终端的特征参数;
根据每种型号的移动终端的特征参数,建立每种型号的移动终端对应的预设浏览器模型。
在第二种可能的实施方式作为基础而提供的第三种可能的实施方式中,终端的存储器中,还包含用于执行以下操作的指令:获取不同型号的移动终端的特征参数,包括:
获取上一轮测试网页应用的移动终端的反馈信息,其中,反馈信息携带移动终端的型号;
根据移动终端的型号,查找指定移动终端数据网站,得到移动终端的特征参数,其中,特征参数至少包括移动终端的屏幕大小、每英寸像素数、分辨率。
在第二种可能的实施方式作为基础而提供的第四种可能的实施方式中,终端的存储器中,还包含用于执行以下操作的指令:获取不同型号的移动终端的特征参数,包括:
根据指定移动终端数据网站实时更新的数据,抓取新上市的移动终端型号及特征参数,其中,特征参数至少包括移动终端的屏幕大小、每英寸像素数、分辨率。
在第一种可能的实施方式作为基础而提供的第五种可能的实施方式中,终端的存储器中,还包含用于执行以下操作的指令:根据测试页面在预设浏览器模型中的显示界面,确定测试页面的显示效果得分,包括:
根据预设浏览器模型显示的测试页面的实际显示图片,确定实际显示图片与测试页面的显示效果样本图片之间的相似度;
根据相似度,确定测试页面的显示效果得分。
在第一种可能的实施方式作为基础而提供的第六种可能的实施方式中,终端的存储器中,还包含用于执行以下操作的指令:根据测试页面在预设浏览器模型中的显示界面,确定测试页面的显示效果得分,包括:
根据预设浏览器模型显示的测试页面的实际显示图片和测试页面的显示效果样本图片,确定实际显示图片中的文字是否发生形变;
当确定实际显示图片中的文字发生形变时,确定实际显示图片中的文字形变量;
根据文字形变量,确定测试页面的显示效果得分。
在第一种可能的实施方式作为基础而提供的第七种可能的实施方式中,终端的存储器中,还包含用于执行以下操作的指令:根据显示效果得分,确定网页应用是否在预设浏览器模型所对应移动终端上正常显示,包括:
当显示效果得分高于指定显示效果得分时,确定网页应用在预设浏览器模型所对应移动终端上正常显示,其中,指定显示效果得分为预先为预设浏览器模型所对应的移动终端设置的;
当显示效果得分不高于指定显示效果得分时,确定网页应用不能在预设浏览器模型所对应移动终端上正常显示。
本发明实施例提供的计算机可读存储介质,通过预设浏览器模型加载待测试的网页应用的测试页面,并根据测试页面在预设浏览器模型的显示界面,确定测试页面的显示效果得分,从而可以根据显示效果得分,确定网页应用是否在预设浏览器模型所对应移动终端上正常显示。由于通过预设浏览器模型可以加载测试页面,从而无需通过移动终端上的浏览器加载测试页面,也就无需通过实体移动终端实现,因而无需购买各种型号的移动终端,使得测试成本比较低。由于测试过程无需人工参与,不仅测试成本比较低,而且测试效率比较高。另外,由于通过根据移动终端的特征参数建立的浏览器模型进行网页应用的显示效果测试,使得测试过程不受限于所购买的移动终端的型号,使得测试方式更加灵活。
本发明实施例中提供了一种图形用户接口,该图形用户接口用在终端上,该终端包括触摸屏显示器、存储器和用于执行一个或者一个以上的程序的一个或者一个以上的处理器;该图形用户接口包括:
获取待测试的网页应用的测试页面;
在预设浏览器模型上加载测试页面,其中,预设浏览器模型根据不同型号的移动终端的特征参数建立;
根据测试页面在预设浏览器模型中的显示界面,确定测试页面的显示效果得分;
根据显示效果得分,确定网页应用是否在预设浏览器模型所对应移动终端上正常显示。
本发明实施例提供的图形用户接口,通过预设浏览器模型加载待测试的网页应用的测试页面,并根据测试页面在预设浏览器模型的显示界面,确定测试页面的显示效果得分,从而可以根据显示效果得分,确定网页应用是否在预设浏览器模型所对应移动终端上正常显示。由于通过预设浏览器模型可以加载测试页面,从而无需通过移动终端上的浏览器加载测试页面,也就无需通过实体移动终端实现,因而无需购买各种型号的移动终端,使得测试成本比较低。由于测试过程无需人工参与,不仅测试成本比较低,而且测试效率比较高。另外,由于通过根据移动终端的特征参数建立的浏览器模型进行网页应用的显示效果测试,使得测试过程不受限于所购买的移动终端的型号,使得测试方式更加灵活。
需要说明的是:上述实施例提供的网页应用的显示效果测试装置在测试网页应用的显示效果时,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将装置的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。另外,上述实施例提供的网页应用的显示效果测试装置与网页应用的显示效果测试方法实施例属于同一构思,其具体实现过程详见方法实施例,这里不再赘述。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
以上所述仅为本发明的较佳实施例,并不用以限制本发明,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (10)
1.一种网页应用的显示效果测试方法,其特征在于,所述方法包括:
获取待测试的网页应用的测试页面;
在预设浏览器模型上加载所述测试页面,其中,预设浏览器模型根据不同型号的移动终端的特征参数建立;
根据所述测试页面在所述预设浏览器模型中的显示界面,确定所述测试页面的显示效果得分;
根据所述显示效果得分,确定所述网页应用是否在所述预设浏览器模型所对应移动终端上正常显示。
2.根据权利要求1所述的方法,其特征在于,所述在预设浏览器模型上加载所述测试页面之前,还包括:
获取不同型号的移动终端的特征参数;
根据每种型号的移动终端的特征参数,建立每种型号的移动终端对应的预设浏览器模型。
3.根据权利要求2所述的方法,其特征在于,所述获取不同型号的移动终端的特征参数,包括:
获取上一轮测试所述网页应用的移动终端的反馈信息,所述反馈信息携带所述移动终端的型号;根据所述移动终端的型号,查找指定移动终端数据网站,得到所述移动终端的特征参数,所述特征参数至少包括所述移动终端的屏幕大小、每英寸像素数、分辨率;
或者,根据指定移动终端数据网站实时更新的数据,抓取新上市的移动终端型号及特征参数,所述特征参数至少包括所述移动终端的屏幕大小、每英寸像素数、分辨率。
4.根据权利要求1所述的方法,其特征在于,所述根据所述测试页面在所述预设浏览器模型中的显示界面,确定所述测试页面的显示效果得分,包括:
根据所述预设浏览器模型显示的所述测试页面的实际显示图片,确定所述实际显示图片与所述测试页面的显示效果样本图片之间的相似度;
根据所述相似度,确定所述测试页面的显示效果得分。
5.根据权利要求1所述的方法,其特征在于,所述根据所述测试页面在所述预设浏览器模型中的显示界面,确定所述测试页面的显示效果得分,包括:
根据所述预设浏览器模型显示的所述测试页面的实际显示图片和所述测试页面的显示效果样本图片,确定所述实际显示图片中的文字是否发生形变;
当确定所述实际显示图片中的文字发生形变时,确定所述实际显示图片中的文字形变量;
根据所述文字形变量,确定所述测试页面的显示效果得分。
6.一种网页应用的显示效果测试装置,其特征在于,所述装置包括:
第一获取模块,用于获取待测试的网页应用的测试页面;
加载模块,用于在预设浏览器模型上加载所述测试页面,其中,预设浏览器模型根据不同型号的移动终端的特征参数建立;
第一确定模块,用于根据所述测试页面在所述预设浏览器模型中的显示界面,确定所述测试页面的显示效果得分;
第二确定模块,用于根据所述显示效果得分,确定所述网页应用是否在所述预设浏览器模型所对应移动终端上正常显示。
7.根据权利要求6所述的装置,其特征在于,所述装置还包括:
第二获取模块,用于获取不同型号的移动终端的特征参数;
建立模块,用于根据每种型号的移动终端的特征参数,建立每种型号的移动终端对应的预设浏览器模型。
8.根据权利要求7所述的装置,其特征在于,所述第二获取模块,用于获取上一轮测试所述网页应用的移动终端的反馈信息,所述反馈信息携带所述移动终端的型号;根据所述移动终端的型号,查找指定移动终端数据网站,得到所述移动终端的特征参数,所述特征参数至少包括所述移动终端的屏幕大小、每英寸像素数、分辨率;
或者,所述第二获取模块,用于根据指定移动终端数据网站实时更新的数据,抓取新上市的移动终端型号及特征参数,所述特征参数至少包括所述移动终端的屏幕大小、每英寸像素数、分辨率。
9.根据权利要求6所述的装置,其特征在于,所述第一确定模块包括:
第一确定单元,用于根据所述预设浏览器模型显示的所述测试页面的实际显示图片,确定所述实际显示图片与所述测试页面的显示效果样本图片之间的相似度;
第二确定单元,用于根据所述相似度,确定所述测试页面的显示效果得分。
10.根据权利要求6所述的装置,其特征在于,所述第一确定模块包括:
第三确定单元,用于根据所述预设浏览器模型显示的所述测试页面的实际显示图片和所述测试页面的显示效果样本图片,确定所述实际显示图片中的文字是否发生形变;
第四确定单元,用于当确定所述实际显示图片中的文字发生形变时,确定所述实际显示图片中的文字形变量;
第五确定单元,用于根据所述文字形变量,确定所述测试页面的显示效果得分。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510082215.7A CN104636255A (zh) | 2015-02-14 | 2015-02-14 | 网页应用的显示效果测试方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510082215.7A CN104636255A (zh) | 2015-02-14 | 2015-02-14 | 网页应用的显示效果测试方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN104636255A true CN104636255A (zh) | 2015-05-20 |
Family
ID=53215039
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510082215.7A Pending CN104636255A (zh) | 2015-02-14 | 2015-02-14 | 网页应用的显示效果测试方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104636255A (zh) |
Cited By (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105335295A (zh) * | 2015-12-01 | 2016-02-17 | 上海斐讯数据通信技术有限公司 | 响应式布局界面的测试方法、系统及浏览器 |
CN105847504A (zh) * | 2016-03-07 | 2016-08-10 | 乐视移动智能信息技术(北京)有限公司 | 可调度数眼镜放大手机屏幕信息的方法及可调度数眼镜 |
CN105955888A (zh) * | 2016-05-04 | 2016-09-21 | 腾讯科技(深圳)有限公司 | 一种页面调试预览方法及系统 |
CN106168922A (zh) * | 2016-06-30 | 2016-11-30 | 百度在线网络技术(北京)有限公司 | 一种终端界面显示的测试方法和装置 |
CN106201898A (zh) * | 2016-07-26 | 2016-12-07 | 北京班墨科技有限责任公司 | 一种基于人工智能的测试软件的方法及装置 |
CN106502644A (zh) * | 2016-09-23 | 2017-03-15 | 广州华多网络科技有限公司 | 直播间电子赠品的赠送显示效果控制方法、装置及设备 |
CN107451047A (zh) * | 2016-05-31 | 2017-12-08 | 广州市动景计算机科技有限公司 | 浏览器功能测试方法、系统及电子设备 |
CN107894948A (zh) * | 2016-12-30 | 2018-04-10 | 上海亿账通互联网科技有限公司 | 分辨率兼容性测试的方法及装置 |
CN108173702A (zh) * | 2016-12-07 | 2018-06-15 | 腾讯科技(深圳)有限公司 | 一种移动设备性能评测方法、装置、客户端以及系统 |
CN108334451A (zh) * | 2018-01-30 | 2018-07-27 | 无线生活(杭州)信息科技有限公司 | 页面兼容性测试方法及装置 |
CN110597584A (zh) * | 2019-08-15 | 2019-12-20 | 香港乐蜜有限公司 | 一种页面适配的测试方法、装置、电子设备及存储介质 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2004279989A (ja) * | 2003-03-19 | 2004-10-07 | Sharp Corp | ネットワーク映像調整システム |
JP2009157771A (ja) * | 2007-12-27 | 2009-07-16 | Ntt Communications Kk | 画面表示用情報提供装置、画面表示用情報提供方法、及びプログラム |
CN102364460A (zh) * | 2011-06-28 | 2012-02-29 | 广州市动景计算机科技有限公司 | 基于移动终端的页面自动放大方法和系统 |
CN103365764A (zh) * | 2012-03-27 | 2013-10-23 | 百度在线网络技术(北京)有限公司 | 一种无线页面测试方法与设备 |
CN103678105A (zh) * | 2012-09-17 | 2014-03-26 | 百度在线网络技术(北京)有限公司 | 一种页面代码的测试方法和装置 |
CN103870173A (zh) * | 2012-12-10 | 2014-06-18 | 联想(北京)有限公司 | 一种显示方法及电子设备 |
CN104252410A (zh) * | 2013-06-27 | 2014-12-31 | 阿里巴巴集团控股有限公司 | 一种对页面中的控件进行测试的方法和设备 |
-
2015
- 2015-02-14 CN CN201510082215.7A patent/CN104636255A/zh active Pending
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2004279989A (ja) * | 2003-03-19 | 2004-10-07 | Sharp Corp | ネットワーク映像調整システム |
JP2009157771A (ja) * | 2007-12-27 | 2009-07-16 | Ntt Communications Kk | 画面表示用情報提供装置、画面表示用情報提供方法、及びプログラム |
CN102364460A (zh) * | 2011-06-28 | 2012-02-29 | 广州市动景计算机科技有限公司 | 基于移动终端的页面自动放大方法和系统 |
CN103365764A (zh) * | 2012-03-27 | 2013-10-23 | 百度在线网络技术(北京)有限公司 | 一种无线页面测试方法与设备 |
CN103678105A (zh) * | 2012-09-17 | 2014-03-26 | 百度在线网络技术(北京)有限公司 | 一种页面代码的测试方法和装置 |
CN103870173A (zh) * | 2012-12-10 | 2014-06-18 | 联想(北京)有限公司 | 一种显示方法及电子设备 |
CN104252410A (zh) * | 2013-06-27 | 2014-12-31 | 阿里巴巴集团控股有限公司 | 一种对页面中的控件进行测试的方法和设备 |
Cited By (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105335295A (zh) * | 2015-12-01 | 2016-02-17 | 上海斐讯数据通信技术有限公司 | 响应式布局界面的测试方法、系统及浏览器 |
CN105847504A (zh) * | 2016-03-07 | 2016-08-10 | 乐视移动智能信息技术(北京)有限公司 | 可调度数眼镜放大手机屏幕信息的方法及可调度数眼镜 |
CN105955888A (zh) * | 2016-05-04 | 2016-09-21 | 腾讯科技(深圳)有限公司 | 一种页面调试预览方法及系统 |
CN107451047A (zh) * | 2016-05-31 | 2017-12-08 | 广州市动景计算机科技有限公司 | 浏览器功能测试方法、系统及电子设备 |
CN106168922A (zh) * | 2016-06-30 | 2016-11-30 | 百度在线网络技术(北京)有限公司 | 一种终端界面显示的测试方法和装置 |
CN106201898A (zh) * | 2016-07-26 | 2016-12-07 | 北京班墨科技有限责任公司 | 一种基于人工智能的测试软件的方法及装置 |
CN106201898B (zh) * | 2016-07-26 | 2018-12-04 | 北京班墨科技有限责任公司 | 一种基于人工智能的测试软件的方法及装置 |
CN106502644A (zh) * | 2016-09-23 | 2017-03-15 | 广州华多网络科技有限公司 | 直播间电子赠品的赠送显示效果控制方法、装置及设备 |
CN108173702A (zh) * | 2016-12-07 | 2018-06-15 | 腾讯科技(深圳)有限公司 | 一种移动设备性能评测方法、装置、客户端以及系统 |
CN108173702B (zh) * | 2016-12-07 | 2021-03-16 | 腾讯科技(深圳)有限公司 | 一种移动设备性能评测方法、装置、客户端以及系统 |
CN107894948A (zh) * | 2016-12-30 | 2018-04-10 | 上海亿账通互联网科技有限公司 | 分辨率兼容性测试的方法及装置 |
CN108334451A (zh) * | 2018-01-30 | 2018-07-27 | 无线生活(杭州)信息科技有限公司 | 页面兼容性测试方法及装置 |
CN108334451B (zh) * | 2018-01-30 | 2022-02-01 | 无线生活(杭州)信息科技有限公司 | 页面兼容性测试方法及装置 |
CN110597584A (zh) * | 2019-08-15 | 2019-12-20 | 香港乐蜜有限公司 | 一种页面适配的测试方法、装置、电子设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104636255A (zh) | 网页应用的显示效果测试方法及装置 | |
CN105320598A (zh) | 软件测试方法及装置 | |
CN105528297A (zh) | 对web页面进行测试的方法及装置 | |
CN104869468A (zh) | 一种显示弹幕信息的方法和装置 | |
CN104834529A (zh) | 一种应用的性能优化的方法及装置 | |
CN104850434A (zh) | 多媒体资源下载方法及装置 | |
CN104516812A (zh) | 一种软件测试方法和装置 | |
CN105320701A (zh) | 功能点测试实现方式的筛选方法、装置及终端 | |
CN104954159A (zh) | 一种网络信息统计的方法和装置 | |
CN105049470A (zh) | 事件确认方法、装置及系统 | |
CN103945241A (zh) | 一种流媒体数据的统计方法、系统及相关装置 | |
CN104809055B (zh) | 一种基于云平台的应用程序测试方法和装置 | |
CN104539571A (zh) | 信息交互方法、身份鉴权方法、服务器及终端 | |
CN105530239A (zh) | 多媒体数据获取方法及装置 | |
CN103177217A (zh) | 一种文件扫描方法、系统及客户端和服务器 | |
CN105512150A (zh) | 一种信息搜索方法及装置 | |
CN104699501A (zh) | 一种运行应用程序的方法及装置 | |
CN105550316A (zh) | 音频列表的推送方法及装置 | |
CN103399706A (zh) | 页面交互方法、装置及终端 | |
CN105227598A (zh) | 一种基于云存储的资源分享方法、装置和系统 | |
CN105302804A (zh) | 业务账单的显示方法、终端及服务器 | |
CN112749074A (zh) | 一种测试用例推荐方法以及装置 | |
CN108874653A (zh) | 任务测试方法、测试机、共享服务器和可读存储介质 | |
CN104102560A (zh) | 系统性能测试的方法及装置 | |
CN104836716A (zh) | 一种基于关系链的排序方法、装置和系统 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
CB02 | Change of applicant information | ||
CB02 | Change of applicant information |
Address after: 511446 Guangzhou City, Guangdong Province, Panyu District, South Village, Huambo Business District Wanda Plaza, block B1, floor 28 Applicant after: Guangzhou Huaduo Network Technology Co., Ltd. Address before: 510655, Guangzhou, Whampoa Avenue, No. 2, creative industrial park, building 3-08, Applicant before: Guangzhou Huaduo Network Technology Co., Ltd. |
|
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20150520 |