Firebug Lite is another extension for web developers out there. This extension for Google chrome allows one to have access to the page’s HTML and CSS code in a quite simple way. Once again, this extension is only suggested for those who have a basic idea of web development. When used with other web development extension Firebug Lite extension can be quite handy. Although this extension is quite simple to be used it can be a bit tricky to find out all of its features if one is using this kind of extension for the first time.
How to Use Firebug Lite Extension For Google Chrome
Once installed the extension’s icon should show up next to the address bar. Open a new tab and visit the desired page, when it opens for the first time the icon should be gray indicating that the extension is not currently activated on the current page. To activate it simply click on the icon, sometimes it’s necessary to reload the page. Once activated your screen should be split in half the first half showing the page and the second one showing the extension. The extension’s windows contains several tabs such as: CSS and HTML choose them according to what you want. This extension allows real-time CSS editing. To do so simply go to the CSS tab and change the property of your choosing. Also you can inspect an element by right clicking it and choosing the option accordingly.
Also check out other Google Chrome Extensions.
Features of Firebug Lite Extension for Google Chrome
- Real time CSS editing.
- Inspect elements.
- Check pages’ CSS and HTML codes.
Download Firebug Lite Extension for Google Chrome here.