15+ Useful Firefox Addons For Web Developers

Everyone already knows and loves Firebug and Web Developer. So instead of another redundant “Top 10” list, here’s a collection of 15+ great add-ons that you might not have heard about yet.

Dust-Me Selectors

Dust-Me Selectors

Dust-Me Selectors helps you find unused CSS selectors. You can use it to test an individual page, or let it spider your entire site. Results are presented in a nice color-coded report and can be exported as CSV.

Alternative : CSS Usage

Inline Code Finder for Firebug

Inline Code Finder

Finds and highlights HTML elements with suspicious hacks like inline JavaScript events, inline styles and javascript: links. It also presents a summary report and calculates an overall score based on how many such elements were encountered on the page.

Window Resizer

Window Resizer

Lets you quickly resize your browser window to a number of common screen sizes so that you can see how you page would look at a different display resolution.

Alternative : FireSizer

RESTClient

RESTClient

RESTClient is a very handy tool for web service developers, allowing you to directly test and analyze RESTful APIs. It also includes partial support for the WebDAV protocol.

JSONView

JSONView-ready

Lets you view JSON data directly in the browser and supports syntax highlighting and code folding. Overall, it’s another simple yet useful extension for developers working with WEB APIs.

Remove Cookie(s) for Site

Remove Cookie(s)

Remove all cookies from the current site with a single click. If you need something more advanced, check out the alternatives below.

Alternatives : Add N Edit Cookies, FireCookie

CookieSwap

CookieSwap

Lets you quickly swap all your cookies so that you can easily switch between different user accounts without logging in/out all the time. While this add-on is primarily advertised as a way to manage multiple webmail/Amazon/Google accounts, it can also be useful to web developers – e.g. for testing how your site behaves from the point of view of normal visitors vs. logged-in users, or users with different privilege levels.

TamperData

TamperData

With TamperData, you can intercept HTTP(S) requests made by Firefox and view/modify their headers and POST data. All requests are logged and can also be exported as XML or displayed on a graph. Handy for security testing and catching certain breeds of elusive server-side bugs.

Alternatives : Modify Header, UrlParams

View Dependencies

View Dependencies

Essentially a simpler alternative to YSlow, View Dependencies adds a new tab to the Page Info window, listing all the files that were loaded to display the current page.

HackBar

HackBar

HackBar is a large collection of simple penetration testing tools, useful for security-auditing your site and testing it for common vulnerabilities. You can convert strings to hex and back, encrypt text with SHA-1, SHA-256 or ROT13 (if only just for fun), try a number of typical SQL injection/XSS tricks, manipulate POST data, spoof the referer, and much more.

Related : Access Me, XSS Me

iMacros for Firefox

iMacros

“Whatever you do with Firefox, iMacros can automate it.” It can automatically fill forms, download & upload files, scrape web pages, memorize passwords, and so on. iMacros really makes tasks like web application testing, data mining and mashup creation much easier.

TableTools

TableTools

Sort, filter or copy any HTML table. You can filter each column either by selecting a value from a drop-down menu or by searching for a specific keyword (regular expressions are also supported). TableTools will automatically recognize frequently used data types like numbers, timestamps and IP addresses, and sort/filter them intelligently.

SQLite Manager

SQLite Manager

Manage any SQLite database on your computer. This add-on has all the features you would expect from a full-featured DB manager – you can view the database structure, create, modify and search tables and views, manage indexes, export and import data, and manipulate pretty much any other aspect of the database.

Pencil

Pencil

Make diagrams, build GUI prototypes and sketch website mockups with this awesome Firefox add-on!

Flashbug

Flashbug

A Firebug extension that logs all the SWF trace output to the Firebug console. Can be invaluable for debugging Flash-based applications and games.

FireLogger

FireLogger

Debug your server-side Python and PHP code from within the browser. After installing this Firebug extension and the appropriate Python/PHP library, you will be able to send logging information from your server-side scripts directly to the FireBug console.

Alternative : FirePHP

Related posts :

5 Responses to “15+ Useful Firefox Addons For Web Developers”

  1. I actually haven’t heard of some of these – thanks for putting the list together, man. Specifically, JSONView as I am tired of loading an HTTP debugger to view structured JSON output.

  2. A nice list. Thanks for including FireLogger!

    There is also XRefresh from BinaryAge. Which enables you “live-css-editing” by watching css files and refreshing them in the browser when you modify the files. A real productivity booster:
    http://xrefresh.binaryage.com

  3. […] ø 15+ Useful Firefox Addons For Web Developers | W-Shadow.com ø Everyone already knows and loves Firebug and Web Developer. So instead of another redundant “Top 10″ list, here’s a collection of 15+ great add-ons that you might not have heard about yet. (tags: WebDesignTools, FirefoxPlugins) […]

  4. […] ø 15+ Useful Firefox Addons For Web Developers | W-Shadow.com ø (tags: firefox firefoxaddons) […]

  5. paul says:

    and decrypt post data

Leave a Reply