My translated slides for "Dompter Le Web Mobile" about what tools exists to debug and simulate mobile browsers. Illustrations are by @cheekfille

1. Tame the Mobile Web
Yves Van Goethem — @yvg

3. BlackBerry
12% Safari Mobile
20%
Android Browser
19%
Nokia
20%
Opera NetFront
25% 4%
http://statcounter.com/

5. WebKit Web Inspector
IE Developer Toolbar

6. Master the whip

8. https://www.mozilla.org/en-US/mobile/

9. http://www.opera.com/developer/tools/mobile/

10. http://www.opera.com/mobile/demo/

11. www.microsoft.com/download/en/details.aspx?displaylang=en&id=27570

13. http://developer.android.com/sdk/index.html

14. https://developer.palm.com/content/resources/develop/sdk_pdk_download.html

15. http://www.developer.nokia.com/info/sw.nokia.com/id/e22963ec-3d9e-43f2-a220-3ef4c4092cc7/
Nokia_Web_Tools.html

16. http://www.mobilexweb.com/emulators

17. Backstage secrets

18. http://www.blaze.io/mobile/

19. Mobile Perf Bookmarklet
http://stevesouders.com/mobileperf/mobileperfbkm.php

20. Network Link Conditioner
Mac OS X Lion

21. http://www.charlesproxy.com/

22. http://richchetwynd.com/2010/05/javascript-debugging-on-android-browser/

23. Enter the arena

24. http://itunes.apple.com/us/app/bugaboo/id388890428?mt=8

25. http://phonegap.github.com/weinre/

26. http://dev.opera.com/articles/view/remote-debugging-with-opera-dragonfly/

27. http://blog.collinsmichaelg.com/2009/12/07/playing_with_crossfire
http://getfirebug.com/wiki/index.php/Crossfire

28. Care & maintenance

29. Code conventions

30. Defensive programming

31. Unit tests
(QUnit, Test::Unit, PyTest,…)

32. Functional tests
(Selenium, iMacros, PhantomJS,…)

33. Agile methodologies

34. Yves Van Goethem — @yvg
Illustrations by @cheekfille licensed under Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License.
Content licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License.