2
想知道基準測試的目的，如果有一個DOM事件或其他方式來確定瀏覽器何時完成解析/呈現CSS。我試圖優化CSS選擇器，並需要一種方法來測量繪圖/渲染/迴流時間。有什麼方法可以確定CSS解析/渲染何時完成？
謝謝。
A
回答
2
如果您使用的是Chrome/Chromium，則有一個內置的分析器，其中包含渲染。這是在此頁面上運行時的樣子：http://i.imgur.com/rQoWC.png
按Ctrl-Shift-J以訪問Chrome中的開發人員工具。
我敢肯定，Firebug有類似的Firefox的東西。
相關問題
- 1. 有什麼方法可以告訴SVG動畫何時完成？
- 2. 有什麼方法可以檢測Swiffy動畫何時完成？
- 3. 有什麼方法可以知道活動何時完成？
- 4. 使用underscore.js，有沒有辦法確定模板何時完成渲染
- 5. 等待jquery .html方法完成渲染
- 6. 如何確定AngularJS何時完成渲染所有組件和指令
- 7. 爲什麼當DOM解析沒有完成時我可以獲得body對象？
- 8. 有什麼方法可以檢測CSS文件何時被完全加載？
- 9. 以正確的方向渲染PDF的正確方法是什麼？
- 10. 有什麼方法可以確定DownloadManager在完成時發送意圖的哪個接收方（或哪個URI）？
- 11. Three.js渲染完成
- 12. 爲什麼CSS font-face無法正確渲染某些字體？
- 13. 爲什麼Chrome以這種方式渲染這個CSS
- 14. 如何確定渲染是否完成了反應本機
- 15. 有什麼方法可以優化/配置QtWebKit來提高JavaScript /渲染性能？
- 16. 什麼方法渲染添加到DOM？
- 17. 如何確定何時完成所有方法？
- 18. 有什麼方法可以定製TDBadgedCell
- 19. CSS解決方案圖像渲染
- 20. 如何在視圖渲染完成後調用方法3
- 21. CSS border-right無法正確渲染
- 22. myModel.fetch（）完成時渲染主幹模板？
- 23. 當ng-switch完成渲染時？
- 24. Css在腳本調用完成後沒有正確渲染屬性
- 25. 有什麼方法可以確定它是否是測試（.NET）？
- 26. 有什麼方法可以確定觸摸動作的速度
- 27. 有什麼方法可以確定iPhone是否在漫遊？
- 28. 在Eclipse中有沒有一種方法可以確定什麼是CPU時間？
- 29. CSS文本沒有正確渲染
- 30. Css不能正確渲染
雖然，如果這是在螢火蟲，我從來沒有見過它。 – Ben 2010-05-26 15:17:28
Firebug中的繪畫信息：https：//addons.mozilla.org/en-US/firefox/addon/firebug-paint-events/ – 2011-01-18 10:58:40