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

Debugging Mobile Web Apps

Dad87927739931f134c5b1242e3d04bc?s=47 James Thomas
May 08, 2012
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

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