發(fā)布于:2021-02-10 00:00:26
0
509
0
我在Mozilla上使用一個非常復雜的調試器,但是我不告訴我的同事,我有時喜歡簡單地使用console.log和其他控制臺命令來獲得一些簡單的輸出。我知道,但只要能搞定就行。幾年前我詳細介紹了控制臺。時間和控制臺。timeEnd用于測量給定任務集的時間;讓我給你看看控制臺。timeelog, Firefox中的一個新功能,用于每晚記錄控制臺期間的事件。時間計時器!
首先使用您選擇的名稱啟動計時器:
console.time("MyApp");
每當您需要中間計時器值以及諸如變量或對象值之類的額外信息時,都可以使用console.timeLog:
// Same timer name, provide sublabel and optional info console.timeLog("MyApp", "constructor"); // MyApp: 4ms constructor console.timeLog("MyApp", "render", this.state); // MyApp: 2ms render Object { disabled: false }
定時任務完成后,您可以調用console.timeEnd 停止計時器:
console.timeEnd("MyApp"); // MyApp: 10ms
Firefox的“性能”選項卡提供了非常詳細的性能指標,但與往常一樣,控制臺是一目了然的基本了解的好方法。該timeLog 功能是一種在腳本運行時獲取中間時間和信息的絕佳方法!
作者介紹