CN112306793A - 用于监控网页的方法和装置 - Google Patents

Abstract

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

Description

用于监控网页的方法和装置

技术领域

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

背景技术

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

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

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

发明内容

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

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

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

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

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

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

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

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

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

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

在一些实施例中，获取单元被进一步配置成采用如下步骤获取页面截图：从更新后的网页中，确定更新的页面区域；基于更新的页面区域中的文本对象模型，生成区域页面截图；将区域页面截图确定为页面截图。

本公开的实施例提供的用于监控网页的方法和装置，通过计算网页的页面截图与基准图像的相似度来判断网页是否显示异常，可以实现对网页显示状态的自动监控。

附图说明

通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本公开的其它特征、目的和优点将会变得更明显：

图1是本公开的一些实施例可以应用于其中的示例性系统架构图；

图2是根据本公开的用于监控网页的方法的一个实施例的流程图；

图3是根据本公开的实施例的用于监控网页的方法的一个应用场景的示意图；

图4是根据本公开的用于监控网页的方法的又一个实施例的流程图；

图5是根据本公开的用于监控网页的方法的又一个实施例的流程图；

图6是根据本公开的用于监控网页的装置的一个实施例的结构示意图；

图7是根据本公开的用于监控网页的装置的又一个实施例的结构示意图；

图8是适于用来实现本公开的实施例的电子设备的结构示意图。

具体实施方式

下面结合附图和实施例对本公开作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释相关发明，而非对该发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与有关发明相关的部分。

需要说明的是，在不冲突的情况下，本公开中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本公开。

图1示出了可以应用本公开的实施例的用于监控网页的方法或用于监控网页的装置的示例性系统架构100。

如图1所示，系统架构100可以包括终端设备101、102、103，网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

用户可以使用终端设备101、102、103通过网络104与服务器105交互，用于将终端上运行的H5网页的页面截图发送至服务器等。终端设备101、102、103上安装有具备H5网页功能的各种应用客户端，例如浏览器、内置有浏览器功能的应用软件等。

终端设备101、102、103可以是具有显示屏并且支持信息交互的各种电子设备，包括但不限于智能手机、平板电脑、电子书阅读器、膝上型便携计算机和台式计算机等等。在此不做具体限定。

服务器105可以是提供数据分析服务的服务器，例如对终端设备101、102、103上传的H5网页的页面截图进行处理的后台数据处理服务器，后台数据处理服务器可以基于接收到的页面截图判断终端上呈现的H5网页是否显示异常。

需要说明的是，服务器可以是硬件，也可以是软件。当服务器为硬件时，可以实现成多个服务器组成的分布式服务器集群，也可以实现成单个服务器。当服务器为软件时，可以实现成例如用来提供分布式服务的多个软件或软件模块，也可以实现成单个软件或软件模块。在此不做具体限定。

继续参考图2，其示出了根据本公开的用于监控网页的方法的一个实施例的流程200。

结合图1进行说明，本实施例所提供的用于监控网页的方法可以由服务器105执行。相应地，用于监控网页的装置可以设置于服务器105中。该用于监控网页的方法，包括以下步骤：

步骤201，响应于接收到网页的页面截图，基于页面截图中包括的文本对象模型，获取与页面截图对应的基准图像。

在本实施例中，用于监控网页的方法的执行主体(例如图1所示的服务器)可以通过有线连接方式或者无线连接方式从用户利用其进行信息交互的终端接收终端上的H5网页的页面截图。需要指出的是，上述无线连接方式可以包括但不限于3G/4G连接、WiFi连接、蓝牙连接、WiMAX连接、Zigbee连接、UWB(ultra wideband)连接、以及其他现在已知或将来开发的无线连接方式。

在本实施例中，网页的页面截图是指基于H5网页的文本对象模型(DocumentObject Model，DOM)生成的页面截图，因而页面截图中包括了H5网页中的所有元素(例如H5网页中包含的标签、表单以及脚本等)。作为示例，可以通过Html2canvas技术，将H5网页中的文本对象模型绘制到Canvas中，所获得的图片即为该H5网页的页面截图。

