# un-record
**Repository Path**: Simlan/un-record
## Basic Information
- **Project Name**: un-record
- **Description**: 前端异常监控: 下班时间写着玩玩。 目前添加内存状态,异步请求监控, 静态资源监控, 运行异常监控, 系统异常监控 ; XHR暂时只测试 axios, jQuery Ajax(),原生XMLHttpRequest以及自己封装的异步请求, 后续会添加其他请求的监听, 服务端及可视化界面正在编写中
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 13
- **Created**: 2019-08-08
- **Last Updated**: 2020-12-19
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# UN-Record
> 前端异常监控
- 目前添加`内存状态`,`XHR`, `静态资源`, `运行异常`, `系统异常`监控
> `XHR`暂时只测试 `axios`, `jQuery Ajax()`,`原生XMLHttpRequest`,`自己封装的异步请求`, 后续会添加其他请求的监听
## 使用
- 引入 `dist/un-record.min.js`
```html
```
- 使用
```html
```
- 参数
| 参数 | 默认值 | 说明 |
| -------- | ----------------- | ----------------------------------------------------------- |
| time | 3000 | 单位:ms, 每隔多久获取一次内存信息 |
| callback | console.log(data) | 获取到异常及内存信息之后的回调函数, 可以通过 data获取返回值 |
> 配置示例 :
```javascript
function example(data) {
console.log(data);
}
// example 1
unReport.init({
time: 5000,
callback: example
});
// example 2
unReport.init({
time: 5000,
callback: data => {
// 将拿到的数据 发送到后台进行数据统计 后续会添加node 服务
new Image().src = 'http://localhost:3000/example?' + JSON.stringify(data);
}
});
```
> 需要注意:`dist/un-record.min.js` 引入必须是在头部 最佳位置为 `link` 标签之前,不然会导致 link 加载异常无法监听到:
```html
前端监控
```
#### 示例
- 内存信息
- 图片加载异常
- 样式表加载异常
- 脚本加载异常
- 运行异常
