Using Firebug to help us in our development
Firebug, like the Web Developer toolbar, is another very useful extension, especially when developing JavaScript. But Firebug can be used for many other things, such as exploring the HTML or CSS of our site.
Like the previous extension, we can download this Firefox extension from the Firefox add-ons site at https://addons.mozilla.org.
Once installed, Firebug needs to be enabled from the add-ons screen:
Once enabled, a new button will appear at the bottom right-hand side of the Firefox browser. You will notice a tiny icon that looks like the previous icon, but smaller, as follows:
Once we click on this button, a new panel will appear with some tabs that we can see in the following screenshot:
How we can use two of these tabs, Console and HTML, is something that we are just about to find out.
Using Firebug to log messages
When working with JavaScript, especially AJAX, it's quite useful to know
what is happening. For example, in our mod_littlecontact...