Fundebug錄屏插件更新至0.5.0，新增domain參數

摘要： 通過配置domain來保證“視頻”的正確錄制

錄屏功能介紹

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

其實，我們錄制的并不是一個真正的視頻！算法經過優化，整個“錄制”過程 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 文檔 - 錄屏

關于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/