Firebug Lite Bookmarklet

Twitter This! Facebook This! Digg This! Add to Delicious! Add to Technorati!

[Edit Description]

Firebug is an extension for Firefox, but what happens when you need to test your pages in Internet Explorer, Opera, and Safari?

The solution is Firebug Lite, a JavaScript file you can insert into your pages to simulate some Firebug features in browsers that are not named "Firefox".

Firebug Lite creates the variable "firebug" and doesn't affect or interfere with HTML elements that aren't created by itself.

Source (getfirebug.com)

Download Bookmarklet:

(How do I add this bookmarklet to my browser?)

Firebug Lite

View Bookmarklet Code:

[Edit Javascript]

Show Source Code

Bookmarklet Source Code:

javascript%3Avar%2520firebug%3Ddocument.createElement%28%27script%27%29%3Bfirebug.setAttribute%28%27src%27%2C%27http%3A//getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js%27%29%3Bdocument.body.appendChild%28firebug%29%3B%28function%28%29%7Bif%28window.firebug.version%29%7Bfirebug.init%28%29%3B%7Delse%7BsetTimeout%28arguments.callee%29%3B%7D%7D%29%28%29%3Bvoid%28firebug%29%3B

Rate it:

Tags:

web development debug

Add Tags

Comments

Comments so far. Add yours.

Tom

As a web developer. I can't tell you enough how helpful this bookmarklet has been!

Tom

Great for using when the addon isn't available. For example when using chrome and internet explorer.

Tom

Anyone know of any other debugging bookmarklets? You can never have enough ways to debug a problem. :)

stratmatt

great stuff

Name...

Opera has it's own debugging - dragonfly which is more powerful, Safari too.

monkeymonkey

Google chrome has a cool debugger but not sure if it's as good as this!

  3. Add Comment