- 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的文章或继续浏览相关文章,希望大家以后支持我的博客! 。
作为内部研究项目的一部分,我们正在尝试从 Bugzilla 数据库中收集一些指标;我们已经找到了一个工具来帮助我们从中收集一些指标 ( BugzillaMetrics ) 但我们现在问自己应该收集哪些
我想向 Mantis Bug 跟踪器添加一个名为“On Hold”的自定义状态。根据我在网上找到的一些博客,我在 config_local.php 中添加了以下几行: $g_status_enum_s
我安装了Mantis BT,并在成功安装后重定向到登录页面。它说默认用户是“管理员”,但没有提供有关其密码的提示。 Documentation也未指定默认密码。有什么线索吗? 最佳答案 Aah ..明
我遇到了一些复杂的C++模板代码的编译错误,将其简化如下: struct MyOptions { static const size_t maxArray = 2; static co
我试图编译一些使用 Boost (1.49) 的代码,使用 trunk 中的 Clang(& libc++)。有问题的代码归结为以下内容: #include #include int main()
我在这里设置了一个 CSS 菜单: http://pans.saebermedia.com/ 问题是,我注意到 IE 无法正确显示菜单,现在我又开始使用装有 IE8 的计算机来修复它。我正在使用兼容模
我检查了 GCC buglist和 Clang buglist并且还没有看到任何相关内容。 This Wandbox link显示一些 C++11/C++14 代码为各种类型的 x 执行 declty
所以我有这个简洁的小 javascript 函数,我用它以很酷的命令提示符样式将文本打印到浏览器窗口。它接受一个字符串并以设定的时间间隔一次将一个字符打印到窗口。这是:(我已经删除了所有不必要的部分,
在我的 Galaxy Tab 2(三星)上启动我的应用程序时,我不断收到此错误消息。我正在开发的应用程序非常复杂,很难追踪此错误的来源。所以我开始逐个剥离我的应用程序,最后只剩下一个 map View
我正在使用 Workbench 在 Mathematica 中开发一个应用程序包,它开始变得复杂,包含多个版本和组件。我在一些 mathematica 文档(http://reference.wolf
我选择了四种免费工具用于基于 Web 的缺陷跟踪。它们是: 错误说明 螳螂 错误跟踪器 .NET 来自 Project Locker 软件的 Trac 考虑到以下因素,我正在尝试在这四种工具之间做出决
我正在尝试将 mysqlclient 安装到我的 Python 3.6 上。最初我想安装的是 MySQLdb,但是它说 MySQLdb 不能与 Python 3 一起使用(还是?)。所以我切换到mys
我正在尝试将 mysqlclient 安装到我的 Python 3.6。最初我要安装的是 MySQLdb,但是它说 MySQLdb 不能与 Python 3 一起使用(仍然?)。所以我切换到mysql
我正在尝试将 mysqlclient 安装到我的 Python 3.6。最初我要安装的是 MySQLdb,但是它说 MySQLdb 不能与 Python 3 一起使用(仍然?)。所以我切换到mysql
**摘要:**为了保障华为云GaussDB产品的可靠性,每一款产品发布前都要通过多轮严苛的测试用例。 说明:本文中的MySQL,如果不做特殊说明,指的是开源社区版MySQL。 华为云数据库新版本在发布
我有一个程序,它打开一个程序,然后将一个字符串复制并粘贴到该程序中,一段时间后,它使用带有 ctrl+c 的机器人将一个字符串从程序复制到剪贴板。然后我的程序检查复制的字符串是否包含单词,但不是检查最
所以我尝试为 cocos2d-x 构建项目。我目前在 cmd 中,当我键入 python android-build.py -p 19 cpp-tests 时,它开始制作项目,但随后出现构建失败的错误
我是开发物理模型的团队中唯一的软件工程师(大约 30,000 行代码)。团队的其他成员由开发代码库大约 20 年的科学家组成。我的工作流程是这样的: 科学家请求新功能 我实现 通过测试和验证,我在数字
关闭。这个问题是opinion-based .它目前不接受答案。 想改进这个问题?更新问题,以便 editing this post 提供事实和引用来回答它. 2年前关闭。 Improve this
当我运行 时,以下代码抛出 ExecutionEngineException发布 构建可执行文件(启动 exe 文件 )。这是错误还是正常行为? 包大小 = 1 的值类型: [StructLayout
我是一名优秀的程序员,十分优秀!