Appendix A. Debugging Tools

Debugging JavaScript and CSS on a desktop is simple: all the major browsers have built-in debuggers and developer tools. Debugging on mobile devices is a little harder, but with the latest mobile browsers it’s gotten much easier. Three tools are must-haves for your toolbox: the iOS Safari Debugger, the Chrome for Android debugger, and Weinre, a cross-platform web inspector.

iOS Safari remote debugger

iOS Safari used to be quite difficult to debug, relying on a rather poor native console and alert dialogs. With iOS 6, Apple introduced the ability to use the desktop Safari web inspector, making this by far the simplest platform to debug with.

Debugging with a real device

If you have a Mac and iOS 6, this couldn’t be ...

Get Building Touch Interfaces with HTML5: Develop and Design Speed up your site and create amazing user experiences now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.