javascript性能功能

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

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

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

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

2012-02-16 frenchie

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

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

2012-02-16 03:06:10 Joseph

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

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

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

在Chrome中

CTRL + SHIFT + I

時間軸標籤

命中，說記錄

在左下角圓圈

亂與您的網站

停止錄製

2012-02-16 03:07:12

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

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

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

2）螢火蟲，Chrome會也有幫助。

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

4）

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

寫這些

console.time('timerName'); 

// Your javascript function here 

console.timeEnd('timerName');

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

2012-02-16 04:45:22 thecodejack

回答