在本实施例中，基准图像可以是预先存储在服务器中的视觉设计原稿。视觉设计原稿是由技术人员所设计的、期望向用户呈现的原始图像数据。在一个具体的应用场景中，用户终端上安装的浏览器或具备浏览器功能的应用软件根据用户指示的网址，从对应的服务端获取数据，然后经过解析、重构和渲染等一系列步骤，将所获取的数据生成H5网页，并以页面的形式呈现在终端上。

通常，用户终端可以将当前运行的H5网页的页面截图发送至执行主体。执行主体接收到页面截图后，根据页面截图中包含的文本对象模型(例如页面的标签、表单等)，从预先存储的基准图像(例如可以是视觉设计原稿)中获取与该页面截图对应的基准图像。

步骤202，计算页面截图与基准图像的相似度。

终端上呈现给用户的H5网页，是由浏览器或具备浏览器功能的应用软件将从服务端获取到的数据、经过一系列步骤生成的页面，如果生成过程中没有出现错误，呈现给用户的H5网页与技术人员设计的视觉设计原稿是相同的。反之，呈现给用户的H5网页与视觉设计原稿就会存在差异。

计算两个图像之间的相似度可以由多种技术手段实现，例如可以是图像模版匹配或者SSIM结构相似性方法，此处不做限定。

在本实施例的一个具体示例中，可以通过如下步骤计算页面截图与基准图像的相似度：(1)缩放页面截图或基准图像，使得两者的尺寸一致；(2)然后将页面截图和基准图像转化为灰度图；(3)分别计算两张图片中每行像素点的灰度平均值以及基于该灰度平均值计算得到该行像素点的方差，灰度平均值用于表征该行像素点的灰度特征，方差则用于表征该行像素点灰度的波动特征；(4)计算两张图片中对应行的方差的差值；(5)对全部方差的差值取和，将得到的数值作为两张图像的相似度，相似度用于表征页面截图与基准图像之间的相似程度。

步骤203，若相似度小于预设阈值，确定网页显示异常。

在本实施例中，步骤202中得到的相似度数值越高，表示终端上呈现的H5网页越接近于技术人员的期望，反之，则表示终端上呈现的H5网页与技术人员的期望差距越大。技术人员可以根据经验预设阈值，当相似度小于该预设阈值时，表示终端上呈现的H5网页与技术人员的期望差距过大，即确定该网页显示异常。

在上述实施例的一些选的实现方式中，用于监控网页的方法还可以进一步包括如下步骤：

响应于确定网页显示异常，获取网页的代码信息，例如可以通过网络向终端发送获取代码信息的指令，然后由终端将当前网页的代码信息发送至执行主体。还可以同时接收终端发送的页面截图和代码信息，通过页面截图确定网页显示异常，再从存储位置获取对应的代码信息。代码信息是指终端上的浏览器或具备浏览器功能的应用生成该网页的所有步骤对应的命令代码，技术人员通过分析代码信息确定网页中的错误。

基于代码信息和页面截图，可以生成网页异常信息，页面截图可以直观地表示出终端上网页显示异常的区域，有助于技术人员更快速的定位分析问题。在本实施例的一些可选的实现方式中，网页异常信息还可以进一步包括终端的型号、环境等信息。

发送网页异常信息。执行主体可以将网页异常信息发送至指定的终端，还可以直接呈现在执行主体的显示装置上，以便技术人员能够及时获知，从而实现了对网页的自动监控。

继续参见图3，图3是根据本实施例的用于监控网页的方法的应用场景的一个示意图。在图3的应用场景中，终端设备301将当前的H5网页的页面截图通过网络发送至服务器302，由服务器302获取与页面截图对应的基准图像，然后计算页面截图与基准图像的相似度，并对比相似度与预设阈值以确定终端设备301上呈现的H5网页是否显示异常。

本公开提供的上述实施例中的方法，通过计算网页的页面截图与基准图像的相似度来判断网页是否显示异常，可以实现对网页显示状态的自动监控。

