Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Debugging Mobile Web Apps

Dad87927739931f134c5b1242e3d04bc?s=47 James Thomas
May 08, 2012
0
190

Debugging Mobile Web Apps

Introduction to Weinre presented at London AJAX Mobile Conference - July 2011

Dad87927739931f134c5b1242e3d04bc?s=128

James Thomas

May 08, 2012
Tweet

More Decks by James Thomas

See All by James Thomas
Dad87927739931f134c5b1242e3d04bc?s=48 jthomas
0
100
Dad87927739931f134c5b1242e3d04bc?s=48 jthomas
0
61
Dad87927739931f134c5b1242e3d04bc?s=48 jthomas
1
460
Dad87927739931f134c5b1242e3d04bc?s=48 jthomas
1
1.8k
Dad87927739931f134c5b1242e3d04bc?s=48 jthomas
0
180
Dad87927739931f134c5b1242e3d04bc?s=48 jthomas
0
45
Dad87927739931f134c5b1242e3d04bc?s=48 jthomas
0
95
Dad87927739931f134c5b1242e3d04bc?s=48 jthomas
0
2.5k
Dad87927739931f134c5b1242e3d04bc?s=48 jthomas
2
2.4k

Featured

See All Featured
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
100
11k
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
156
6.4k
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
62
3.5k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
684
180k
D47656e20ff5e42f125fc5ea0fd636c6?s=48 tmm1
61
8.5k
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
1
480
E14f55d3f939977cecbf51b64ff6f861?s=48 keithpitt
401
20k
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
17
1.1k
A9179349dd2bdc67f377719f56d85656?s=48 garrettdimon
287
110k
78b475797a14c84799063c7cd073962f?s=48 holman
448
130k
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
27
930
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
30
3.3k

Transcript

  1. Debugging Mobile Web Apps Remotely James Thomas Tuesday, 8 May

    2012

  2. Why do people like developing applications for the web? Tuesday,

    8 May 2012

  3. Debugging Tools Tuesday, 8 May 2012

  4. Firefox Tuesday, 8 May 2012

  5. Chrome Tuesday, 8 May 2012

  6. Mobile Platforms ? Tuesday, 8 May 2012

  7. Mobile Platforms Tuesday, 8 May 2012

  8. Web Inspector Remote Tuesday, 8 May 2012

  9. > GOTO DEMO Tuesday, 8 May 2012

  10. How does it work? Tuesday, 8 May 2012

  11. Debug Target Weinre Server Client Tuesday, 8 May 2012

  12. Insert custom JS into target Debug Target Weinre Server Client

    <script src="http://server:8080/target/target-script-min.js"/> Tuesday, 8 May 2012

  13. Connect to client Debug Target Weinre Server Client Tuesday, 8

    May 2012

  14. Client generates debug events Debug Target Weinre Server Client {"args":["alert(\"hello\")","console",true,"442489609::27"...

    Tuesday, 8 May 2012

  15. Target evaluates and sends response Debug Target Weinre Server Client

    {"interface":"WeinreTargetCommands","method":"sendCli entCallback"..... Tuesday, 8 May 2012

  16. WebKit Inspector updated with response Debug Target Weinre Server Client

    Tuesday, 8 May 2012

  17. Running a server locally? Ugh :( Tuesday, 8 May 2012

  18. debug.phonegap.com Tuesday, 8 May 2012

  19. What are the other alternatives? Tuesday, 8 May 2012

  20. JS Console Tuesday, 8 May 2012

  21. WebKit Remote Debug Text Text Chromium --remote-debugging-port=9222 Tuesday, 8 May

    2012

  22. Summary Tuesday, 8 May 2012

  23. Summary • Weinre is a great solution for mobile environments...

    Tuesday, 8 May 2012

  24. Summary • Weinre is a great solution for mobile environments...

    • ...but hopefully a temporary one! Tuesday, 8 May 2012

  25. Summary • Weinre is a great solution for mobile environments...

    • ...but hopefully a temporary one! • Not finished, follow the progress on Github Tuesday, 8 May 2012

  26. Thank you & Questions? Tuesday, 8 May 2012