Fundebug录屏插件更新至0.5.0,新增domain参数

摘要: 经过配置domain来保证“视频”的正确录制javascript

录屏功能介绍

Fundebug提供专业的异常监控服务,当线上应用出现 BUG 的时候,咱们能够第一时间报警,帮助开发者及时发现 BUG,提升 Debug 效率。在网页端,咱们经过原创的录屏技术,能够 100%还原 BUG 出现以前用户的操做流程,帮助开发者快速复现出错场景。演示视频以下:地址html

其实,咱们录制的并非一个真正的视频!算法通过优化,整个“录制”过程 CPU 的使用率很是低。和传统的视频相比,体积小了成百上千倍。Fundebug 插件“录制”的“短视频”,压缩后的体积只有几十 KB。java

感兴趣的话,欢迎你们免费试用~算法

尊重用户隐私

录屏功能涉及到用户隐私,咱们做为第三方服务,也很是重视这一点:mongodb

  • Fundebug 默认关闭录屏功能,开发者须要的时候能够自行开启;
  • Fundebug 并非全程录屏,只会录制 BUG 出现以前 10~20s 的用户操做;
  • Fundebug 提供敏感信息过滤过滤功能,开发者能够过滤掉用户隐私信息;
  • Fundebug 重视数据安全,传输过程全程加密,数据库有多重安全防御
  • Fundebug 会按期(目前是删除 60 天以前的数据)删除过时错误数据,这样既节省成本,也保护用户隐私;

请你们放心使用~数据库

录屏插件更新至 0.5.0

这次插件升级新增了domain配置项,具体内容可参考官方文档编程

录屏插件默认会获取当前的domain信息,无需主动配置。只有当项目挂载在非根目录下面的时候,才须要主动配置domain属性。小程序

为何须要配置domain属性呢?微信小程序

由于全部的静态资源(图片、CSS、JS)的路劲都是相对于项目的根目录,若是插件没法正确获取项目根目录信息,则没法获取静态资源,从而致使录屏失效。安全

** 如何配置呢?**

咱们经过一个例子来解释。 假设 Fundebug 推出一个在线代码静态分析服务,计划将其放在https://www.fundebug.com/static-type-checking/online下。

那么咱们须要配置 domain 属性,录屏功能才能正常工做。

<script src="https://js.fundebug.cn/fundebug.revideo.0.5.0.min.js"
            domain="https://www.fundebug.com/static-type-checking/online"</script>

或则:

if ("fundebug" in window) {
    fundebug.domain = "https://www.fundebug.com/static-type-checking/online";
}

若是不配置domain,插件获取的domainhttps://www.fundebug.com。若是有一张图片,原本正确的路径应该是https://www.fundebug.com/static-type-checking/online/static/1.jpg,会被错误的计算成https://www.fundebug.com/static/1.jpg,就会形成图片获取不到,没法正常显示的问题。

接入方法

从 BUG 监控插件 1.7.3版本开始,咱们拆分了录屏代码。若是须要使用录屏功能的话,须要单独接入录屏插件。

  • 使用 Script 方式接入

    <script
        type="text/javascript"
        src="https://js.fundebug.cn/fundebug.revideo.0.5.0.min.js"
    />
  • 使用 NPM 接入

    require("fundebug-revideo");

最后,感谢 Fundebug 用户荔枝 FM 的反馈。

参考

关于Fundebug

Fundebug专一于JavaScript、微信小程序、微信小游戏、支付宝小程序、React Native、Node.js和Java线上应用实时BUG监控。 自从2016年双十一正式上线,Fundebug累计处理了10亿+错误事件,付费客户有阳光保险、核桃编程、荔枝FM、掌门1对一、微脉、青团社等众多品牌企业。欢迎你们免费试用!

img

版权声明

转载时请注明做者 Fundebug以及本文地址: https://blog.fundebug.com/2019/07/24/release_revideo_0_5_0/

相关文章
相关标签/搜索