CN112000538B - 页面内容的显示监测方法、装置、设备及可读存储介质 - Google Patents

Abstract

本发明实施例公开了一种页面内容的显示监测方法、装置、设备及可读存储介质。其中，方法包括：获取浏览页面的内容显示区域的图像；在所述内容显示区域的图像中，计算各像素的像素值的统计量；根据各像素的像素值的统计量，监测页面内容是否正常显示。本实施例通过计算机视觉的方法实现监测，不依赖于html标签；而且，利用了页面内容正常显示和未正常显示时像素值统计量的不同，监测页面的显示情况，使得监测过程准确且高效。

Description

页面内容的显示监测方法、装置、设备及可读存储介质

技术领域

本发明实施例涉及计算机视觉技术，尤其涉及一种页面内容的显示监测方法、装置、设备及可读存储介质。

背景技术

随着终端技术和软件技术的发展，终端上得以显示各种软件提供的浏览页面。目前，在终端上打开浏览页面后，往往需要等待或长或短的时间，才能加载完并成功显示正常的浏览内容。

针对如何监测浏览内容是否正常显示的技术问题，目前主要通过seleniumwebdriver、phantomJS等技术解决。其中，phantomJS可以打开页面，并定位页面上的html标签；通过监控html标签是否存在或者是否能被点击，监测页面是否正常显示。seleniumwebdriver也是通过定位html标签，并监控对html标签的点击操作来监测页面是否正常显示。

现有的显示监测方法强依赖网站页面的html代码编写方式，如果网站改版升级，监控代码就需要修改，导致监控代码维护成本较高；此外，不同浏览器对javascript,html页面的兼容性不同，执行起来存在一定的失败概率；而且，对于采用非html标签实现的页面，将会由于获取不到html标签而无法进行显示监测，不具备通用性。

发明内容

本发明实施例提供一种页面内容的显示监测方法、装置、设备及可读存储介质，从而不依赖html标签，准确、高效的实现页面内容的显示监测。

第一方面，本发明实施例提供了一种页面内容的显示监测方法，包括：

获取浏览页面的内容显示区域的图像；

在所述内容显示区域的图像中，计算各像素的像素值的统计量；

根据各像素的像素值的统计量，监测页面内容是否正常显示。

第二方面，本发明实施例还提供了一种页面内容的显示监测装置，包括：

获取模块，用于获取浏览页面的内容显示区域的图像；

计算模块，用于在所述内容显示区域的图像中，计算各像素的像素值的统计量；

监测模块，用于根据各像素的像素值的统计量，监测页面内容是否正常显示。

第三方面，本发明实施例还提供了一种电子设备，所述设备包括：

一个或多个处理器；

存储器，用于存储一个或多个程序，

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现任一实施例所述的页面内容的显示监测方法。

第四方面，本发明实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现任一实施例所述的页面内容的显示监测方法。

本发明实施例中，通过获取浏览页面的内容显示区域的图像，并通过分析图像监测页面内容是否正常显示，即通过计算机视觉的方法实现监测，不依赖于html标签，甚至是浏览页面的内部实现技术，从而降低了代码维护成本，提高页面兼容性不同带来了失败概率，且具备通用性；通过在所述内容显示区域的图像中，计算各像素的像素值的统计量，并根据各像素的像素值的统计量，监测页面内容是否正常显示，从而利用了页面内容正常显示和未正常显示时像素值统计量的不同，监测页面的显示情况，使得监测过程准确且高效。

附图说明

图1a是本发明实施例一提供的一种页面内容的显示监测方法的流程图；

图1b是本发明实施例一提供的页面显示加载图标的示意图；

图1c是本发明实施例一提供的浏览页面和内容显示区域的示意图；

图2a是本发明实施例二提供的一种页面内容的显示监测方法的流程图；

图2b是本发明实施例二提供的页面正常显示时，各像素的灰度值的平均值分布和标准差分布；

图2c是本发明实施例二提供的页面未正常显示时，各像素的灰度值的平均值分布和标准差分布；

