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

時間 2019-11-11

標籤 fundebug 插件更新 0.5.0 新增 domain 參數欄目 HTML 简体版

原文原文鏈接

摘要： 經過配置domain來保證「視頻」的正確錄製javascript

錄屏功能介紹

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

其實，咱們錄製的並非一個真正的視頻！算法通過優化，整個「錄製」過程 CPU 的使用率很是低。和傳統的視頻相比，體積小了成百上千倍。Fundebug 插件「錄製」的「短視頻」，壓縮後的體積只有幾十 KB。java

感興趣的話，歡迎你們免費試用~算法

尊重用戶隱私

錄屏功能涉及到用戶隱私，咱們做爲第三方服務，也很是重視這一點：mongodb

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對一、微脈、青團社等衆多品牌企業。歡迎你們免費試用！