1. 程式人生 > >Fundebug錄屏外掛更新至0.5.0,新增domain引數

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,外掛獲取的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對1、微脈、青團社等眾多品牌企業。歡迎大家免費試用!

img

版權宣告

轉載時請註明作者 Fundebug以及本文地址: https://blog.fundebug.com/2019/07/24/relea