图3是本发明实施例三提供的一种页面内容的显示监测方法的流程图；

图4是本发明实施例四提供的一种页面内容的显示监测装置的结构示意图；

图5是本发明实施例五提供的一种电子设备的结构示意图。

具体实施方式

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

实施例一

图1a是本发明实施例一提供的一种页面内容的显示监测方法的流程图，本实施例可适用于在浏览页面打开后，监测浏览页面上的内容是否正常显示的情况，该方法可以由页面内容的显示监测装置来执行，该装置可以由硬件和/或软件构成，并一般集成在电子设备中，具体包括如下操作：

S110、获取浏览页面的内容显示区域的图像。

本实施例中，浏览页面可以是安装在电子设备上的各种软件提供的页面，包括但不限于网页、阅读器的阅读页面和预览页面。浏览页面打开后，会加载并显示文档、图片、视频等内容；但是，如果出现网络故障、设备故障或者软件故障，会导致页面内容的格式未正常显示，可能是显示一片空白，可能显示“内容未加载”或者“网络已断开”字样，可能显示乱码，还可能仅显示如图1b所示的加载图标。

为了监测页面内容是否正常显示，首先获取浏览页面的内容显示区域的图像。其中，浏览页面的全部或者部分为内容显示区域。如图1c所示，浏览页面的上部分为标题栏、操作栏，浏览页面的左部分为目录栏，浏览页面的右下部分为内容显示区域，用灰色表示。可选地，截取或者拍摄内容显示区域的图像。

S120、在内容显示区域的图像中，计算各像素的像素值的统计量。

一般情况下，如果页面内容显示正常，内容显示区域会显示较多的文字和/或图片；如果页面内容未正常显示，则内容显示区域会显示较少的文字和/或图片，例如前述描述的“内容未加载”或者“网络已断开”字样以及图1b中的加载图标。

基于上述分析，提取各像素在颜色空间中的像素值，颜色空间包括但不限于RGB颜色空间、YUV颜色空间和HSV颜色空间。然后，对各像素在颜色空间中的像素值进行统计，例如求和、求平均、求标准差等，得到统计量。

S130、根据各像素的像素值的统计量，监测页面内容是否正常显示。

基于上述分析，统计量能够反映内容显示区域的图像的整体的可视化特征。基于页面内容正常显示与未正常显示时，可视化特征的不同，根据统计量监测页面内容是否正常显示。

在一可选实施方式中，统计多个页面正常显示时，统计量的第一范围A～B；统计多个页面未正常显示时，统计量的第二范围C～D。如果S120得到的各像素的像素值的统计量在第一范围A～B内，则测定页面内容正常显示；如果像素值的统计量在第二范围C～D内，则测定页面内容未正常显示。

本发明实施例中，通过获取浏览页面的内容显示区域的图像，并通过分析图像监测页面内容是否正常显示，即通过计算机视觉的方法实现监测，不依赖于html标签，甚至是浏览页面的内部实现技术，从而降低了代码维护成本，提高页面兼容性不同带来了失败概率，且具备通用性；通过在内容显示区域的图像中，计算各像素的像素值的统计量，并根据各像素的像素值的统计量，监测页面内容是否正常显示，从而利用了页面内容正常显示和未正常显示时像素值统计量的不同，监测页面的显示情况，使得监测过程准确且高效。

实施例二

本实施例在上述实施例各可选实施方式的基础上，进一步优化。可选地，将“在内容显示区域的图像中，计算各像素的像素值的统计量”细化为“在内容显示区域的图像中，计算各像素的灰度值的统计量，和/或，各像素的颜色值的统计量，统计量包括平均值和/或标准差”。其中，将各像素的颜色值为各像素的RGB三通道的颜色值。各像素的RGB三通道的颜色值输入至公式Gray＝R*0.299+G*0.587+B*0.114中，得到灰度值Gray。

可选地，将“根据各像素的像素值的统计量，监测页面内容是否正常显示”细化为“将各像素的像素值的统计量输入至监测模型中，得到监测模型输出的页面内容是否正常显示的监测结果”，从而通过监测模型提高准确性。

