A Web Design Community curated by Chris Coyier

A little dab'll do ya

Code Snippets

Home » Code Snippets » HTML » Use Firebug in Any Browser Submit one!

Use Firebug in Any Browser

Just include this script on the site and you'll get a Firebug console that pops up for debugging in any browser. Not quite as full featured but it's still pretty helpful! Remember to remove it when you are done.

<script type='text/javascript' src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>

Bookmarklet

Firebug Lite (drag that link to bookmarks bar)

Bookmarklet Code

javascript:var firebug=document.createElement('script');firebug.setAttribute('src','http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');document.body.appendChild(firebug);(function(){if(window.firebug.version){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug);

Reference URL

Subscribe to The Thread

  1. FeRHaD says:

    Save the file linked in the upper code to the UserJS directory as a JS code with .js extension and you will be able to use it in every page you visit ( In Opera this worked, it should in others too. Yes, I know, Opera has its own developer tool. ).

  2. TeMc says:

    Very nice !

  3. Sreyo says:

    it worked in IE too….. Great!

  4. Ant says:

    It’s very bad comparing to original Firebug.

  5. Diego Crusius says:

    gah this is very interesting. Seems very useful. Can’t thank you enough.

  6. Nikita says:

    You make my day :)
    Soooo useful, I really hate the Developper tool in IE.

It's Your Turn

At this moment, you have an awesome opportunity* to be the person your mother always wanted you to be: kind, helpful, and smart. Do that, and we'll give you a big ol' gold star for the day (literally).

Posting tips:
  • You can use basic HTML
  • When posting code, please turn all
    < characters into &lt;
  • If the code is multi-line, use
    <pre><code></code></pre>
Thank you,
--- The Management ---