Выясните, какие функции используют процессор интенсивно

Question

Я использую JQuery много, особенно для анимации, как замирание или раздвижных :)

поэтому я прикрепление различных функций, которые делают это на элементах как

$(".fade").each(function(....)

или

$('*[class*="slide-"]').each(function(...)...

На некоторых элементах я использую livequery без спа (чтобы он обнаруживал новые элементы, добавляемые в DOM).

$('*[class*="slide-"]').livequery(function(...

Это использует много процессора.

В любом случае, я спрашиваю, есть ли приложение или что-то вроде профайлера кода, которое может показать мне, сколько CPU использует каждую из этих функций, которые подключены к селекторам/событиям.

Answer 1

В браузерах на основе WebKit (таких как Chrome) есть вкладка профилирования процессора в инструментах разработчика, возможно, это то, что вы ищете.

Answer 2

Firebug в Firefox имеет замечательную вкладку профиля, которая покажет вам скрипты запуска и время выполнения (если это то, что вы ищете)

Answer 3

Используйте Инструменты разработчика в Chrome и Safari, или Firebug для Firefox, и просмотрите раздел «Профили». В IE8 нажмите F12, чтобы открыть собственные инструменты разработчика и профилирование. Этот вопрос также был asked, answered, and accepted уже на stackoverflow.

Answer 4

Как уже упоминалось, многие современные браузеры включают профилировщики. Вы также можете проверить JQuery плагин профиля в качестве дополнения к этим профайлеров ...

http://plugins.jquery.com/project/profile

Answer 5

Новая панель инструментов IE9 бета-разработчик имеет хороший профайлер также.