Introduction

The biggest pain I experienced when I worked on building the PhoneGap application is the following cycle:

1. Develop an eclipse/xcode or irrespective IDE
2. Compile and put the binary executable on device/emulator
3. Test PhoneGap application on device/emulator
4. Tweak code and repeat from step 1

Clearly this cycle is very time consuming and frustrating. If you are an experienced JavaScript developer, this would be a nightmare for you.

JavaScript developers are used to handy tools on the following modern browsers:

1. Firefox
2. Safari
3. Chrome
4. Internet Explorer

(Note that for iPhone and Android development, Internet Explorer is not useful. We recommend the use of Firefox, Safari, or Chrome for iPhone and Android development.)

Few of these tools are extensions for developers. Firefox has its own firebug, which is the first of the series, of javascript/html debugging tools and it allows you to debug not only the page elements (DOM structure), but the scripts, stylesheets, and network as well. It also allows you to change these things on fly and test them out immediately. Chrome and Safari come with built-in developer tools. Internet Explorer is no exception and has its own extension for doing similar things.