說明

Web-Tracing 是一款強大的前端監控插件，基于 JavaScript 設計，兼容跨平臺使用。它以全方位的監控功能為核心，涵蓋了【埋點、行為、性能、異常、請求、資源、路由、曝光、錄屏】等多個領域，旨在幫助開發者輕松實現對前端項目狀態的實時監控和問題排查。

原理

利用web-tracing技術，支持項目實施方案：主要針對vue項目、js項目、HTML5項目的實施；

事件采集：捕獲頁面上所有的點擊事件,主要原理是監聽頁面 click 事件，觸發后根據規則判斷是否采集事件以及獲取該事件所需要的參數

錯誤采集：頁面錯誤自動收集,主要原理是 監聽/劫持 error unhandledrejection console.error,采集這三類錯誤

路由采集：采集頁面跳轉的數據,主要原理是劫持history.pushState history.replaceState,以及監聽popstate hashchange這兩個事件

請求采集：捕獲所有的 xhr & axios & fetch 請求,主要原理是劫持XHR-open & XHR-send & fetch

資源采集：捕獲應用所有的資源加載情況,加載分為以下兩種情況 DOM加載和資源加載

曝光采集：捕獲目標元素的曝光事件,主要原理是創建 IntersectionObserver 實例