2011-11-23 5 views
6

Sono interessato alla fluidità delle mie animazioni CSS. Come alcuni punti extra:Come rilevare la velocità di ridisegno (fps) di un'animazione css?

  • Sono per lo più interessati a prestazioni su dispositivi mobili (WebKit),
  • Sarebbe utile se i dati potrebbero essere raccolti durante il normale funzionamento (con utenti reali che fanno cose reali).
+2

possibile duplicato di: http://stackoverflow.com/questions/5113245/instrument-webkit -to-fornire-fps-informazioni-per-css-animazioni – Yisela

+1

Il desktop di Chrome ha un flag 'counter FPS' in' about: flags'. Prova a mettere about about: flags' o 'about: labs' nella url del browser adroid; potrebbe funzionare anche lì. – Gerben

+0

@Gerben Grazie, li ho provati, ma nessuno di loro funziona sul browser mobile. Proverò una versione setTimeout basata su 'window.computedStyle'. Speriamo che la domanda non sia chiusa per allora ... :) – vbence

risposta

2

Chrome Beta per Android supporta ottenere FPS impostando bandiera chrome: // flags

1

risposta negativa: window.getComputedStyle non si produrrà alcun risultato perché il programma JS stessa (in modo che il numero di mesurements) rallenterà il carico elevato animazione.

See: http://jsfiddle.net/9xQ5H/17/