Databases Reference
In-Depth Information
Tools
When coding, developers tend to have a set of tools to help speed up their development time. This
section will cover some tools that can be helpful when developing plug-ins. They are used and
mentioned throughout the topic so you should take the time to review and understand each one.
Firebug and Console in the Firefox Browser
Firefox is an excellent browser to develop web-based applications with (some developers deem it as the
best browser for development). It has a lot of great features and available add-ons that help developers.
Firebug is a very popular Firefox add-on that allows you to, among other things, debug and quickly
develop/test JavaScript code. I often use Firebug as my default development and debugging tool. In
some situations, though, I leverage Google Chrome's development tools for their debugging features.
Both browsers support the Console API, which allows you to display messages in the browser's Console
window without interrupting the user. The following steps cover how to install Firebug on Firefox 4.
■
Note
Console is also available in most of the major browsers. The following list describes how to view the
Console output in each of the major browsers:
- Firefox: Install Firebug (
http://getfirebug.com) - F
12
- Google Chrome: Ctrl+Shift+J
- Safari: Ctrl+Alt+C
- IE (9+): F12, then go to the Console tab
1.
Make sure that you've installed Firefox 4 or greater. If you haven't, you can