图2a是本发明实施例二提供的一种页面内容的显示监测方法的流程图，以灰度值为例说明页面内容的显示监测方法。

S210、获取浏览页面的内容显示区域的图像。

S220、在内容显示区域的图像中，计算各像素的灰度值的统计量，统计量包括平均值和/或标准差。

图2b是本发明实施例二提供的页面正常显示时，各像素的灰度值的平均值分布和标准差分布，图2c是本发明实施例二提供的页面未正常显示时，各像素的灰度值的平均值分布和标准差分布。图2b和图2c的横坐标为浏览页面的编号，纵坐标为数值。可见，页面正常显示时，各像素的灰度值的平均值分布一般在250以下，标准差在40左右；页面未正常显示时，各像素的灰度值的平均值分布基本在250以上(实际上非常接近于255)，标准差基本在10以下。

利用页面正常显示和未正常显示时，各像素的灰度值的平均值和/或标准差的不同，训练一监测模型，并采用监测模型得到页面内容是否正常显示的监测结果。

具体地，第一步：采用极端梯度提升xgboost算法构建待训练的监测模型。第二步：获取页面内容显示正常的正样本图像中各像素的灰度值的平均值和/或标准差，以及页面内容未正常显示的负样本图像中各像素的灰度值的平均值和/或标准差。第三步：根据正样本图像中各像素的灰度值的平均值和/或标准差，以及负样本图像中各像素的灰度值的平均值和/或标准差，训练监测模型。

其中，xgboost算法是使用梯度提升框架实现的高效、灵活、可移植的机器学习库，它将树的生成并行完成，从而提高学习速度。xgboost算法的原理和优点参见现有技术，此处不再赘述。该算法首先给定一个目标损失函数，假设监测到页面内容正常显示时，应输出目标值1；监测到页面内容未正常显示时，应输出目标值0，则在训练过程中，将监测模型的输出值与目标值的距离或者输出值与目标值之差的平方，确定为目标损失函数。模型训练过程即寻找监测模型，使得目标损失函数最小化。

在一试验中，采用了1133个正样本图像和负样本图像进行了训练，由于采用了xgboost算法，此模型的训练准确度达到了99％，优于传统的神经网络模型。在对10万文档进行监测的场景中准确度也高达93％，且单个文档监控处理时间只有10秒，因此认为此监测模型具备一定的实际应用价值。

S230、将各像素的灰度值的平均值和/或标准差输入至监测模型中，得到监测模型输出的页面内容是否正常显示的监测结果。

通过采用xgboost算法构建的监测模型，可以将一个图像中各像素的灰度值的平均值和/或标准差输入至监测模型中，得到监测结果，也可以将多个图像中各像素的灰度值的平均值和/或标准差同时输入至监测模型中，得到监测结果，即采用xgboost算法构建的监测模型既支持单点处理又支持批量处理。

本实施例中，通过将各像素的灰度值的平均值和/或标准差输入至监测模型中，得到监测模型输出的页面内容是否正常显示的监测结果，从而利用了页面内容正常显示和未正常显示时灰度值均值和标准差的不同，结合监测模型监测页面的显示情况，提高监测过程的准确性；通过采用xgboost算法构建监测模型，极大地提升了准确率和监测效率。

实施例三

图3是本发明实施例三提供的一种页面内容的显示监测方法的流程图。本发明实施例在上述各实施例的技术方案的基础上进行操作优化。进一步地，将操作“获取浏览页面的内容显示区域的图像”细化为“在浏览页面打开后的预设时长内，截取浏览页面的截图；按照内容显示区域在浏览页面中的显示位置，从截图上裁剪内容显示区域的图像”，从而及时、在线监测页面内容显示情况。结合图3，本实施例提供的方法具体包括以下操作：

S310、在浏览页面打开后的预设时长内，截取浏览页面的截图。

