As we all know that firebug is a great add-on for Firefox, this is available in all the respective versions and even it supports all the versions of Firefox. It has got awesome features, I would like to the firebug team that most of the developers who works on User Interface has installed firebug on their respective computers. Developers and Users can use this add-on very easily and its very handy too.
If you want to debug the same in IE or Opera or Safari browsers then you have to go for Firebug Lite. Firebug Lite is a JavaScript file can be inserted into your pages to stimulate some firebug features in browsers. Firebug Lite creates the variables “firebug” and “pi” and doesn’t affect or interfere with HTML elements that aren’t created by itself.
By looking at this you might be having a query like how to install the same in-order to utilize the features, below code depicts on how to install.
Installing Firebug Lite:
Just insert below line of code into any page that you want to contain Firebug Lite
1 |
If you want to use Firebug Lite offline, then just download the source files from here and import the respective files into your site’s directory. Find “firebug-lite.css” URL on the javascript file which you imported and replace this with offline address of firebug-lite.css file.
1 |
1 |
And if you want to write messages to console you can do the same, eagerly want to know more about this add-on to IE, Opera and Safari, then please do have a look at this page and download the respective files and have a safe debug.
I would like to recommend this extension, since this going to help developers a lot in debugging their pages accordingly before delivering the same to respective clients.
Articles which you would like to read:
Related Entries...
-
Introduction As we all aware that Firebug is one of the best and awesome tool to test or debug the w ...
-
If you guys have Firebug installed in your Firefox browser, hmm.... then it can make Gmail slow. For ...
-
Today, I am going to share one of the best Podcast Video which describes on how effectively we can us ...
-
There are many useful Firefox add-ons which helps us in Web Development, I would like to thank each a ...
-
Introduction: Below is the simple Bookmark script, which has been implemented using jQuery, this mig ...
-
Below script will lets you to open Ext.Panel (that is Panel) onClick of an anchor link. Its really a ...
-
There might be some scenarios where we need to check whether a particular DIV is visible or not and i ...
-
This is an awesome jQuery plugin like Jondesign's Smooth Slideshow v2.1, by looking at the jd's Smoot ...
-
Well today! I installed Shareaholic - SexyBookmarks widget in one of my wordpress blog. I've been wor ...
-
In the following article we can have a look at the ways of creating new files in Ruby programming lan ...
4 Responses
This is really good add-on for IE lovers, since I do lot of projects and will check in browsers, I can now be able to debug the code where I went wrong in firefox browser, if I want to check the same in IE and other browsers like opera, safari etc. I used to do this manually. I can say this is going to help me a lot. Thanks Vivek for taking time to share this good article for all the respective developers and users.
Thanks, is really good,
in opera you can set it as UserJAvaScript wich will include it automátically in every web…
though it can be sometimes bothering, but…
btw, it works, and looks better than firebug
amm, sorry for spamming,
but, besides the fact that yout post is very intresting, i would like to also comment, that opera has a usefull tool called Developers Tools under Tools->Advanced
wich has some similar features. opera users might want to give it a look