Fundebug录屏插件更新至0.5.0,新增domain参数
摘要: 通过配置domain
来保证“视频”的正确录制
录屏功能介绍
Fundebug提供专业的异常监控服务,当线上应用出现 BUG 的时候,我们可以第一时间报警,帮助开发者及时发现 BUG,提高 Debug 效率。在网页端,我们通过原创的录屏技术,可以 100%还原 BUG 出现之前用户的操作流程,帮助开发者快速复现出错场景。点击查看演示视频。
其实,我们录制的并不是一个真正的视频!算法经过优化,整个“录制”过程 CPU 的使用率非常低。和传统的视频相比,体积小了成百上千倍。Fundebug 插件“录制”的“短视频”,压缩后的体积只有几十 KB。
尊重用户隐私
录屏功能涉及到用户隐私,我们作为第三方服务,也非常重视这一点:
- 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
,插件获取的domain
是https:///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对1、微脉、青团社等众多品牌企业。欢迎大家免费试用!
版权声明
转载时请注明作者 Fundebug以及本文地址:
https://blog.fundebug.com/2019/07/24/release_revideo_0_5_0/
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
Thinkphp5.0 PHPExcel 数据表格导出导入
1、先在github里面下载PHPexcel这个类库 或者通过以下链接下载PHPexcel类库。 http://www.php.cn/xiazai/leiku/1491 2、解压之后把它复制到extend里面 控制器代码如下: /** * Created by PhpStorm. * User: luxiao * Date: 2017/5/8 * Time: 16:49 */ namespace app\index\controller; use think\Loader; use think\Controller; class Excel extends Controller { function excel() { $path = dirname(__FILE__); //找到当前脚本所在路径 Loader::import('PHPExcel.Classes.PHPExcel'); //手动引入PHPExcel.php Loader::import('PHPExcel.Classes.PHPExcel.IOFactory.PHPExcel_IOFactory'); //引入IO...
- 下一篇
LeetCode 21:合并两个有序链表 Merge Two Sorted Lists
将两个有序链表合并为一个新的有序链表并返回。新链表是通过拼接给定的两个链表的所有节点组成的。 Merge two sorted linked lists and return it as a new list. The new list should be made by splicing together the nodes of the first two lists. 示例: 输入:1->2->4, 1->3->4 输出:1->1->2->3->4->4 解题思路: 迭代和递归都能解题。无非是依次将两个链表每个节点的值对比,取出值较小的节点,添加到新链表末尾。然后继续比较两个链表,直到其中一个链表遍历完成,此时另一个链表剩余所有节点直接添加到新链表之后即可。其逻辑为: 原链表:1->2->4->null,1->3->4->5->6->null依次对比节点值,取出各自头节点:1 = 1值相同取出一个节点 1,组成新链表:1此时原链表:2->4->null,1->3...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- Docker安装Oracle12C,快速搭建Oracle学习环境
- Springboot2将连接池hikari替换为druid,体验最强大的数据库连接池
- CentOS6,CentOS7官方镜像安装Oracle11G
- Jdk安装(Linux,MacOS,Windows),包含三大操作系统的最全安装
- CentOS关闭SELinux安全模块
- CentOS7编译安装Gcc9.2.0,解决mysql等软件编译问题
- Windows10,CentOS7,CentOS8安装MongoDB4.0.16
- Hadoop3单机部署,实现最简伪集群
- SpringBoot2编写第一个Controller,响应你的http请求并返回结果
- Eclipse初始化配置,告别卡顿、闪退、编译时间过长