30+ Essential Firefox plugins for Web Developers
There are numerous plugins available for Firefox. This post covers a few that might be useful for web developers.
Web DeveloperAdds a toolbar with tools to analyze CSS and live edit CSS amongst a host of other features. This is a must have for all web developers.
Greasemonkey scripts enable you to customize any aspect of your web page. There are several scripts that are available for free.
Some of the features are similar to those provided by Web Developer. You can analyze CSS elements of the page.
Adds a host of tools to analyze colour like an Eyedropper, ColorPicker and Page Zoomer. If you like a particular colour theme on some website, you can use easily get the RGB value using this plugin.
Inline CSS editing
Just the plugin one needs to determine element widths on a page.
Do you want to debug your AJAX calls when things are not working correctly. Don’t know how to do it? Install this plugin and trace exactly what is going on underneath. Read more about it at The Javascript Weblog. Along with Firebug, you can install FirePHP. FirePHP allows your PHP applications to log into the FirBug console.
A simple CSS viewer.
A plugin that validates your page using the W3C CSS validator.
Similar to the one above, but validates the HTML.
A developer tool for interacting with web services and other web resources that lets you make HTTP requests, set the entity body, and content type. This allows you to interact with web services and inspect the results…
Is there a sequence of steps that you do each and every time you test your web site? Record and playback the sequence using iMacros. Another plugin that can be used is TestGen4Web.
Style Sheet Chooser II allows you to choose author-provided alternate style sheets for a web site, and have those choices be persisted for all pages on the same site. Style Sheet Chooser II replaces Firefox’s built-in style sheet switcher
Far better than doing a Print-Screen! Select a region of the page that you want to save as a PNG using this plugin. It’s a very practical and usable plugin that I use all the time! FireShot is another similar plugin but has annotation support.
Allows you to measure the page performance (load time).
Allows you to check the validity of links on a page.
One must test their web application on different browsers just to be sure that it renders correctly. Using this plugin you can switch between Firefox and Internet Explorer at a click of an icon.
Just like the above plugin, one must not only test their site on different browsers but with different resolutions as well. This plugin accurately resizes the window to different sizes so that you can test your CSS rendering.
PencilDo some basic GUI prototyping using this plugin.
The name says it all!
View Dependencies adds a tab to the Page Info window, in which it lists all the files which were loaded to show the current page.
Get an FTP client within Firefox.
Get the feel of Dreamweaver in a Firefox extension. Edit your documents right next to your web pages as you surf.
View the page header without having to view the page source!
See the tags on a page without viewing the sourcecode.
TamperData is an extension to track and modify http/https requests.
Which plugins do you use?
Popularity: 100% [?]
Related Articles
(No Ratings Yet)
Loading ...
PDF
Email
Print
Permalink
FeedIf you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.
You missed out a few:
HTTPFox – to debug HTTP traffic
S3 Fox and Elastic fox – for managing Amazon S3 and EC2 services respectively.
User agent switcher – to spoof the user agent to see how the website reacts to various browsers