Fundebug-实时监控网页应用的错误插件

一.含义

Fundebug的JavaScript插件能够实时监控网页应用的错误，第一时间给您发送报警，帮助您及时发现BUG，快速解决BUG。

二.特点

• 自动捕获未处理的错误
• 能够捕获3种不同的前端错误：JavaScript执行错误，资源加载错误和HTTP请求错误
• 出错场景完全可视化重现，相当于"录屏"
• 支持通过Source Map还原出错源代码
• 记录出错前的鼠标点击、HTTP请求、页面跳转、console打印等用户行为，帮助您复现BUG
• 支持收集try/catch捕获的错误
• 兼容所有浏览器包括IE 6到 IE 11
• 兼容所有前端开发框架，例如Vue.js，React，AngularJS，Angular 2，Angular 4，Ionic 1，Ionic 2，Cordova，GitBook等

三.安装

• 直接引入
  将fundebug.min.js放在head标签中

<script src="https://js.fundebug.cn/fundebug.2.0.0.min.js" apikey="API-KEY" crossorigin="anonymous" ></script>
//其中，获取apikey需要免费注册帐号并且创建项目，注意选择对应的项目类型

• npm安装（以vue.js为例）

npm install fundebug-revideo --save

注：默认已经引入fundebug-javascript与fundebug-vue 如未引入

npm install fundebug-javascript fundebug-vue --save

四.使用

在vue.js中

例1：

1. 安装fundebug-javascript与fundebug-vue

npm install fundebug-javascript fundebug-vue --save

2. 配置

import * as fundebug from "fundebug-javascript";
import fundebugVue from "fundebug-vue";
fundebug.init({
   
    apikey: "API-KEY"
})
fundebugVue(fund