本發(fā)明涉及互聯(lián)網(wǎng)應(yīng)用，特別是涉及一種h5頁面加載的監(jiān)控方法、裝置、電子設(shè)備及存儲介質(zhì)。

背景技術(shù)：

1、在現(xiàn)代網(wǎng)頁(web)開發(fā)中，第五代超文本標記語言(hypertext?markup?language5，html5)頁面，也可以稱之為h5頁面，廣泛應(yīng)用于電商、社交媒體、在線教育等各種領(lǐng)域。在實際應(yīng)用過程中，頁面加載是用戶使用h5頁面的主要過程，因此，需要對h5頁面加載進行監(jiān)控。

技術(shù)實現(xiàn)思路

1、本發(fā)明實施例的目的在于提供一種h5頁面加載的監(jiān)控方法、裝置、電子設(shè)備及存儲介質(zhì)，以實現(xiàn)在用戶體驗之前即能對h5頁面的加載過程進行監(jiān)控，及時地對h5頁面的加載過程進行監(jiān)控。具體技術(shù)方案如下：

2、第一方面，提供了一種h5頁面加載的監(jiān)控方法，包括：

3、啟動無頭瀏覽器；

4、在利用所述無頭瀏覽器訪問目標h5頁面的過程中，抓取加載所述目標h5頁面中資源的加載數(shù)據(jù)；

5、基于所述加載數(shù)據(jù)對所述目標h5頁面的加載過程進行監(jiān)控。

6、可選地，所述啟動無頭瀏覽器，包括：

7、周期性地調(diào)用puppeteer啟動無頭瀏覽器。

8、可選地，所述在利用所述無頭瀏覽器訪問目標h5頁面的過程中，抓取加載所述目標h5頁面中資源的加載數(shù)據(jù)，包括：

9、提取成功錄制的追蹤文件，所述追蹤文件是在頁面加載開始時啟動加載所述目標h5頁面的追蹤事件的錄制，并在頁面加載完成后終止對加載所述目標h5頁面的追蹤事件的錄制而得到的；

10、從所述追蹤文件中過濾出網(wǎng)絡(luò)請求事件；

11、從所述網(wǎng)絡(luò)請求事件中提取預(yù)設(shè)數(shù)據(jù)，所述預(yù)設(shè)數(shù)據(jù)包括影響加載速度和資源完整性的數(shù)據(jù)。

12、可選地，所述網(wǎng)絡(luò)請求事件，包括：源發(fā)送請求resourcesendrequest事件、源接收響應(yīng)resourcereceiveresponse事件和源結(jié)束resourcefinish事件。

13、可選地，所述預(yù)設(shè)數(shù)據(jù)包括以下數(shù)據(jù)中的至少一種：資源體積、資源數(shù)量、域名分布、訪問格式。

14、可選地，所述基于所述加載數(shù)據(jù)對所述目標h5頁面的加載過程進行監(jiān)控，包括：

15、將所述加載數(shù)據(jù)與異常條件進行比較；

16、若所述加載數(shù)據(jù)滿足異常條件，則反饋告警信息，所述告警信息用于表示對所述目標h5頁面的加載出現(xiàn)異常。

17、可選地，所述告警信息還包括異常數(shù)據(jù)，以使基于所述異常數(shù)據(jù)調(diào)整所述目標h5頁面中資源。

18、第二方面，提供了一種h5頁面加載的監(jiān)控裝置，包括：

19、啟動模塊，用于啟動無頭瀏覽器；

20、抓取模塊，用于在利用所述無頭瀏覽器訪問目標h5頁面的過程中，抓取加載所述目標h5頁面中資源的加載數(shù)據(jù)；

21、監(jiān)控模塊，用于基于所述加載數(shù)據(jù)對所述目標h5頁面的加載過程進行監(jiān)控。

22、第三方面，提供了一種電子設(shè)備，包括處理器、通信接口、存儲器和通信總線，其中，處理器，通信接口，存儲器通過通信總線完成相互間的通信；

23、存儲器，用于存放計算機程序；

24、處理器，用于執(zhí)行存儲器上所存放的程序時，實現(xiàn)第一方面任一所述的方法步驟。

