前端資料監控

2021-10-09 10:36:23 字數 1093 閱讀 5534

上報資料形式

上報完,各種資料怎麼處理?

例子

為什麼要資料監控平台?各維度資料量化,去衡量真實使用者的載入速度

監控平台鏈路:sdk上報,上報到伺服器和資料儲存(接收上報心想、資料清洗、入庫),展示分析

監控指標:

資料採集流程:上報、收集、清洗、入庫

在head標籤中嵌入上報資料的sdk指令碼

收集哪些資料:

自動上報資料只能解決通用**層面的錯誤問題,不能解決邏輯錯誤問題,邏輯錯誤對計算機來說不是錯誤,

所以需要人工甄別出什麼樣的錯誤是邏輯錯誤,然後制定出規則,在不匹配的情況下手動觸發資料上報

流程錯誤資料:記錄使用者按照特定流程操作的資料集合

const log =

(type =

'', code, detail =

, extra =)}

// 動態建立進行資料上報

}}

瀏覽器中對腳本報錯資訊有跨域限制, 通過標籤引入js時, 需要在所有要監控的script標籤中新增crossorigin="anonymous"屬性後, 才能獲取到錯誤堆疊資料, 否則只能看到script error的提示

前端錯誤監控

1.前端錯誤分類 即時執行錯誤 錯誤 1 try catch 2 window.onerror 資源載入錯誤 找不到檔案或者資源載入超時造成的 1 object.onerror 2 performance.getentries 3 error事件捕獲 延伸 跨域js執行錯誤可以捕獲嗎,錯誤提示什麼,...

前端效能監控

王海洋 前端 關注 這類題有兩種問法,開門見山問你如果錯誤監控。或者問你如何保證產品質量。產品上線,線上錯誤如果都不能自動收集上來,怎麼保證產品質量體系。其實考察的都是錯誤監控。兩種捕獲 第一種通過try catch部署到 中。第二個window.onerror 這個是dom0的,也可以用addev...

前端異常監控

前端監控包括 行為監控 異常監控 效能監控,這裡主要討論異常監控。對於前端而言,和後端處於同乙個監控系統中,前端有自己的監控方案,後端也有自己的監控方案,但兩者並不分離,因為乙個使用者在操作應用的過程中如果出現異常,有可能是前端引起,也有可能是後端引起,需要有乙個機制,將前後端串聯起來,使監控本身統...