2
在Chrome開發人員工具中調試JavaScript時，是否有任何方法來測量步驟之間的時間間隔（F10）？ 我知道我們可以使用console.time（label）和console.timeEnd（label），但腳本很長，我需要找到瓶頸並使用console.time方法需要很長時間。在Chrome開發工具中測量步驟之間的時間
我不太瞭解螢火蟲，但如果它做到了我需要的東西，我在使用它時就沒有問題。
A
回答
2
您是否試過Chrome的Timeline View？它告訴你每個函數調用執行多長時間。
如果您下載Chrome Canary並製作Timeline錄製文件，它還會顯示per-line information。 （我只是打了它，似乎有一些門檻開始顯示爲一條線測量之前，但它是值得一試。）
一些文檔，讓你開始：
相關問題
- 1. Chrome開發工具 - 時間線API
- 2. Chrome開發人員工具時間軸onClick繪製時間
- 3. 圖像解碼時間從Chrome時間軸開發工具
- 4. 時間序列異常檢測步驟 - 模型工具
- 5. 查看Chrome開發人員工具中的請求時間
- 6. Chrome開發人員工具中JavaScript空閒時間的意義很長時間
- 7. PhysX中的時間步驟
- 8. 在Chrome開發工具時間線視圖中，兩種資源之間的差距會發生什麼？
- 9. Chrome開發工具：時間軸中缺少框架視圖
- 10. 在中間步驟的局部變量
- 11. 在使用工作空間時在chrome開發工具中美化代碼
- 12. 在生產和開發之間保持文本同步的步驟
- 13. Behat：在場景中的步驟之間使用變量
- 14. 什麼是Chrome開發工具「Hit Test」時間線條目？
- 15. Chrome開發人員工具：更改時間軸grpah
- 16. Chrome開發工具 - 將事件寫入時間軸
- 17. 如何測量黃瓜步驟的執行時間
- 18. 步驟在區間
- 19. 時間測量的開銷在Java中
- 20. 兩點之間的時間測量
- 21. 在chrome開發工具上固定選項卡間距
- 22. 創建步驟時間間隔
- 23. 在Chrome開發工具時間軸中：紅色標記是什麼意思？
- 24. 如何在Chrome開發工具中查找腳本加載時間表？
- 25. Jenkins - 構建步驟之間的條件
- 26. 修復Java中的時間步驟
- 27. 如何在Mac機器之間同步開發環境和工具RoR
- 28. Chrome開發者工具：建設規模與內容之間的差異
- 29. selenium webdriver中的步驟之間的超時
- 30. Chrome開發工具中的大型「空閒」欄框架時間軸