- ubuntu12.04环境下使用kvm ioctl接口实现最简单的虚拟机
- Ubuntu 通过无线网络安装Ubuntu Server启动系统后连接无线网络的方法
- 在Ubuntu上搭建网桥的方法
- ubuntu 虚拟机上网方式及相关配置详解
CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.
这篇CFSDN的博客文章[mitojs]一款开源的前端监控神器,改bug终于不用迷茫了由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.
前言 。
今年公司有个项目交付用户使用了,在使用的过程中,发现会有很多不可测的因素,你完全想不到用户会有什么样的操作,导致各种神奇的bug出现.
往往这个时候,我们还不是很容易复现场景,需要用户截图描述场景,进而我们开发人员再进行场景复现,再排查bug,修复bug,这样效率是十分低下的.
这时我就在想,有没有这样的一个插件呢,可以自动监听用户的行为轨迹,当报错的时候,自动将用户行为轨迹和报错信息上传服务器呢?
于是网上一顿搜索轰炸,发现了很多开源或者收费的前端监控平台,比如:
但是总感觉和我想要的差了一点点,直到我无意间看到这样一张照片:
没错,就是它了!mitojs 。
mitojs 。
mitojs是一位大佬开源的一个前端监控SDK,目前适用于vue和react,github地址双手奉上:
https://github.com/clouDr-f2e/mitojs 。
其主要是通过重写部分原生方法及添加全局点击事件监听,来实现用户行为的监听,及错误信息及时发送.
在线体验地址双手奉上:
https://static.91jkys.com/web/mito-vue-demo/#/demo/one 。
看到这,如何还能忍得住,马上新建一个项目,体验一下飞一般的感觉.
使用mitojs 。
效果图先来看看效果图 。
。
我们可以看到,当项目报错之后,会调用上传接口上传信息,其中包括了用户的行为轨迹及当前报错信息,是不是相当的nice!.
下面我们介绍一下简单的使用方法,下面是基于vue的使用方法.
使用方法 。
使用npm安装 。
npm i @zyf2e/mitojs -S 。
引用插件 。
import MITO from '@zyf2e/mitojs' 。
import Vue from 'vue' 。
Vue.use(MITO.MitoVue) 。
MITO.init({ 。
dsn: 'http://test.com/error',//错误信息上传接口地址 。
apikey: '123-2223-123-123',//每个项目对应一个apikey,用于存放错误集合的唯一标识 。
backTrackerId() { 。
return String(Math.random() * 1000) 。
} 。
}) 。
然后就可以开始愉快的使用它了.
其他配置项,请参考使用手册:
https://github.com/clouDr-f2e/mitojs/blob/master/docs/guide.md 。
原文地址:https://mp.weixin.qq.com/s/dPUZBDblEdF3trjBroZEpA 。
最后此篇关于[mitojs]一款开源的前端监控神器,改bug终于不用迷茫了的文章就讲到这里了,如果你想了解更多关于[mitojs]一款开源的前端监控神器,改bug终于不用迷茫了的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。
我有一个库项目,在 Android Studio 1.3.0 上开发并部署到 Artifactory Open Source Local Repository (3.5) 但是当我尝试在应用程序项目中
logging 是 python 标准模块,用于记录和处理程序中的日志。 功能很强大,官方文档很详细,网上也有大量的说明和教程,但是对很多初次接触的同学来说,存在一些障碍。 一是因为标准库文
我正在尝试使用 Maven 生成用于在 Vignette Portal 上部署的工件。包装与war完全一样工件但文件应该有 car取而代之。 我尝试过但无法完成的选项。 使用 war 插件并重命名最终
为什么 Points AdditiveBlending 只在从右看而不是从左看时有效?设置 depthTest:false 会解决问题,但会引发另一个问题,即点覆盖其他网格。 My fir
我对 UITextField 在动画 block 中移动时出现的工件有疑问... 在我移动我的 UITextField 之前它看起来像这样: 像这样移动之后: 我的猜测是它与 UITextField
单击此导航菜单中的第一个下拉菜单后,它将按预期加下划线,一旦菜单失去焦点(即单击页面上的其他位置),标签末尾的下划线不会被删除。 仅在 Chrome(版本 45.0.2454.85 m)中发生 我希望
我有一个简单的“hello world”C++ 项目:https://github.com/RomainGoussault/Deepov 我使用 Eclipse IDE for C/C++ Devel
使用方法有两种,可以用 XShell 或 Putty 上去命令查看,也可以生成 html 报告。 下面介绍GoAccess 在 CentOS 上的安装方法: 1. 需要安装 GeoIP, ncu
我一整天都在尝试将我的 javafx 应用程序转换为 jar 文件。我正在使用 Java 1.7 更新 7。 Oracle 有 some information ,但它似乎散落在各处。 Intelli
我实际上希望通过项目中的传递依赖项获得 powermock 1.5.6 版,但我只得到 1.4.11。这是什么意思? 最佳答案 在解析依赖项时,Maven 将更喜欢 POM 部分中指定的版本,而不是从
是否有公开可用的 maven 存储库将 Apache Tomcat 二进制分发 ZIP 托管为 maven Artifact (我的意思是可以通过 http://tomcat.apache.org 下
我希望在单击时播放 mp4 工件文件。 但是,当我点击mp4工件文件时,它看起来像下图。它不播放 如果我下载它然后我可以在我的本地 PC 上播放它。 所以我尝试了 HTML5 嵌入功能来流式传输它。我
我在 VSTS 上设置了构建/测试/发布。我们还有另一个管道(在 Linux 中)从具有给定构建 ID 的构建系统中获取构建工件。那么有没有办法从 Linux 上的 VSTS 下载构建工件?我发现不登
用 Ventoy 创建多启动 U 盘,你将永远不会缺少自己喜欢的 Linux 发行版。 给朋友和邻居一个可启动 U 盘,里面包含你最喜欢的 Linux 发行版,是向 Linux 新手介绍我们都
API 管理工具可以说是每个前端/后端开发必备的工具了,一个好的 API 管理工具可以提高团队的工作效率。 目前市面上有不少 API 相关的工具,比如 Postman、swagger 等。最近我也尝试
我有一个关于 JFrog Artifactory 用于在 Artifact 中查找“事物”的 AQL( Artifact 查询语言)的问题。 AQL 似乎非常强大,但我想知道如何使用正确的术语构建(正
我正在使用 Maven 3.1.1、Java 6 和 JBoss 7.1.3。我想在我的 JSP 上将对象呈现为 JSON,但是当我将其包含在我的 pom 中时
每次我对 POM 进行最微小的更改时,Intellij 都会删除项目结构输出目录设置中分解 Artifact 的 .war 扩展名。这会导致 Intellij 的运行/调试配置出错: Artifact
我的目标是进行对象跟踪。 我有一个 UWP c# 应用程序和链接的 c++ windows 运行时组件。在那里我可以获得对 opencv 的访问权限。 在 c# 中,MediaCapture 返回 S
遵循 http://doc.gitlab.com/ee/ci/yaml/README.html 的文档设置文件 .yml 我通过创建 artifacts 发现了问题,当构建要下载此 ZIPAPK 文件
我是一名优秀的程序员,十分优秀!