Firebug is a very popular browser plug-in among web developers. Not only for a web developers. It’s a head start for anyone to learn more about web designing. It’s letting you dig deep in to HTML code of any website and analyze it right from your browser.
Past was the time of Mozilla Firefox. It had millions of plug-ins and Firebug was one of them. But with time Google Chrome started to dominate the territory of Firefox in battle of web browsers. With this trend lots of people moved to Chrome and today it has surpassed Firefox and even Intent Explorer.
Lots of extensions were introduced to Chrome and today they have a massive Chrome Web store. However for a longer period of time one of the most favorite Firefox plug-in, Firebug was not there for Chrome. It was the only reason for most of the people to not use Chrome as well. True that Chrome came up with its own developer tools, but people were so used to Firebug by then.
I was looking for a solution for this problem for a long time. I tried Firebug Lite bookmarklet, but it was not so stable and didn’t have the right click menu to inspect elements. Finally I found a decent solution, a chrome extension for Firebug Lite. Let’s take a closer look.
Getting started with Firebug Lite for Chrome
- Go to Chrome Web Store and add Firebug Lite for Google Chrome.
- It will add new icon to Chrome address bar.
- The icon indicates the working status of Firebug as usual.
- You can simply right click on any element in a webpage and click “Inspect with firebug Lite” to analyze it.
- It will open firebug windows at the bottom of the screen and show you the HTML code for selected item as usual.
- Hardware: Intel Core i5 2nd Gen // 4GB DDR2
- OS: Windows 7 Home Premium // 64 Bit
- Browser: Google Chrome Version 23.0.1271.91 m
If you were never happy with Chrome Developer tools and missing Firebug so badly, here is your solution. But remember this doesn’t have JAVAScript debugger and Net Analyzer which also are very important tools.
Tags: #Browser #Chrome #Tools #Web