Узнайте, какие функции интенсивно используют процессор

Question

Я часто использую jQuery, особенно для анимации, такой как затухание или скольжение:)

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

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

или

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

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

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

Это использует много ресурсов ЦП.

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

Answer 1

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

Answer 2

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

Answer 3

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

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

Answer 4

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

Answer 5

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