Fundebug錄屏插件更新至0.6.0

摘要： 錄屏插件的性能進一步優化，傳輸的數據體積大幅度減少。

錄屏功能介紹

Fundebug提供專業的異常監控服務，當線上應用出現 BUG 的時候，我們可以第一時間報警，幫助開發者及時發現 BUG，提高 Debug 效率。在網頁端，我們通過原創的錄屏技術，可以 100%還原 BUG 出現之前用戶的操作流程，幫助開發者快速復現出錯場景。演示視頻如下：

<video id="pelican-installation" class="video-js vjs-default-skin" controls
preload="auto" width="80%"
data-setup="{}">

<source src="https://static.fundebug.cn/eleme_full.mp4" type='video/mp4'>
</video>

其實，我們錄制的并不是一個真正的視頻！算法經過優化，整個“錄制”過程 CPU 的使用率非常低。和傳統的視頻相比，體積小了成百上千倍。Fundebug 插件“錄制”的“短視頻”，壓縮后的體積只有幾十 KB。

感興趣的話，歡迎大家免費試用~

尊重用戶隱私

錄屏功能涉及到用戶隱私，我們作為第三方服務，也非常重視這一點：

• Fundebug 默認關閉錄屏功能，開發者需要的時候可以自行開啟；
• Fundebug 并不是全程錄屏，只會錄制 BUG 出現之前 10~20s 的用戶操作；
• Fundebug 提供敏感信息過濾過濾功能，開發者可以過濾掉用戶隱私信息；
• Fundebug 重視數據安全，傳輸過程全程加密，數據庫有多重安全防護；
• Fundebug 會定期(目前是刪除 60 天之前的數據)刪除過期錯誤數據，這樣既節省成本，也保護用戶隱私；

請大家放心使用~

錄屏插件更新至 0.6.0

此次插件升級包括兩個方面：

性能升級
我們一直在對插件進行優化，不斷地提升插件的性能。此次更新我們對核心算法做了改進，將其中比較耗費計算時間和內存資源的正則匹配改為字符串匹配(KMP)算法；并且緩存中間數據來省去大量重復的計算；最后，我們還對數據的編碼做了優化，同等體積數據相比之前減少 1/4。

新增 revedioVersion 字段
為了便于用戶弄清楚當前插件的版本，進而順利對插件進行升級，我們在發送的數據中新增錄屏插件版本(revedioVersion)字段。該信息在報錯詳情的右側展示。

接入方法

從 BUG 監控插件 1.7.3版本開始，我們拆分了錄屏代碼。如果需要使用錄屏功能的話，需要單獨接入錄屏插件。

• 使用 Script 方式接入

  <script
    type="text/javascript"
    src="https://js.fundebug.cn/fundebug.revideo.0.6.0.min.js"
  />

• 使用 NPM 接入

  require("fundebug-revideo");

參考

• 澄清 Fundebug 錄屏技術的幾點誤會
• 黑科技！Fundebug 支持可視化重現出錯場景
• Fundebug 文檔 - 錄屏

關于Fundebug

Fundebug專注于JavaScript、微信小程序、微信小游戲、支付寶小程序、React Native、Node.js和Java線上應用實時BUG監控。 自從2016年雙十一正式上線，Fundebug累計處理了20億+錯誤事件，付費客戶有陽光保險、核桃編程、荔枝FM、掌門1對1、微脈、青團社等眾多品牌企業。歡迎大家免費試用！

版權聲明

轉載時請注明作者 Fundebug以及本文地址：
https://blog.fundebug.com/2019/08/27/release_revedio_0_6_0/