安下载 ● 编程开发

分类分类

mitojs(轻量级前端库)

mitojs(轻量级前端库)

v2.0.0 官方版

大小：15.5 MB 更新：2021/03/26

类别：编程工具系统：WinXP, Win7, Win8, Win10, WinAll

立即下载

　　mitojs是一款功能丰富的SDK工具，主要的功能就是收集页面的用户点击行为、路由跳转、接口报错、代码报错等数据信息，将收集到的数据反馈给服务端，让管理人员可以了解用户访问页面的信息，了解用户在站点访问了哪些内容，了解站点异常接口错误，第一时间服务端查看各项页面点击和通信异常问题，如果你需要给自己的软件附加这种页面数据收集功能就可以使用mitojs，直接将其部署到自己的软件就可以正常使用，节约用户自己开发数据收集功能的时间，一键导入SDK就可以使用该功能，软件可以检测的页面数据类型还是很多的，需要就下载吧！

mitojs(轻量级前端库)

软件功能

　　1、监听请求错误

　　2、console

　　3、路由跳转

　　4、代码报错

　　5、click、wx:tab、touchmove

　　6、资源加载错误

　　7、自定义上报错误

　　8、丰富的hooks与配置项支持可高定制化

　　9、支持IE8和安卓5以上

　　10、持续迭代与更新

　　11、完善的e2e测试

　　12、完善的单元测试（77%~coding）

　　13、支持原生Web @mitojs/browser

　　14、支持Web框架（Vue3、Vue2、React@Next）

　　15、支持原生微信小程序、支持uni-app等微信小程序框架

软件特色

　　1、dsn服务地址，上报接口的地址，post方法默认是开启状态，为true时，会将sdk禁用

　　2、每个项目对应一个apikey，用于存放错误集的唯一标识

　　3、默认不会在控制台打印用户行为和错误信息，为true时将会在控台打印

　　4、默认关闭`traceId`，开启时，页面的所有请求都会生成一个uuid，放入请求头中

　　5、用户行为存放的最大容量，最大是100，当你配置超过100时，最终还是会设置成100，一方面是防止占更多的内存、一方面是保存超过100条用户行为没多大意义

　　5、所有ajax都会被监听，不为空时，filterXhrUrlRegExp.test(xhr.url)为true时过滤

　　6、钩子函数，配置发送到服务端的xhr

　　7、可以对当前xhr实例做一些配置：xhr.setRequestHeader()、xhr.withCredentials

　　8、钩子函数，在每次发送事件前会调用param event 有SDK生成的错误事件

　　9、在状态小于400并且不等于0的时候回调用当前hook

　　10、拦截用户页面的ajax请求，并在ajax请求发送前执行该hook，可以对用户发送的ajax请求做xhr.setRequestHeader

　　11、在整合上报数据和本身SDK信息数据前调用，当前函数执行完后立即将数据错误信息上报至服务端

　　12、trackerId表示用户唯一键（可以理解成userId），需要trackerId的意义可以区分每个错误影响的用户数量

安装方法

　　web

　　使用npm

　　$ npm i @mitojs/web

　　使用yarn

　　$ yarn add @mitojs/web

　　使用CDN

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

　　wx-mini

　　使用npm

　　$ npm i @mitojs/wx-mini

　　使用yarn

　　$ yarn add @mitojs/wx-mini

　　使用CDN

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

　　改造原因

　　一开始只有@zyf2e/mitojs一个包，里面包含了原生浏览器、Vue、React、微信小程序的所有监控代码，使用起来比较简单，但是微信小程序的包是有大小限制，所以想要尽量限制mitojs的大小，分成：

mitojs(轻量级前端库)

　　优势：

　　为了减少包大小

　　后续好维护，方便添加新功能，如：埋点SDK、node监控

　　案例内容

　　示例页面1

　　请打开控制台查看mitojs的调式结果，当你操作页面时，控制台会打印你的行为

mitojs(轻量级前端库)

　　右边页面会实时打印的你操作行为

mitojs(轻量级前端库)

　　示例页面2

mitojs(轻量级前端库)

　　收集信息平台展示

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

mitojs(轻量级前端库)
mitojs(轻量级前端库)

　　手动上报

　　MITO.log

　　有时我们需要在某个业务代码中上报业务信息或者是埋点信息，这时可以用到MITO.log手动上报，下面这个例子就是在获取支付状态的接口是否异常，如果异常就上报异常信息。

mitojs(轻量级前端库)

　　还可以统计每个功能的浏览次数（PV），用户量（UV），在以下代码中在活动页面埋点，UV的统计需要依赖trackerId

mitojs(轻量级前端库)

常见问题

　　这个SDK具体是怎么使用的？

　　该SDK是为了抓取前端页面的错误，然后上报到你所配置的接口。至于服务端和错误可视化界面是需要自己实现，适合给有意向自己研发前端监控系统的开发者使用最佳

　　这个SDK的稳定如何？能不能用到正式环境？

　　目前本人所在的公司的监控系统也在使用当前SDK，也在迭代中，到目前而言稳定性还是OK的，而且已经有完善的e2e，单测也coding中，感兴趣的可以Fork下来，自己定制

精品推荐
同类推荐
    相关下载
  • redis desktop manager2020.1中文 redis desktop manager2020.1中文 详情
  • CIMCO Edit V8中文 CIMCO Edit V8中文 详情
  • GX Works 2(三菱PLC编程软件) GX Works 2(三菱PLC编程软件) 详情
  • Dev C++下载 (TDM-GCC) Dev C++下载 (TDM-GCC) 详情
  • TouchWin编辑工具(信捷触摸屏编程软件) TouchWin编辑工具(信捷触摸屏编程软件) 详情
  • 源码编辑器 源码编辑器 详情
  • 信捷PLC编程工具软件 信捷PLC编程工具软件 详情
  • vs2008中文 vs2008中文 详情
  • Dreamweaver cs6 Dreamweaver cs6 详情
  • layuiAdmin pro(layui后台管理模板系统) layuiAdmin pro(layui后台管理模板系统) 详情
  • Source Insight(程序编辑器) Source Insight(程序编辑器) 详情
  • jdk1.8 32位/64位官方版 jdk1.8 32位/64位官方版 详情
  • .NET Reflector(.net反编译工具) .NET Reflector(.net反编译工具) 详情
  • Ardublock中文版(Arduino图形化编程软件) Ardublock中文版(Arduino图形化编程软件) 详情
  • IntelliJ IDEA 2020.1(java集成开发环境) IntelliJ IDEA 2020.1(java集成开发环境) 详情
  • s7 200 smart编程软件 s7 200 smart编程软件 详情
  • Android Studio(安卓开发环境) Android Studio(安卓开发环境) 详情
  • CH341A编程器 CH341A编程器 详情
  • MonoDevelop MonoDevelop 详情
  • 文本编辑器 Notepad++ 文本编辑器 Notepad++ 详情
  • e盾网络验证源码 e盾网络验证源码 详情
  • TLauncher(Minecraft游戏启动器) TLauncher(Minecraft游戏启动器) 详情
  • robotstudio(机器人仿真软件) robotstudio(机器人仿真软件) 详情
  • Enterprise Architect 15(UML建模与仿真软件) Enterprise Architect 15(UML建模与仿真软件) 详情
    • 最新排行
    • 最热排行
    • 评分最高
    编程开发排行榜
    实时热词