在一可选实施方式中，浏览页面显示在浏览器中。对于文档来说，文档的阅读器需要嵌入在浏览器内部，从而文档的浏览页面会显示在浏览器中。那么，在浏览页面打开后的预设时长内，截取浏览器的窗口截图。例如，采用selenium webdriver的chrome webdriverheadless模式，浏览器只需要运行在后台就可以完成截图，截图一般为浏览器的整个窗口，基本上覆盖了第一屏人眼所能感知到的所有页面内容。

在另一可选实施方式中，浏览页面未显示在浏览器中，对于文档来说，文档的阅读器独立运行在操作系统上，不需要浏览器支持，从而文档的浏览页面不会显示在浏览器中。那么，在浏览页面打开后的预设时长内，可采用screenshot、shootme等截图工具,或者通过代码调用系统的截图功能来截取浏览页面的截图。

上述两种实施方式中，预设时长可设置为1秒、2秒或者3秒，以在打开浏览页面进行内容显示监测的场景中，及时监测浏览页面的显示情况，便于及时发现显示异常的页面。

S320、按照内容显示区域在浏览页面中的显示位置，从截图上裁剪内容显示区域的图像。

显示位置包括但不限于内容显示区域距离页面顶部或底部的距离，距离页面左边或右边的距离，内容显示区域的长宽、面积等。

可选地，采用imageMagic工具从截图上裁剪内容显示区域的图像。进一步地，对图像进行缩放以节省计算资源消耗，并提高监测效率。

S330、在内容显示区域的图像中，计算各像素的像素值的统计量。

S340、根据各像素的像素值的统计量，监测页面内容是否正常显示。

本实施例中，通过在浏览页面打开后的预设时长内，截取浏览页面的截图，并对截图进行监测，从而及时、在线地实现页面内容的显示监测；通过截取浏览器的窗口截图，使得应用场景扩大到与浏览器兼容的浏览页面，具备一定的通用性。

实施例四

图4是本发明实施例四提供的一种页面内容的显示监测装置的结构示意图，本发明实施例适用于在浏览页面打开后，监测浏览页面上的内容是否正常显示的情况，结合图4,页面内容的显示监测装置包括：获取模块410、计算模块420和监测模块430。

获取模块410，用于获取浏览页面的内容显示区域的图像；

计算模块420，用于在内容显示区域的图像中，计算各像素的像素值的统计量；

监测模块430，用于根据各像素的像素值的统计量，监测页面内容是否正常显示。

本发明实施例中，通过获取浏览页面的内容显示区域的图像，并通过分析图像监测页面内容是否正常显示，即通过计算机视觉的方法实现监测，不依赖于html标签，甚至是浏览页面的内部实现技术，从而降低了代码维护成本，提高页面兼容性不同带来了失败概率，且具备通用性；通过在内容显示区域的图像中，计算各像素的像素值的统计量，并根据各像素的像素值的统计量，监测页面内容是否正常显示，从而利用了页面内容正常显示和未正常显示时像素值统计量的不同，监测页面的显示情况，使得监测过程准确且高效。

可选地，监测模块430在根据各像素的像素值的统计量，监测页面内容是否正常显示时，具体用于：如果各像素的像素值的统计量在第一范围内，测定页面内容正常显示；如果各像素的像素值的统计量在第二范围内，测定页面内容未正常显示；其中，第一范围通过对多个页面正常显示时的统计量进行统计得到，第二范围通过对多个页面未正常显示时的统计量进行统计得到。

可选地，计算模块420在内容显示区域的图像中，计算各像素的像素值的统计量时，具体用于：在内容显示区域的图像中，计算各像素的灰度值的统计量，和/或，各像素的颜色值的统计量；统计量包括平均值和/或标准差。

可选地，监测模块430在根据各像素的像素值的统计量，监测页面内容是否正常显示时，具体用于：将各像素的灰度值的平均值和/或标准差输入至监测模型中，得到监测模型输出的页面内容是否正常显示的监测结果。

