Firefox is the web developers browser of choice. It allows you to add extensions extremely easily that make the browser its an extremely powerful development tool! We have scrounged the web and found the 10 must have web development Firefox extensions.
If you have not installed these tools, and you are a serious web developer, you need to install them right now! Trust us, you will love these tools, and shave hours off of your web development time a week!
Web Development Tools You Must Have
Web Developer Extension
The Web Developer extension adds a menu and a toolbar to the browser with various web developer tools. It is designed for Firefox, Flock, Mozilla and Seamonkey, and will run on any platform that these browsers support including Windows, Mac OS X and Linux.
ColorZilla
With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program. You can Zoom the page you are viewing and measure distances between any two points on the page. The built-in palette browser allows choosing colors from pre-defined color sets and saving the most used colors in custom palettes. DOM spying features allow getting various information about DOM elements quickly and easily.
Greasmonkey
Greasemonkey is a Firefox extension that allows you to customize the way web pages look and function. Hundreds of scripts are already available for free. And if you’re the tinkerer sort, you can also write your own.
HTML Validator
HTML Validator is a Mozilla extension that adds HTML validation inside Firefox and Mozilla. The number of errors of a HTML page is seen on the form of an icon in the status bar when browsing. The details of the errors are seen when looking the HTML source of the page.
FireBug
Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.
CSSViewer
CSSViewer is a simple Firefox extension used to get the CSS properties of an element in a web page. Made with XUL, JavaScript and CSS.
Aardvark Firefox Extensions
Aardvark is a CSS debugger with keyboard modifiers. It displays items on the page such as the element name and id or class name of a selected element.
Link Checker
Check web page links at a glance with simple color coding. Ditch those massive listings of bad links that provide no context and add LinkChecker to your arsenal of web development tools today.
MeasureIt
Draw a ruler across any web page to check the width, height, or alignment of page elements in pixels.
IETab
This extension is derived from the famous extension IE View but much different.
While IE View always open IE-only pages in a separate Internet Explorer window, IE Tab can view them in a Mozilla/Firefox tab.
Bonus Search Engine Optimization Extensions
SEOQuake
Seoquake is a powerful, Mozilla Firefox and Internet Explorer compatible, tool aimed at helping web masters who deal with search engine optimization and Internet promotion of web sites. Seoquake allows to obtain and investigate many important SEO parameters of the Internet project under study on the fly.
Alexa Sparky
Alexa Sparky will show you at a quick glance what the current web sites trend in popularity is on the Internet. It also gives you the option to view traffic details on any web site or web page, as well as viewing similar web sites to the one you are on at the click of a mouse.
If you liked this article, please share it on DZone, del.icio.us, StumbleUpon or Digg. I’d appreciate it.
For web regression testing, I use http://www.iopus.com/imacros/firefox/