Developers have long been able to use an array of debugging, profiling and other testing tools to ensure application quality and performance. More recently, web developers have started to rely on increasingly sophisticated tools to help test their web sites and applications. But particularly in the mobile space, when developing sophisticated applications with web technologies, testing presents significant challenges. Ross Boucher, one of the developers of Objective-J, the Cappuccino web application framework, the visual development tool Atlas, and 280 slides knows a thing or two about testing sophisticated applications developed using web technologies. In this session, he’ll share some of those secretes, and help you better test and debug your applications.

1. TESTING & DEBUGGING MOBILE WEB APPS WEB DIRECTIONS UNPLUGGED SEATTLE, 2011

7. UNIFIED WORKFLOW

8. alert()

9. I suspect that most JavaScript developers out there are a lot like me... We want to be able to pause our scripts, look at the call stack, and step through them one line at a time, but it's easier to just use "alert debugging" than to fire up a big clunky debugger. - JOE HEWITT, 2006

10. console.log()

13. log()

14. warn()

15. error()

16. copy()

17. inspect()

19. RESOURCE INSPECTOR

20. NETWORK INSPECTOR

21. JAVASCRIPT DEBUGGER

22. PAGE TIMELINE

23. JAVASCRIPT PROFILER

24. F0 1 aFunction F1 9 1 F2 7 1 1 78 8

25. F0 1 aFunction F1 9 1 F2 7 1 1 78 8

26. aFunction 88 8 78 1 1 aFunction F2 F1 F0 78 1 8 8

27. aFunction 88 8 1 1 78 F1 78 1 8 8

28. MEMORY PROFILER

29. PAGE AUDITS

30. STILL NOT A MOBILE DEVICE

31. USER AGENT FAKING

33. WINDOW RESIZING

34. TOUCH EVENT FAKING

35. TRANSFORM ON DEVICE

36. TRANSFORM ON DESKTOP

37. MULTI-TOUCH FAKING

38. STILL NOT A MOBILE DEVICE

39. MOBILE SIMULATORS

40. DASHCODE

41. STILL NOT A MOBILE DEVICE

42. OK, LET'S TRY ON A REAL DEVICE

43. console.log()

45. WEINRE

46. http://github.com/ senchalabs/android-tools

47. CHARLES PROXY

48. AUTOMATED TESTING

49. CONTINUOUS INTEGRATION

50. TIERED APPROACH

51. 1) LOGIC ONLY

52. 2) SELENIUM (etc) + DESKTOP BROWSERS

53. 3) SELENIUM (etc) + MOBILE SIMULATORS

54. 4) SELENIUM (etc) + MOBILE DEVICES

55. ALL OF THE OTHER THINGS

56. Thanks. @boucher • rboucher@gmail.com