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

背景技術(shù)：

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

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

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

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

3、啟動(dòng)無頭瀏覽器；

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

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

6、可選地，所述啟動(dòng)無頭瀏覽器，包括：

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

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

9、提取成功錄制的追蹤文件，所述追蹤文件是在頁(yè)面加載開始時(shí)啟動(dòng)加載所述目標(biāo)h5頁(yè)面的追蹤事件的錄制，并在頁(yè)面加載完成后終止對(duì)加載所述目標(biāo)h5頁(yè)面的追蹤事件的錄制而得到的；

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

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

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

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

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

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

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

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

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

19、啟動(dòng)模塊，用于啟動(dòng)無頭瀏覽器；

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

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

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

23、存儲(chǔ)器，用于存放計(jì)算機(jī)程序；

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

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

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

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

技術(shù)特征：

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

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

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

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

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

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

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

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

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

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

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

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