web-tracing

Weekly Pick

一个前端监控工具,提供埋点、行为、性能、异常、请求、资源、路由、曝光和录屏等监控功能,支持多种定制化API和不同平台版本。

主要功能【 埋点、行为、性能、异常、请求、资源、路由、曝光、录屏 】、Demo演示# 项目地址https://github.com/M-cheng-web/web-tracing## 演示### 事件监听<img src="https://github.com/M-cheng-web/image-provider/raw/main/web-tracing/image.4388hbrc1gc0.jpg" width="1200" alt="logo" />### 错误监听<img src="https://github.com/M-cheng-web/image-provider/raw/main/web-tracing/Oct-11-2023-15-43-53.788yqv47x3k0.gif" width="1200" alt="logo" />### 资源监听<img src="https://github.com/M-cheng-web/image-provider/raw/main/web-tracing/image.265x5n6f6ny8.jpg" width="1200" alt="logo" /># 功能亮点提供了多种定制化api最大限度帮助你应付各个场景的业务,例如:+ 提供钩子函数让你对数据精确把握+ 提供本地化选项api,让开发手动控制去发送监控数据 - 节省带宽+ 提供批量错误api,在遇到无限错误时融合批量错误信息 - 节省带宽+ 提供抽样发送api - 节省带宽+ 提供 错误/请求 事件的过滤api+ 等等....站在技术角度,因为明确此项目可能更多的是应用在公司平台上,大概率会二开,所以作者对项目结构以及代码都严格要求+ 架构 - demo、核心sdk代码、文档都在同一个项目中,调试、部署都很方便+ 封装 - sdk存在大量的重写或者监听,对此有统一流程+ 响应式 - 项目内部实现了vue响应式,也应用在 options 对象中,相信你接触会后受益良多+ 多版本 - 针对不同平台提供多个版本(目前只有js、vue2、vue3),受益于monorepo架构可一键发布+ 内聚 - 目前核心功能的所有代码都没有分包,虽然monorepo架构支持,但作者认为目前分包不利于代码阅读以及二开方便+ 文档/注释 - 完善的文档以及非常全的注释,力求帮助你快速了解这一切