我正在構建一個使用骨幹,jquery的移動應用程序,並要求js。我試圖獲得頁面init和onShow之間的時間差,但它沒有給出適當的加載時間,因爲我使用require js進行延遲加載,並且每個onShow中的延遲加載數都是動態的。例如,任何人都可以幫助找出一種方法來計算頁面加載到DOM中的所有元素的加載時間,包括延遲加載和任何其他事件綁定(如果我在setTimeout中進行操作)。 在此先感謝。如何使用backbone,jquery獲取單頁應用程序(SPA)的頁面加載時間,需要js?
回答
您可以嘗試在開始時使用console.time('Timer1')
,然後當您想要計時的代碼完成時,執行調用console.timeEnd('Timer1')
,並且會盡可能精確地控制計時器值。
所以說你有一個onShow()事件需要加載多個js頁面,我們需要在每個裏面放一個console.log?我認爲這不是一個正確的方式,並且只會隨着頁面加載次數的增加而增加複雜性。此外,使用require js完成的頁面綁定是異步的,所以將開始和結束時間放在console.log中將是一件令人困惑的事情。 – sSD
你真的以異步的方式使用requirejs嗎?如果你像這樣定義你的模塊define(['dep1','dep2',function(dep1,dep2){...})'或者像這樣'define(function(require){var dep1 = require 'bla/dep'); ...})'那麼你需要在你的代碼運行之前加載所有的依賴關係。 – vassiliskrikonis
現在,如果你真的使用async require(''dep'],function(){// success callback})',那麼你需要仔細監控你的回調或者使用promise來跟蹤他們的決心。 – vassiliskrikonis
- 1. 如何部署反應js單頁面應用程序(SPA)
- 2. 在非SPA中使用Require.js和Backbone(單頁應用程序)
- 3. 獲取頁面加載jQuery的時間?
- 4. 頁面加載必要時使用jQuery
- 5. FlexSlider:如何使用JS或jQuery獲取頁面加載時的圖片高度?
- 6. 加載另一個頁面需要很長時間jquery加載
- 7. 識別頁面的角度spa應用程序頁面渲染時間
- 8. 如何使用螢火蟲API獲取頁面加載時間
- 9. 單頁面應用程序(SPA)主頁錯誤
- 10. PHP - 使用Ajax/jQuery加載頁面 - 獲取主頁面的URL
- 11. 爲什麼SPA(單頁應用程序)?
- 12. 獲取加載頁面的時間戳
- 13. 需要應用程序/應用程序來測量頁面在Android,iPhone和iPad設備上的加載時間
- 14. 在SPA應用程序中使用AngularJs在ng-view中加載外部頁面
- 15. 如何在頁面加載時獲取表單ID jquery
- 16. 如何使用jquery/Javascript計算Asp.net頁面的加載時間?
- 17. 在頁面加載執行JS,而無需使用jQuery的
- 18. 獲取總頁面加載時間
- 19. UI應用程序頁面加載時間的測量
- 20. 獲取頁面加載角度js的時間
- 21. 如何使用Graph API獲取Facebook應用程序頁面的頁面ID
- 22. Phonegap + JQuery應用程序:腳本需要時間來加載?
- 23. 使用Ember獲取每個頁面的加載時間
- 24. Winrt xaml頁面需要加載時間,顯示我想顯示加載程序
- 25. 什麼時候Web應用程序需要Gmail風格的加載頁面?
- 26. 如何防止Back按鈕在Backbone應用程序中重新加載頁面
- 27. SPA。 MVC4中真正的單頁面應用程序嗎?
- 28. Backbone JS單頁應用程序文件上傳?
- 29. jQuery/JS頁面加載
- 30. 從node-express應用程序獲取頁面加載標題?
Chrome的頁面加載時間擴展功能確實可行。如果您搜索Alexander Vykhodtsev的「頁面加載時間」,您應該可以找到它。 – Icewine
@Iwwine我需要在頁面加載並記錄時動態獲取加載時間。這是一個運行在ios和android上的混合移動應用程序。我意識到Chrome中的「性能」選項卡,但我認爲在這種情況下可以提供幫助。 – sSD