sunshine-track 应用于前端监控， 基于 行为上报，实现了 用户行为、错误监控、页面跳转、页面白屏检测、页面性能检测等上报功能。适用于 Vue、React、Angular 等框架
本项目源码：https://github.com/sanxin-lin/sunshine-track。各位兄弟姐妹如果觉得喜欢的话，可以点个 star 哦~
sunshine-track具备以下功能：
选项 | 描述 | 类型 |
| 上报数据的id |
|
| 上报数据的类型 |
|
| 上报数据 |
|
| 上报时间 |
|
| 上报状态 |
|
| 当前域名 |
|
| 当前网页路径 |
|
| 当前user-agent |
|
| 设备的相关信息 |
|
图片
图片
可以通过配置globalClickListeners来对于某些DOM节点进行点击监听上报
图片
上报分为几种：
用户行为上报的阈值默认是 10，支持自定义 maxEvents
图片
如果你想要避免用户重新打开网页之后，造成上报数据的丢失，那么你可以配置缓存方式，通过配置cacheType：
app.use(Track, { ...options, cacheType: 'storage' // 配置缓存方式})可以通过配置 log ，开启打印上报数据。
图片
请求也是一种行为，也是需要上报的，或许我们有这个需求。
图片
如果你想在数据上报之前，格式化上报数据的话，可以配置report中的format。
图片
如果你想要自己决定某次上报的时候，进行取消，可以配置report中的isReport。
图片
如果你不想用这个库自带的上报功能，想要自己上报，可以配置report中的customReport。
图片
手动上报分为三种：
图片
如果你是 Vue 项目，可以使用指令v-track进行上报。
图片
选项 | 描述 | 类型 |
| 项目key |
|
| 用户id |
|
| 上报url |
|
| 上报方式 |
|
| 上报自定义请求头， |
|
| 上报数据格式化 |
|
| 自定义上报 |
|
| 自定义决定上不上报 |
|
| 数据缓存方式 |
|
| 上报状态 |
|
| 当前域名 |
|
| 上报阈值 |
|
| 需要记录的url跳转数组 |
|
| 判断响应数据 |
|
| 过滤上报请求数据 |
|
| 是否开启xhr请求上报 |
|
| 是否开启fetch请求上报 |
|
| 是否开启错误上报 |
|
| 是否开启白屏检测上报 |
|
| 是否开启hash变化请求上报 |
|
| 是否开启history变化上报 |
|
| 是否开启页面性能上报 |
|
本项目源码：https://github.com/sanxin-lin/sunshine-track。各位兄弟姐妹如果觉得喜欢的话，可以点个 star 哦~
本文链接：http://www.28at.com/showinfo-26-92466-0.html为了全面监控用户行为，我写了个超级前端工具库！
声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。邮件：2376512515@qq.com
上一篇： 关于 Python 数据分析的 15 个 NumPy 应用
下一篇： 动态链接库的实现原理是什么？
Copyright © 2016-2023 天津谷骐科技有限公司 版权所有 sitemap.xml
违法及侵权请联系：2376512515@qq.com 津ICP备18001702号
津公网安备 12010102000574号