2011-11-23 19 views
6

CSS animasyonlarımın akıcılığıyla ilgileniyorum. Bazı ekstra puan gibi: verileri (gerçek şeyler yapıyor gerçek kullanıcılarla) normal çalışma sırasında toplanmış olabilir yardımcı olurdu Bir css animasyonunun yeniden çizim oranını (fps) nasıl belirleyebilirim?

    • ben mobil cihazlar (WebKit) performans çoğunlukla ilgileniyorum.
  • +2

    olası yinelenen: http://stackoverflow.com/questions/5113245/instrument-webkit -to-sağlamak-fps-bilgi-için-css-animasyonları – Yisela

    +1

    Chrome masaüstü, 'about: flags' içinde bir' FPS counter' bayrağı vardır. Adroid tarayıcısının URL'sinde 'flag' veya' about: labs' hakkında; Orada da çalışabilir. – Gerben

    +0

    @Gerben Teşekkürler, onları denedim, ancak hiçbiri mobil tarayıcıda çalışmıyor. Window.computedStyle’a dayalı setTimeout sürümünü deneyeceğim. Umarım soru şu an kapalı değildir ... :) – vbence

    cevap

    2

    Chrome Beta krom bayrağı ayarlayarak FPS elde destekler: // flags

    ait
    1

    Olumsuz yanıt: window.getComputedStyle herhangi bir sonuç vermeyecektir, çünkü JS programının kendisi (bu nedenle ölçüm sayısı) yüksek animasyon yükünü yavaşlatacaktır.

    Bkz: Android için http://jsfiddle.net/9xQ5H/17/

    İlgili konular