Eruda 2 0 發布 移動端除錯工具

2021-10-02 02:43:56 字數 1153 閱讀 4527

eruda 移動端除錯工具在 1.5.4 版本發布後有長達半年多的時間暫停了更新,於今年下半年重新投入精力開發,主要針對之前被詬病較多的 console 效能進行了優化,同時也對工具的整體外觀做了一定調整,到現在終於成功發布了 2.0 版本。那麼,新版本相對於之前做了哪些更新呢?

chrome devtools 在 console 面板執行**時可以使用一些控制台才有的輔助函式,比如常見的 $ 選擇函式,copy 複製,$0 引用被選中元素等。eruda 也支援了部分方法,包括 copy、$、$$、$x、clear、dir、table、keys,以及 $0-$4 元素訪問。

eruda 早期版本已經支援了大部分的 console 物件方法,但還存在個別支援方法不可使用。除 profile、profileend 等方法無法實現外,新版本的 eruda 基本上已經支援了 console 物件上的全部方法,包括分組功能。同時,早期實現的 table、樣式列印存在的一些問題也一一進行了修正。目前支援的完整 console 方法列表如下:log, error, info, warn, dir, time/timelog/timeend, clear, count/countreset, assert, table, group/groupcollapsed/groupend

舊版本的 eruda 在你執行 console.log 時會同步將結果渲染到頁面上,這會導致程式執行卡頓。比如執行 `for (let i = 0; i 

由於對每條日誌儲存了原始的 html 字串,舊版本在列印大量日誌時會導致記憶體爆漲使頁面 crash。新版日誌資訊僅儲存渲染後的 dom 結點,記憶體占用相比之前減少 50% 以上。

日誌列印多時會形成乙個很長的列表,因為 dom 物件太多,滾動時會變得十分卡。這裡運用了常見的長列表優化技巧,只渲染可視區域的日誌,極大優化了在長列表下的滾動效能,實測列印 1 萬條日誌記憶體占用及流暢度都在可接受範圍內。

為了讓開發者使用時更接近 chrome 除錯工具的體驗,新版本採用了與 devtools 相近的外觀配色,還提供了暗色主題(在設定面板裡可選)。不僅如此,eruda 還加入了多個經典主題配色,比如 monokai 等,可根據自己喜好調整外觀。

ps:如果有問題或建議,可以到倉庫 issue 頁進行反饋:)

(8)發布話題控制移動小車

1 小車開機,連線wifi,ssh遠端登入 登入密碼 dongguan ssh wheeltec 192.168.0.1002 要控制小車,必須啟動初始化節點命令 wheeltec終端 roslaunch turn on wheeltec robot turn on wheeltec robot.l...

redis學習筆記(20) 發布與訂閱

redis的發布與訂閱功能由以下幾個命令實現 序號命令及描述 1subscribe 訂閱給定的乙個或多個頻道的資訊 2publish 將資訊 message 傳送到指定的頻道 channel 3pubsub 檢視訂閱與發布系統狀態 4psubscribe 訂閱乙個或多個符合給定模式的頻道 客戶端a通...

Rubinius 2 0 發布,Ruby 虛擬機器

rubinius 2.0 發布了,官方發行說明請看這裡。rubinius是乙個執行ruby程式的虛擬機器,其帶有ruby的核心庫。rubinius的設計決定了其除錯功能的強大,使得在執行時常規的ruby核可以使用大量的vm基礎結構和原資料。操作碼和已載入ruby核的解 析樹 parsetree 以及...