25、在本發(fā)明實施的又一方面，還提供了一種計算機可讀存儲介質(zhì)，所述計算機可讀存儲介質(zhì)內(nèi)存儲有計算機程序，所述計算機程序被處理器執(zhí)行時實現(xiàn)上述任一所述的h5頁面加載的監(jiān)控方法。

26、在本發(fā)明實施的又一方面，還提供了一種包含指令的計算機程序產(chǎn)品，當其在計算機上運行時，使得計算機執(zhí)行上述任一所述的h5頁面加載的監(jiān)控方法。

27、本發(fā)明實施例提供的h5頁面加載的監(jiān)控方法、裝置、電子設(shè)備及存儲介質(zhì)，通過無頭瀏覽器模擬用戶訪問頁面，以在利用無頭瀏覽器訪問目標h5頁面的過程中，抓取加載目標h5頁面中資源的加載數(shù)據(jù)，并基于加載數(shù)據(jù)對目標h5頁面的加載過程進行監(jiān)控，使得在用戶體驗之前即能對h5頁面的加載過程進行監(jiān)控，實現(xiàn)了及時地對h5頁面的加載過程進行監(jiān)控。

技術(shù)特征：

1.一種h5頁面加載的監(jiān)控方法，其特征在于，包括：

2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述啟動無頭瀏覽器，包括：

3.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述在利用所述無頭瀏覽器訪問目標h5頁面的過程中，抓取加載所述目標h5頁面中資源的加載數(shù)據(jù)，包括：

4.根據(jù)權(quán)利要求3所述的方法，其特征在于，所述網(wǎng)絡(luò)請求事件，包括：源發(fā)送請求resourcesendrequest事件、源接收響應(yīng)resourcereceiveresponse事件和源結(jié)束resourcefinish事件。

5.根據(jù)權(quán)利要求3所述的方法，其特征在于，所述預(yù)設(shè)數(shù)據(jù)包括以下數(shù)據(jù)中的至少一種：資源體積、資源數(shù)量、域名分布、訪問格式。

6.根據(jù)權(quán)利要求1至5任一項所述的方法，其特征在于，所述基于所述加載數(shù)據(jù)對所述目標h5頁面的加載過程進行監(jiān)控，包括：

7.根據(jù)權(quán)利要求6所述的方法，其特征在于，所述告警信息還包括異常數(shù)據(jù)，以使基于所述異常數(shù)據(jù)調(diào)整所述目標h5頁面中資源。

8.一種h5頁面加載的監(jiān)控裝置，其特征在于，包括：

9.一種電子設(shè)備，其特征在于，包括處理器、通信接口、存儲器和通信總線，其中，處理器，通信接口，存儲器通過通信總線完成相互間的通信；

10.一種計算機可讀存儲介質(zhì)，其特征在于，所述計算機可讀存儲介質(zhì)內(nèi)存儲有計算機程序，所述計算機程序被處理器執(zhí)行時實現(xiàn)權(quán)利要求1-7任一所述的方法步驟。

技術(shù)總結(jié)
本發(fā)明實施例提供了一種H5頁面加載的監(jiān)控方法、裝置、電子設(shè)備及存儲介質(zhì)，其中，H5頁面加載的監(jiān)控方法，包括：啟動無頭瀏覽器；在利用無頭瀏覽器訪問目標H5頁面的過程中，抓取加載目標H5頁面中資源的加載數(shù)據(jù)；基于加載數(shù)據(jù)對目標H5頁面的加載過程進行監(jiān)控。本發(fā)明實施例提供的H5頁面加載的監(jiān)控方法、裝置、電子設(shè)備及存儲介質(zhì)，通過無頭瀏覽器模擬用戶訪問頁面，以在利用無頭瀏覽器訪問目標H5頁面的過程中，抓取加載目標H5頁面中資源的加載數(shù)據(jù)，并基于加載數(shù)據(jù)對目標H5頁面的加載過程進行監(jiān)控，使得在用戶體驗之前即能對H5頁面的加載過程進行監(jiān)控，實現(xiàn)了及時地對H5頁面的加載過程進行監(jiān)控。

技術(shù)研發(fā)人員：朱培鑫
受保護的技術(shù)使用者：北京奇藝世紀科技有限公司
技術(shù)研發(fā)日：
技術(shù)公布日：2024/12/19