Top 5 firefox extensions (for web developers)
By Justin Silverton
The following are the top 5 firefox extensions that every developer should be using.
5) Open source in tab
Opens the page’s source file in a new tab. Has a preference to either open source in a new tab or existing tab.
Download here
4) IE Tab
A great extension that allows you to run an instance of Internet Explorer in a firefox tab. This is great for testing a new site that may look different in each browser.
Features:
- Supports multiple languages
- Allows the switching of the rendering engines (IE and mozilla) with one click
Download here
3) Server Switcher
Server Switcher allows you to easily switch between sites on your development and live servers, so that you can immediately see the differences.
Features:
- You can create multiple development/live-server-pairs.
- Multiple keyboard shortcuts
- Support for ports other than 80
- supported by flock and firefox
Download here
2) Web Developer
The sheer number of options and developer tools that are available with this plugin make it a great option for a web 2.0 environment.
Features:
- Easily disable java, javascript, popup blocker, and referrers.
- View Advanced cookie information
- Advanced form debugging - (Show passwords,convert GET <=> POST,remove maximum length)
- Outline frames, headings, links, and tables
- Resize the current window
- Validate CSS,HTML,Links, and WAI
Download Here
1) Firebug
Any list involving firefox plugins and developers should have firebug near the top. This plugin is great for debugging javascript in realtime, which is a must for anyone developing a web application.
Features:
- Inspect and edit HTML live on any website.
- Measure all the offsets, margins, borders, padding, and sizes (great for CSS).
- Get a list of each individual javascript file that is being loaded and each load time.
- Pause javascript execution and set breakpoints.
- Advanced javascript, CSS, and XML error reports
- Edit DOM objects in real-time
- Javascript command-line for easy execution of code
Download Here
7 Comments so far
Leave a reply
By far Firebug is the best web developer firefox extension, I can recommend that one hands down.
Ive also compiled my list of top 10 web developer firefox extensions a while ago: http://blog.sherifmansour.com/?p=34
I think Chickenfoot is a must as well…
I made a list a few months ago as well. Mine are aimed more at developers and designers. You can take a peek here: http://www.mellentine.com/2007/03/26/the-elite-8-of-web-development/
You don’t need the “open source in tab” extension, the webdeveloper toolbar already includes this feature (you can toggle it in the preferences panel)
That IE Tab will come in handy. I’ve been using the Web Developer toolbar for a long time now, I really don’t know what I’d do without it.
I have the extensions like firebug, colorful tabs, search status, web developer. I think it’s enough. lol
[…] My experience has shown that Firefox has become the web development platform, even for organizations that use Internet Explorer internally. The extensions available for Firefox, like the Venkman JavaScript Debugger, the DOM Inspector, Firebug, and the Web Developer extension make web development much easier on Firefox. And there are even more extensions to benefit the web developer. […]
[…] Results have shown that Firefox has become the web development platform of choice, even for organizations that use Internet Explorer internally. The extensions available for Firefox, like Firebug and the Web Developer extension, which makes web development much easier on Firefox. And even better, there are even more extensions being offered on a regular basis to benefit the web developer. […]