CN112084444B - 页面加载时间检测方法、装置和计算机可读存储介质 - Google Patents

Abstract

本申请涉及一种页面加载时间检测方法、装置、计算机可读存储介质和计算机设备，方法包括：当接收到页面加载指令时，在预设页面截取时间内截取页面，得到多张页面截图；从页面截图中选取参考截图；将其他页面截图与参考截图进行分析，得到分析结果，并基于分析结果，从各页面截图中，确定出加载完成页面，其他页面截图，为页面截图中，除了参考截图之外的页面截图；基于加载完成页面，确定页面加载时间。本申请提供的方案可以提高页面加载时间的检测效率。

Description

页面加载时间检测方法、装置和计算机可读存储介质

技术领域

本申请涉及互联网技术领域，特别是涉及一种页面加载时间检测方法、装置、计算机可读存储介质和计算机设备。

背景技术

随着互联网技术的发展，越来越多的人通过网络进行社交活动或信息资源获取，例如通过访问网站中的网页获取各种信息资源，通过移动设备上安装的各种应用程序进行网购、聊天等。在浏览网站和应用程序中的各种页面时，链接网站页面或应用程序页面后，会从网络中获取页面内相关资源信息，并将其显示于页面中，该过程即为页面加载过程。页面加载过程的耗时，即页面加载时间能够直观反映出网络和页面性能，其对网络测试和页面开发重要意义。

目前，页面加载时间检测大多通过对网络请求进行打点的方式实现，需要对各页面的收发数据进行打点标记，打点过程繁琐，页面加载时间检测效率低。

发明内容

基于此，有必要针对页面加载时间检测效率低的技术问题，提供一种页面加载时间检测效率高的页面加载时间检测方法、装置、计算机可读存储介质和计算机设备。

一种页面加载时间检测方法，包括：

当接收到页面加载指令时，在预设页面截取时间内截取页面，得到多张页面截图；

从所述页面截图中选取参考截图；

将其他页面截图与所述参考截图进行分析，得到分析结果，并基于所述分析结果，从各所述页面截图中，确定出加载完成页面，所述其他页面截图，为所述页面截图中，除了所述参考截图之外的页面截图；

基于所述加载完成页面，确定页面加载时间。

一种页面加载时间检测装置，所述装置包括：

加载页面截取模块，用于当接收到页面加载指令时，在预设页面截取时间内截取页面，得到多张页面截图；

参考截图选取模块，用于从所述页面截图中选取参考截图；

完成页面确定模块，用于将其他页面截图与所述参考截图进行分析，得到分析结果，并基于所述分析结果，从各所述页面截图中，确定出加载完成页面，所述其他页面截图，为所述页面截图中，除了所述参考截图之外的页面截图；

加载时间确定模块，用于基于所述加载完成页面，确定页面加载时间。

一种计算机可读存储介质，存储有计算机程序，所述计算机程序被处理器执行时，使得所述处理器执行所述页面加载时间检测方法的步骤。

一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述计算机程序被所述处理器执行时，使得所述处理器执行所述页面加载时间检测方法的步骤。

上述页面加载时间检测方法、装置、计算机可读存储介质和计算机设备，在页面加载时截取多张页面截图，从页面截图中选定参考截图后，将除该参考截图以外的其他页面截图与该参考截图进行分析，并根据分析结果确定的加载完成页面确定页面加载时间，通过利用页面截图之间的分析结果确定加载完成页面，进一步确定页面加载时间，不需要进行繁琐打点，提高了页面加载时间的检测效率。

附图说明

图1为一个实施例中页面加载时间检测方法的应用环境图；

图2为一个实施例中页面加载时间检测方法的流程示意图；

图3为一个实施例中页面加载时间检测激活的界面示意图；

图4为一个实施例中多张页面截图的示意图；

图5为一个实施例中最后一个页面截图的物体数目检测结果的界面示意图；

图6为另一个实施例中最后一个页面截图的物体数目检测结果的界面示意图；

图7为一个实施例中一张页面截图与参考截图的界面示意图；

图8为图7所示实施例中另一张页面截图与参考截图的界面示意图；

图9为一个实施例中加载时间判定分析的流程示意图；

图10为一个实施例中特征点匹配结果示意图；

图11为一个实施例中匹配结果为好的匹配的界面示意图；

图12为另一个实施例中匹配结果为好的匹配的界面示意图；

图13为一个实施例中匹配结果为坏的匹配的界面示意图；

图14为一个实施例中页面加载时间检测装置的结构框图；

图15为另一个实施例中完成页面确定模块的结构框图；

图16为一个实施例中计算机设备的结构框图。

具体实施方式

为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。

图1为一个实施例中页面加载时间检测方法的应用环境图。参照图1，该页面加载时间检测方法应用于页面加载时间检测系统。该页面加载时间检测系统包括终端110和服务器120。终端110和服务器120通过网络连接。终端110具体可以是台式终端或移动终端，移动终端具体可以手机、平板电脑、笔记本电脑等中的至少一种。服务器120可以用独立的服务器或者是多个服务器组成的服务器集群来实现。

其中，终端110可单独用于执行上述页面加载时间检测方法，或者终端110和服务器120协同执行上述页面加载时间检测方法。例如，终端110接收到用户操作后发出的页面加载指令时，执行该页面加载时间检测方法。或者，终端110在接收到页面加载指令时，将截取得到的多张页面截图发送至服务器120，服务器120从页面截图中选取参考截图，以进行该页面加载时间检测方法的处理。

