# js-monitor

入门级别前端监控 sdk，修改 halobear/js-monitor 使用方法

### 功能介绍

- 监控 js 运行错误
- 监控 JS、CSS、Image、Video、Audio 加载错误
- 监控 ajax/fetch 错误
- 监控 promise 未处理错误（默认不开启）
- 监控 performance 基本的性能统计

### 配套项目

- [js-monitor-server](https://github.com/halobear/js-monitor-server): node 服务(每周六凌晨 5 点自动清空 10 天前数据)
- [js-monitor-admin](https://github.com/halobear/js-monitor-admin): 监控的管理后台

## 使用

```html
<% if (process.env.NODE_ENV === 'production') { %>
<script
  src="https://cdn.jsdelivr.net/npm/@luzhongk/js-monitor@1.0.0"
  data-pid="测试01"
  data-report="/api/monitor/report"
></script>
<% } %>
```

## 初始化参数

```js
export interface InitOptions {
  pid: string // 项目名称
  reportUrl: string // 上报地址
  uid?: string // 用户名称
  needReport?: Function // 是否上报验证函数
  delay?: number // 延迟时间 默认 1000
  disabledHttp?: Boolean //  是否xrh/fetch错误上报 默认：不禁用
  disabledRejection?: Boolean // 是否rejection上报 默认：禁用
  disabledPerformance?: Boolean // 是否上报性能  默认：不禁用
  disabledLoadError?: Boolean // 是否上传资源加载错误  默认：禁用
}
```
