2014-01-09 29 views
2

是否有任何工具可用於測量在瀏覽器中運行的Angular Application的性能? 我的意思是應用程序代碼而不是REST調用。如何測量Angular.js應用程序的性能(非REST服務)

這浮現在腦海,當我建立一個窗體轉換應用程序,它包含在許多HTML和NG-重複做表。特別是包含ng-repeat的表單似乎比我通常習慣的要慢一些。

因此,任何工具或最佳做法可以考慮這個問題?

最佳Regrads,

邁克爾

+0

大多數瀏覽器的開發工具有,你可以用做一些性能分析分析功能。如果您希望我們能夠提供幫助,我們將不得不看到一些代碼。 – plalx

+1

如果您還沒有這麼做,請安裝Chrome [Batarang]的擴展程序(https://chrome.google.com/webstore/detail/angularjs-batarang/ighdmehidhipcmcojjgiloacoafjmpfk?hl=en),這對調試非常有用, profile AngularJS Apps –

+0

謝謝你的提示! Michael – user3178514

回答

1

Batarang是一個整潔的工具,但現在增加從Chrome網上應用店Chrome擴展程序無法正常工作,並建立從Git的樞紐環節,需要工作的不愉快的量。

作爲替代方案,如果您使用的是Chrome瀏覽器開發工具,有在「配置文件」選項卡整潔,但半隱藏的工具。

選擇「收藏JavaScript的CPU配置文件」,啓動,做一些在你的應用程序,停止,然後看你的結果(%或MS)。點擊屏幕底部的三角形(「自下而上」,「自上而下」或類似的)旁邊的三角形。然後選擇火焰圖。您可以滾動瀏覽時間,放大進程,然後單擊該進程即可進入代碼!