1.2.0 • Published 4 years ago
xbb-p-monitor v1.2.0
What
performance monitor
Install and run
npm install xbb-p-monitor --save
import PMonitor from "xbb-p-monitor" const pMonitor = new PMonitor({ //trackerId表示用户唯一键 backTrackerId(){ return localStorage.getItem('userId') } //其他详见options })
Usage
Customize Measure:
//自定义指标 pMonitor.markStart('test-start') await doMyTask(); pMonitor.markEnd('test-start', 'test-end')
pMonitor.clearMarks('test-end') pMonitor.clearMeasure('test-start')
### opitons
| name | type | default | description |
| :-----:| :----: | :----: | :----: |
| target | string | "" | 数据上报地址 |
| report | boolean | true | 数据是否上报 |
| log | boolean | true | 数据是否log |
| disabled | boolean | false | 是否开启监控 |
| maxBreadcrumbs | number | 10 | 用户行为存放的最大数量 |
| maxResourceTime | number | 100 | 长请求最大时间限制(ms) |
| apikey | string | "" | apikey |
| router | VueRouter | undefind | 注入Vue项目路由/Vue项目必填 |
## Features
- [x] 记录用户网络信息(NetworkInfo)
- [x] 记录用户设备和浏览器信息(UserInfo)
- [x] 记录常见的性能指标(NavigationTime)
- [x] 监控请求信息(LongRequest)
- [x] 监控事件任务信息(LongTask,LongEvent)
- [x] 记录自定义指标(PMonitor-CustomizeName)
- [x] 用户行为记录(UserTrack)
- [x] 信息上报