如图2所示，在一个实施例中，提供了一种页面加载时间检测方法。本实施例主要以该方法应用于上述图1中的终端110来举例说明。参照图2，该页面加载时间检测方法具体包括如下步骤：

S202，当接收到页面加载指令时，在预设页面截取时间内截取页面，得到多张页面截图。

其中，页面是互联网环境中，提供各式各样服务的基本单元，不同页面提供不同的服务，如网站的登录页面、注册页面等交互页面，又如客户终端应用程序中的页面。页面需要由终端上安装的浏览器或其他应用程序进行展示，页面加载指令即为触发浏览器或其他应用程序展示对应页面的操作指令。具体地，可以直接将终端的用户通过触摸、滑动或点击等，对浏览器或其他应用程序进行操作的动作作为页面加载指令，即终端的浏览器或其他应用程序检测到相应动作时，认为接收到页面加载指令，触发页面展示的处理，具体从网络中获取页面内相关资源信息，并将其显示于页面中，实现页面的加载及展示。

页面截取时间为对加载中的页面进行截图时的截图时长。页面截取时间可以根据具体需求进行灵活设置，例如可以设置为5s，即在接收到页面加载指令时，在5s时间内对加载过程中的页面进行截图操作，得到多张页面截图。其中，页面截图的数目可以根据页面截取时间内截取页面的时间间隔得到，也可以直接设置页面截图的数目，再根据页面截取时间和页面截图的数目确定页面截取的时间间隔。页面截图为对加载过程中的页面进行截图得到的瞬时加载页面，在预设页面截取时间内按照一定时间间隔截取加载中的页面，可以得到加载中的页面在各个时刻对应的页面截图，通过对各页面截图进行分析，可以确定页面加载时间。如图3所示，为一个具体应用中，本申请提供的页面加载时间检测方法自动化测试的激活方法。页面加载时间检测方法可以应用到应用程序，例如可以为直播APP(Application)的自动化测试中，在开发者界面，通过打开“页面加载速度检测”功能和“页面加载速度检测可视化”功能，利用自动化脚本激活该页面加载时间检测方法来对应用程序各种页面的打开耗时进行检测，并提供可视化检测结果，若发现某些页面加载耗时较长，则可向开发和产品反馈进行针对性优化，从而改善应用程序。

具体地，终端在接收到页面加载指令时，触发页面加载过程，此时在页面截取时间，如5秒内对加载中的页面进行截图，例如可以按照一定的时间间隔，如100ms，进行连续截图，总共截取得到50张页面截图。如图4所示，为一个具体应用中，对加载中的页面进行截图时得到的部分页面截图。根据图4显示内容可知，在页面截图images-1127至页面截图images-1135间，页面中的对象数量较少，而页面截图images-1136至页面截图images-1138中对象数目较多，图像纹理丰富，由此可以判断出在页面截图images-1136及之后才展示出大部分页面内容，而在页面截图images-1136之前展示的页面内容较少。

S204，从页面截图中选取参考截图。

其中，参考截图为得到的多张页面截图中，用来确定页面加载时间的参照图像，具体可以选择多张页面截图中页面中包括的对象数目较多的页面截图。一般地，页面中包括多个显示对象，一般为页面中需要进行直观显示的元素，如图片、图标、操作框和文本框等，选择对象数目较多的页面截图作为参考截图，则可以认为页面加载到该参考截图时，页面元素已足够丰富，已加载完成，则基于该参考截图进一步确定页面的加载时间。

在具体实现时，若基于页面截图中的对象数目选定参考截图时，可以基于边缘算子对各页面截图中的对象进行检测，例如，通过Canny边缘检测算子对各页面截图进行检测处理，寻找页面截图中边缘的外接矩形，一个矩形即表示一个物体，即一个对象，统计最后一张图像的对象个数，并根据各页面截图中对象数目，从页面截图中确定所需的参考截图。如可以按照各页面截图的截取时间先后顺序，检测页面截图中的对象数目，当对象数目超过一定对象数目阈值时，将对应的页面截图作为所需的参考截图，并进行后续的页面加载时间检测处理。

S206，将其他页面截图与参考截图进行分析，得到分析结果，并基于分析结果，从各页面截图中，确定出加载完成页面，其他页面截图，为页面截图中，除了参考截图之外的页面截图。

确定参考截图后，将页面截图中，除了参考截图之外的页面截图与该参考截图进行分析，例如可以进行各图像之间的相似性分析，具体可以通过计算各其他页面截图与参考截图之间的PSNR(Peak Signal to Noise Ratio，峰值信噪比)值，将该PSNR值作为相似度指标进行相似性分析，得到相似性分析结果。再基于该分析结果，从各页面截图中确定出加载完成页面。例如，在进行相似性分析时，可以将其他页面截图中与参考截图相似度较高的页面解脱作为加载完成页面，即表明加载中的页面在该加载完成页面对应的时刻已完成页面加载。具体应用时，若以PSNR值作为相似度指标进行相似性分析，若PSNR值超过一定相似度阈值时，认为当前页面截图与参考截图相似度高，则相似性分析结果为相似，此时可以将该页面截图作为加载完成页面。

S208，基于加载完成页面，确定页面加载时间。

