如何通過瀏覽會話以編程方式捕獲/測量幀速率？

我試圖測量客戶端性能 - 特別是幀速率/滾動延遲 - 對於我的應用程序。我想知道是否有人找到了一種以編程方式捕獲此類數據的好方法？我試圖比較跨越時間/變化的表現... i，有一個給定的更改使滾動更順暢嗎？如何通過瀏覽會話以編程方式捕獲/測量幀速率？

到目前爲止，我已經做了以下內容：
+做起了「時間線」（使用開發工具‘時間軸’功能/圖）
+運行一個簡單的JS例程以固定的速率向下滾動記錄
+視圖/導出/分析Chrome的時間表數據

的缺點上面是用JavaScript滾動頁面的行爲引入了它自己的性能成本和最終數據我從時間表是...漂亮徹底。理想情況下，我可以得到某種彙總數據 - 例如：平均值，中位數，第95％的幀長/持續時間和最長的幀。

任何人都有關於此類事物的任何提示？

2012-08-01 busticated

你有沒有試着去：鉻：//標誌/並打開標誌： FPS計數器 - 這可能是開發模式的好選擇。 – 2012-08-08 09:04:24

啊，整潔！但我不確定我可以用這個信息以編程方式做什麼？ – busticated 2012-08-08 21:52:56

Ya ...以編程方式你想要的東西：http://www.kaizou.org/2011/06/effectively-measuring-browser-framerate-using-css/ – 2012-08-09 06:42:49

通過在DevTools窗口（「DevTools-On-DevTools」）上打開DevTools窗口，然後在控制檯中運行命令以從DevTools模型中提取數據，可以以編程方式提取FPS數據。這是這裏介紹：

檢查出更多的幫助，這不相關的答案與中註明「DevTools-ON-DevTools」：

你也許可以用木偶來實現這一點，也：

2018-01-31 20:54:37

回答