Most Useful FireFox Plugin For Web Developers

Web Designers and Developers always find difficulties in putting all design, plugins and page components together. With Firefox we have the ability to extend its functionality using extensions. There’s thousands of firefox extensions for every kind of uses like video, chating .. and so on. In this post I will talk about some extensions I think worth trying. I will focus on Web Design and Security Testing.


Firebug

We start with the most useful one : Firebug.

Firebug integrates with Firefox to put riches of development tools at your fingertips as you are browsing. You are able to edit, debug, and monitor CSS, HTML, and JavaScript alive in any web page…

It lets you trace and fine-tune every line of HTML, JavaScript, and the Document Object Model (DOM). It’ll report on under-the-table AJAX queries, tell you the time it takes a page to load up, and allow you to edit a web page on the fly. The only thing it can’t do is allow you save your modifications back to the server.

Changes made in Firebug are not permanent. They just apply to the individual instance of the page you are changing. If you refresh the page, all alterations will be lost. If you navigate out from the page, all modifications will be lost.

If you’re accomplishing a test that implies locally altering HTML, JavaScript, or the DOM, make sure to copy and paste your changes into a separate file, or all evidence of your test will be lost. In a pinch, a screenshot works for recording test results, but can’t be copied and pasted to re-execute a test.

View Source Chart

View Source Chart allows you to graphically view HTML Tag edges, delimit Tag Nesting Order, Structure and Hierarchy. And finaly, adds a Simple but Powerful interface to Source Code.

The difference between source charting and identation only formating is that it allows user to :

* Rapidly scan and recognize a document’s tags without reading a single tag
* see how deeply nested an element is just by looking to its left (no scrolling/finding/reading tags)
* identify an element’s containing tags without being forced to scroll, find and read each tag

install it from here

Tamper Data

TamperData is an extension to track and modify http/https requests and is used for security testing more than for design matters.

you can get it here

Edit Cookies

Edit Cookies is the only Firefox extension that allows one to change any aspect of a cookie from within the browser itself.

get it here!

User Agent Switcher

The User Agent Switcher extension adds a menu and a toolbar button to change the user agent of the web browser. It’s designed for Firefox, Flock  and Seamonkey, and will run on any operating system  that these browsers support including Windows, Mac OS  X and Linux.

The extension is available here

SwitchProxy

SwitchProxy allows you manage and alternate between multiple proxy configurations rapidly and easily. You can also use it as an anonymizer to protect your computer from prying eyes.

have it here

I can not list all extensions, but I believe these are the most important in my point of view.

Thank you for your time and happy reading.

[del.icio.us] [Digg] [Facebook] [Google] [MySpace] [StumbleUpon] [Technorati] [Windows Live] [Email]
mar 29th, 2009
Tags:
  1. juil 22nd, 2009 at 05:03 | #1

    Really breathtaking further informative topic. Thank you seeing sharing this.

Leave a comment

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>