从页面截图中除了参考截图之外的页面截图中，确定加载完成页面后，根据该加载完成页面确定页面加载时间。通过利用页面截图的相似性分析结果确定加载完成页面，进一步确定页面加载时间，不需要进行繁琐打点，提高了页面加载时间的检测效率。比如，可以根据该加载完成页面和参考截图之间截取时间差确定页面加载时间；也可以根据各页面截图的计数，基于加载完成页面的页面计数值与页面截取的时间间隔的积，确定页面加载时间。通过对加载页面进行截取得到页面截图进行视觉检测，来确定页面加载时间，比传统的打点方式更贴近页面显示的直观结果；而且支持各种类型页面，如原生界面、Web页面、React-Native和Flutter等界面，通过一次性统一接入可以对所有页面进行检测，简单高效。

上述页面加载时间检测方法，在页面加载时截取多张页面截图，从页面截图中选定参考截图后，将除该参考截图以外的其他页面截图与该参考截图进行分析，并根据分析结果确定的加载完成页面确定页面加载时间，通过利用页面截图之间的分析结果确定加载完成页面，进一步确定页面加载时间，不需要进行繁琐打点，提高了页面加载时间的检测效率。

在一个实施例中，从页面截图中选取参考截图，包括：在最后一个页面截图中的物体对象数目大于第一对象数目阈值时，将最后一个页面截图选取为参考截图，最后一个页面截图，为页面截图中，截图时间最后的页面截图。

一般地，页面可以划分为静态页面和动态页面。其中，静态页面是指那些页面加载完成后内容不再变化的页面，典型的静态页面有新闻资讯、文章阅览、结果展示等页面；动态页面指页面加载完成后内容依然不停地变化的页面，比如视频直播、视频播放、游戏页面等。实际应用中以静态页面居多。

本实施例中，对于静态页面，因为其在加载完成后不再变化，通过对多张页面截图中最后一个页面截图，即页面截图中截图时间最后的页面截图进行判定，确定截取时间最后的页面截图是否可以作为参考截图，即其包括的对象数目是否足够丰富。具体地，可以对最后一个页面截图中的物体对象数目进行统计，具体可以基于各种边缘算子进行边缘检测，以确定页面截图中物体对象的数量。若最后一个页面截图中的物体对象数目大于第一对象数目阈值时，表明最后一个页面截图中的物体对象数目多，图像纹理丰富，则可认为该页面截图对应时刻已加载完成，进一步将最后一个页面截图选取为参考截图。其中，第一对象数目阈值可以预先设置，如可以设为40，即若最后一个页面截图中物体对象数目超过40，则认为该最后一个页面截图对应时刻已加载完成。

如图5所示，为一个具体应用中，最后一个页面截图的物体数目检测结果。可知，该最后一个页面截图中物体对象多，图像纹理丰富，则可认为此时页面已加载完成，可以将其作为参考截图以进行后续的页面加载时间检测的处理。

在一个实施例中，在得到多张页面截图之后，还包括：在最后一个页面截图中的物体对象数目小于或者等于第一对象数阈值时，判定页面加载时间大于预设页面截取时间。

本实施例中，对多张页面截图中最后一个页面截图进行判定，若该最后一个页面截图中的物体对象数目少，即表明在预设页面截取时间内，该页面仍未加载完成，则可以确定页面加载时间大于预设页面截取时间。具体地，在得到多张页面截图之后，若最后一个页面截图中的物体对象数目小于或者等于第一对象数阈值，如40个时，则认为在页面截取时间内该页面都没有加载完成，即判定页面加载时间大于预设页面截取时间。比如，当页面截取时间取5s时，若最后一个页面截图中的物体对象数目小于或者等于第一对象数阈值，则可以判定页面加载时间超过5s，即可以认为页面加载缓慢，需要进行对应优化处理。

如图6所示，为一个具体应用中，最后一个页面截图的物体数目检测结果。可知，该最后一个页面截图中物体对象少，大部分为白屏，则可以确定该最后一个页面截图对应时刻仍为加载完成，页面加载时间大于预设页面截取时间。

在一个实施例中，将其他页面截图与参考截图进行分析，得到分析结果，并基于分析结果，从各页面截图中，确定出加载完成页面，包括：按照截取时间的先后顺序，依次将其他页面截图，与参考截图进行相似性分析，得到相似性分析结果；当首次出现相似性分析结果为相似时，将该相似性分析结果对应的页面截图，确定为加载完成页面。

本实施例中，对于静态页面，加载完成后内容不再变化，则在选定参考截图后，表明在预设的截取时间内，页面完成了加载，可以根据其他页面与该参考截图的相似性分析结果，判断页面加载时间。具体地，将其他页面截图与参考截图进行分析时，按照截取时间的先后顺序，具体由多张页面截图中第一帧页面截图开始，依次将其他页面截图与参考截图进行相似性分析，如可以进行PSNR值计算，也可以通过提取图像特征点，具体可以包括但不限于包括ORB(Oriented FAST and Rotated BRIEF，快速特征点提取和描述)特征、SIFT(Scale-Invariant Feature Transform，尺度不变特征变换)、SURF(Speeded Up RobustFeatures，加速稳健特征)等，然后进行特征匹配，以确定其他页面与参考截图的相似度，并根据相似度得到相似性分析结果，相似性分析结果可以包括相似或不相似。

