Category Archives: Firefox Plugins

Firebug 1.0 Beta

I’ve been playing with the Firebug 1.0 private beta for the last few days and it’s quite a tool. v0.4 the last release of Firebug had already combined the most popular features Venkman, Console2, and the DOM inspector. 1.0 adds a entire new set of features. JS profiling and Net request tracing similar to Tamper Data are IMHO the most powerful. Joe has been hard at work and been fising issues as quick as we find them. Firebug now has enough functionality that it could implement and examine all the tips included in my entire presentation at OSCON.

The new website Get Firebug gives you a glimpse of what is coming shortly:

Top Firefox Extensions

Firefox is a very extensible browser. Here’s a list of top Firefox extensions. These are the Firefox browser extensions that are most popular and have the highest number of downloads. Download your favorite today.

Download Firefox Top Extensions
* FlashGot
* NoScript
* Fasterfox
* Tab Browser
* IE Tab
* Forecastfox
* Tab Mix Plus
* Filterset.G Updater
* downTHEMall!
* StumbleUpon

For more information on Firefox and to search for additional extensions goto https://addons.mozilla.org/firefox/extensions/

Download Firefox for Security
On an internet filled with spyware Mozilla Firefox is looking out for you. Its built in popup blocker makes sure you aren’t bothered by annoying and explicit popups while you surf the web. Mozilla Firefox has also been shown to be far less at risk to Spyware. If you are using a different browser and are concerned about your safety online, and the security of your personal information and computer then you should download Firefox immediately and see the difference it makes. Firefox also has a built in updater that notifies you once updates for Firefox become available. Downloading these updates is quick and simple, and immediately your browser has been updated and the known vulnerabilities have been fixed.
Download Firefox for Customizability
Mozilla Firefox is the most customizable browser to date. The look and feel of Firefox can be set to match the theme of your computer, or to anything you wish with Firefox Themes. Why settle for having your browser looking the same as any other boring old program? Make your desktop and browser unique by choosing a theme that fits you, arrange the toolbars however they work best for you, and fine tune your settings to get Firefox running exactly how you want it. Customizing Mozilla Firefox is fun, easy, and makes your life that much better.

AJAX Developers Toolbox – Firefox plugins

Earlier I wrote about a few developer must have’s for AJAX coders. There are several useful plugins to Firefox that also come to mind.  Venkman, the JavaScript debugger leads the list, but since I covered it here, we don’t need to list it again.

  • Console2 – With the introduction of Firefox 1.5 the clutter in the standard JavaScript Console increase many fold.  Primarily due to the inclusion of CSS warnings in the error output.  Console2 provides several levels of filters, to give the developer only the messages they want to see.  It also allows the suppression of duplicate messages to keep the console clean in those pesky situations when a little JS or DHTML code goes sideways.

               "Console² let’s you display errors filtered by type (Errors, Warnings, Messages), language (JavaScript, CSS, XML) and context (Chrome, Content). Furthermore it provides a simple search box (as seen in the History and Bookmarks sidebars) and some accessibility improvements."

  • Web Developer – The Swiss Army Knife of web developer add-ons.  A huge feature list including the ability to selectively disable certian browser features, deeper view on images, forms, CSS, and page structure.  Some of these functions are available via Firefox’s menus but having them one click away in this centralized toolbar saves time.  For AJAX or DHTML authors the ‘View Generated Source’ option let’s you take a look at the full source of the page in it’s current state.  The next extension takes this particular ability to the next level.
  • DOM Inspector – The DOM inspector let’s you search and pick apart the DOM of a particular page of application.  Provides a tree view of the document or you can use the pointer to select a particular element on the page a drill down from there.  Although not a true extension since it ships by default on Firefox it’s a must have for any web developer working on a complex application.  Wether it’s trying to find the ID of a particular dynamic element or just trying to see the CSS styles on a div the DOM inspector always makes easy work of the task.
  • Live HTTP Headers – This extension is a quick and dirty way to view each request and response from the browser to the server.  Ever wanted to see how Yahoo Maps or Gmail works from the inside?  This is your tool.  Not only provides the content of each request but as the name suggests the headers too.  Comes in useful trying to track down issues with setting cache headers or trying to determine the exact content of a request from the browser.