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

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

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

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

Ответы

Ответ 1

Вот отличный список мобильных средств тестирования производительности от Steve Sauders (парень, который написал книгу "Высокопроизводительные веб-сайты" ):

  • Мобильный почтовый букмарк - Укр-буклет uber со ссылками на несколько других ярлыков, полезных для мобильных устройств (мой)
  • Jdrop - JSON в облаке для сбора данных на мобильных устройствах (мой)
  • Mobitest - Подключает WebPagetest.org к устройствам Android и iPhone (Blaze.io)
  • pcapperf - Получите HTTP-графики водопада с вашего мобильного устройства, подключенного к точке доступа Wi-Fi, сообщение в блоге (с открытым исходным кодом)
  • WebWait - Единственный способ, с помощью которого я могу измерить время загрузки страницы на реальных устройствах через URL-адрес загрузки 3G в iframe ( Michael Mahemoff)
  • weinre - Web Inspector Remote, отличный способ отладить ваше мобильное устройство удаленно (Patrick Mueller)
  • Reflow Timer - Закладка для измерения времени оплавления (Линдси Саймон, с открытым исходным кодом)
  • Favelet Suite - ярлык uber, множество функций! (Slayeroffice)

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

UPDATE:

Вы можете использовать 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

Ответ 2

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

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

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

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

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

Ответ 3

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

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

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

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