clouDr-f2e / monitor

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

Home Page:https://cloudr-f2e.github.io/monitor-demo/#/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

web-performance

$ npm i @zyf2e/monitor-web-performance

使用yarn

$ yarn add @zyf2e/monitor-web-performance

wx-mini

使用npm

$ npm i @zyf2e/monitor-wx-mini

使用yarn

$ yarn add @zyf2e/monitor-wx-mini

使用指南

使用指南

hooks与配置项

hooks与配置项

示例

monitor-在线demo

monitor-在线demo

收集信息平台展示

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

react-example

vue-在线示例

react-在线示例

js-在线示例

wx-mini-在线示例

About

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

https://cloudr-f2e.github.io/monitor-demo/#/

License:MIT License


Languages

Language:TypeScript 65.7%Language:HTML 30.5%Language:JavaScript 3.8%Language:Shell 0.0%