Firebug Lite for Google Chrome

Overview

Firebug Lite for Google Chrome is not a substitute for Firebug, or Chrome Developer Tools. It is a tool to be used in conjunction with these tools. Firebug Lite provides the rich visual representation we are used to see in Firebug when it comes to HTML elements, DOM elements, and Box Model shading. It provides also some cool features like inspecting HTML elemements with your mouse, and live editing CSS properties.

To get more information about what's new in Firebug Lite (which is compatible with all major browsers) please visit the Firebug Lite page.

Benefits over Firebug Lite

Firebug Lite for Google Chrome is basically the same you'll see when using the bookmarklet, or including a script tag in your page. There are, though, some benefits by using the extension for Google Chrome, including:

  • Browser toolbar integration, providing a quick access to Firebug Lite
  • It works without internet connection
  • Faster loading and no FOUC (Flash of Unstyled Content), once resources will be stored in the extension's directory on your machine
  • Firebug Lite will be loaded before all other scripts, allowing it to capture all console calls and all XHR requests for that page
  • It is possible to activate the Firebug Lite for a particular domain, so next time you visit a page in that domain it will be automatically active.

Limitations

The main limitations of the Firebug Lite version are:

  • Cannot read external resources
  • Won't work well on pages with frames
  • JavaScript debugger isn't available
  • Net Panel isn't available

Activation

The Firebug Lite activation scheme is very simple. When you first visit a web page Firebug Lite icon will be gray, indicating that it is deactivated. Clicking on it will activate Firebug Lite for all pages in that domain and the icon will become orange.

Next time you visit a page in that domain, Firebug Lite will be automatically active, and the UI will be open or minimized according to the last time you used it.

To deactivate Firebug Lite for a particular domain, go to a page in that domain and click on the "off" button. Since Firebug Lite uses localStorage to store the activation info when you clear your browser's cache, Firebug Lite will be deactivated for all pages.

Contributing

Your contribution is very important. If you have a specific issue, like a bug or feature request, please post a detailed description of the issue, and we will do our best to make it happen. If you have a more general issue or have something to say, let us know. Found a fix for a particular issue? Patches are welcome. If you would like to help with some code or would like to develop an extension for Firebug Lite, don't hesitate: join our team.