我正在構建一個使用骨幹,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. 獲取頁面加載jQuery的時間?
- 3. 頁面加載必要時使用jQuery
- 4. FlexSlider:如何使用JS或jQuery獲取頁面加載時的圖片高度?
- 5. 加載另一個頁面需要很長時間jquery加載
- 6. PHP - 使用Ajax/jQuery加載頁面 - 獲取主頁面的URL
- 7. 如何在頁面加載時獲取表單ID jquery
- 8. 如何使用jquery/Javascript計算Asp.net頁面的加載時間?
- 9. UI應用程序頁面加載時間的測量
- 10. 如何使用Graph API獲取Facebook應用程序頁面的頁面ID
- 11. 什麼時候Web應用程序需要Gmail風格的加載頁面?
- 12. SPA。 MVC4中真正的單頁面應用程序嗎?
- 13. jQuery/JS頁面加載
- 14. 從node-express應用程序獲取頁面加載標題?
- 15. 使用jQuery加載頁面
- 16. 加載頁面或響應需要多長時間?
- 17. 使用命令行獲取頁面加載時間 - linux
- 18. Android預加載頁面,以便應用程序加載該頁面時可見
- 19. 加快單頁應用程序中的呈現(SPA)
- 20. 在單頁面應用程序中命名定位點(SPA)
- 21. Elm:如何在使用Navigation.newUrl加載頁面時獲取數據?
- 22. 如何限制某些頁面使用Angular JS SPA的佈局頁面?
- 23. 如何打開index.html頁面時刷新頁面在SPA應用程序中使用react-router
- 24. 使用pdf.js時只從服務器加載需要的頁面
- 25. 在頁面加載時使用JS或JQuery刪除div類
- 26. 當Mac Safari全屏時使用Jquery/JS重新加載頁面
- 27. 單頁網頁應用程序需要的設計建議
- 28. 如何運行Backbone js應用程序?
- 29. 使用JS解析單頁面應用程序
- 30. 如何在selenium web驅動程序中獲取所有頁面的頁面加載時間
Chrome的頁面加載時間擴展功能確實可行。如果您搜索Alexander Vykhodtsev的「頁面加載時間」,您應該可以找到它。 – Icewine
@Iwwine我需要在頁面加載並記錄時動態獲取加載時間。這是一個運行在ios和android上的混合移動應用程序。我意識到Chrome中的「性能」選項卡,但我認爲在這種情況下可以提供幫助。 – sSD