前端埋点:web-tracing

那边海不深 2024-06-11 09:33:02 阅读 83

需要实施的客户,联系me 

利用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 实例



声明

本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。