本申請涉及前端頁面監(jiān)控，具體而言，涉及一種前端頁面的異常確定方法、裝置、計算機(jī)程序產(chǎn)品和前端頁面監(jiān)控系統(tǒng)。

背景技術(shù)：

1、dom是一種與平臺和語言無關(guān)的應(yīng)用程序接口,它可以動態(tài)地訪問程序和腳本，更新其內(nèi)容、結(jié)構(gòu)和頁面文檔的風(fēng)格，前端頁面情況可以反映在dom樹上，頁面渲染過程就是dom樹的構(gòu)建過程，頁面渲染過程的不同形態(tài)，dom數(shù)量也不同。頁面渲染出現(xiàn)異常時，頁面直觀呈現(xiàn)與正常渲染頁面不同，此時對應(yīng)的dom數(shù)量也不同，可以通過數(shù)據(jù)分析尋求dom數(shù)量與頁面渲染異常情況的關(guān)系，以達(dá)到對前端頁面渲染情況的監(jiān)測。

2、現(xiàn)有前端頁面異常監(jiān)測方法多采用埋點等方式，手動埋點方式工程量大，需要較大的開發(fā)人力和周期，同時需在應(yīng)用程序中插入特定的代碼，與原有業(yè)務(wù)代碼耦合性強(qiáng)且容易出錯。

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

1、本申請的主要目的在于提供一種前端頁面的異常確定方法、裝置、計算機(jī)程序產(chǎn)品和前端頁面監(jiān)控系統(tǒng)，以至少解決現(xiàn)有技術(shù)中采用手動埋點的方式監(jiān)測前端頁面的方式成本較高并且靈活性較低的問題。

2、為了實現(xiàn)上述目的，根據(jù)本申請的一個方面，提供了一種前端頁面的異常確定方法，包括：獲取當(dāng)前的前端頁面的dom元素；統(tǒng)計所述dom元素的數(shù)量；在所述dom元素的所述數(shù)量處于預(yù)設(shè)正常范圍內(nèi)的情況下，確定當(dāng)前的所述前端頁面正常；在所述dom元素的所述數(shù)量未處于所述預(yù)設(shè)正常范圍內(nèi)的情況下，確定當(dāng)前的所述前端頁面異常。

3、可選地，在統(tǒng)計所述dom元素的數(shù)量之后，所述方法還包括：獲取多個樣本前端頁面，其中，所述樣本前端頁面包括至少一個樣本dom元素；統(tǒng)計每個所述樣本前端頁面的所述樣本dom元素的樣本數(shù)量；根據(jù)聚類算法，對多個所述樣本前端頁面的所述樣本dom元素的所述樣本數(shù)量進(jìn)行聚類，得到聚類結(jié)果，其中，所述聚類算法包括dbscan或者k-means；提取所述聚類結(jié)果中的聚類中心簇，并確定所述聚類中心簇的數(shù)量范圍為所述預(yù)設(shè)正常范圍。

4、可選地，根據(jù)聚類算法，對多個所述樣本前端頁面的所述樣本dom元素的所述樣本數(shù)量進(jìn)行聚類，得到聚類結(jié)果，包括：構(gòu)建聚類分析模型，其中，所述聚類分析模型是使用多組訓(xùn)練數(shù)據(jù)來通過所述聚類算法訓(xùn)練得到的，所述多組訓(xùn)練數(shù)據(jù)中的每一組訓(xùn)練數(shù)據(jù)均包括歷史時間段內(nèi)獲取的歷史樣本數(shù)量、所述歷史樣本數(shù)量對應(yīng)的歷史聚類結(jié)果；將所述樣本數(shù)量輸入至所述聚類分析模型，得到所述樣本數(shù)量對應(yīng)的所述聚類結(jié)果。

5、可選地，在獲取當(dāng)前的前端頁面的dom元素之后，所述方法還包括：獲取頁面加載時間，其中，所述頁面加載時間為所述前端頁面的所有元素全部加載完成并顯示的時間；在所述頁面加載時間大于或者等于預(yù)設(shè)時長的情況下，確定當(dāng)前的所述前端頁面異常；在所述頁面加載時間小于所述預(yù)設(shè)時長的情況下，確定當(dāng)前的所述前端頁面正常。

6、可選地，在獲取當(dāng)前的前端頁面的dom元素之后，所述方法還包括：獲取用戶行為信息，其中，所述用戶行為信息包括頁面加載完成后的首次用戶交互時間、用戶頁面停留時間、用戶操作頻率、用戶主動反饋的意見中的一個或者多個；構(gòu)建行為分析模型，其中，所述行為分析模型是使用多組訓(xùn)練數(shù)據(jù)訓(xùn)練得到的，所述多組訓(xùn)練數(shù)據(jù)中的每一組訓(xùn)練數(shù)據(jù)均包括歷史時間段內(nèi)獲取的歷史用戶行為信息、所述歷史用戶行為信息對應(yīng)的歷史分析結(jié)果，其中，所述歷史分析結(jié)果用于表征歷史前端頁面是否正常；將所述用戶行為信息輸入至所述行為分析模型，得到所述用戶行為信息對應(yīng)的分析結(jié)果。

