Finden Sie heraus, welche CPU-Funktionen nutzen intensiv

Question

ich jQuery bin mit einer Menge, vor allem für Animationen wie Fading oder Schiebe :)

so verschiedene Funktionen Ich füge, die diese wie

auf Elemente tun

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

oder

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

Auf einigen Elementen I livequery ohne spe verwenden cifying ein Ereignis (so erkennt es neue Elemente, die im DOM hinzugefügt werden).

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

Dies verbraucht viel CPU.

Wie auch immer, ich frage, ob es eine Anwendung oder etwas wie einen Code-Profiler gibt, der mir zeigen kann, wie viel CPU jede dieser Funktionen verwendet, die an Selektoren/Events hängen.

Answer 1

WebKit-basierte Browser (wie Chrome) haben cpu Profiling Registerkarte in Entwickler-Tools, könnte das sein, was Sie suchen.

Answer 2

Firebug in Firefox hat ein wunderbares Profil Registerkarte, die Sie das Ausführen von Skripts und Ausführungszeit zeigen wird (wenn das, was Sie suchen)

Answer 3

Verwenden Sie die Entwicklertools in Chrome und Safari oder Firebug für Firefox, und Schaut euch den Abschnitt Profile an. Drücken Sie in IE8 F12, um eigene Entwicklerwerkzeuge und Profilerstellung zu öffnen. Diese Frage wurde auch bereits auf Stackoverflow asked, answered, and accepted.

Answer 4

Wie bereits erwähnt, enthalten viele moderne Browser Profiler. Sie können auch die jQuery-Plugin Profil als Ergänzung zu diesen Profilometer prüfen wollen ...

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

Answer 5

Die neue IE9 Beta Developer Toolbar hat auch einen schönen Profiler.