如何分析JavaScript函數的執行順序

我必須優化使用了大量的JavaScript的網站。我不是該網站的作者。我只需要了解它的工作方式並優化與JavaScript相關的幾件事情。爲此，我需要了解在頁面加載期間特別執行的JS代碼。如何分析JavaScript函數的執行順序

我正在尋找一種方式來顯示一個JavaScript函數的執行順序。我正在處理的網站使用了大約40個外部腳本，可能是20-40內聯JS，它們在這裏和那裏塞滿了。最好的是Firefox插件。

我知道我可以添加console.log("script name");到每個JS文件，但與代碼量是可笑不切實際。我知道Firebug隨分析器一起發貨，但它不允許我查看函數何時執行。此外，我試圖分析的網站上崩潰。

我只是想知道函數的執行順序。該網站在jQuery上嚴重中繼。幾乎所有這些腳本都是jQuery。

在Chrome瀏覽器探查，應該是能夠做到的伎倆，或者你可以使用時間軸看到事件發生的順序。 –

正如我先前的評論，嘗試使用Chrome。這裏一些有用的鏈接，以幫助您使用的開發工具來分析JS： -

偉大的職位由阿迪·奧斯馬尼在時間軸模式： -

希望這些對你有用。

墊

2013-08-28 11:20:22

這是我需要的。謝謝。儘管我不喜歡Chrome，但這是我第一次真正感受到使用它的必要性:)雖然Firefox的替代品會很棒。 – SiliconMind

回答