0

我正在構建一個使用骨幹,jquery的移動應用程序,並要求js。我試圖獲得頁面init和onShow之間的時間差,但它沒有給出適當的加載時間,因爲我使用require js進行延遲加載,並且每個onShow中的延遲加載數都是動態的。例如,任何人都可以幫助找出一種方法來計算頁面加載到DOM中的所有元素的加載時間,包括延遲加載和任何其他事件綁定(如果我在setTimeout中進行操作)。 在此先感謝。如何使用backbone,jquery獲取單頁應用程序(SPA)的頁面加載時間,需要js?

+0

Chrome的頁面加載時間擴展功能確實可行。如果您搜索Alexander Vykhodtsev的「頁面加載時間」,您應該可以找到它。 – Icewine

+0

@Iwwine我需要在頁面加載並記錄時動態獲取加載時間。這是一個運行在ios和android上的混合移動應用程序。我意識到Chrome中的「性能」選項卡,但我認爲在這種情況下可以提供幫助。 – sSD

回答

0

您可以嘗試在開始時使用console.time('Timer1'),然後當您想要計時的代碼完成時,執行調用console.timeEnd('Timer1'),並且會盡可能精確地控制計時器值。

+0

所以說你有一個onShow()事件需要加載多個js頁面,我們需要在每個裏面放一個console.log?我認爲這不是一個正確的方式,並且只會隨着頁面加載次數的增加而增加複雜性。此外,使用require js完成的頁面綁定是異步的,所以將開始和結束時間放在console.log中將是一件令人困惑的事情。 – sSD

+0

你真的以異步的方式使用requirejs嗎?如果你像這樣定義你的模塊define(['dep1','dep2',function(dep1,dep2){...})'或者像這樣'define(function(require){var dep1 = require 'bla/dep'); ...})'那麼你需要在你的代碼運行之前加載所有的依賴關係。 – vassiliskrikonis

+0

現在,如果你真的使用async require(''dep'],function(){// success callback})',那麼你需要仔細監控你的回調或者使用promise來跟蹤他們的決心。 – vassiliskrikonis

相關問題