2011-11-23 66 views
6

我對我的CSS動畫的流暢度感興趣。正如一些加分:如何檢測css動畫的重繪速度(fps)?

  • 我在移動設備上(WebKit的)性能最感興趣,
  • 這將有助於如果數據能正常工作期間收集(與實際用戶做實實在在的事情)。
+2

可能重複:http://stackoverflow.com/questions/5113245/instrument-webkit -to-provide-fps-information-for-css-animations – Yisela

+1

Chrome桌面在'about:flags'中有一個'FPS計數器'標記。嘗試在adroid瀏覽器的URL中放入'about:flags'或'about:labs';也可能在那裏工作。 – Gerben

+0

@Gerben謝謝,我試過了,但他們都沒有在移動瀏覽器上工作。我將嘗試基於'window.computedStyle'的setTimeout版本。讓我們希望這個問題不會因此而結束...... :) – vbence

回答

2

Chrome測試版,Android支持讓FPS通過在瀏覽器中設置標誌://標誌

1

否定的回答:window.getComputedStyle不會產生任何結果,因爲JS的程序本身(所以mesurements數)會減慢對高負荷的動畫。

參見: http://jsfiddle.net/9xQ5H/17/