Fundebug前端JavaScript插件更新至1.7.1，拆分錄屏代碼，還原部分Script e

freecode 發(fā)布于2019-08-26 13:36 / 1643人閱讀

摘要：拆分了錄屏代碼，監(jiān)控插件壓縮至，另外我們還原了部分，幫助用戶更方便地。請(qǐng)大家及時(shí)更新哈拆分錄屏代碼從版本開始，我們拆分了錄屏代碼。自從年雙十一正式上線，累計(jì)處理了億錯(cuò)誤事件，付費(fèi)客戶有金山軟件百姓網(wǎng)等眾多品牌企業(yè)。

摘要： BUG監(jiān)控插件壓縮至18K。

1.7.1拆分了錄屏代碼，BUG監(jiān)控插件壓縮至18K，另外我們還原了部分Script error，幫助用戶更方便地Debug。請(qǐng)大家及時(shí)更新哈~

拆分錄屏代碼

從1.7.1版本開始，我們拆分了錄屏代碼。如果需要使用錄屏功能的話，需要多帶帶接入錄屏插件。

使用script方式接入

使用NPM方式接入

require("fundebug-revideo");

還原部分Script error.

關(guān)于Script error.的原理以及解法的詳細(xì)介紹，請(qǐng)參考我們的博客:

Script error.全面解析

Script error.深度測(cè)試

Script error.解決方法

簡(jiǎn)單地說(shuō)，當(dāng)跨域的JS腳本出錯(cuò)時(shí)，瀏覽器為了安全性，只會(huì)給我們返回"Script error."，這樣會(huì)對(duì)Debug造成很大困擾。

我們通過(guò)技術(shù)手段，成功還原了addEventListener回調(diào)函數(shù)中拋出的Script error.

感興趣的同學(xué)可以將下面這段代碼放到跨域的JS腳本中進(jìn)行測(cè)試，F(xiàn)undebug插件1.6.0只能獲取Script error，而1.7.1則可以成功獲取真實(shí)的報(bào)錯(cuò)信息"test"。

var btn = document.querySelector("#button");
btn.addEventListener("click", function() {
    throw new Error("test");
});

最后，感謝Fundebug用戶yaoqi與penyu的反饋！

參考

黑科技！Fundebug支持可視化重現(xiàn)出錯(cuò)場(chǎng)景

Fundebug文檔 - 錄屏

Script error.全面解析

Script error.深度測(cè)試

Script error.解決方法

關(guān)于Fundebug

Fundebug專注于JavaScript、微信小程序、微信小游戲、支付寶小程序、React Native、Node.js和Java線上應(yīng)用實(shí)時(shí)BUG監(jiān)控。自從2016年雙十一正式上線，F(xiàn)undebug累計(jì)處理了10億+錯(cuò)誤事件，付費(fèi)客戶有Google、360、金山軟件、百姓網(wǎng)等眾多品牌企業(yè)。歡迎大家免費(fèi)試用！

版權(quán)聲明

轉(zhuǎn)載時(shí)請(qǐng)注明作者Fundebug以及本文地址：
https://blog.fundebug.com/2019/03/11/fundebug-javascript-1-7-0/