Debugging Mobile Web Apps

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

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