在从第一帧页面截图开始，依次将其他页面截图与参考截图进行相似性分析后，若首次出现相似性分析结果为相似时，则表明该相似性分析结果对应页面截图与已加载完成的参考截图相似度高，可以认为该页面截图对应的截取时刻页面已加载完成，则可以将该首次出现相似性分析结果为相似的页面截图作为加载完成页面。

具体应用时，对于截图长宽大小一模一样，且不会变形的应用程序页面检测，可以将PSNR值作为相似性分析处理中的相似度指标。PSNR值可以通过下式(1)得到：

其中，MSE为均方差，H为图像高，W为图像宽，X(i,j)和Y(i，j)为进行PSNR计算的图像像素值，n为图像颜色bit数，一般为8bit，即n＝8。

得到其他页面截图与参考截图之间的PSNR值后，若PSNR值大于一定相似度阈值，如可以取20，即PSNR值大于20时，则认为二者高度相似；否则认为二者不相似。

如图7所示，为一个具体应用中，某一张页面截图与参考截图的页面示意图。其中，右侧为最后一帧页面截图，其物体对象数目丰富，作为参考图像即作为参考截图，而左侧的页面截图物体对象数目少，存在大片空白区域。经过计算得到二者的PSNR值为8.84596，低于相似度阈值20，则将该页面截图的下一帧页面截图继续与参考截图进行相似性分析。图8所示，为图7所示应用中，另一张页面截图与该参考截图的页面示意图。对比可知，该左侧页面截图中物体对象也较为丰富，经计算得到左侧页面截图与右侧的参考截图之间的PSNR值为33.8539，大于相似度阈值20，则认为该页面截图与参考截图高度相似，将其作为加载完成页面，即该页面截图对应时刻页面已加载完成，可以根据该加载完成页面确定页面加载时间。

在一个实施例中，从页面截图中选取参考截图，包括：按照截图时间的顺序，在当前页面截图中识别的对象数目大于第二对象数目阈值时，将该当前页面截图选取为参考截图。

对于动态页面，其在加载完成后内容依然不停地变化。本实施例中，对于动态页面，按照截图时间的顺序，在确定页面截图中物体对象数目超过一定数目阈值时，确定作为参考截图。具体地，从页面截图中选取参考截图时，按照截图时间的顺序，如从第一帧页面截图开始，依次确定当前页面截图中识别的对象数目，若识别的对象数目大于第二对象数目阈值，即表明当前页面截图中的物体对象丰富，则将该当前页面截图选取为参考截图，并基于该参考截图执行后续页面加载时间检测的处理。其中，第二对象数目阈值可以灵活设置，也可以与第一对象数目阈值相同。

在一个实施例中，如图9所示，在确定页面加载时间之后，还包括加载时间判定分析的步骤，具体包括：

S902：在页面加载时间大于或者等于加载时间阈值时，按照截图时间的顺序，在当前页面截图中识别的对象数目大于第二对象数目阈值时，将该当前页面截图选取为新的参考截图。

本实施例中，在页面类型不知，即无法确定加载的页面为静态页面或为动态页面时，考虑到大多数页面为静态页面，则可以先将其作为静态页面进行页面加载时间检测，在得到的页面加载时间较长时，则考虑该页面为动态页面的可能性，将其作为动态页面进行页面加载时间检测，最后综合两次加载时间检测结果，得到最终页面加载时间，从而快速、准确地对页面加载时间进行检测。

具体地，在将除参考截图以外的其他页面截图与该参考截图进行相似性分析，并根据相似性分析结果确定的加载完成页面确定页面加载时间后，对页面加载时间进行判定，若页面加载时间大于或者等于加载时间阈值，加载时间阈值可以根据页面截取时间对应设置，如为页面截取时间的90％，具体在页面截取时间为5s时，加载时间阈值可以为4.5s。页面加载时间不小于加载时间阈值时，则确定该加载页面为动态页面的可能性，即将加载页面作为动态页面进行加载时间检测，具体按照截图时间的顺序，在当前页面截图中识别的对象数目大于第二对象数目阈值时，将该当前页面截图选取为新的参考截图。具体实现时，第二对象数目阈值可以灵活设置，也可以与第一对象数目阈值相同。

S904：将其他页面截图与参考截图进行分析，得到分析结果，并基于分析结果，从各页面截图中，确定出加载完成页面，其他页面截图，为页面截图中，除了参考截图之外的页面截图。

得到新的参考截图后，基于该参考截图，将其他页面截图与参考截图进行分析，得到分析结果，并基于分析结果，从各页面截图中，确定出加载完成页面。具体地，参考截图的物体对象数目丰富，认为已加载完成，然后基于相似性分析，根据页面截图中除了参考截图之外的页面截图与该参考截图的相似性分析结果，将相似性分析结果为相似的页面截图认定为该时刻页面也已加载完成，将该页面截图作为加载完成页面。

S906：基于加载完成页面的页面截取时间，确定第二页面加载时间。

得到加载完成页面后，基于该加载完成页面确定第二页面加载时间，第二页面加载时间基于新的参考截图确定的加载完成页面得到。在具体应用时，第二页面加载时间可以对应为将页面作为动态页面进行加载时间检测得到的检测结果。

S908：根据页面加载时间和第二页面加载时间，确定最终页面加载时间。

