Perfiles de Javascript en dispositivos móviles

Question

Estoy buscando herramientas que permitan realizar perfiles de sitios web en dispositivos móviles similares a lo que las herramientas de desarrollo de Firebug y Chrome permiten hacer.

He usado Weinre bastante extenso. Si bien es una herramienta increíble para usar con dispositivos reales, no proporciona recursos para la creación de perfiles en tiempo de ejecución.

¿Alguien ha escuchado o usado alguna herramienta que permita hacerlo?

Answer 1

Aquí hay una gran lista de herramientas de pruebas de rendimiento móvil de Steve Sauders (el tipo que escribió el libro "sitios web de alto rendimiento"):

• Mobile Perf bookmarklet - Un bookmarklet uber con enlaces a varios otros bookmarklets útiles para el móvil (el mío)
• Jdrop - JSON en la nube para la recopilación de datos en dispositivos móviles (minas)
• Mobitest - Se conecta a WebPagetest.org dispositivos Android y iPhone (Blaze.io)
• pcapperf - Obtenga diagramas de cascada HTTP desde su dispositivo móvil conectado a un punto de acceso wifi, publicación de blog (fuente abierta)
• WebWait - La única forma en que puedo pensar para medir los tiempos de carga de página en dispositivos reales a través de 3G - cargar URL en un iframe (Michael Mahemoff)
• weinre - web Inspector manera remota, muy fresco para depurar su dispositivo móvil de forma remota (Patrick Mueller)
• Reflow Timer - bookmarklet para medir el tiempo de reflujo (Lindsey Simon, de código abierto)
• Favelet Suite - Un súper bookmarklet, toneladas de características! (Slayeroffice)

Fuente: http://stevesouders.com/mobileperf/

ACTUALIZACIÓN:

Puede utilizar Chrome Devtools con un dispositivo Android y se puede utilizar Safari Devtools en un Mac con un dispositivo 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/

Se conecta a través de USB

Answer 2

Puede perfil/debug/inspeccionar cromo-en-Android utilizando la interfaz de herramientas para desarrolladores de Chrome de escritorio:

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

Requerirá Chrome, un dispositivo Android capaz de ejecuta la aplicación Chrome y un cable USB.

Es un poco molesto de configurar, porque tiene que instalar y usar el comando de la consola ADB, pero una vez que esté funcionando, tendrá la interfaz completa de herramientas de desarrollo chrome disponible para la depuración de dispositivos móviles.

Además, Google parece ser compatible con esta característica para las nuevas extensiones de herramienta de desarrollo Crhome como PageSpeed.

Answer 3

Para iOS depuración en Mac, se puede usar el escritorio de Safari:

• conectar el dispositivo con un cable USB
• iniciar la aplicación en el dispositivo
• lanzamiento de Safari en su ordenador
• ir para desarrollar ->DEVICE_NAME -> file_name.html

(si el menú Develop no está disponible para usted, y luego ir a Edit menú>Preferences...> pestaña Advanced y comprobar Show Develop menu in menu bar casilla)

Se pone en marcha estándar inspector web Safari, que es bastante similar a Chrome Developer Tools, aunque algo limitado en comparación con ella.