Javascript профилирование на мобильных устройствах

Question

Я ищу инструменты, позволяющие выполнять профилирование веб-сайтов на мобильных устройствах, аналогичные тем, которые позволяют инструменты Firebug и Chrome dev.

Я использовал Weinre довольно широко. Хотя это замечательный инструмент для использования с реальными устройствами, он не предоставляет средств для профилирования во время выполнения.

Кто-нибудь слышал или использовал какие-либо инструменты, позволяющие это сделать?

Answer 1

Вот большой список инструментов для тестирования производительности мобильных устройств от Стива Саудерса (парня, который написал книгу «Высокопроизводительные веб-сайты»):

• Bookmark Mobile Perf -Uber букмарклет со ссылками на несколько других букмарклетов, полезных для мобильных устройств (мой)
• Jdrop - JSON в облаке для сбора данных на мобильных устройствах (мой)
• Mobitest - подключение WebPagetest.org к устройствам Android и iPhone (Blaze.io)
• pcapperf - получение диаграмм водопадов HTTP с вашего мобильного устройства, подключенного к точке доступа Wi-Fi, публикация в блоге(с открытым исходным кодом)
• WebWait - Единственный способ измерить время загрузки страницы на реальных устройствах через 3G - загрузить URL в iframe (Michael Mahemoff)
• weinre - Web Inspector Remote, очень крутой способ удаленной отладки вашего мобильного устройства (Патрик Мюллер)
• Таймер оплавления - Букмарклет для измерения времени оплавления (Линдси Саймон,открытый источникe)
• Favelet Suite - универсальный букмарклет, множество функций!(slayeroffice)

Источник: http://stevesouders.com/mobileperf/

ОБНОВЛЕНИЕ:

Вы можете использовать Chrome Devtools с устройством Android иВы можете использовать Safari Devtools на Mac с устройством iOS.

Chrome: https://developer.chrome.com/devtools/docs/remote-debugging

Safari: https://blog.idrsolutions.com/2015/02/remote-debugging-ios-safari-on-os-x-windows-and-linux/

Вы подключаетесь через USB

Answer 2

Вы можете профилировать / отлаживать / проверять Chrome-на-Android, используя настольный интерфейс инструментов разработчика Chrome:

https://developers.google.com/chrome/mobile/docs/debugging

Для этого потребуется Chrome, устройство Android с возможностью запуска приложения Chrome и USB-кабель.

Это немного раздражает в настройке, потому что вам нужно установить и использовать консольную команду ADB, но как только она заработает, вы получите полный интерфейс инструментов разработчика Chrome для отладки мобильных устройств.

Кроме того, Google поддерживает эту функцию для новых расширений Crhome для разработчиков, таких как PageSpeed.

Answer 3

Для отладки iOS на Mac вы можете использовать настольный Safari:

• подключить устройство с помощью USB-кабеля
• запустить приложение на устройстве
• запуститьSafari на вашем компьютере
• перейдите в раздел Разработка -> имя_устройства -> имя_файла.html

(если меню Develop недоступно длязатем перейдите в меню Edit> вкладка Preferences...> Advanced и установите флажок Show Develop menu in menu bar)

Запускает стандартный веб-инспектор Safari, который очень похож на Chrome Developer Tools,хотя несколько ограничен по сравнению с этим.