Debugging Firefox Add-Ons Using Chromebug

When writing add-ons for Firefox, the ability to debug the add-on makes the development process quite easier and faster as well. Chromebug is a Firefox add-on which provides this capability. The Chromebug user guide has instructions on how to install and start Chromebug. You can inspect the XUL elements of the add-on and debug JavaScript code using this tool. The following are some screenshots of the add-on in action.