得到页面加载时间和第二页面加载时间后，综合二者，确定最终页面加载时间。一般地，对于静态页面，其在加载完成后页面内容不再变化，若其页面加载时间小于加载时间阈值，则可认为页面加载时间可信度高，可以直接作为加载页面的页面加载时间检测结果；而若其页面加载时间较大，大于等于加载时间阈值时，将其作为动态页面进行检测，得到第二页面加载时间。若得到的第二页面加载时间小于第二加载时间阈值时，表明该加载页面为动态页面，页面加载时间较大的原因是其在加载完成后页面仍在不断变化，导致相似性分析结果差异大，则可以将第二页面加载时间作为最终页面加载时间。此外，若得到的第二页面加载时间大于等于第二加载时间阈值时，表明两种检测方式得到的检测结果都较大，可以取页面加载时间和第二页面加载时间的平均值作为最终页面加载时间。其中，第二加载时间阈值可以与加载时间阈值相同或不同，根据实际需求灵活设置。

可以理解，本实施例中，目的并非判断加载页面的页面类型为静态页面或动态页面，若页面加载时间和第二页面加载时间的结果都较大，如都超过了页面截取时间的90％，则该页面都是加载缓慢，需要进行速度优化。此外，若页面加载时间和第二页面加载时间都超过了页面截取时间的90％，比如为4.5s，该加载页面也可能是跳变页面，则表明在页面截取时间的前4秒多时间内，加载页面物体对象数目少，而在最后接近5s时候发生显著变化，所以加载页面可能在跳变中，也可能为动态页面处于动态变化过程中，还有可能确实为静态页面在最后接近5s时刻才加载完成，也就无法判断加载页面的页面类型，但页面的加载超过了4.5s，页面加载速度缓慢，需要进行速度优化是可以确定的。

在一个实施例中，将其他页面截图与参考截图进行分析，得到分析结果，并基于分析结果，从各页面截图中，确定出加载完成页面，包括：将与参考截图相邻的下一个页面截图，与参考截图进行相似性分析，获得相似性分析结果；在获得的相似性分析结果为不相似时，将连续运动页面数加1，获得更新后的连续运动页面数，并在更新后的连续运动页面数大于运动计数阈值时，将下一个页面截图确定为加载完成页面。

本实施例中，对于动态页面，其在加载完成后页面内容仍会不断变化，通过确定从参考截图开始，各页面截图的连续运动页面数来从页面截图中确定加载完成页面，从而确定页面加载时间。具体地，确定加载完成页面时，将与参考截图相邻的下一个页面截图与该参考截图进行相似性分析，例如进行特征匹配确定相似度等，得到相似性分析结果，相似性分析结果包括相似或不相似。如果相似性分析结果为不相似，表明参考截图与相邻的下一个页面截图之间相似度低，是由于动态页面变化导致，即页面已加载完成并且在动态变化中，则将连续运动页面数加1，获得更新后的连续运动页面数。如果更新后的连续运动页面数超过运动计数阈值时，表明页面已加载完成且处于稳定动态变化中，则将下一个页面截图确定为加载完成页面。其中，运动计数阈值可以进行灵活设置，如设置为2或3，即从参考截图开始，连续两帧或连续三帧的页面截图与该参考截图相似度较低，则可以认为页面加载完成且处于稳定动态变化中。

在一个具体应用中，通过特征点匹配，具体为ORB特征点匹配来确定下一个页面截图与参考截图之间的相似性分析结果。具体地，在某一应用程序中，若不同页面间的转场动画，即新旧页面之间的显示方式为旧页面从终端界面左侧退出，新页面从终端界面右侧进入，且动画方向为水平从右往左。对于下一个页面截图和参考截图，分别提取图像中的ORB特征点，并将ORB特征点进行匹配，特征点匹配结果分为好的匹配和差的匹配。

具体可以定义如下：

N_match为总的匹配点个数，即下一个页面截图和参考截图中有效ORB特征点个数的较小值；

N_Y-bad为Y异常匹配点的个数，即为Y坐标上异常匹配点。假设一对匹配的点A和A’，如果|A.y–A’.y|>delta_y(delta_y为某个阈值)，则这一对匹配点是一个Y异常匹配点；

N_X为水平匹配点个数，即|A.y-A’.y|<＝delta_y，有N_X＝N_match-N_Y-bad；

AVG_X为水平匹配点的x坐标的差值的平均值，即

SD_X为水平匹配点的x坐标的差值的标准差，即

