Продвинутый профилирующий javascript в браузерах

Question

В настоящее время я ищу хороший инструмент для профилирования javascript в браузере. Какие проблемы у меня есть с тем, что я сейчас использую:
Chrome - Когда я начинаю профилировать после перезагрузки страницы, для загрузки страницы требуется бесконечность. Невозможно завершить
Firefox - Профилирование с помощью firebug нелегко читается (сводка всех функций в целом). __For Например

Я ищу профиль, который позволит мне увидеть не только, сколько времени каждая функция «съела». Но проанализируйте каждый вызов и подколья.

Что-то похожее на дисплей KCacheGrind.

Answer 1

Если вы можете конвертировать приложение в автономное приложение, и если профилирование на устройстве подходит вам, вы можете использовать Intel XDK и различные типы профилирования под ним. Вы можете узнать больше информации по этой ссылке: https://software.intel.com/en-us/html5/articles/using-the-profile-tab

Различия между CDT и XDK профайлеров будут следовать

• CPU Profiler - XDK аннотирует исходный файл по времени, затрачиваемого на линии, а не только дерево вызовов
• Профилировщик данных - Профилировщик XDK более центрирован и указывает, какие функции (дерево вызовов) выделяют память и аннотируют представление источника по собственной и общей памяти, выделенной линией. Вы можете видеть снизу вверх и видеть, что точка доступа выделяет больше или переключается на просмотр вызываемого абонента и анализирует, какая функция высокого уровня неявно выделяет много через вызовы библиотеки.

Answer 2

Вот инструмент, который я написал: http://yellowlab.tools

Он шпионит и регистрирует каждый доступ JS к DOM на странице загрузки. Идеальный инструмент для понимания того, что происходит, и для оптимизации производительности JS на стороне браузера.

Просто запустите тест, затем нажмите вкладку «Временная шкала JS».