页面渲染异常的检测方法、装置、设备及存储介质制造方法及图纸

本公开实施例涉及一种页面渲染异常的检测方法、装置、设备及存储介质，通过获取检测窗口的属性信息，以及屏幕上的页面，根据检测窗口的属性信息，采用相应的检测窗口检测页面上的内容是否有误，当页面上的内容有误时，确定页面出现渲染异常。本公开实施例能够对页面内容进行检测，当页面内容出现渲染异常时能够及时发现异常，为快速消除渲染异常提供了保证，提高了页面的显示效果和用户体验。提高了页面的显示效果和用户体验。提高了页面的显示效果和用户体验。

【技术实现步骤摘要】
页面渲染异常的检测方法、装置、设备及存储介质


[0001]本公开实施例涉及页面渲染
，尤其涉及一种页面渲染异常的检测方法、装置、设备及存储介质。

技术介绍

[0002]全球广域网(World Wide Web，简称web)服务是指运行在浏览器内核上的网页程序或JavaScript程序。随着web技术的不断发展，web服务越来越多的被使用，但是目前还没有一种能够对web服务的渲染异常进行检测的方案，导致web服务的渲染异常无法被检测到，用户体验较差。

技术实现思路

[0003]为了解决上述技术问题或者至少部分地解决上述技术问题，本公开实施例提供了一种页面渲染异常的检测方法、装置、设备及存储介质。
[0004]本公开实施例的第一方面提供了一种页面渲染异常的检测方法，该方法包括：获取检测窗口的属性信息，以及屏幕上的页面；根据检测窗口的属性信息，采用相应的检测窗口检测页面上的内容是否有误；若页面上的内容有误，则确定页面渲染异常。
[0005]本公开实施例的第二方面提供了一种页面渲染异常的检测装置，该装置包括：
[0006]获取模块，用于获取检测窗口的属性信息，以及屏幕上的页面。
[0007]检测模块，用于根据检测窗口的属性信息，采用相应的检测窗口检测页面上的内容是否有误。
[0008]确定模块，用于在页面上的内容有误时，确定页面渲染异常。
[0009]本公开实施例的第三方面提供了一种终端设备，该终端设备包括：处理器和存储器；其中，存储器中存储有计算机程序，当该计算机程序被处理器执行时，使得处理器可以执行上述第一方面的方法。
[0010]本公开实施例的第四方面提供了一种计算机可读存储介质，该存储介质中存储有计算机程序，当该计算机程序被处理器执行时，使得处理器可以执行上述第一方面的方法。
[0011]本公开实施例提供的技术方案与现有技术相比具有如下优点：
[0012]本公开实施例，通过获取检测窗口的属性信息和屏幕上的页面，根据检测窗口的属性信息，采用相应的检测窗口检测页面上的内容是否有误，当页面上的内容有误时，确定页面出现渲染异常，实现了一种用于对页面内容进行检测的方案，该方案在页面内容出现渲染异常时能够及时发现异常，从而为快速消除异常提供了保障，提高了页面的显示效果和用户体验。
附图说明
[0013]此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。
[0014]为了更清楚地说明本公开实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
[0015]图1是本公开实施例提供的一种应用场景的示意图；
[0016]图2是本公开实施例提供的一种页面渲染异常的检测方法的流程图；
[0017]图3A是本公开实施例提供的一种遍历页面内容的方法示意图；
[0018]图3B是本公开实施例提供的一种页面分割方法的示意图；
[0019]图4A是本公开实施例提供的另一种遍历页面内容的方法示意图；
[0020]图4B是本公开实施例提供的另一种页面分割方法的示意图；
[0021]图5是本公开实施例提供的一种检测页面内容是否有误的方法流程图；
[0022]图6是本公开实施例提供的一种用于检测窗口位置上的内容是否有误的方法的示意图；
[0023]图7是本公开实施例提供的又一种页面渲染异常的检测方法的流程图；
[0024]图8是本公开实施例提供的又一种页面渲染异常的检测方法的流程图；
[0025]图9是本公开实施例提供的一种页面渲染异常的检测装置的结构示意图；
[0026]图10是本公开实施例提供的一种终端设备的结构示意图。
具体实施方式
[0027]为了能够更清楚地理解本公开的上述目的、特征和优点，下面将对本公开的方案进行进一步描述。需要说明的是，在不冲突的情况下，本公开的实施例及实施例中的特征可以相互组合。
[0028]在下面的描述中阐述了很多具体细节以便于充分理解本公开，但本公开还可以采用其他不同于在此描述的方式来实施；显然，说明书中的实施例只是本公开的一部分实施例，而不是全部的实施例。
[0029]为了更好理解本公开实施例的技术方案，下面首先对本公开实施例涉及的部分名词进行解释：
[0030]JavaScript：是一种具有函数优先的轻量级，解释型或即时编译型的高级编程语言。
[0031]小程序：是一种不需要下载和安装即可使用的应用程序。
[0032]META标签：是一种辅助性标签，位于页面的头部。META标签中包括页面的元信息(比如针对搜索引擎和更新频度的描述和关键词等)，可选的，本公开实施例中META标签可以被执行创新配置，配置后的META标签除了可以包括原本就携带的元信息以外，还可以包括如下信息中的至少一种：检测窗口的尺寸信息、检测范围的信息、检测周期的信息、异常颜色的信息。其中，检测窗口的尺寸信息用于指示检测窗口的大小、形状等。检测范围的信息用于指示检测窗口在页面上的检测范围，比如检测窗口在页面上的横向和/或纵向检测范围等。检测周期的信息用于指示页面的检测频率。异常颜色的信息用于指示当检测窗口中的颜色与异常颜色相匹配时检测窗口中的内容出现异常。
[0033]下面对本公开实施例的技术方案进行示例性说明。
[0034]在相关技术中，web服务的监控方案主要包括如下三种：
[0035]白屏监控：是指在web服务的页面无法渲染时，显示界面上会显示空白页面，当检测到显示界面上显示的是空白页面时可以判断web服务出现异常。
[0036]首屏监控：是指对web服务的页面从打开到显示内容所耗费的时间进行监控，当页面打开后的预设时间内无法显示页面内容，则判断web服务出现异常。
[0037]崩溃监控：是指对web服务的页面是否崩溃进行监控，当监控到web服务的页面崩溃时，则确定web服务出现异常。
[0038]上述三种监控方案均无法检测页面的内容是否出现渲染异常。然而随着web技术的不断发展，web服务的应用越来越广泛，页面内容的渲染效果会直接影响用户的体验，而如果无法及时发现页面内容的渲染异常，则无法及时消除异常，从而导致页面的显示效果不好，用户体验较差。因此亟需一种方法来对页面内容的渲染异常进行检测。
[0039]基于相关技术存在的缺陷以及本领域的迫切需求，本公开实施例提供了一种页面渲染异常的检测方案，该方案可用于对各类应用程序的页面以及网页的页面进行检测，能够及时发现页面内容出现的渲染异常，为排除渲染异常提供保障。
[0040]本公开实施例所称的页面可以示例性的理解为应用程序或者网页的页面。其中该应用程序或者网页至少可以搭载在网站服务器、个人计算机(Person本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面渲染异常的检测方法，其特征在于，包括：获取检测窗口的属性信息，以及屏幕上的页面；根据所述检测窗口的属性信息，采用相应的检测窗口检测所述页面上的内容是否有误；若所述页面上的内容有误，则确定所述页面渲染异常。2.根据权利要求1所述的方法，其特征在于，所述检测窗口的属性信息至少包括如下中的一种：检测窗口的尺寸信息、检测周期的信息、检测范围的信息以及异常颜色的信息。3.根据权利要求2所述的方法，其特征在于，获取检测窗口的属性信息，包括：从所述页面的META标签中获取所述检测窗口的属性信息。4.根据权利要求2所述的方法，其特征在于，获取检测窗口的属性信息，包括：在接收到预设应用程序接口API发送的检测请求时，基于所述检测请求，从所述预设API的参数信息中获取所述检测窗口的属性信息。5.根据权利要求3所述的方法，其特征在于，所述页面是指内容刷新频率小于第一阈值的页面。6.根据权利要求5所述的方法，其特征在于，所述页面包括线上会场的页面。7.根据权利要求4所述的方法，其特征在于，所述页面是指内容刷新频率大于第二阈值的页面，其中，所述第二阈值大于第一阈值。8.根据权利要求7所述的方法，其特征在于，所述页面包括：游戏页面和小程序页面。9.根据权利要求2-8中任一项所述的方法，其特征在于，所述根据所述检测窗口的属性信息，采用相应的检测窗口检测所述页面上的内容是否有误，包括：当所述检测窗口的属性信息中包括所述检测窗口的尺寸信息时，基于所述尺寸信息，获得相应的检测窗口；基于所述检测窗口检测所述页面上的内容是否有误。10.根据权利要求2-8中任一项所述的方法，其特征在于，所述根据所述检测窗口的属性信息，采用相应的检测窗口检测所述页面上的内容是否有误，包括：当所述检测窗口的属性信息中包括所述检测范围的信息时，基于预设的检测窗口，检测所述页面上位于所述检测范围内的内容是否有误。11.根据权利要求2-8中任一项所述的方法，其特征在于，所述根据所述检测窗口的属性信息，采用相应的检测窗口检测所述页面上的内容是否有误，包括：当所述检测窗口的属性信息中包括所述检测周期...

【专利技术属性】
技术研发人员：王晓振，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：