/monitor

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

Primary LanguageTypeScriptMIT LicenseMIT

mito-logo

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

npm version license Code style GitHub last commit build status codecov

功能

  • 🔨监听请求错误
  • 🔨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>

使用指南

使用指南

hooks与配置项

hooks与配置项

示例

mitojs-在线demo

mito-在线demo

收集信息平台展示

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

react-example

vue-在线示例

react-在线示例

js-在线示例

wx-mini-在线示例