2012-02-16 86 views
0

我不確定這樣的工具是否存在,但如果存在,請指向我。javascript性能功能

它的工作原理是這樣的:你用你的頁面的UI玩幾分鐘,然後你可以看到瀏覽器花了多少時間來執行每個javascript函數,每個函數平均執行多少時間。

因此,例如,我們可以說功能X被使用了很多,並且需要很長時間來執行。

我使用chrome,所以可能會使用其他瀏覽器。讓我知道。

回答

1

chrome的開發者工具有你所謂的「時間線」。

  1. 加載頁面,然後按CTRL + SHIFT + I
  2. 去時間軸標籤
  3. 按下錄音鍵(左下發現,這是一個圓圈)。

那麼它會記錄你的行動,頁面事件等

+0

是的,我知道時間線,但它不顯示我的JavaScript函數的信息,只爲瀏覽器事件,如迴流和舔。 – frenchie 2012-02-16 03:08:56

+2

您是否嘗試過Chrome開發人員工具中的個人資料標籤?它具有與Timeline類似的界面:您按下記錄,然後開始使用UI進行操作,然後停止錄製。然後該配置文件顯示所使用的功能以及佔用時間的百分比。 – dyoo 2012-02-16 03:10:58

+0

啊,個人資料很酷;有沒有辦法只顯示某個腳本?我使用jquery很多,函數調用我的函數不能很好地顯示。 – frenchie 2012-02-16 03:14:20

0

在Chrome中

CTRL + SHIFT + I

時間軸標籤

命中,說記錄

在左下角圓圈

亂與您的網站

停止錄製

+0

他想要的是簡介,而不是時間軸 – Phrogz 2012-02-16 03:19:53

1

1)JSLitmus是一個用於創建臨時JavaScript測試一個輕量級的工具測試

http://www.broofa.com/Tools/JSLitmus/

是最好的,計算所有的瀏覽器

2)螢火蟲,Chrome會也有幫助。

3)JSPerf(不要有鏈接)也將幫助您檢查性能在線

4)

,如果你不滿意任何ofthose..do它urself ...

寫這些

console.time('timerName'); 

// Your javascript function here 

console.timeEnd('timerName'); 

之間的函數調用這一個只會在開發者工具的工作就像螢火蟲和Chrome控制檯,但很容易對付它。