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/relea