接下来参考图4，其示出了用于监控网页的方法的又一个实施例的流程400，该实施例是与图2中所示的实施例对应的发送端的流程，其执行主体为终端设备，例如可以是图1中所示的101、102或103，相应的，用于监控网页的装置可以安装在终端中。该用于监控网页的方法的流程400，包括以下步骤：

步骤401，响应于确定网页为初始网页且渲染完成，获取网页的代码信息和基于网页的文本对象模型生成的页面截图。

本实施例中的执行主体上安装有浏览器或具备浏览器功能的应用软件，通过浏览器或具备浏览器功能的应用软件从用户指示的服务器获取数据，然后基于获取到的数据生成H5网页并呈现给用户。例如终端可以经由如下步骤生成H5网页：首先根据用户的指令(例如用户输入的网址)从对应的HTTP服务器获取HTML文档，然后解析获取到的文档并构建文本对象模型树，之后基于本对象模型树执行渲染步骤，渲染步骤完成表示H5网页的生成过程已经完成。如果网页为初始网页且渲染完成，表示该网页是首次通过终端呈现给用户，此时获取的H5网页的代码信息包括了生成该H5网页的所有步骤对应的全部代码，作为示例，可以通过H5网页中内嵌的脚本获取代码信息。如果该生成过程中某个步骤出现错误，技术人员可以分析代码信息对错误进行定位。

在本实施例中，页面截图是由执行主体基于H5网页的文本对象模型生成的图片，其中包括了H5网页中的全部元素(例如标签、表单以及脚本等)。在一个具体示例中，执行主体可以通过html2canvas技术获取H5网页的页面截图：将H5网页的文本对象模型转化为SVG(Scalable Vector Graphics可缩放矢量图形)，再将SVG绘制到Canvas即可得到H5网页的页面截图。上述html2canvas技术还可以采用RASTERIZEHTML.JS技术替换，此处不做限定。

步骤402，发送代码信息和页面截图。

在本实施例中，执行主体将获取到的网页的代码信息和页面截图发送至服务端，以便服务端确定H5网页是否显示异常(例如通过执行图2中所示的实施例的流程)。

作为示例，执行主体可以通过如下步骤将代码信息和页面截图发送至服务端：首先，执行主体通过H5网页中内嵌的脚本获取网页的代码信息并将代码信息发送至服务端；然后，执行主体通过Form Data对象对将获取到的页面截图发送至服务端。

本公开提供的上述实施例中的方法，检测到H5页面为首次呈现时，自动获取H5网页的代码信息和页面截图，并发送至服务端，无需用户手动操作即可实现对H5网页的数据采集。

进一步参考图5，图5示出了本公开提供的用于监控网页的方法的又一个实施例的流程500，该流程包括以下步骤：

步骤501，判断当前H5网页是否是初始网页，若是，则执行步骤502和步骤503；若否，则执行步骤504和步骤505。

步骤502，判断当前H5网页的渲染是否完成，若是，则执行步骤503。

步骤503，获取网页对应的代码信息和基于网页的文本对象模型生成的页面截图。步骤501、502以及步骤503与前述步骤401相近，此处不再赘述。

步骤504，判断当前H5网页是否接收到对网页的操作指令。在本实施例中，操作指令是指用户通过H5网页的交互功能，向H5网页发出的指令，用于指示H5网页执行对应的动作，例如可以是用户的点击操作以使当前H5网页显示弹窗，再例如用户点击H5网页上的视频播放按键使得当前H5网页播放视频，等等。当前H5网页执行用户的操作指令之后，得到的是更新后的H5网页，网页更新的范围由操作指令所决定，可以是更新H5网页的全部页面区域，也可以只更新H5网页的局部区域。

步骤505，获取操作指令对应的代码信息和基于执行操作指令得到的更新后的网页的文本对象模型生成的页面截图。

