我在Mozilla上使用一個(gè)非常復(fù)雜的調(diào)試器，但是我不告訴我的同事，我有時(shí)喜歡簡單地使用console.log和其他控制臺命令來獲得一些簡單的輸出。我知道，但只要能搞定就行。幾年前我詳細(xì)介紹了控制臺。時(shí)間和控制臺。timeEnd用于測量給定任務(wù)集的時(shí)間;讓我給你看看控制臺。timeelog, Firefox中的一個(gè)新功能，用于每晚記錄控制臺期間的事件。時(shí)間計(jì)時(shí)器!

首先使用您選擇的名稱啟動(dòng)計(jì)時(shí)器：

console.time("MyApp");

每當(dāng)您需要中間計(jì)時(shí)器值以及諸如變量或?qū)ο笾抵惖念~外信息時(shí)，都可以使用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 }

定時(shí)任務(wù)完成后，您可以調(diào)用console.timeEnd 停止計(jì)時(shí)器：

console.timeEnd("MyApp"); // MyApp: 10ms

Firefox的“性能”選項(xiàng)卡提供了非常詳細(xì)的性能指標(biāo)，但與往常一樣，控制臺是一目了然的基本了解的好方法。該timeLog 功能是一種在腳本運(yùn)行時(shí)獲取中間時(shí)間和信息的絕佳方法！