可选地，该装置还包括训练模块，用于在将各像素的灰度值的平均值和/或标准差输入至监测模型中，得到监测模型输出的页面内容是否正常显示的监测结果之前，采用极端梯度提升xgboost算法构建待训练的监测模型；获取页面内容显示正常的正样本图像中各像素的灰度值的平均值和/或标准差，以及页面内容未正常显示的负样本图像中各像素的灰度值的平均值和/或标准差；根据正样本图像中各像素的灰度值的平均值和/或标准差，以及负样本图像中各像素的灰度值的平均值和/或标准差，训练监测模型。

可选地，获取模块410在获取浏览页面的内容显示区域的图像时，具体用于：在浏览页面打开后的预设时长内，截取浏览页面的截图；按照内容显示区域在浏览页面中的显示位置，从截图上裁剪内容显示区域的图像。

可选地，获取模块410在浏览页面打开后的预设时长内，截取浏览页面的截图时，具体用于：在浏览页面打开后的预设时长内，截取浏览器的窗口截图；其中，浏览页面显示在浏览器中。

本发明实施例所提供的页面内容的显示监测装置可执行本发明任意实施例所提供的页面内容的显示监测方法，具备执行方法相应的功能模块和有益效果。

实施例五

图5是本发明实施例五提供的一种电子设备的结构示意图。图5示出了适于用来实现本发明实施方式的示例性电子设备12的框图。图5显示的电子设备12仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图5所示，电子设备12以通用计算设备的形式表现。电子设备12的组件可以包括但不限于：一个或者多个处理器或者处理单元16，系统存储器28，连接不同系统组件(包括系统存储器28和处理单元16)的总线18。

总线18表示几类总线结构中的一种或多种，包括存储器总线或者存储器控制器，外围总线，图形加速端口，处理器或者使用多种总线结构中的任意总线结构的局域总线。举例来说，这些体系结构包括但不限于工业标准体系结构(ISA)总线，微通道体系结构(MAC)总线，增强型ISA总线、视频电子标准协会(VESA)局域总线以及外围组件互连(PCI)总线。

电子设备12典型地包括多种计算机系统可读介质。这些介质可以是任何能够被电子设备访问的可用介质，包括易失性和非易失性介质，可移动的和不可移动的介质。

系统存储器28可以包括易失性存储器形式的计算机系统可读介质，例如随机存取存储器(RAM)30和/或高速缓存存储器32。电子设备12可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机系统存储介质。仅作为举例，存储系统34可以用于读写不可移动的、非易失性磁介质(图5未显示，通常称为“硬盘驱动器”)。尽管图5中未示出，可以提供用于对可移动非易失性磁盘(例如“软盘”)读写的磁盘驱动器，以及对可移动非易失性光盘(例如CD-ROM,DVD-ROM或者其它光介质)读写的光盘驱动器。在这些情况下，每个驱动器可以通过一个或者多个数据介质接口与总线18相连。存储器28可以包括至少一个程序产品，该程序产品具有一组(例如至少一个)程序模块，这些程序模块被配置以执行本发明各实施例的功能。

具有一组(至少一个)程序模块42的程序/实用工具40，可以存储在例如存储器28中，这样的程序模块42包括但不限于操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。程序模块42通常执行本发明所描述的实施例中的功能和/或方法。

