CN111597102A - 一种页面性能的测试方法、终端及存储介质 - Google Patents
一种页面性能的测试方法、终端及存储介质 Download PDFInfo
- Publication number
- CN111597102A CN111597102A CN201910129441.4A CN201910129441A CN111597102A CN 111597102 A CN111597102 A CN 111597102A CN 201910129441 A CN201910129441 A CN 201910129441A CN 111597102 A CN111597102 A CN 111597102A
- Authority
- CN
- China
- Prior art keywords
- picture
- loading
- page
- modified
- 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.)
- Pending
Links
- 238000012360 testing method Methods 0.000 title claims abstract description 64
- 238000000034 method Methods 0.000 claims abstract description 53
- 230000000694 effects Effects 0.000 claims description 16
- 230000004044 response Effects 0.000 claims description 15
- 238000013507 mapping Methods 0.000 claims description 10
- 238000004891 communication Methods 0.000 claims description 9
- 238000010998 test method Methods 0.000 claims 1
- 230000008569 process Effects 0.000 description 9
- 238000010586 diagram Methods 0.000 description 7
- 238000005516 engineering process Methods 0.000 description 5
- 238000012545 processing Methods 0.000 description 5
- 230000000007 visual effect Effects 0.000 description 5
- 238000012986 modification Methods 0.000 description 4
- 230000004048 modification Effects 0.000 description 4
- 230000008859 change Effects 0.000 description 3
- 230000003068 static effect Effects 0.000 description 3
- 239000000284 extract Substances 0.000 description 2
- 238000011056 performance test Methods 0.000 description 2
- 238000004088 simulation Methods 0.000 description 2
- 238000012795 verification Methods 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 239000000463 material Substances 0.000 description 1
- 238000005259 measurement Methods 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 239000013589 supplement Substances 0.000 description 1
- 230000016776 visual perception Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/36—Preventing errors by testing or debugging software
- G06F11/3604—Software analysis for verifying properties of programs
- G06F11/3612—Software analysis for verifying properties of programs by runtime analysis
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/36—Preventing errors by testing or debugging software
- G06F11/3668—Software testing
- G06F11/3672—Test management
- G06F11/3688—Test management for test execution, e.g. scheduling of test suites
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Computer Hardware Design (AREA)
- Quality & Reliability (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Information Transfer Between Computers (AREA)
- Debugging And Monitoring (AREA)
Abstract
本发明实施例提供一种页面性能的测试方法、终端及存储介质，该页面性能的测试方法包括：加载包括第一图片的网页浏览器页面，并获得网页浏览器页面的第一性能参数；对第一图片的属性信息进行修改，并保存修改后的第一至第一图片所在的存储区域；获取关于网页浏览器页面的加载指令，响应加载指令，从存储区域中提取修改后的第一图片，加载包含修改后的第一图片的目标网页浏览器页面，并获得目标网页浏览器页面的第二性能参数；基于第一性能参数和第二性能参数，测试目标网页浏览器页面的页面性能。
Description
技术领域
本发明涉及但不限于计算机技术领域，尤其涉及一种页面性能的测试方法、终端及存储介质。
背景技术
相关技术中，在进行网页浏览器(Web Browser)页面性能的测试时，由于WebBrowser的开发者工具针对页面中的图片信息无法提供测试人员想要的验证环境，这样，测试人员则无法对Web页面中的图片进行修改；那么，测试人员只能猜测Web页面中的图片对页面性能的影响，而无法基于测试数据分析Web页面中的图片对页面性能的影响。
发明内容
本发明实施例提供一种页面性能的测试方法、终端及存储介质，以解决相关技术中测试人员只能猜测Web页面中的图片对页面性能的影响，而无法基于测试数据分析Web页面中的图片对页面性能的影响的问题。
本发明实施例的技术方案是这样实现的：
第一方面，本发明实施例提供一种页面性能的测试方法，所述方法包括：
加载包括第一图片的网页浏览器页面，并获得所述网页浏览器页面的第一性能参数；
对所述第一图片的属性信息进行修改，并保存修改后的第一图片至所述第一图片所在的存储区域；
获取关于所述网页浏览器页面的加载指令，响应所述加载指令，从所述存储区域中提取所述修改后的第一图片，加载包含所述修改后的第一图片的目标网页浏览器页面，并获得所述目标网页浏览器页面的第二性能参数；
基于所述第一性能参数和所述第二性能参数，测试所述目标网页浏览器页面的页面性能。
可选的，所述保存修改后的第一图片至所述第一图片所在的存储区域之后，所述方法还包括：
获取所述第一图片的标识，并设置所述修改后的第一图片的标识为所述第一图片的标识；
针对所述第一图片修改所述第一图片的标识；其中，所述第一图片的标识与针对所述第一图片修改所述第一图片的标识所得到的标识不同；
相应的，所述响应所述加载指令，从所述存储区域中提取所述修改后的第一图片，包括：
响应所述加载指令，基于所述第一图片的标识从所述存储区域中提取所述修改后的第一图片。
可选的，所述对所述第一图片的属性信息进行修改，包括：
获取与所述第一图片的显示效果关联的第一配置信息；
基于所述第一配置信息，对所述第一图片的属性信息进行修改，得到修改后的第一图片。
可选的，所述获取与所述第一图片的显示效果关联的第一配置信息，包括：
获取与所述第一图片的原始尺寸和/或原始显示参数；
设置与所述原始尺寸不同的目标尺寸，和/或设置与所述原始显示参数不同的目标显示参数；其中，所述第一配置信息包括所述目标尺寸和所述目标显示参数。
可选的，所述基于所述第一配置信息，对所述第一图片的属性信息进行修改，包括：
更改所述第一图片的尺寸为所述目标尺寸，和/或更改所述第一图片的显示参数为所述目标显示参数，得到所述修改后的第一图片。
可选的，所述对所述第一图片的属性信息进行修改，得到修改后的第一图片，包括：
获取与所述第一图片的加载时长关联的第二配置信息；
基于所述第二配置信息，对所述第一图片的属性信息进行修改，得到修改后的第一图片。
可选的，所述获取与所述第一图片的加载时长关联的第二配置信息，包括：
获取与所述第一图片的加载时长关联的原始加载方式；
设置与所述原始加载方式不同的目标加载方式；其中，所述第二配置信息包括所述目标加载方式。
可选的，所述基于所述第二配置信息，对所述第一图片的属性信息进行修改，包括：
更改所述第一图片的加载方式为所述目标加载方式，得到所述修改后的第一图片。
可选的，所述对所述第一图片的属性信息进行修改，包括：
获取所述第一图片所在的存储区域的第一地址；
获取与所第一图片不同的第二图片所在的存储区域的第二地址；
建立所述第一地址与第二地址的映射关系；
基于所述映射关系，用所述第二图片替换所述第一图片，得到所述修改后的第一图片。
可选的，所述基于所述第一性能参数和所述第二性能参数，测试所述目标网页浏览器页面的页面性能之后，所述方法还包括：
若基于所述第一性能参数和所述第二性能参数，确定所述目标网页浏览器页面的页面性能符合预设页面性能，且获取到针对所述网页浏览器页面的加载指令，响应所述加载指令，加载所述目标网页浏览器页面。
第二方面，本发明实施例提供一种终端，所述终端包括：处理器、存储器和通信总线；
所述通信总线用于实现处理器和存储器之间的通信连接；
所述处理器用于执行存储器中存储的页面性能的测试程序，以实现以下步骤：
加载包括第一图片的网页浏览器页面，并获得所述网页浏览器页面的第一性能参数；
对所述第一图片的属性信息进行修改，并保存修改后的第一图片至所述第一图片所在的存储区域；
获取关于所述网页浏览器页面的加载指令，响应所述加载指令，从所述存储区域中提取所述修改后的第一图片，加载包含所述修改后的第一图片的目标网页浏览器页面，并获得所述目标网页浏览器页面的第二性能参数；
基于所述第一性能参数和所述第二性能参数，测试所述目标网页浏览器页面的页面性能。
第三方面，本发明实施例提供一种存储介质，所述存储介质存储有一个或者多个程序，所述一个或者多个程序可被一个或者多个处理器执行，以实现上述所述的页面性能的测试方法的步骤。
应用本发明实施例实现以下有益效果：实现web页面的页面性能的测试，检测和提高了web页面的性能。为测试人员定位web页面的页面性能问题提供了依据。同时，补充了现有的mock测试技术无法mock图片类资源的途径。通过模拟这些测试场景，帮助测试更好地定位性能问题。如测试人员发现web页面首屏加载耗时的根源是一张大尺寸的图片，若能够屏蔽加载该图片，则可以对比两者加载时长的差距，用于确定性能问题根源。本发明实施例提供的页面性能的测试方法，解决了相关技术中web性能测试场景中的无法模拟图片资源的测试场景；不仅可以实现改变图片的加载方式，如通过懒加载方式加载原始图片，进而分析懒加载模式下的加载时长能够提升多少。而且可以通过优化图片尺寸，测试加载时长能够提升多少。还可以测试修改后的网页浏览器中的图片的视觉感受是否可以接受。也就是说，本发明实施例中提供的页面性能的测试方法，针对网页浏览器页面中的图片构建出良好的测试环境，进而基于该测试环境分析修改图片的属性信息对网页浏览器页面的页面性能所产生的影响，帮助测试人员定位影响页面性能问题的根源，进而提升网页浏览器的性能指标。
因为采用加载包括第一图片的网页浏览器页面，并获得网页浏览器页面的第一性能参数；对第一图片的属性信息进行修改，并保存修改后的第一图片至第一图片所在的存储区域；获取关于网页浏览器页面的加载指令，响应加载指令，从存储区域中提取修改后的第一图片，加载包含修改后的第一图片的目标网页浏览器页面，并获得目标网页浏览器页面的第二性能参数；基于第一性能参数和第二性能参数，测试目标网页浏览器页面的页面性能；如此，解决了相关技术中测试人员只能猜测Web页面中的图片对页面性能的影响，而无法基于测试数据分析Web页面中的图片对页面性能的影响的问题；实现了基于实测数据分析修改网页浏览器页面中的图片对页面性能的影响；进而帮助测试人员准确地定位由于图片所导致的性能问题。
附图说明
图1本发明实施例提供的一种页面性能的测试方法的流程示意图；
图2本发明实施例提供的一种终端的结构示意图；
图3本发明实施例提供的另一种页面性能的测试方法的流程示意图；
图4本发明实施例提供的一种终端的界面示意图；
图5本发明实施例提供的一种网页浏览器代码的示意图；
图6本发明实施例提供的一种页面性能的测试方法的第一效果示意图；
图7本发明实施例提供的又一种页面性能的测试方法的流程示意图；
图8本发明另一实施例提供的一种页面性能的测试方法的流程示意图；
图9本发明实施例提供的另一种网页浏览器代码的示意图；
图10本发明实施例提供的一种页面性能的测试方法的第二效果示意图；
图11本发明实施例提供的一种终端的结构示意图。
具体实施方式
为了使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明作进一步地详细描述，所描述的实施例不应视为对本发明的限制，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本发明保护的范围。
除非另有定义，本文所使用的所有的技术和科学术语与属于本发明的技术领域的技术人员通常理解的含义相同。本文中所使用的术语只是为了描述本发明实施例的目的，不是旨在限制本发明。
相关技术中，目前主流的浏览器都提供开发者工具，提供对网页浏览器的页面性能指标的描述；页面性能所对应的指标可以包括如下信息：页面加载时长，页面加载所需流量大小，页面加载所请求的资源数，以及页面加载所需的各个资源的详情等。测试人员可以通过该工具测试页面性能，度量一些性能指标。摹客(Mock)工具：目前一些主流的web代理工具，例如Fiddler和Charles支持对请求资源的篡改，包括对请求的篡改或者对响应的篡改。例如，如果我请求的链接是http://www.jd.com/a.txt，这个文本txt内容是“hello,world”，则利用Fiddler的修改规则，我可以把内容改成“hello,xiaoming”。然而，相关技术中的开发者工具，无法模拟一些特定的测试场景。就web性能测试来说，页面首屏的加载时长，受图片大小，图片数量，js文件运行时长，dom节点数渲染，css文件解析等一系列因素影响，测试人员在无法操作web页面源代码的情况下，只能通过现有的性能度量数据做分析判断，猜测具体的性能问题根源。但开发者工具针对网页浏览器页面中的图片无法提供给用户想要的验证环境，例如，测试人员判断图片大小导致加载时长过长，却无法实现一个用精简后的图片再一次验证加载时长的测试场景，类似场景包括需要懒加载的图片。现有的Fiddler，Charles工具可以提供文本文件的篡改，例如html文件，css文件，js文件，通过修改源代码html文件，可以屏蔽部分静态图片资源位，却无法屏蔽由js执行带来的动态加载场景。而且，现有的配置主机(host)方法可以实现图片资源的特定服务器重定向，但是由于host是域名导向的，这种方式会导致所有该域名下的图片都会去请求测试图片服务器，无法做到定制化需求。
本发明实施例提供一种页面性能的测试方法，该方法应用于终端，参见图1所示，该方法包括：
步骤101、加载包括第一图片的网页浏览器页面，并获得网页浏览器页面的第一性能参数。
本发明实施例中，第一性能参数包括网页浏览器页面的加载时长、加载网页浏览器页面所需网络资源和/或加载网页浏览器页面所呈现的视觉效果。这里，第一图片指的是测试网页浏览器页面的页面性能所要修改的图片。
本发明实施例中，终端在接收到加载包括第一图片的网页浏览器页面的指令后，响应该指令，加载包括第一图片的网页浏览器页面，并获得网页浏览器页面的第一性能参数。
步骤102、对第一图片的属性信息进行修改，并保存修改后的第一图片至第一图片所在的存储区域。
本发明实施例中，终端在加载包括第一图片的网页浏览器页面，并获得网页浏览器页面的第一性能参数之后，可以更改第一图片的属性信息，得到修改后的第一图片，并保存修改后的第一图片至第一图片所在的存储区域；如此，构造出一个针对网页浏览器页面的图片进行修改后的测试环境。
参见图2所示，示例性的，本发明实施例中的终端可以包括客户端和模拟服务端，其中，终端中的客户端包括开发者工具、网页浏览器、配置平台和数据库；模拟服务器包括内容分发网络(Content Delivery Network，CDN)服务器和图片处理模块。这里，开发者工具用于与网页浏览器交互，在对网页浏览器中的图片修改的情况下，开发者工具可以读取配置平台的关于图片修改的配置信息，同时通过修改方式启动网页浏览器。CDN服务器中存储有网页浏览器关联的所有图片以及对这些图片进行修改后得到的图片。图片处理模块用于基于配置平台的配置信息对网页浏览器中的图片进行修改。示例性的，图片处理模块接收来自配置平台关于图片的统一资源定位符(Uniform Resource Locator，URL)配置，根据关于图片的URL配置的配置要求，修改图片的尺寸，并保存在CDN服务器上。
在实际应用中，示例性的，终端接收到关于web页面中的一张图片的请求http://img.360buyimg.com/1.png，所请求图片的图片尺寸为100*100，终端基于该请求找到该图片，并通过配置平台配置需修改后的大小，例如50*50；进而终端通过图片处理模块对该图片进行尺寸修改，并将修改后的图片存储在CDN服务器中。当然，终端还可以通过图片处理模块对图片的其他属性信息进行修改，如对图片的加载方式进行修改。
步骤103、获取关于网页浏览器页面的加载指令，响应加载指令，从存储区域中提取修改后的第一图片，加载包含修改后的第一图片的目标网页浏览器页面，并获得目标网页浏览器页面的第二性能参数。
本发明实施例中，第二性能参数包括网页浏览器页面的加载时长、加载网页浏览器页面所需网络资源和/或加载网页浏览器页面所呈现的视觉效果。这里，第二性能参数是加载目标网页浏览器页面所得到的实测参数。本发明实施例中，终端对第一图片的属性信息进行修改，得到修改后的第一图片，并保存修改后的第一图片至第一图片所在的存储区域之后，在加载目标网页浏览器页面的过程中，从存储区域中提取修改后的第一图片，加载的是包含修改后的第一图片的目标网页浏览器页面，并获得目标网页浏览器页面的第二性能参数；进而，终端可以将第一性能参数和第二性能参数作为分析图片对网页浏览器页面的页面性能的有力依据。
步骤104、基于第一性能参数和第二性能参数，测试目标网页浏览器页面的页面性能。
本发明实施例中，终端获取到第一性能参数和第二性能参数之后，基于第一性能参数和第二性能参数，测试目标网页浏览器页面的页面性能。例如，终端分析第一性能参数和第二性能参数之间的关联关系，进而确定修改网页浏览器页面中包含的第一图片的属性信息，对网页浏览器页面的加载所产生的性能影响。
本发明实施例所提供的页面性能的测试方法，加载包括第一图片的网页浏览器页面，并获得网页浏览器页面的第一性能参数；对第一图片的属性信息进行修改，得到修改后的第一图片，并保存修改后的第一图片至第一图片所在的存储区域；获取关于网页浏览器页面的加载指令，响应加载指令，从存储区域中提取修改后的第一图片，加载包含修改后的第一图片的目标网页浏览器页面，并获得目标网页浏览器页面的第二性能参数；基于第一性能参数和第二性能参数，测试目标网页浏览器页面的页面性能；如此，解决了相关技术中测试人员只能猜测Web页面中的图片对页面性能的影响，而无法基于测试数据分析Web页面中的图片对页面性能的影响的问题；实现了基于实测数据分析修改网页浏览器页面中的图片对页面性能的影响；进而帮助测试人员准确地定位由于图片所导致的性能问题。
根据前述实施例，本发明实施例提供一种页面性能的测试方法，该方法应用于终端，参见图3所示，该方法包括：
步骤201、加载包括第一图片的网页浏览器页面，并获得网页浏览器页面的第一性能参数。
步骤202、获取与第一图片的加载时长关联的第二配置信息。
本发明实施例中，步骤202获取与第一图片的加载时长关联的第二配置信息，包括：
步骤b1、获取与第一图片的加载时长关联的原始加载方式。
本发明实施例中，在加载网页浏览器页面的过程中，第一图片的加载方式不同，第一图片对应的加载时长不同。
步骤b2、设置与原始加载方式不同的目标加载方式。
其中，第二配置信息包括目标加载方式。
本发明实施例中，目标加载方式与原始加载方式不同；也就是说，针对第一图片调整加载方式，进而实现检测到不同加载方式下加载第一图片所需的加载时长。
参见图4测试人员可以选择忽略加载网页浏览器页面中的第一图片；结合图5所示，在测试人员设置好忽略加载网页浏览器页面中的第一图片的代码之后，开发者工具启动网页浏览器代码，其中，link＝＝‘https://m.***.com/static/index/plus/plus_logo.png’以及requeste.abort()；表征忽略加载百度首页的logo图像。这里，忽略加载，用于模拟该百度首页的logo图像素材实现懒加载的效果。
步骤203、基于第二配置信息，对第一图片的属性信息进行修改。
本发明实施例中，步骤203基于第二配置信息，对第一图片的属性信息进行修改，包括：更改第一图片的加载方式为目标加载方式。
本发明实施例中，终端在设置好目标加载方式之后，更改网页浏览器页面中包含的第一图片的加载方式为目标加载方式，得到目标网页浏览器页面。
步骤204、获取关于网页浏览器页面的加载指令，响应加载指令，从存储区域中提取修改后的第一图片，加载包含修改后的第一图片的目标网页浏览器页面，并获得目标网页浏览器页面的第二性能参数。
本发明实施例中，第二性能参数表征加载目标网页浏览器页面所产生的性能参数。例如，以忽略方式加载即懒加载方式加载目标网页浏览器页面中的第一图片所得到的性能参数。
示例性的，参见图6所示，加载目标网页浏览器页面后，从页面上显示的信息中可以看到百度首页的logo图像被忽略掉了，对应的该图像的加载时间为0如图6中被框选中的瀑布图waterfall对应的时长为0。
步骤205、基于第一性能参数和第二性能参数，测试目标网页浏览器页面的页面性能。
本发明实施例中，示例性的，第一性能参数可以是加载网页浏览器页面的过程中以原始加载方式如正常显示方式加载第一图片所对应的第一时长；第二性能参数可以是加载网页浏览器页面的过程中以目标加载方式如忽略方式加载第一图片所对应的第二时长；基于图6可知，第二时长小于第一时长，表明将第一图片的加载方式从原始加载方式调整为目标加载方式后，能够提高网页浏览器页面的加载速度。
需要说明的是，本实施例中与其它实施例中相同步骤和相同内容的说明，可以参照其它实施例中的描述，此处不再赘述。
根据前述实施例，本发明实施例提供一种页面性能的测试方法，该方法应用于终端，参见图7所示，该方法包括：
步骤301、加载包括第一图片的网页浏览器页面，并获得网页浏览器页面的第一性能参数。
步骤302、获取与第一图片的显示效果关联的第一配置信息。
本发明实施例中，步骤302获取与第一图片的显示效果关联的第一配置信息，包括：
步骤a1、获取与第一图片的原始尺寸和/或原始显示参数。
步骤a2、设置与原始尺寸不同的目标尺寸，和/或设置与原始显示参数不同的目标显示参数。
其中，第一配置信息包括目标尺寸和目标显示参数。
参见图4所示，测试人员可以选择修改网页浏览器页面中的第一图片的尺寸。当然，在修改第一图片的尺寸的同时还可以调整第一图片的显示参数如分辨率。
步骤303、基于第一配置信息，对第一图片的属性信息进行修改，得到修改后的第一图片，并保存修改后的第一图片至第一图片所在的存储区域。
本发明实施例中，步骤303中基于第一配置信息，对第一图片的属性信息进行修改，得到修改后的第一图片，包括：更改第一图片的尺寸为目标尺寸，和/或更改第一图片的显示参数为目标显示参数，得到修改后的第一图片。
本发明实施例中，终端可以更改第一图片的尺寸为目标尺寸，和/或更改第一图片的显示参数为目标显示参数，得到修改后的第一图片。
步骤304、获取第一图片的标识，并设置修改后的第一图片的标识为第一图片的标识。
本发明实施例中，终端可以获取第一图片的标识，并设置修改后的第一图片的标识为第一图片的标识；如此，将修改后的第一图片设置为与第一图片的标识对应的待加载的图片。
步骤305、针对第一图片修改第一图片的标识。
其中，第一图片的标识与针对第一图片修改第一图片的标识所得到的标识不同。
本发明实施例中，终端设置修改后的第一图片的标识为第一图片的标识之后，可以对第一图片进行屏蔽；可以理解地，本发明实施例中可以针对第一图片修改第一图片的标识，以确保一个标识在任一时刻仅对应一张图片。
步骤306、获取关于网页浏览器页面的加载指令，响应加载指令，从存储区域中提取修改后的第一图片，加载包含修改后的第一图片的目标网页浏览器页面，并获得目标网页浏览器页面的第二性能参数。
本发明实施例中，步骤306中响应加载指令，从存储区域中提取修改后的第一图片，包括：响应加载指令，基于第一图片的标识从存储区域中提取修改后的第一图片。
本发明实施例中，终端获取到关于网页浏览器页面的加载指令，响应加载指令，基于第一图片的标识从存储区域中提取修改后的第一图片；进而，终端将提取出的修改后的第一图片作为目标网页浏览器页面所关联的图片，并加载网页浏览器页面。
本发明实施例中，第二性能参数表征加载目标网页浏览器页面所产生的性能参数。例如，在针对目标网页浏览器页面中的第一图片的尺寸调小后得到目标浏览器页面，并加载目标网页浏览器页面所得到的性能参数。
步骤307、基于第一性能参数和第二性能参数，测试目标网页浏览器页面的页面性能。
本发明实施例中，示例性的，第一性能参数可以是加载网页浏览器页面的过程中基于第一图片的原始尺寸加载第一图片所对应的第一时长；第二性能参数可以是基于第一图片的原始尺寸缩小后的尺寸加载图片所对应的第二时长；基于实践可知，第二时长小于第一时长，表明缩小第一图片的尺寸，能够提高网页浏览器页面的加载速度。
步骤308、若基于第一性能参数和第二性能参数，确定目标网页浏览器页面的页面性能符合预设页面性能，且获取到针对网页浏览器页面的加载指令，响应加载指令，加载目标网页浏览器页面。
本发明实施例中，预设页面性能包括网页浏览器页面的预设加载时长、加载网页浏览器页面所需预设网络资源和/或加载网页浏览器页面所呈现的预设视觉效果。示例性的，终端基于第一性能参数和第二性能参数，确定目标网页浏览器页面的页面性能符合预设页面性能，且获取到针对网页浏览器页面的加载指令，响应加载指令，加载目标网页浏览器页面。也就是说，在测试得到理想的加载效果时，如缩小网页浏览器页面的图像的尺寸至目标尺寸后，再加载目标网页浏览器页面时，所对应的加载时长在预设加载时长范围内，则终端自动在接收到针对网页浏览器页面的加载指令时，直接加载目标网页浏览器页面，提升网页浏览器页面的加载速度。需要说明的是，在测试完成后，需要对原有的第一图片去屏蔽；可以理解地，在本发明实施例中，可以对第一图片的标识和修改后的第一图片的标识进行修改，并确保修改后的标识不同且第一图片的标识为原有标识。
需要说明的是，本实施例中与其它实施例中相同步骤和相同内容的说明，可以参照其它实施例中的描述，此处不再赘述。
根据前述实施例，本发明实施例提供一种页面性能的测试方法，该方法应用于终端，该方法可以应用于对网页浏览器页面的性能进行测试的场景中，参见图8所示，该方法包括：
步骤401、加载包括第一图片的网页浏览器页面，并获得网页浏览器页面的第一性能参数。
步骤402、获取第一图片所在的存储区域的第一地址。
本发明实施例中，第一地址用于查找第一图片。
示例性的，第一地址可以是https://www.***.com，该地址指百度首页的logo图片资源地址。
步骤403、获取与所第一图片不同的第二图片所在的存储区域的第二地址。
本发明实施例中，第二图片是用来替换第一图片的图片；第二地址用于查找第二图片。
步骤404、建立第一地址与第二地址的映射关系，并基于映射关系，用第二图片替换第一图片，得到修改后的第一图片。
其中，第二地址是与第一图片不同的第二图片的地址。本发明实施例中，终端基于第二地址查找到第二图片。示例性的，第二地址指京东的logo图片资源地址。
参见图9所示，在测试人员设置好修改网页浏览器页面中的第一图片的代码之后，开发者工具启动网页浏览器代码，其中，link＝＝‘https://m.***.com/static/index/plus/plus_logo.png’以及requeste.continue({url:‘https://m.360buying.com/mobilecms/jfs/t24454/89/547602080/19070/845328bf/5b34b907N7a7532e0.png’})；表征用京东的logo图片替换百度首页的logo图片。
参见图10所示，再次打开百度首页，其对应的logo图片为京东的logo图片。
步骤405、获取关于网页浏览器页面的加载指令，响应加载指令，从存储区域中提取修改后的第一图片，加载包含修改后的第一图片的目标网页浏览器页面，并获得目标网页浏览器页面的第二性能参数。
步骤406、基于第一性能参数和第二性能参数，测试目标网页浏览器页面的页面性能。
本发明实施例中，第一性能参数可以是加载包括第一图片的网页浏览器页面所呈现的第一视觉效果；第二性能参数可以是加载包括修改后的第一图片的网页浏览器页面所呈现的第二视觉效果；进而，能够提高网页浏览器页面的显示效果。
需要说明的是，本实施例中与其它实施例中相同步骤和相同内容的说明，可以参照其它实施例中的描述，此处不再赘述。
基于前述实施例，本发明的实施例提供一种终端，该终端可以应用于图1、3、7-8对应的实施例提供的一种页面性能的测试方法中，参照图11示，该终端5包括：处理器51、存储器52和通信总线53，其中：
通信总线53用于实现处理器51和存储器52之间的通信连接。
处理器51用于执行存储器52中存储的页面性能的测试程序，以实现以下步骤：
加载包括第一图片的网页浏览器页面，并获得网页浏览器页面的第一性能参数；
对第一图片的属性信息进行修改，得到修改后的第一图片，并保存修改后的第一图片至第一图片所在的存储区域；
获取关于网页浏览器页面的加载指令，响应加载指令，从存储区域中提取修改后的第一图片，加载包含修改后的第一图片的目标网页浏览器页面，并获得目标网页浏览器页面的第二性能参数；
基于第一性能参数和第二性能参数，测试目标网页浏览器页面的页面性能。
在本发明的其他实施例中，处理器51用于执行存储器52中页面性能的测试程序，以实现以下步骤：
获取第一图片的标识，并设置修改后的第一图片的标识为第一图片的标识；
针对第一图片修改第一图片的标识；其中，第一图片的标识与针对第一图片修改第一图片的标识所得到的标识不同；
相应的，响应加载指令，从存储区域中提取修改后的第一图片，包括：
响应加载指令，基于第一图片的标识从存储区域中提取修改后的第一图片。
在本发明的其他实施例中，处理器51用于执行存储器52中对第一图片的属性信息进行修改，得到修改后的第一图片时，可以通过以下步骤实现：
获取与第一图片的显示效果关联的第一配置信息；
基于第一配置信息，对第一图片的属性信息进行修改，得到修改后的第一图片。
在本发明的其他实施例中，处理器51用于执行存储器52中获取与第一图片的显示效果关联的第一配置信息时，可以通过以下步骤实现：
获取与第一图片的原始尺寸和/或原始显示参数；
设置与原始尺寸不同的目标尺寸，和/或设置与原始显示参数不同的目标显示参数；其中，第一配置信息包括目标尺寸和目标显示参数。
在本发明的其他实施例中，处理器51用于执行存储器52中基于第一配置信息，对第一图片的属性信息进行修改，得到修改后的第一图片时，可以通过以下步骤实现：
更改第一图片的尺寸为目标尺寸，和/或更改第一图片的显示参数为目标显示参数，得到修改后的第一图片。
在本发明的其他实施例中，处理器51用于执行存储器52中对第一图片的属性信息进行修改，得到修改后的第一图片时，可以通过以下步骤实现：
获取与第一图片的加载时长关联的第二配置信息；
基于第二配置信息，对第一图片的属性信息进行修改，得到修改后的第一图片。
在本发明的其他实施例中，处理器51用于执行存储器52中获取与第一图片的加载时长关联的第二配置信息时，可以通过以下步骤实现：
获取与第一图片的加载时长关联的原始加载方式；
设置与原始加载方式不同的目标加载方式；其中，第二配置信息包括目标加载方式。
在本发明的其他实施例中，处理器51用于执行存储器52中基于第二配置信息，对第一图片的属性信息进行修改，得到修改后的第一图片时，可以通过以下步骤实现：
更改第一图片的加载方式为目标加载方式，得到修改后的第一图片。
在本发明的其他实施例中，处理器51用于执行存储器52中对第一图片的属性信息进行修改，得到修改后的第一图片时，可以通过以下步骤实现：
获取第一图片所在的存储区域的第一地址；
获取与所第一图片不同的第二图片所在的存储区域的第二地址；
建立第一地址与第二地址的映射关系；
基于映射关系，用修改后的第一图片替换第一图片，得到修改后的第一图片。
在本发明的其他实施例中，处理器51用于执行存储器52中的页面性能的测试方法，以实现如下步骤：
若基于第一性能参数和第二性能参数，确定目标网页浏览器页面的页面性能符合预设页面性能，且获取到针对网页浏览器页面的加载指令，响应加载指令，加载目标网页浏览器页面。
需要说明的是，本实施例中处理器所执行的步骤的具体实现过程，可以参照图1、3、7-8对应的实施例提供的页面性能的测试方法中的实现过程，此处不再赘述。
基于前述实施例，本发明的实施例提供一种存储介质，该存储介质存储有一个或者多个程序，该一个或者多个程序可被一个或者多个处理器执行，以实现如下步骤：
加载包括第一图片的网页浏览器页面，并获得网页浏览器页面的第一性能参数；
对第一图片的属性信息进行修改，得到修改后的第一图片，并保存修改后的第一图片至第一图片所在的存储区域；
获取关于网页浏览器页面的加载指令，响应加载指令，从存储区域中提取修改后的第一图片，加载包含修改后的第一图片的目标网页浏览器页面，并获得目标网页浏览器页面的第二性能参数；
基于第一性能参数和第二性能参数，测试目标网页浏览器页面的页面性能。
在本发明的其他实施例中，该一个或者多个程序可被一个或者多个处理器执行，以实现以下步骤：
获取第一图片的标识，并设置修改后的第一图片的标识为第一图片的标识；
针对第一图片修改第一图片的标识；其中，第一图片的标识与针对第一图片修改第一图片的标识所得到的标识不同；
相应的，响应加载指令，从存储区域中提取修改后的第一图片，包括：
响应加载指令，基于第一图片的标识从存储区域中提取修改后的第一图片。
在本发明的其他实施例中，该一个或者多个程序可被一个或者多个处理器执行，以实现以下步骤：
获取与第一图片的显示效果关联的第一配置信息；
基于第一配置信息，对第一图片的属性信息进行修改，得到修改后的第一图片。
在本发明的其他实施例中，该一个或者多个程序可被一个或者多个处理器执行，以实现以下步骤：
获取与第一图片的原始尺寸和/或原始显示参数；
设置与原始尺寸不同的目标尺寸，和/或设置与原始显示参数不同的目标显示参数；其中，第一配置信息包括目标尺寸和目标显示参数。
在本发明的其他实施例中，该一个或者多个程序可被一个或者多个处理器执行，以实现以下步骤：
更改第一图片的尺寸为目标尺寸，和/或更改第一图片的显示参数为目标显示参数，得到修改后的第一图片。
在本发明的其他实施例中，该一个或者多个程序可被一个或者多个处理器执行，以实现以下步骤：
获取与第一图片的加载时长关联的第二配置信息；
基于第二配置信息，更改网页浏览器页面中包含的第一图片的属性信息，得到目标网页浏览器页面。
在本发明的其他实施例中，该一个或者多个程序可被一个或者多个处理器执行，以实现以下步骤：
获取与第一图片的加载时长关联的第二配置信息；
基于第二配置信息，对第一图片的属性信息进行修改，得到修改后的第一图片。
在本发明的其他实施例中，该一个或者多个程序可被一个或者多个处理器执行，以实现以下步骤：
更改第一图片的加载方式为目标加载方式，得到修改后的第一图片。
在本发明的其他实施例中，该一个或者多个程序可被一个或者多个处理器执行，以实现以下步骤：
获取第一图片所在的存储区域的第一地址；
获取与所第一图片不同的第二图片所在的存储区域的第二地址；
建立第一地址与第二地址的映射关系；
基于映射关系，用第二图片替换第一图片，得到修改后的第一图片。
在本发明的其他实施例中，该一个或者多个程序可被一个或者多个处理器执行，以实现以下步骤：
若基于第一性能参数和第二性能参数，确定目标网页浏览器页面的页面性能符合预设页面性能，且获取到针对网页浏览器页面的加载指令，响应加载指令，加载目标网页浏览器页面。
需要说明的是，本实施例中处理器所执行的步骤的具体实现过程，可以参照图1、3、7-8对应的实施例提供的页面性能的测试方法中的实现过程，此处不再赘述。
以上，仅为本发明的实施例而已，并非用于限定本发明的保护范围。凡在本发明的精神和范围之内所作的任何修改、等同替换和改进等，均包含在本发明的保护范围之内。
Claims (12)
1.一种页面性能的测试方法，其特征在于，所述方法包括：
加载包括第一图片的网页浏览器页面，并获得所述网页浏览器页面的第一性能参数；
对所述第一图片的属性信息进行修改，并保存修改后的第一图片至所述第一图片所在的存储区域；
获取关于所述网页浏览器页面的加载指令，响应所述加载指令，从所述存储区域中提取所述修改后的第一图片，加载包含所述修改后的第一图片的目标网页浏览器页面，并获得所述目标网页浏览器页面的第二性能参数；
基于所述第一性能参数和所述第二性能参数，测试所述目标网页浏览器页面的页面性能。
2.根据权利要求1所述的方法，其特征在于，所述保存修改后的第一图片至所述第一图片所在的存储区域之后，所述方法还包括：
获取所述第一图片的标识，并设置所述修改后的第一图片的标识为所述第一图片的标识；
针对所述第一图片修改所述第一图片的标识；其中，所述第一图片的标识与针对所述第一图片修改所述第一图片的标识所得到的标识不同；
相应的，所述响应所述加载指令，从所述存储区域中提取所述修改后的第一图片，包括：
响应所述加载指令，基于所述第一图片的标识从所述存储区域中提取所述修改后的第一图片。
3.根据权利要求1所述的方法，其特征在于，所述对所述第一图片的属性信息进行修改，包括：
获取与所述第一图片的显示效果关联的第一配置信息；
基于所述第一配置信息，对所述第一图片的属性信息进行修改，得到修改后的第一图片。
4.根据权利要求3所述的方法，其特征在于，所述获取与所述第一图片的显示效果关联的第一配置信息，包括：
获取与所述第一图片的原始尺寸和/或原始显示参数；
设置与所述原始尺寸不同的目标尺寸，和/或设置与所述原始显示参数不同的目标显示参数；其中，所述第一配置信息包括所述目标尺寸和所述目标显示参数。
5.根据权利要求4所述的方法，其特征在于，所述基于所述第一配置信息，对所述第一图片的属性信息进行修改，包括：
更改所述第一图片的尺寸为所述目标尺寸，和/或更改所述第一图片的显示参数为所述目标显示参数，得到所述修改后的第一图片。
6.根据权利要求1所述的方法，其特征在于，所述对所述第一图片的属性信息进行修改，包括：
获取与所述第一图片的加载时长关联的第二配置信息；
基于所述第二配置信息，对所述第一图片的属性信息进行修改，得到所述修改后的第一图片。
7.根据权利要求6所述的方法，其特征在于，所述获取与所述第一图片的加载时长关联的第二配置信息，包括：
获取与所述第一图片的加载时长关联的原始加载方式；
设置与所述原始加载方式不同的目标加载方式；其中，所述第二配置信息包括所述目标加载方式。
8.根据权利要求7所述的方法，其特征在于，所述基于所述第二配置信息，对所述第一图片的属性信息进行修改，包括：
更改所述第一图片的加载方式为所述目标加载方式。
9.根据权利要求1所述的方法，其特征在于，所述对所述第一图片的属性信息进行修改，包括：
获取所述第一图片所在的存储区域的第一地址；
获取与所第一图片不同的第二图片所在的存储区域的第二地址；
建立所述第一地址与第二地址的映射关系；
基于所述映射关系，用所述第二图片替换所述第一图片，得到所述修改后的第一图片。
10.根据权利要求1所述的方法，其特征在于，所述基于所述第一性能参数和所述第二性能参数，测试所述目标网页浏览器页面的页面性能之后，所述方法还包括：
若基于所述第一性能参数和所述第二性能参数，确定所述目标网页浏览器页面的页面性能符合预设页面性能，且获取到针对所述网页浏览器页面的加载指令，响应所述加载指令，加载所述目标网页浏览器页面。
11.一种终端，其特征在于，所述终端包括：处理器、存储器和通信总线；
所述通信总线用于实现处理器和存储器之间的通信连接；
所述处理器用于执行存储器中存储的页面性能的测试程序，以实现以下步骤：
加载包括第一图片的网页浏览器页面，并获得所述网页浏览器页面的第一性能参数；
对所述第一图片的属性信息进行修改，并保存修改后的第一图片至所述第一图片所在的存储区域；
获取关于所述网页浏览器页面的加载指令，响应所述加载指令，从所述存储区域中提取所述修改后的第一图片，加载包含所述修改后的第一图片的目标网页浏览器页面，并获得所述目标网页浏览器页面的第二性能参数；
基于所述第一性能参数和所述第二性能参数，测试所述目标网页浏览器页面的页面性能。
12.一种存储介质，其特征在于，存储有可执行指令，当所述可执行指令被执行时，用于引起处理器执行权利要求1至10中任一项所述的页面性能的测试方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910129441.4A CN111597102A (zh) | 2019-02-21 | 2019-02-21 | 一种页面性能的测试方法、终端及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910129441.4A CN111597102A (zh) | 2019-02-21 | 2019-02-21 | 一种页面性能的测试方法、终端及存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111597102A true CN111597102A (zh) | 2020-08-28 |
Family
ID=72190551
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910129441.4A Pending CN111597102A (zh) | 2019-02-21 | 2019-02-21 | 一种页面性能的测试方法、终端及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111597102A (zh) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112153375A (zh) * | 2020-09-25 | 2020-12-29 | 平安国际智慧城市科技股份有限公司 | 基于视频信息的前端性能测试方法、装置、设备及介质 |
| CN112667128A (zh) * | 2020-12-24 | 2021-04-16 | 携程旅游网络技术（上海）有限公司 | 基于浏览器画布的图片处理方法、***、设备和介质 |
| CN115470127A (zh) * | 2022-09-06 | 2022-12-13 | 北京海泰方圆科技股份有限公司 | 页面兼容性处理方法、装置、计算机设备和存储介质 |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107391610A (zh) * | 2017-07-04 | 2017-11-24 | 广州视源电子科技股份有限公司 | 背景图片设置方法、装置、可读存储介质和计算机设备 |
| US20180249177A1 (en) * | 2015-10-31 | 2018-08-30 | Huawei Technologies Co., Ltd. | Reference Frame Encoding Method and Apparatus, and Reference Frame Decoding Method and Apparatus |
| CN108595698A (zh) * | 2018-05-09 | 2018-09-28 | 平安普惠企业管理有限公司 | 图片加载方法、终端设备及介质 |
-
2019
- 2019-02-21 CN CN201910129441.4A patent/CN111597102A/zh active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20180249177A1 (en) * | 2015-10-31 | 2018-08-30 | Huawei Technologies Co., Ltd. | Reference Frame Encoding Method and Apparatus, and Reference Frame Decoding Method and Apparatus |
| CN107391610A (zh) * | 2017-07-04 | 2017-11-24 | 广州视源电子科技股份有限公司 | 背景图片设置方法、装置、可读存储介质和计算机设备 |
| CN108595698A (zh) * | 2018-05-09 | 2018-09-28 | 平安普惠企业管理有限公司 | 图片加载方法、终端设备及介质 |
Non-Patent Citations (2)
| Title |
|---|
| RANK92: "如何有效的优化网页的加载速度？优化网页速度的7种方法", pages 1 - 3, Retrieved from the Internet <URL:https://blog.csdn.net/weixin_34273481/article/details/94204455> * |
| 薛文生;: "医学教学可视化图像数据软件应用探索", 中国医学教育技术, no. 02, 20 April 2007 (2007-04-20) * |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112153375A (zh) * | 2020-09-25 | 2020-12-29 | 平安国际智慧城市科技股份有限公司 | 基于视频信息的前端性能测试方法、装置、设备及介质 |
| CN112153375B (zh) * | 2020-09-25 | 2023-09-15 | 深圳平安智慧医健科技有限公司 | 基于视频信息的前端性能测试方法、装置、设备及介质 |
| CN112667128A (zh) * | 2020-12-24 | 2021-04-16 | 携程旅游网络技术（上海）有限公司 | 基于浏览器画布的图片处理方法、***、设备和介质 |
| CN115470127A (zh) * | 2022-09-06 | 2022-12-13 | 北京海泰方圆科技股份有限公司 | 页面兼容性处理方法、装置、计算机设备和存储介质 |
| CN115470127B (zh) * | 2022-09-06 | 2023-08-15 | 北京海泰方圆科技股份有限公司 | 页面兼容性处理方法、装置、计算机设备和存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN102932197B (zh) | 一种测试方法及测试*** | |
| CN111061526B (zh) | 自动化测试方法、装置、计算机设备及存储介质 | |
| US9264443B2 (en) | Browser based method of assessing web application vulnerability | |
| US9003235B2 (en) | Indicating coverage of web application testing | |
| US20120278698A1 (en) | Method and system for processing a webpage | |
| US20140181792A1 (en) | Program Analysis Based on Program Descriptors | |
| CN107918575B (zh) | 一种页面状态的监控方法及装置 | |
| CN111597102A (zh) | 一种页面性能的测试方法、终端及存储介质 | |
| CN110955409B (zh) | 在云平台上创建资源的方法和装置 | |
| JP2013084259A (ja) | ウェブ・ブラウザー画面の段階的な視覚的比較 | |
| CN106033361A (zh) | 一种应用页面呈现、应用页面数据更新方法及装置 | |
| US20210232755A1 (en) | Machine first approach for identifying accessibility, non-compliances, remediation techniques and fixing at run-time | |
| CN108111369A (zh) | 一种移动终端的网页性能的测试方法及装置 | |
| CN111431767A (zh) | 多浏览器资源同步方法、装置、计算机设备和存储介质 | |
| US10318615B1 (en) | Modeling and measuring browser performance using reference pages | |
| CN111859077A (zh) | 数据处理方法、装置、***、计算机可读存储介质 | |
| CN104796929B (zh) | 网络调试方法及装置 | |
| CN113326418A (zh) | 用于确定网页信息源及网页质量的方法和装置 | |
| CN116756016A (zh) | 多浏览器测试方法、装置、设备、介质及程序产品 | |
| CN110740081A (zh) | 对标多家公司页面性能的数据可视化方法 | |
| CN112749351A (zh) | 链接地址确定方法、装置、计算机可读存储介质及设备 | |
| CN111338928A (zh) | 基于chrome浏览器测试的方法及装置 | |
| AT&T | ||
| CN114153729A (zh) | 网页测试方法、装置、电子设备和存储介质 | |
| CN104407979A (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 |