说明
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 实例
标签：Web,Tracing,采集,book,事件,原理,页面,加载 From： https://www.cnblogs.com/whatlonelytear/p/18219732