[發明專利]一種頁面加載監控方法和裝置

在審

• 申請號: 202110411094.1
• 申請日: 2021-04-16
• 公開（公告）號: CN113076236A
• 公開（公告）日: 2021-07-06
• 發明（設計）人: 曹國良
• 申請（專利權）人: 北京京東拓先科技有限公司
• 主分類號: G06F11/30
• 分類號: G06F11/30;G06F11/32
• 代理公司: 中原信達知識產權代理有限責任公司 11219
• 代理人: 郝紅玉;馮培培

1.一種頁面加載監控方法，其特征在于，包括：

服務端接收客戶端上傳的截圖圖片；其中，截圖圖片在客戶端應用啟動后對頁面進行截圖得到；

對所述截圖圖片和預期圖片做比對，得到比對結果；其中，所述預期圖片為頁面加載成功的圖片或預先設置的頁面原型圖；

若比對結果為不匹配，則觸發告警提醒，否則不做處理。

2.根據權利要求1所述的方法，其特征在于，所述對所述截圖圖片和預期圖片做比對，得到比對結果，包括：

預處理所述截圖圖片，以構建所述截圖圖片的指紋；

按照位置和數值對所述截圖圖片的指紋和所述預期圖片的指紋做匹配，判斷位置和數值均相同的位數；

若所述位數大于或等于預設位數，則確定所述截圖圖片和所述預期圖片相似，否則為不同圖片。

3.根據權利要求2所述的方法，其特征在于，所述預處理所述截圖圖片，以構建所述截圖圖片的指紋，包括：

將所述截圖圖片的尺寸修改為所述預期圖片的尺寸，對修改尺寸后的截圖圖片做灰度處理，得到灰度圖片；

確定所述灰度圖片中每個像素的灰度值，進而計算得到所有像素的灰度平均值；

對于單個像素，若灰度值大于或等于灰度平均值，則記為第一數值，否則記為第二數值；

組合每個像素的比較結果，以構建所述截圖圖片的指紋。

4.根據權利要求1所述的方法，其特征在于，所述若比對結果為不匹配，則觸發告警提醒，包括：

統計預設時間段內收到的有關所述頁面的截圖圖片數量，以及統計比對結果為不匹配的次數；

計算所述次數在所述截圖圖片數量中的占比，若所述占比超出預設占比，則觸發告警提醒。

5.根據權利要求1所述的方法，其特征在于，所述截圖圖片位于截圖信息中，所述截圖信息還包括設備信息和/或應用版本信息；

所述若比對結果為不匹配，則觸發告警提醒，還包括：

若比對結果為不匹配，則針對所述頁面，按照設備信息和/或應用版本信息進行分別統計，以生成頁面加載報告。

6.一種頁面加載監控方法，其特征在于，包括：

客戶端響應于對應用的首次啟動操作，打開所述應用的頁面；

對所述頁面進行截圖操作，得到截圖圖片；

將所述截圖圖片上傳至服務端，以通過所述服務端比對所述截圖圖片和預期圖片，得到比對結果；其中，所述預期圖片為頁面加載成功的圖片或預先設置的頁面原型圖。

7.根據權利要求1所述的方法，其特征在于，所述對所述頁面進行截圖操作，包括：

判斷頁面加載時間是否超出預設的頁面截圖超時時間，若超時，則對所述頁面進行截圖操作，否則，在所述頁面加載完畢后再對所述頁面進行截圖操作。

8.根據權利要求7所述的方法，其特征在于，所述頁面為原生頁面或H5頁面；

所述對所述頁面進行截圖操作，包括：

根據對所述頁面的加載方式，判斷所述頁面是否為原生頁面；

若是，則采用采用自定義截圖功能對所述原生頁面進行截圖操作，否則采用H5的頁面插件功能對對所述H5頁面進行截圖操作。

9.根據權利要求6-8中任一項所述的方法，其特征在于，還包括：

判斷所述應用的當前截圖上傳功能是否設置為開，若為開，則執行對所述頁面進行截圖并上傳的操作，否則結束流程。

10.一種頁面加載監控裝置，其特征在于，包括：

圖片接收模塊，用于服務端接收客戶端上傳的截圖圖片；其中，截圖圖片在客戶端應用啟動后對頁面進行截圖得到；

圖片比對模塊，用于對所述截圖圖片和預期圖片做比對，得到比對結果；其中，所述預期圖片為頁面加載成功的圖片或預先設置的頁面原型圖；

告警模塊，用于若比對結果為不匹配，則觸發告警提醒，否則不做處理。