N_X-good为好的水平匹配点个数，即若两匹配点满足(A.x-A'.x)∈(AVG_X-SD_X,AVG_X+SD_X)，则算做一个好的水平匹配点。可以认为匹配点的x水平差值若位于平均值附近的一个标准差距离范围内即为好的水平匹配点。一般地，好的水平匹配点的线条的长度基本相等，且位于平均值附近；

N_X-bad为差的水平匹配点个数，即N_X-bad＝N_X-N_X-good。

如图10所示，为特征点匹配结果示意图。可以看出，A与A’为一对好的水平匹配点，B与B’为一对Y异常匹配点，而C和C’为一对坏的水平匹配点。可以进一步确定，与长度与AA’基本相等，即长度差在一定范围内的线条对应的端点为好的水平匹配点，而与AA’长度差异大的线条对应端点为坏的水平匹配点，Y异常匹配点对应的线条则与AA’不平行，以此可以统计出下一个页面截图和参考截图中ORB特征点的匹配结果。可以理解，若应用程序页面的转场动画为其他方式，也可以基于类似方式进行特征点匹配。比如，当转场动画为垂直方向时，即新旧页面在界面的垂直方向进行更替，则可以对应定义X异常匹配点的个数、垂直匹配点个数、好的垂直匹配点个数、坏的垂直匹配点个数等，以对图像进行相似性分析处理。

对各ORB特征点的匹配结果进行统计，确定N_X-good和N_match的取值，从而根据N_X-good和N_match的比值确定下一个页面截图和参考截图的相似程度。具体地，可以在N_X-good和N_match的比值超过一定阈值threshold时，即时，认为下一个页面截图和参考截图的相似度高，为好的匹配，即图像内容没有发生变化，有效ORB特征点位置一一对应，则可以得到相似性分析结果为相似。如图11所示，为一个具体应用中，匹配结果为好的匹配的界面示意图。从图11中可以看出，水平向的线条居多，且线条长度基本相等，位于平均值附近，即好的匹配点较多，说明图像间没有明显的运动。如图12所示，为另一个应用中，匹配结果为好的匹配的界面示意图。从图12中可以看出，在排除Y异常匹配点后，方框内好的水平匹配点个数与总的匹配点个数的比值超过了阈值threshold，图像没有明显运动，为好的匹配结果。而在N_X-good和N_match的比值小于阈值threshold时，则认为图像内容发生了明显变化，有效ORB特征点位置不对齐，为坏的匹配，即得到相似性分析结果为不相似。如图13所示，为一个具体应用中匹配结果为坏的匹配的界面示意图。从图13中可以看出，非水平线条多，且线条长度不一，计算得到/>图像有明显运动，为坏的匹配结果。

在一个实施例中，在获得相似性分析结果之后，还包括：在获得的相似性分析结果为相似时，将连续运动页面数清零，并将下一个页面截图作为新的参考截图，返回将与参考截图相邻的下一个页面截图，与参考截图进行相似性分析的步骤。

本实施例中，对于动态页面，若下一个页面截图与参考截图之间的相似性分析结果为相似，则表明该两帧图像的相似度高，页面还未稳定动态变化，即加载未完成。具体地，得到相似性分析结果后，若似性分析结果为相似，则将连续运动页面数清零，并将下一个页面截图作为新的参考截图，返回将与参考截图相邻的下一个页面截图，与参考截图进行相似性分析的步骤，从而重新确定连续多帧变化的页面截图。在发现相邻两帧页面截图间的相似度高时，重置连续运动页面数，并将下一个页面截图作为新的参考截图，进行循环分析，直至发现连续多帧不相似的页面截图或遍历完所有页面截图为止。

在一个实施例中，在获得更新后的连续运动页面数之后，还包括：在更新后的连续运动页面数小于运动计数阈值时，将下一个页面截图作为新的参考截图，返回将与参考截图相邻的下一个页面截图，与参考截图进行相似性分析的步骤。

本实施例中，从参考截图开始，根据连续运动页面数遍历其他页面截图，从中确定加载完成页面。具体地，在获得更新后的连续运动页面数之后，比较连续运动页面数和运动计数阈值，若更新后的连续运动页面数小于运动计数阈值，则将下一个页面截图作为新的参考截图，返回将与参考截图相邻的下一个页面截图，与参考截图进行相似性分析的步骤，从而遍历参考截图后的其他页面截图，直至连续不相似的页面截图对应的连续运动页面数超过运动计数阈值，或者遍历完所有页面截图。

图2为一个实施例中页面加载时间检测方法的流程示意图。应该理解的是，虽然图2的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图2中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些子步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。

如图14所示，在一个实施例中，提供了一种页面加载时间检测装置1400。参照图14，该页面加载时间检测装置包括加载页面截取模块1420、参考截图选取模块1440、完成页面确定模块1460和加载时间确定模块1480，其中：

加载页面截取模块1420，用于当接收到页面加载指令时，在预设页面截取时间内截取页面，得到多张页面截图；

参考截图选取模块1440，用于从页面截图中选取参考截图；

完成页面确定模块1460，用于将其他页面截图与参考截图进行分析，得到分析结果，并基于分析结果，从各页面截图中，确定出加载完成页面，其他页面截图，为页面截图中，除了参考截图之外的页面截图；

加载时间确定模块1480，用于基于加载完成页面，确定页面加载时间。

上述页面加载时间检测装置，通过加载页面截取模块在页面加载时截取多张页面截图，由参考截图选取模块从页面截图中选定参考截图后，通过完成页面确定模块将除该参考截图以外的其他页面截图与该参考截图进行分析，并由加载时间确定模块根据分析结果确定的加载完成页面确定页面加载时间，通过利用页面截图之间的分析结果确定加载完成页面，进一步确定页面加载时间，不需要进行繁琐打点，提高了页面加载时间的检测效率。

在一个实施例中，参考截图选取模块1440包括：最末截图判定模块，用于在最后一个页面截图中的物体对象数目大于第一对象数目阈值时，将最后一个页面截图选取为参考截图，最后一个页面截图，为页面截图中，截图时间最后的页面截图。

在一个实施例中，还包括最末截图加载时间模块，用于在最后一个页面截图中的物体对象数目小于或者等于第一对象数阈值时，判定页面加载时间大于预设页面截取时间。

如图15所示，在一个实施例中，完成页面确定模块1460包括相似性分析模块1462和相似结果处理模块1464；其中：相似性分析模块1462，用于按照截取时间的先后顺序，依次将其他页面截图，与参考截图进行相似性分析，得到相似性分析结果；相似结果处理模块1464，用于当首次出现相似性分析结果为相似时，将该相似性分析结果对应的页面截图，确定为加载完成页面。

在一个实施例中，参考截图选取模块1440包括第二阈值判定模块，用于按照截图时间的顺序，在当前页面截图中识别的对象数目大于第二对象数目阈值时，将该当前页面截图选取为参考截图。

在一个实施例中，还包括：参考截图更新模块，用于在页面加载时间大于或者等于加载时间阈值时，按照截图时间的顺序，在当前页面截图中识别的对象数目大于第二对象数目阈值时，将该当前页面截图选取为新的参考截图；截图相似分析模块，用于将其他页面截图与参考截图进行分析，得到分析结果，并基于分析结果，从各页面截图中，确定出加载完成页面，其他页面截图，为页面截图中，除了参考截图之外的页面截图；第二加载时间模块，用于基于加载完成页面的页面截取时间，确定第二页面加载时间；最终加载时间模块，根据页面加载时间和第二页面加载时间，确定最终页面加载时间。

在一个实施例中，完成页面确定模块1460包括相似性结果获得模块，用于将与参考截图相邻的下一个页面截图，与参考截图进行相似性分析，获得相似性分析结果；连续运动判定模块，用于在获得的相似性分析结果为不相似时，将连续运动页面数加1，获得更新后的连续运动页面数，并在更新后的连续运动页面数大于运动计数阈值时，将下一个页面截图确定为加载完成页面。

在一个实施例中，还包括连续运动页面数重置模块，用于在获得的相似性分析结果为相似时，将连续运动页面数清零，并将下一个页面截图作为新的参考截图，返回将与参考截图相邻的下一个页面截图，与参考截图进行相似性分析的步骤。

在一个实施例中，还包括参考截图遍历模块，用于在更新后的连续运动页面数小于运动计数阈值时，将下一个页面截图作为新的参考截图，返回将与参考截图相邻的下一个页面截图，与参考截图进行相似性分析的步骤。

图16示出了一个实施例中计算机设备的内部结构图。该计算机设备具体可以是图1中的终端110。如图16所示，该计算机设备包括该计算机设备包括通过系统总线连接的处理器、存储器、网络接口、输入装置和显示屏。其中，存储器包括非易失性存储介质和内存储器。该计算机设备的非易失性存储介质存储有操作系统，还可存储有计算机程序，该计算机程序被处理器执行时，可使得处理器实现页面加载时间检测方法。该内存储器中也可储存有计算机程序，该计算机程序被处理器执行时，可使得处理器执行页面加载时间检测方法。计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。

本领域技术人员可以理解，图16中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

在一个实施例中，本申请提供的页面加载时间检测装置可以实现为一种计算机程序的形式，计算机程序可在如图16所示的计算机设备上运行。计算机设备的存储器中可存储组成该页面加载时间检测装置的各个程序模块，比如，图14所示的加载页面截取模块1420、参考截图选取模块1440、完成页面确定模块1460和加载时间确定模块1480。各个程序模块构成的计算机程序使得处理器执行本说明书中描述的本申请各个实施例的页面加载时间检测方法中的步骤。

例如，图16所示的计算机设备可以通过如图14所示的页面加载时间检测装置1400中的加载页面截取模块1420执行当接收到页面加载指令时，在预设页面截取时间内截取页面，得到多张页面截图。计算机设备可通过参考截图选取模块1440执行从页面截图中选取参考截图。计算机设备可通过完成页面确定模块1460执行将其他页面截图与参考截图进行分析，得到分析结果，并基于分析结果，从各页面截图中，确定出加载完成页面，其他页面截图，为页面截图中，除了参考截图之外的页面截图。计算机设备可通过加载时间确定模块1480执行基于加载完成页面，确定页面加载时间。

在一个实施例中，提供了一种计算机设备，包括存储器和处理器，存储器存储有计算机程序，计算机程序被处理器执行时，使得处理器执行上述页面加载时间检测方法的步骤。此处页面加载时间检测方法的步骤可以是上述各个实施例的页面加载时间检测方法中的步骤。

在一个实施例中，提供了一种计算机可读存储介质，存储有计算机程序，计算机程序被处理器执行时，使得处理器执行上述页面加载时间检测方法的步骤。此处页面加载时间检测方法的步骤可以是上述各个实施例的页面加载时间检测方法中的步骤。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一非易失性计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。

以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本申请专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。

Claims (14)

1.一种页面加载时间检测方法，包括：

当接收到页面加载指令时，在预设页面截取时间内截取页面，得到多张页面截图；

按照截图时间的顺序，在当前页面截图中识别的对象数目大于第二对象数目阈值时，将该当前页面截图选取为参考截图；

将与所述参考截图相邻的下一个页面截图，与所述参考截图进行相似性分析，获得相似性分析结果；

在获得的相似性分析结果为不相似时，将连续运动页面数加1，获得更新后的连续运动页面数，并在更新后的连续运动页面数大于运动计数阈值时，将所述下一个页面截图确定为加载完成页面；在更新后的连续运动页面数小于所述运动计数阈值时，将所述下一个页面截图作为新的参考截图，返回将与所述参考截图相邻的下一个页面截图，与所述参考截图进行相似性分析的步骤；

基于所述加载完成页面，确定页面加载时间。

2.根据权利要求1所述的方法，其特征在于，所述方法还包括：

在最后一个页面截图中的物体对象数目大于第一对象数目阈值时，将所述最后一个页面截图选取为参考截图，所述最后一个页面截图，为所述页面截图中，截图时间最后的页面截图。

3.根据权利要求2所述的方法，其特征在于，在得到多张页面截图之后，还包括：

在所述最后一个页面截图中的物体对象数目小于或者等于所述第一对象数阈值时，判定页面加载时间大于所述预设页面截取时间。

4.根据权利要求2所述的方法，其特征在于，所述方法还包括：

按照截取时间的先后顺序，依次将其他页面截图，与所述参考截图进行相似性分析，得到相似性分析结果；

当首次出现相似性分析结果为相似时，将该相似性分析结果对应的页面截图，确定为加载完成页面。

5.根据权利要求2所述的方法，其特征在于，在确定页面加载时间之后，还包括：

在所述页面加载时间大于或者等于加载时间阈值时，按照截图时间的顺序，在当前页面截图中识别的对象数目大于第二对象数目阈值时，将该当前页面截图选取为新的参考截图；

将其他页面截图与所述参考截图进行分析，得到分析结果，并基于所述分析结果，从各所述页面截图中，确定出加载完成页面，所述其他页面截图，为所述页面截图中，除了所述参考截图之外的页面截图；

基于所述加载完成页面的页面截取时间，确定第二页面加载时间；

根据所述页面加载时间和所述第二页面加载时间，确定最终页面加载时间。

6.根据权利要求1所述的方法，其特征在于，在获得相似性分析结果之后，还包括：

在获得的相似性分析结果为相似时，将所述连续运动页面数清零，并将所述下一个页面截图作为新的参考截图，返回将与所述参考截图相邻的下一个页面截图，与所述参考截图进行相似性分析的步骤。

7.一种页面加载时间检测装置，其特征在于，所述装置包括：

加载页面截取模块，用于当接收到页面加载指令时，在预设页面截取时间内截取页面，得到多张页面截图；

参考截图选取模块，用于按照截图时间的顺序，在当前页面截图中识别的对象数目大于第二对象数目阈值时，将该当前页面截图选取为参考截图；

完成页面确定模块，用于将与所述参考截图相邻的下一个页面截图，与所述参考截图进行相似性分析，获得相似性分析结果；在获得的相似性分析结果为不相似时，将连续运动页面数加1，获得更新后的连续运动页面数，并在更新后的连续运动页面数大于运动计数阈值时，将所述下一个页面截图确定为加载完成页面；在更新后的连续运动页面数小于所述运动计数阈值时，将所述下一个页面截图作为新的参考截图，返回将与所述参考截图相邻的下一个页面截图，与所述参考截图进行相似性分析的步骤；

加载时间确定模块，用于基于所述加载完成页面，确定页面加载时间。

8.根据权利要求7所述的装置，其特征在于，所述参考截图选取模块包括：

最末截图判定模块，用于在最后一个页面截图中的物体对象数目大于第一对象数目阈值时，将所述最后一个页面截图选取为参考截图，所述最后一个页面截图，为所述页面截图中，截图时间最后的页面截图。

9.根据权利要求8所述的装置，其特征在于，还包括：

最末截图加载时间模块，用于在所述最后一个页面截图中的物体对象数目小于或者等于所述第一对象数阈值时，判定页面加载时间大于所述预设页面截取时间。

10.根据权利要求8所述的装置，其特征在于，所述完成页面确定模块包括：

相似性分析模块，用于按照截取时间的先后顺序，依次将其他页面截图，与所述参考截图进行相似性分析，得到相似性分析结果；

相似结果处理模块，用于当首次出现相似性分析结果为相似时，将该相似性分析结果对应的页面截图，确定为加载完成页面。

11.根据权利要求8所述的装置，其特征在于，还包括：

参考截图更新模块，用于在所述页面加载时间大于或者等于加载时间阈值时，按照截图时间的顺序，在当前页面截图中识别的对象数目大于第二对象数目阈值时，将该当前页面截图选取为新的参考截图；

截图相似分析模块，用于将其他页面截图与所述参考截图进行分析，得到分析结果，并基于所述分析结果，从各所述页面截图中，确定出加载完成页面，所述其他页面截图，为所述页面截图中，除了所述参考截图之外的页面截图；

第二加载时间模块，用于基于所述加载完成页面的页面截取时间，确定第二页面加载时间；

最终加载时间模块，根据所述页面加载时间和所述第二页面加载时间，确定最终页面加载时间。

12.根据权利要求7所述的装置，其特征在于，还包括：

连续运动页面数重置模块，用于在获得的相似性分析结果为相似时，将所述连续运动页面数清零，并将所述下一个页面截图作为新的参考截图，返回将与所述参考截图相邻的下一个页面截图，与所述参考截图进行相似性分析的步骤。

13.一种计算机可读存储介质，存储有计算机程序，所述计算机程序被处理器执行时，使得所述处理器执行如权利要求1至6中任一项所述方法的步骤。

14.一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述计算机程序被所述处理器执行时，使得所述处理器执行如权利要求1至6中任一项所述方法的步骤。