电子设备12也可以与一个或多个外部设备14(例如键盘、指向设备、显示器24、摄像头等)通信，还可与一个或者多个使得用户能与该电子设备12交互的设备通信，和/或与使得该电子设备12能与一个或多个其它计算设备进行通信的任何设备(例如网卡，调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口22进行。并且，电子设备12还可以通过网络适配器20与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。如图所示，网络适配器20通过总线18与电子设备12的其它模块通信。应当明白，尽管图中未示出，可以结合电子设备12使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。

处理单元16通过运行存储在系统存储器28中的程序，从而执行各种功能应用以及数据处理，例如实现本发明实施例所提供的页面内容的显示监测方法。

实施例六

本发明实施例六还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现任一实施例的页面内容的显示监测方法。

本发明实施例的计算机存储介质，可以采用一个或多个计算机可读的介质的任意组合。计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本文件中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。

计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。

计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括——但不限于无线、电线、光缆、RF等等，或者上述的任意合适的组合。

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

注意，上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解，本发明不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此，虽然通过以上实施例对本发明进行了较为详细的说明，但是本发明不仅仅限于以上实施例，在不脱离本发明构思的情况下，还可以包括更多其他等效实施例，而本发明的范围由所附的权利要求范围决定。

Claims (9)

1.一种页面内容的显示监测方法，其特征在于，包括：

获取浏览页面的内容显示区域的图像；

在所述内容显示区域的图像中，计算各像素的像素值的统计量；其中，所述各像素的像素值的统计量包括各像素的灰度值的统计量和各像素的颜色值的统计量；

根据所述各像素的像素值的统计量，监测页面内容是否正常显示，包括：

采用极端梯度提升xgboost算法构建待训练的监测模型；

获取页面内容显示正常的正样本图像中各像素的灰度值的平均值和/或标准差，以及页面内容未正常显示的负样本图像中各像素的灰度值的平均值和/或标准差；

根据所述正样本图像中各像素的灰度值的平均值和/或标准差，以及所述负样本图像中各像素的灰度值的平均值和/或标准差，训练所述监测模型；

将所述各像素的灰度值的平均值和/或标准差输入至所述监测模型中，得到所述监测模型输出的页面内容是否正常显示的监测结果。

2.根据权利要求1所述的方法，其特征在于，所述在所述内容显示区域的图像中，计算各像素的像素值的统计量，包括：

在所述内容显示区域的图像中，计算所述各像素的灰度值的统计量，和/或，所述各像素的颜色值的统计量；

所述统计量包括平均值和/或标准差。

3.根据权利要求1所述的方法，其特征在于，所述根据所述各像素的像素值的统计量，监测页面内容是否正常显示，还包括：

如果所述各像素的像素值的统计量在第一范围内，测定页面内容正常显示；

如果所述各像素的像素值的统计量在第二范围内，测定页面内容未正常显示；

其中，所述第一范围通过对多个页面正常显示时的统计量进行统计得到，所述第二范围通过对多个页面未正常显示时的统计量进行统计得到。

4.根据权利要求1-3任一项所述的方法，其特征在于，所述获取浏览页面的内容显示区域的图像，包括：

在浏览页面打开后的预设时长内，截取浏览页面的截图；

按照内容显示区域在浏览页面中的显示位置，从所述截图上裁剪内容显示区域的图像。

5.根据权利要求4所述的方法，其特征在于，所述在浏览页面打开后的预设时长内，截取浏览页面的截图，包括：

在浏览页面打开后的预设时长内，截取浏览器的窗口截图；

其中，所述浏览页面显示在所述浏览器中。

6.根据权利要求1所述的方法，其特征在于，

所述浏览页面的显示内容包括文档；

所述页面内容未正常显示包括页面内容的格式未正常显示。

7.一种页面内容的显示监测装置，其特征在于，包括：

获取模块，用于获取浏览页面的内容显示区域的图像；

计算模块，用于在所述内容显示区域的图像中，计算各像素的像素值的统计量；其中，所述各像素的像素值的统计量包括各像素的灰度值的统计量和各像素的颜色值的统计量；

监测模块，用于根据所述各像素的像素值的统计量，监测页面内容是否正常显示；

训练模块，用于采用极端梯度提升xgboost算法构建待训练的监测模型；获取页面内容显示正常的正样本图像中各像素的灰度值的平均值和/或标准差，以及页面内容未正常显示的负样本图像中各像素的灰度值的平均值和/或标准差；根据所述正样本图像中各像素的灰度值的平均值和/或标准差，以及所述负样本图像中各像素的灰度值的平均值和/或标准差，训练所述监测模型；

所述监测模块，具体用于将所述各像素的灰度值的平均值和/或标准差输入至所述监测模型中，得到所述监测模型输出的页面内容是否正常显示的监测结果。

8.一种电子设备，其特征在于，所述电子设备包括：

一个或多个处理器；

存储器，用于存储一个或多个程序，

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-6中任一所述的页面内容的显示监测方法。

9.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1-6中任一所述的页面内容的显示监测方法。