The app that you build in Tiggzi is just HTML5, jQuery Mobile, JavaScript and CSS app that runs in browser (or PhoneGap app). The best way to debug such app is to use the available browsers tools: Chrome Developer Tools (Wrench tool > Tools > Developer Tools) or Firefox’s Firebug plug-in. These plug-ins allow you to see:
- Inspect DOM elements
- Request/response information
- Any JavaScript errors or warnings
- View browsers Local Storage
- And much more
We use these tools daily and recommend for you to use them as well. Developers who use other tools to build mobile apps use the same tools. Here are a couple of examples (using Chrome Developer Tools).
Loading the first app page produces a blank screen:
Open the Console tab shows a JavaScript error.
Trying to invoke a service and getting cross-domain security error:
Viewing request header information:
Viewing Local Storage content:
Inspecting DOM elements: