Web Development: Widerbug For Firefox

Martin Brinkmann
Apr 10, 2009
Updated • Jun 8, 2017
Firefox, Firefox add-ons

Firebug is a very popular extension for the Firefox web browser that provides web developers with an immense set of development related tools that they can make use of on the website they are on right now.

Among the information is that it lists the files that get transferred when you connect to a website, detailed CSS and HTML information, JavaScript debugging and more.

The Firebug extension divides the screen in an upper and lower part with the lower part displaying the web development information and tools that users can interact with.

Update: Widerbug is no longer available, its developer retired the add-on in 2011. The rise of Developer Tools in modern browsers with support for various display layouts is probably the main reason for the decision.


web browser

Widerbug is a tweaked version of Firebug that has been specifically designed for widescreen monitors. Instead of dividing the computer screen horizontally, it divides it vertically by displaying the Firebug information in a sidebar on the right side of the web browser.

This is good news for web developers who use widescreen monitors as it not only makes better use of the space but also frees up space at the bottom of the browser window which would have been used by Firebug to display the tool's interface there.

A previous installation of Firebug has to be uninstalled from the web browser before Widerbug can be installed to avoid complications. The web development application can then be installed and uses the same shortcuts as Firebug with the only difference that the tool is opening on the right pane and not below the actual website.

The only possible problem that users could run into are update delays as the developer of Widerbug needs to update the extension whenever Firebug gets updated to make sure the latest version of the add-on is supported.

Update: Widerbug has been discontinued as widescreen support has been added to Firebug. To make use of it click on the red window icon in the Firebug interface. It will detach the Firebug window from Firefox so that you can move it to the side of the browser window easily.

You can download the most recent version of Firebug from Mozilla Add-ons. Note that you need to install beta versions of Firebug if you run Dev versions of the web browser.

software image
Author Rating
no rating based on 0 votes
Software Name
Software Category
Landing Page

Tutorials & Tips

Previous Post: «
Next Post: «


  1. James said on July 7, 2011 at 11:45 pm

    Another vote for Firefox 5 support.

  2. Patrick Ward said on June 16, 2011 at 11:31 am

    Another vote for Firefox 4 support.

    Widebug is super and I really don’t want to have to go back to standard Firebug

  3. Keith said on March 25, 2011 at 7:00 am

    OK, that’s it. I just updated to FF4 and widerbug is not yet comparable with 4. One of the uses I have for widerbug is to adjust the width of the page for developing websites for tablets. Perfect for that!! I’ve been thinking of shutting down to redesign my office, I’m going to do that before going back to the silly idea of losing vertical height to firebug (I can’t believe they even put it there in the first place). Please hurry guys, if I have too much time on the redesign I’ll probably end up tearing out walls and I don’t need that.

    1. Nikita Sumeiko said on May 13, 2011 at 8:56 am

      Completely agree with @Keith, we need widerbug for Firefox 4, because it has been very useful in a previous version and helped us to debug our builds. Please hurry guys and release widerbug for FF4 too.
      Anyway, thank you very much for previous releases and for a coming one!

  4. Steve Costello said on April 10, 2009 at 5:04 pm

    Meh. Just pop Firebug out into its own window. Part of the beauty of having multiple monitors.

  5. Adam Dempsey said on April 10, 2009 at 2:33 pm

    The WiderBug developer should work on getting this into the FireBug code with an option to select sidebar or bottom bar

  6. Rarst said on April 10, 2009 at 12:25 pm


    YSlow is Firebug plugin (yeah, plugin for plugin :) ). So thought that I need to uninstall YSlow, uninstall Firebug, install Widerbug, install YSlow… then possibly find out that it doesn’t work and do everything backwards. Lazy.

    Will have to try on portable installation probably, proper widescreen setup is luring.

  7. Rarst said on April 10, 2009 at 12:08 pm

    Hm, having to uninstall Firebug is a drag.

    Does YSlow work with Widerbug?

    1. Martin said on April 10, 2009 at 12:21 pm

      Widerbug is basically Firebug in the sidebar. Have not tried running both apps at the same time but would not that be overkill anyway?

Leave a Reply

Check the box to consent to your data being stored in line with the guidelines set out in our privacy policy

We love comments and welcome thoughtful and civilized discussion. Rudeness and personal attacks will not be tolerated. Please stay on-topic.
Please note that your comment may not appear immediately after you post it.