在本实施例中，操作指令对应的代码信息是指由技术人员在设计H5网页时编写的与该操作指令对应的代码，用于指示H5网页根据操作指令完成对应的动作。

作为示例，可以通过如下步骤获取基于执行操作指令得到的更新后的网页的文本对象模型生成的页面截图：获取更新后的H5网页的全部区域的文本对象模型，然后基于获取到的文本对象模型生成H5网页全部区域的页面截图，将H5网页全部区域的页面截图作为更新后的网页的文本对象模型生成的页面截图。

在本实施例的一些可选的实现方式中，还可以采用如下步骤获取更新后的网页的页面截图：从更新后的网页中，确定更新的页面区域；基于更新的页面区域中的文本对象模型，生成区域页面截图；将区域页面截图确定为页面截图。区域页面截图与全部区域的页面截图相比，获取的数据更少、更精确，效率也就更高。

步骤506，发送代码信息和页面截图。此步骤与前述步骤402相近，此处不再赘述。

从图5中可以看出，与图4对应的实施例相比，本实施例中的用于监控网页的方法的流程500体现了获取非初始网页数据的流程，当H5网页不是初始网页且接收到操作指令时，获取操作指令对应的代码信息及更新后的网页的页面截图，由此，本实施例描述的方案可以将更新后的网页的数据发送至服务端，由服务端确定H5网页执行操作指令后是否显示异常。

参考图6，图6示出了图2中用于监控网页的方法对应的装置，该装置600包括：接收单元601，被配置成响应于接收到网页的页面截图，基于页面截图中包括的文本对象模型，获取与页面截图对应的基准图像；计算单元602，被配置成计算页面截图与基准图像的相似度；确定单元603，被配置成若相似度小于预设阈值，确定网页显示异常。

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

接下来参考图7，图7示出了图4中用于监控网页的方法对应的装置，该装置700包括：获取单元701，被配置成响应于确定网页为初始网页且渲染完成，获取网页的代码信息和基于网页的文本对象模型生成的页面截图；发送单元702，被配置成发送代码信息和页面截图。

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

在本实施例中，获取单元701被进一步配置成采用如下步骤获取页面截图：从更新后的网页中，确定更新的页面区域；基于更新的页面区域中的文本对象模型，生成区域页面截图；将区域页面截图确定为页面截图。

下面参考图8，其示出了适于用来实现本公开的实施例的电子设备(例如图1中的服务器或终端设备)800的结构示意图。本公开的实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图8示出的终端设备/服务器仅仅是一个示例，不应对本公开的实施例的功能和使用范围带来任何限制。

如图8所示，电子设备800可以包括处理装置(例如中央处理器、图形处理器等)801，其可以根据存储在只读存储器(ROM)802中的程序或者从存储装置808加载到随机访问存储器(RAM)803中的程序而执行各种适当的动作和处理。在RAM 803中，还存储有电子设备800操作所需的各种程序和数据。处理装置801、ROM 802以及RAM803通过总线804彼此相连。输入/输出(I/O)接口805也连接至总线804。

通常，以下装置可以连接至I/O接口805：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置806；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置807；包括例如磁带、硬盘等的存储装置808；以及通信装置809。通信装置809可以允许电子设备800与其他设备进行无线或有线通信以交换数据。虽然图8示出了具有各种装置的电子设备800，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。图8中示出的每个方框可以代表一个装置，也可以根据需要代表多个装置。

特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置809从网络上被下载和安装，或者从存储装置808被安装，或者从ROM 802被安装。在该计算机程序被处理装置801执行时，执行本公开的实施例的方法中限定的上述功能。需要说明的是，本公开的实施例所述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开的实施例中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开的实施例中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。

上述计算机可读介质可以是上述服务器中所包含的；也可以是单独存在，而未装配入该电子设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：响应于接收到网页的页面截图，基于页面截图的文本对象模型，获取与页面截图对应的基准图像；计算页面截图与基准图像的相似度；若相似度小于预设阈值，确定网页显示异常。或者，响应于确定网页为初始网页且渲染完成，获取网页对应的代码信息和基于网页的文本对象模型生成的页面截图；发送代码信息和页面截图。

