Web developers often require tools to test, analyze and benchmark their web pages and to do so they use various web development products for different purposes.
Those who are familiar with Firefox and use it extensively knows that Firefox browser supports added extensions/addons which can be freely downloaded from the Firefox addon site.
Firefox community is constantly working and adding new addon’s all the time they are even upgrading their addon’s to stay in touch with the time. There is a huge list of Firefox addon’s related to web development still i am presenting you a list of top 10 Firefox addons for web Development.
1. Firebug
Firebug is an extremely popular Firefox addon widely used by the web developer community. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. Extremely popular addon and can be said as the king of all web development Firefox addons.
2. YSlow
YSlow is typically a performance measuring Firefox addon to analyze and benchmark website performance. YSlow works on yahoo’s performance metrics and analyze live pages for speed, load and other parameters.
3. HTML Validator
HTML Validator does one thing and does pretty well. It Validates and adds HTML Validations inside Firefox. Web Developers can easily concentrate on the number of errors marked by these extension.
4. GeaseMonkey
GreaseMonkey is a cool Firefox Addon which allows you to customize the way a webpage displays using small bits of JavaScript.
5. CSS Viewer
CSS Viewer With this extension you can view CSS properties of related page elements. Very handy, when You got large CSS file with styles overlapping each other, to analyze why something is not displayed in the way You wanted.
6. JavaScript Debugger
JavaScript Debugger gives you the flexibility of debugging live pages on Firefox and Mozila based browsers.
7. FireShot
FireShot is a Firefox extension that creates screenshots of web pages. Unlike other extensions, this plugin provides a set of editing and annotation tools, which let users quickly modify captures and insert text and graphical annotations.
8. Font Finder
Font Finder is a very handy tool to get all CSS styles of selected text in Firefox / Thunderbird. Just highlight and right click to see all of the styling information you could require including font-size, font-family, color (in both hex and RGB), line-height, letter-spacing, and much much more.
9. Server Switcher
Server Switcher is a navigational help tool for web developers. It allows you to easily switch between sites on your development (hosting the temporary version you are currently working on) and live servers, so that you can immediately see the differences.
10. Selenium IDE
Selenium IDE is an integrated development environment for Selenium tests. It is implemented as a Firefox extension, and allows you to record, edit, and debug tests. Selenium IDE includes the entire Selenium Core, allowing you to easily and quickly. Why Selenium is best for web app testing?. Read the quick guide to selenium IDE.
So, what’s are your favorite Firefox plugins? Please leave us a comment and share your view with us.
