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] 信息上报