Chapter 6. Debugging and Testing
We are also going to see different techniques for testing your mobile applications. Of course, “testing” is a rather large concept, and it would be foolish to pretend that this short guide will give you a complete panorama of testing mobile web apps, but that is why this chapter is not called “Quality Assurance.” However, simple testing techniques will allow you and your team to increase your productivity, providing working code in time and schedule.
Your Browser Web Inspector
The first tool that will be used to debug mobile web applications is the Web Inspector that ships natively with most modern browsers these days. It is a very powerful tool, originally inspired by the famous Firebug plug-in for Firefox by Joe Hewitt. These days, the WebKit Web Inspector, Opera DragonFly, or the Internet Explorer Developer Tools all allow you to perform the following functions:
Inspect the HTML structure of the current web page, including all elements that are generated dynamically (this is specially handy in the case of Sencha Touch, which generates HTML elements on the fly).