[發(fā)明專利]一種對瀏覽器端真實用戶體驗實時監(jiān)控的方法和系統(tǒng)

在審

• 申請?zhí)枺?/td>: 202011419594.1
• 申請日: 2020-12-07
• 公開（公告）號: CN113010371A
• 公開（公告）日: 2021-06-22
• 發(fā)明（設(shè)計）人: 高馳濤;郎志;楊迎輝;古建華
• 申請（專利權(quán)）人: 云智慧（北京）科技有限公司
• 主分類號: G06F11/30
• 分類號: G06F11/30;G06F16/958
• 代理公司: 暫無信息
• 代理人: 暫無信息

本發(fā)明涉及一種對瀏覽器端真實用戶體驗實時監(jiān)控的方法和系統(tǒng)。通過注入JS腳本，在XMLHttpRequest對象內(nèi)掛載監(jiān)聽函數(shù)，通過改變?yōu)g覽器內(nèi)Ajax的工作流程，實現(xiàn)網(wǎng)頁的異步更新，即在不重新加載整個網(wǎng)頁的情況下，監(jiān)聽頁面請求與后臺數(shù)據(jù)交互的狀態(tài)，增加監(jiān)聽功能，收集所需要監(jiān)控的信息。借此，可以實現(xiàn)用戶代碼零侵入，零修改即可自動獲取頁面上用戶操作以及頁面的性能等重要信息，借以實現(xiàn)對瀏覽器端真實用戶體驗的實時監(jiān)控與分析。

技術(shù)領(lǐng)域

本發(fā)明屬于APM領(lǐng)域(APM是指應(yīng)用性能管理以及監(jiān)控，全稱為 ApplicationPerformance ManagementMonitoring)，具體涉及一種對瀏覽器端真實用戶體驗實時監(jiān)控的方法和系統(tǒng)，主要應(yīng)用于收集、分析瀏覽器端的真實用戶行為與體驗數(shù)據(jù)，幫助企業(yè)定位瀏覽器端的問題，為優(yōu)化用戶體驗提供方向。

背景技術(shù)

JavaScript(簡稱JS)是一種屬于網(wǎng)絡(luò)的腳本語言,已經(jīng)被廣泛用于Web應(yīng)用開發(fā),常用來為網(wǎng)頁添加各式各樣的動態(tài)功能,為用戶提供更流暢美觀的瀏覽效果。

JavaScript腳本語言具有以下特點:

(1)腳本語言。JavaScript是一種解釋型的腳本語言,C、C++等語言均是先編譯后執(zhí)行,而JavaScript是在程序的運行過程中逐行進行解釋。

(2)基于對象。JavaScript是一種基于對象的腳本語言,它不僅可以創(chuàng)建對象,也能使用現(xiàn)有的對象。

(3)簡單。JavaScript語言中采用的是弱類型的變量類型,對使用的數(shù)據(jù)類型未做出嚴(yán)格的要求,是基于Java基本語句和控制的腳本語言,其設(shè)計簡單緊湊。

(4)動態(tài)性。JavaScript是一種采用事件驅(qū)動的腳本語言,它不需要經(jīng)過Web服務(wù)器就可以對用戶的輸入做出響應(yīng)。在訪問一個網(wǎng)頁時,鼠標(biāo)在網(wǎng)頁中進行鼠標(biāo)的點擊或上下移、窗口移動等操作時，JavaScript都可直接對這些事件給出相應(yīng)的響應(yīng)。

(5)跨平臺性。JavaScript腳本語言不依賴于操作系統(tǒng),僅需要瀏覽器的支持。因此一個JavaScript腳本在編寫后可以帶到任意機器上使用,前提是機器上的瀏覽器支持JavaScript腳本語言,目前JavaScript已被大多數(shù)的瀏覽器所支持。

不同于服務(wù)器端腳本語言，例如PHP與ASP，JavaScript主要被作為客戶端腳本語言在用戶的瀏覽器上運行，不需要服務(wù)器的支持。

對于客戶端來說，頁面響應(yīng)時間、吞吐率、js錯誤、ajax請求數(shù)、訪問數(shù)量等信息的統(tǒng)計數(shù)據(jù)對一個產(chǎn)品的問題點定位以及用戶體驗分析十分重要。但是現(xiàn)有技術(shù)對于收集以上數(shù)據(jù)沒有比較完善的解決方案，且最終收集得到的數(shù)據(jù)也不夠詳細不盡人意，因此，此類客戶端的用戶數(shù)據(jù)和性能數(shù)據(jù)的采集分析變得迫切需要。

當(dāng)一個網(wǎng)站出現(xiàn)性能問題或者用戶體驗差投訴的問題時，通常使用的方案是修改業(yè)務(wù)邏輯，即在業(yè)務(wù)邏輯中插入監(jiān)控所需問題數(shù)據(jù)信息的邏輯，或者通過高級工程師的經(jīng)驗進行分析判斷，這通常面臨的問題就是工作量大或定位不準(zhǔn)很難排查，對出現(xiàn)問題時如何及時解決問題造成了很大的困擾。

綜上所述，能夠方便的在生產(chǎn)環(huán)境不斷收集以上重要數(shù)據(jù)以便將問題提前預(yù)防或及時解決，成為客戶端的迫切需求。

發(fā)明內(nèi)容

為了解決現(xiàn)有技術(shù)的上述問題，一方面，本發(fā)明提供一種對瀏覽器端真實用戶體驗實時監(jiān)控的方法，其利用HTML(HTML是指超文本標(biāo)記語言，全稱HyperText MarkupLanguage)頁面可注入js的特性，通過自動或者手動的方式注入js腳本，可以實現(xiàn)用戶代碼零侵入，零修改即可自動獲取頁面上用戶操作以及頁面的性能等重要信息，借以實現(xiàn)對瀏覽器端真實用戶體驗的實時監(jiān)控與分析。

為了達到上述目的，本發(fā)明采用的主要技術(shù)方案包括：