[发明专利]用于监控网页的方法和装置

说明书

本公开的实施例公开了用于监控网页的方法和装置。该方法的一具体实施方式包括：响应于接收到网页的页面截图，获取与页面截图对应的基准图像；计算页面截图与基准图像的相似度；响应于相似度小于预设阈值，确定网页显示异常。通过计算网页的页面截图与基准图像的相似度来判断网页是否显示异常，可以实现对网页显示状态的自动监控。

技术领域

本公开的实施例涉及计算机技术领域，具体涉及用于监控网页的方法和装置。

背景技术

在实际场景中，用户通过终端上安装的浏览器或其它具备浏览器功能的应用从服务器中获取数据，浏览器或其它具备浏览器功能的应用根据用户的指示从服务器获取HTML文档，经过解析、渲染等多个步骤，将HTML文档以网页的形式呈现给用户。服务商为了获知呈现给用户的网页是否正常显示，需要对终端上的网页进行监控。

H5网页是指符合HTML5标准的网页，具备开发简单、性能先进、素材丰富等一系列优点，使得H5网页在网络领域中的应用越发广泛。

现有技术中，监控H5网页(符合HTML5标准的网页)是否正常显示的方法一般分为两种：一种是上线以后，由技术人员时刻观察网页是否正常显示；另一种是通过云兼容测试，同样由技术人员人工观察H5网页在云平台下各个环境的兼容问题，以此判断H5页面是否正常显示。这两种方法均需要人工操作，导致技术人员的工作量较大，监控过程的智能化程度较低。

发明内容

本公开的实施例提出了用于监控网页的方法和装置。

第一方面，本公开的实施例提供了一种用于监控网页的方法，包括：响应于接收到网页的页面截图，基于页面截图中包括的文本对象模型，获取与页面截图对应的基准图像；计算页面截图与基准图像的相似度；若相似度小于预设阈值，确定网页显示异常。

在一些实施例中，该方法还包括：响应于确定网页显示异常，获取网页的代码信息；基于代码信息和页面截图生成网页异常信息；发送网页异常信息。

第二方面，本公开的实施例提供了一种用于监控网页的方法，该方法包括：响应于确定网页为初始网页且渲染完成，获取网页的代码信息和基于网页的文本对象模型生成的页面截图；发送代码信息和页面截图。

在一些实施例中，该方法还包括：响应于确定网页不是初始网页且接收到对网页的操作指令，获取操作指令对应的代码信息和基于执行操作指令得到的更新后的网页的文本对象模型生成的页面截图。

在一些实施例中，基于执行操作指令得到的更新后的网页的文本对象模型生成的页面截图，经由如下步骤获取：从更新后的网页中，确定更新的页面区域；基于更新的页面区域中的文本对象模型，生成区域页面截图；将区域页面截图确定为页面截图。

第三方面，本公开的实施例提供了一种用于监控网页的装置，该装置包括：接收单元，被配置成响应于接收到网页的页面截图，基于页面截图中包括的文本对象模型，获取与页面截图对应的基准图像；计算单元，被配置成计算页面截图与基准图像的相似度；确定单元，被配置成若相似度小于预设阈值，确定网页显示异常。

在一些实施例中，该装置还包括：代码获取单元，被配置成响应于确定页面显示异常，获取网页的代码信息；生成单元，被配置成基于代码信息和页面截图生成网页异常信息；上报单元，被配置成发送网页异常信息。

第四方面，本公开的实施例提供了一种用于监控网页的装置，该装置包括：获取单元，被配置成响应于确定网页为初始网页且渲染完成，获取网页的代码信息和基于网页的文本对象模型生成的页面截图；发送单元，被配置成发送代码信息和页面截图。

在一些实施例中，获取单元，还被配置成：响应于确定网页不是初始网页且接收到对网页的操作指令，获取操作指令对应的代码信息和基于执行操作指令得到的更新后的网页的文本对象模型生成的页面截图。