Profili di Javascript sui dispositivi mobili

Question

Sono alla ricerca di strumenti che consentano di eseguire la profilazione di siti Web su dispositivi mobili simili a ciò che gli strumenti di sviluppo di Firebug e Chrome consentono di eseguire.

Ho usato Weinre piuttosto esteso. Sebbene sia uno strumento fantastico da utilizzare con dispositivi reali, non fornisce funzionalità per la profilazione in fase di esecuzione.

Qualcuno ha sentito o utilizzato strumenti che consentono di farlo?

Answer 1

Ecco una grande lista di strumenti di test di prestazioni mobili da Steve Sauders (il ragazzo che ha scritto il libro "High Performance Siti Web"):

• Mobile Perf bookmarklet - Un bookmarklet uber con collegamenti a più altre bookmarklets utili per il mobile (il mio)
• Jdrop - JSON in the cloud per raccogliere dati su dispositivi mobili (la mia)
• Mobitest - Si collega WebPagetest.org per dispositivi Android e iPhone (Blaze.io)
• pcapperf - HTTP GET cascata grafici dal tuo dispositivo mobile collegato ad un hotspot WiFi, post sul blog (open source)
• WebWait - L'unico modo che posso pensare di misurare i tempi di caricamento delle pagine su dispositivi reali su reti 3G - URL del carico in un iframe (Michael Mahemoff)
• weinre - Web Inspector remoto, modo molto cool per eseguire il debug il dispositivo mobile in remoto (Patrick Mueller)
• Reflow Timer - Bookmarklet per misurare il tempo di riflusso (Lindsey Simon, open source)
• Favelet Suite - un uber bookmarklet, tonnellate di funzionalità! (Slayeroffice)

Fonte: http://stevesouders.com/mobileperf/

UPDATE:

È possibile utilizzare Chrome Devtools con un dispositivo Android ed è possibile utilizzare Safari Devtools su 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/

Si collega via USB

Answer 2

È possibile profilo/debug/ispezionare Chrome-on-Android utilizzando l'interfaccia di strumenti del desktop Chrome per sviluppatori:

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

Richiede Chrome, un dispositivo Android in grado di esegui l'app Chrome e un cavo USB.

È un po 'fastidioso da configurare, perché è necessario installare e utilizzare il comando della console ADB, ma una volta funzionante, l'interfaccia degli strumenti di sviluppo Chrome completa disponibile per il debug di dispositivi mobili.

Inoltre, Google sembra supportare questa funzione per le nuove estensioni Crhome di dev-tool come PageSpeed.

Answer 3

Per iOS debug su Mac, è possibile utilizzare il tavolo a Safari:

• collegare il dispositivo con un cavo USB
• avviare l'applicazione sul dispositivo
• lancio Safari sul computer
• go per sviluppare ->device_name -> file_name.html

(se il menu Develop non è disponibile per te, poi vai a Edit menù>Preferences...>Advanced scheda e verificare Show Develop menu in menu bar casella di controllo)

Lancia ispettore di serie web Safari, che è abbastanza simile a Chrome Developer Tools, anche se un po ' limitato rispetto ad esso.