Fundebug 前端 JavaScript 外掛更新至 1.7.0,拆分錄屏程式碼,還原部分 Script error.
摘要:BUG 監控外掛壓縮至 18K。
1.7.0拆分了錄屏程式碼,BUG 監控外掛壓縮至18K ,另外我們還原了部分 Script error,幫助使用者更方便地 Debug。請大家及時更新哈~
拆分錄屏程式碼
從1.7.0 版本開始,我們拆分了錄屏程式碼。如果需要使用錄屏功能的話,需要單獨接入錄屏外掛。
使用 script 方式接入
<script type="text/javascript" src="https://js.fundebug.cn/fundebug.revideo.0.2.0.min.js" ></script>
使用 NPM 方式接入
require("fundebug-revideo");
還原部分 Script error.
關於 Script error.的原理以及解法的詳細介紹,請參考我們的部落格:
簡單地說,當跨域的 JS 指令碼出錯時,瀏覽器為了安全性,只會給我們返回”Script error.”,這樣會對 Debug 造成很大困擾。
我們通過技術手段,成功還原了 addEventListener 回撥函式中丟擲的 Script error.
感興趣的同學可以將下面這段程式碼放到跨域的 JS 指令碼中進行測試,Fundebug 外掛 1.6.0 只能獲取 Script error,而 1.7.0 則可以成功獲取真實的報錯資訊”test”。
var btn = document.querySelector("#button"); btn.addEventListener("click", function() { throw new Error("test"); });