[发明专利]一种页面加载监控方法和装置

权利要求书

1.一种页面加载监控方法，其特征在于，包括：

服务端接收客户端上传的截图图片；其中，截图图片在客户端应用启动后对页面进行截图得到；

对所述截图图片和预期图片做比对，得到比对结果；其中，所述预期图片为页面加载成功的图片或预先设置的页面原型图；

若比对结果为不匹配，则触发告警提醒，否则不做处理。

2.根据权利要求1所述的方法，其特征在于，所述对所述截图图片和预期图片做比对，得到比对结果，包括：

预处理所述截图图片，以构建所述截图图片的指纹；

按照位置和数值对所述截图图片的指纹和所述预期图片的指纹做匹配，判断位置和数值均相同的位数；

若所述位数大于或等于预设位数，则确定所述截图图片和所述预期图片相似，否则为不同图片。

3.根据权利要求2所述的方法，其特征在于，所述预处理所述截图图片，以构建所述截图图片的指纹，包括：

将所述截图图片的尺寸修改为所述预期图片的尺寸，对修改尺寸后的截图图片做灰度处理，得到灰度图片；

确定所述灰度图片中每个像素的灰度值，进而计算得到所有像素的灰度平均值；

对于单个像素，若灰度值大于或等于灰度平均值，则记为第一数值，否则记为第二数值；

组合每个像素的比较结果，以构建所述截图图片的指纹。

4.根据权利要求1所述的方法，其特征在于，所述若比对结果为不匹配，则触发告警提醒，包括：

统计预设时间段内收到的有关所述页面的截图图片数量，以及统计比对结果为不匹配的次数；

计算所述次数在所述截图图片数量中的占比，若所述占比超出预设占比，则触发告警提醒。

5.根据权利要求1所述的方法，其特征在于，所述截图图片位于截图信息中，所述截图信息还包括设备信息和/或应用版本信息；

所述若比对结果为不匹配，则触发告警提醒，还包括：

若比对结果为不匹配，则针对所述页面，按照设备信息和/或应用版本信息进行分别统计，以生成页面加载报告。

6.一种页面加载监控方法，其特征在于，包括：

客户端响应于对应用的首次启动操作，打开所述应用的页面；

对所述页面进行截图操作，得到截图图片；

将所述截图图片上传至服务端，以通过所述服务端比对所述截图图片和预期图片，得到比对结果；其中，所述预期图片为页面加载成功的图片或预先设置的页面原型图。

7.根据权利要求1所述的方法，其特征在于，所述对所述页面进行截图操作，包括：

判断页面加载时间是否超出预设的页面截图超时时间，若超时，则对所述页面进行截图操作，否则，在所述页面加载完毕后再对所述页面进行截图操作。

8.根据权利要求7所述的方法，其特征在于，所述页面为原生页面或H5页面；

所述对所述页面进行截图操作，包括：

根据对所述页面的加载方式，判断所述页面是否为原生页面；

若是，则采用采用自定义截图功能对所述原生页面进行截图操作，否则采用H5的页面插件功能对对所述H5页面进行截图操作。

9.根据权利要求6-8中任一项所述的方法，其特征在于，还包括：

判断所述应用的当前截图上传功能是否设置为开，若为开，则执行对所述页面进行截图并上传的操作，否则结束流程。

10.一种页面加载监控装置，其特征在于，包括：

图片接收模块，用于服务端接收客户端上传的截图图片；其中，截图图片在客户端应用启动后对页面进行截图得到；

图片比对模块，用于对所述截图图片和预期图片做比对，得到比对结果；其中，所述预期图片为页面加载成功的图片或预先设置的页面原型图；

告警模块，用于若比对结果为不匹配，则触发告警提醒，否则不做处理。