可以以一种或多种程序设计语言或其组合来编写用于执行本公开的实施例的操作的计算机程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)——连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本公开的实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中，例如，可以描述为：一种处理器包括分段单元、精彩度计算单元和选取单元。其中，这些单元的名称在某种情况下并不构成对该单元本身的限定，例如，接收单元还可以被描述为“响应于接收到网页的页面截图，获取与页面截图对应的基准图像的单元”。

以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本公开的实施例中所涉及的发明范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述发明构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开的实施例中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

Claims (14)

1.一种用于监控网页的方法，包括：

响应于接收到网页的页面截图，基于所述页面截图中包括的文本对象模型，获取与所述页面截图对应的基准图像；

计算所述页面截图与所述基准图像的相似度；

若所述相似度小于预设阈值，确定所述网页显示异常。

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

响应于确定所述网页显示异常，获取所述网页的代码信息；

基于所述代码信息和所述页面截图生成网页异常信息；

发送所述网页异常信息。

3.一种用于监控网页的方法，包括：

响应于确定网页为初始网页且渲染完成，获取所述网页的代码信息和基于所述网页的文本对象模型生成的页面截图；

发送所述代码信息和所述页面截图。

4.根据权利要求3所述的方法，其中，还包括：

响应于确定所述网页不是初始网页且接收到对所述网页的操作指令，获取所述操作指令对应的代码信息和基于执行所述操作指令得到的更新后的网页的文本对象模型生成的页面截图。

5.根据权利要求4所述的方法，其中，所述基于执行所述操作指令得到的更新后的网页的文本对象模型生成的页面截图，经由如下步骤获取：

从所述更新后的网页中，确定更新的页面区域；

基于所述更新的页面区域中的文本对象模型，生成区域页面截图；

将所述区域页面截图确定为页面截图。

6.一种用于监控网页的装置，包括：

接收单元，被配置成响应于接收到网页的页面截图，基于所述页面截图包括的文本对象模型，获取与所述页面截图对应的基准图像；

计算单元，被配置成计算所述页面截图与所述基准图像的相似度；

确定单元，被配置成若所述相似度小于预设阈值，确定所述网页显示异常。

7.根据权利要求6所述的装置，其中，所述装置还包括：

代码获取单元，被配置成响应于确定所述页面显示异常，获取所述网页的代码信息；

生成单元，被配置成基于所述代码信息和所述页面截图生成网页异常信息；

上报单元，被配置成发送所述网页异常信息。

8.一种用于监控网页的装置，包括：

获取单元，被配置成响应于确定网页为初始网页且渲染完成，获取所述网页的代码信息和基于所述网页的文本对象模型生成的页面截图；

发送单元，被配置成发送所述代码信息和所述页面截图。

9.根据权利要求8所述的装置，其中，所述获取单元，还被配置成：

响应于确定所述网页不是初始网页且接收到对所述网页的操作指令，获取所述操作指令对应的代码信息和基于执行所述操作指令得到的更新后的网页的文本对象模型生成的页面截图。

10.根据权利要求9所述的装置，其中，所述获取单元被进一步配置成采用如下步骤获取更新后的网页的文本对象模型生成的页面截图：

从所述更新后的网页中，确定更新的页面区域；

基于所述更新的页面区域中的文本对象模型，生成区域页面截图；

将所述区域页面截图确定为页面截图。

11.一种服务器，包括：

一个或多个处理器；

存储装置，其上存储有一个或多个程序，

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1或2中任一所述的方法。

12.一种终端，包括：

一个或多个处理器；

存储装置，其上存储有一个或多个程序，

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求3-5中任一所述的方法。

13.一种计算机可读介质，其上存储有计算机程序，其中，所述程序被处理器执行时实现如权利要求1或2中任一所述的方法。

14.一种计算机可读介质，其上存储有计算机程序，其中，所述程序被处理器执行时实现如权利要求3-5中任一所述的方法。

Images