7、可選地，在獲取當(dāng)前的前端頁面的dom元素之前，所述方法還包括：獲取第一數(shù)據(jù)收集周期，其中，所述第一數(shù)據(jù)收集周期為在第一預(yù)定時間段內(nèi)持續(xù)采集所述dom元素的周期；在所述第一數(shù)據(jù)收集周期內(nèi)持續(xù)采集所述dom元素，并統(tǒng)計所述第一數(shù)據(jù)收集周期內(nèi)采集到的所述dom元素的所述數(shù)量；在所述dom元素的所述數(shù)量小于預(yù)設(shè)閾值的情況下，在第二數(shù)據(jù)收集周期內(nèi)持續(xù)采集所述dom元素，其中，所述第二數(shù)據(jù)收集周期為在第二預(yù)定時間段內(nèi)持續(xù)采集所述dom元素的周期，所述第一預(yù)定時間段小于所述第二預(yù)定時間段。

8、可選地，在確定當(dāng)前的所述前端頁面異常之后，所述方法還包括：在確定當(dāng)前的所述前端頁面異常的情況下，對當(dāng)前的所述前端頁面進(jìn)行截圖，得到異常頁面圖像；將所述異常頁面圖像發(fā)送至目標(biāo)終端。

9、根據(jù)本申請的另一方面，提供了一種前端頁面的異常確定裝置，包括：第一獲取單元，用于獲取當(dāng)前的前端頁面的dom元素；第一統(tǒng)計單元，用于統(tǒng)計所述dom元素的數(shù)量；第一確定單元，用于在所述dom元素的所述數(shù)量處于預(yù)設(shè)正常范圍內(nèi)的情況下，確定當(dāng)前的所述前端頁面正常；第二確定單元，用于在所述dom元素的所述數(shù)量未處于所述預(yù)設(shè)正常范圍內(nèi)的情況下，確定當(dāng)前的所述前端頁面異常。

10、根據(jù)本申請的再一方面，提供了一種計算機(jī)程序產(chǎn)品，包括計算機(jī)程序，所述計算機(jī)程序被處理器執(zhí)行時實現(xiàn)任意一種所述前端頁面的異常確定方法的步驟。

11、根據(jù)本申請的又一方面，提供了一種前端頁面監(jiān)控系統(tǒng)，包括：一個或多個處理器，存儲器，以及一個或多個程序，其中，所述一個或多個程序被存儲在所述存儲器中，并且被配置為由所述一個或多個處理器執(zhí)行，所述一個或多個程序包括用于執(zhí)行任意一種所述的前端頁面的異常確定方法。

12、應(yīng)用本申請的技術(shù)方案，實時統(tǒng)計頁面渲染時的dom數(shù)量，通過數(shù)量對比的方式來監(jiān)測前端頁面是正常還是異常，因此，本方案無需進(jìn)行手動埋點，直接根據(jù)dom元素的數(shù)量可以監(jiān)控前端頁面了，降低了頁面監(jiān)控的成本，提高了靈活性。

技術(shù)特征：

1.一種前端頁面的異常確定方法，其特征在于，包括：

2.根據(jù)權(quán)利要求1所述的方法，其特征在于，在統(tǒng)計所述dom元素的數(shù)量之后，所述方法還包括：

3.根據(jù)權(quán)利要求2所述的方法，其特征在于，根據(jù)聚類算法，對多個所述樣本前端頁面的所述樣本dom元素的所述樣本數(shù)量進(jìn)行聚類，得到聚類結(jié)果，包括：

4.根據(jù)權(quán)利要求1所述的方法，其特征在于，在獲取當(dāng)前的前端頁面的dom元素之后，所述方法還包括：

5.根據(jù)權(quán)利要求1所述的方法，其特征在于，在獲取當(dāng)前的前端頁面的dom元素之后，所述方法還包括：

6.根據(jù)權(quán)利要求1至5中任意一項所述的方法，其特征在于，在獲取當(dāng)前的前端頁面的dom元素之前，所述方法還包括：

7.根據(jù)權(quán)利要求1至5中任意一項所述的方法，其特征在于，在確定當(dāng)前的所述前端頁面異常之后，所述方法還包括：

8.一種前端頁面的異常確定裝置，其特征在于，包括：

9.一種計算機(jī)程序產(chǎn)品，包括計算機(jī)程序，其特征在于，所述計算機(jī)程序被處理器執(zhí)行時實現(xiàn)權(quán)利要求1至7中任意一項所述前端頁面的異常確定方法的步驟。

10.一種前端頁面監(jiān)控系統(tǒng)，其特征在于，包括：一個或多個處理器，存儲器，以及一個或多個程序，其中，所述一個或多個程序被存儲在所述存儲器中，并且被配置為由所述一個或多個處理器執(zhí)行，所述一個或多個程序包括用于執(zhí)行權(quán)利要求1至7中任意一項所述的前端頁面的異常確定方法。

技術(shù)總結(jié)
本申請?zhí)峁┝艘环N前端頁面的異常確定方法、裝置和前端頁面監(jiān)控系統(tǒng)。該方法包括：獲取當(dāng)前的前端頁面的DOM元素；統(tǒng)計DOM元素的數(shù)量；在DOM元素的數(shù)量處于預(yù)設(shè)正常范圍內(nèi)的情況下，確定當(dāng)前的前端頁面正常；在DOM元素的數(shù)量未處于預(yù)設(shè)正常范圍內(nèi)的情況下，確定當(dāng)前的前端頁面異常。該方案解決了現(xiàn)有技術(shù)中采用手動埋點的方式監(jiān)測前端頁面的方式成本較高并且靈活性較低的問題。

技術(shù)研發(fā)人員：朱禮華,王鵬,趙啟雯,劉曉龍,任曉靜
受保護(hù)的技術(shù)使用者：中國郵政儲蓄銀行股份有限公司
技術(shù)研發(fā)日：
技術(shù)公布日：2025/5/8