一款轻量级的收集页面的用户点击行为、路由跳转、接口报错、代码报错、并上报服务端的SDK

功能

• 🔨监听请求错误
• 🔨console
• 🔨路由跳转
• 🔨代码报错
• 🔨click、wx:tab、touchmove
• 🔨资源加载错误
• 🏅自定义上报错误
• 🚀丰富的hooks与配置项支持可高定制化
• 🌝支持IE8和安卓5以上
• 👌持续迭代与更新
• 完善的浏览器e2e和微信小程序e2e
• 完善的单元测试（77%~coding）
• 支持原生Web @zyf2e/monitor-browser
• 支持Web框架（Vue3、Vue2、React@Next） @zyf2e/monitor-web
• 支持原生微信小程序、支持uni-app等微信小程序框架 @zyf2e/monitor-wx-mini
• 支持Web性能监控 @zyf2e/monitor-web-performance
• 支持微信小程序性能监控 @zyf2e/monitor-wx-mini-performance

安装

web

使用npm

$ npm i @zyf2e/monitor-web

使用yarn

$ yarn add @zyf2e/monitor-web

使用CDN

<script src="https://cdn.jsdelivr.net/npm/@mitojs/web/dist/web.min.js"></script>

wx-mini

使用npm

$ npm i @zyf2e/monitor-wx-mini

使用yarn

$ yarn add @zyf2e/monitor-wx-mini

使用CDN

<script src="https://cdn.jsdelivr.net/npm/@mitojs/wx-mini/dist/wx-mini.js"></script>

使用指南

使用指南

• vue接入指南
• react接入指南
• wx-mini接入指南
• performance接入指南
• wx-mini-performance接入指南

hooks与配置项

hooks与配置项

示例

monitor-在线demo

收集信息平台展示

该SDK能收集哪些信息：下面这些例子给你一一展示：

vue-在线示例

react-在线示例

js-在线示例

wx-mini-在线示例