# dxg_monitor

**Repository Path**: xiG_index/dxg_monitor

## Basic Information

- **Project Name**: dxg_monitor
- **Description**: dxg_monitor 性能监控sdk
- **Primary Language**: Unknown
- **License**: MPL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2023-09-22
- **Last Updated**: 2023-09-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 前端性能监控sdk

## 使用说明
初始化入口文件中引入包并且实例化构造函数,并选择传入可配置功能性参数
```js
let dt_Monitor = new MonitorSdk({
//  ...
})
```
如果没有配置项参数，则全部采用默认配置，需要注意的是服务端地址baseUrl和设备appId不可缺少，否则没有实际意义

## 功能说明

### 监控上报方式 reportWay ：router|setTimeout|reload|none|all
all:默认值 路由跳转和刷新时自动上报
router：路由跳转上报
setTimeout：定时上报 （配合自定义上报时间-Timeout：Number）
reload: 页面刷新上报
none: 无任何上报方式
主动上报：除了以上系统自动上报方式外，还提供实例对象上的方法，由客户主动上报
```js
let dt_Monitor = new MonitorSdk({
//  ...
})
dt_Monitor.sendReports({....})
```
### 性能监控和用户体验指标监控开启  performance：true|false

### 用户行为收集  behavior：true|false
被动功能：PV 用户浏览页面次数监控，用户页面停留时间监控
主动：埋点上报，在页面中收集用户点击行为次数，埋点处只需加class='dt_monitor' 即可收集点击标签的信息

### js页面报错收集  js_error：true|false
可通过Plugin传入vue实例 监听框架内部报错信息