Top 6 Firefox Extensions for Web Developer

Every one knows that Firefox has tons of plug-ins and add-on’s, but there are a few any web developer must know and use.

FireBug: Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

FireShot: FireShot is a Firefox extension that creates screenshots of web pages. Unlike other extensions, this plugin provides a set of editing and annotation tools, which let users quickly modify captures and insert text and graphical annotations. Such functionality will be especially useful for web designers, testers and content reviewers. It’s possible to choose whether entire web page or only visible part of this page should be captured.
Screenshots can be uploaded to server, saved to disk (PNG, JPEG, BMP), copied to clipboard, e-mailed and sent to external editor for further processing.

CSSMate: Inline CSS Editing Evolved. Originally a port of the fantastic EditCSS tool that I’ve been using for many months. I’ve gutted it, made each stylesheet load into a separate tab. Removed the save load clear functionality as i found it to be useless and added in support for loading stylesheets that have a media type of “all” instead of “screen”.

ViewSourceWith: The main goal consists to view page source with external applications but you can also…
- open page source as DOM document, read faq
- open CSS and JS files present on page
- open images using your preferred image viewer (e.g. GIMP or ACDSee)
- open PDF links with Acrobat Reader or Foxit Reader or what you prefer
- edit textboxes content with your preferred editor and automatically see modified text on browser when you re-switch focus on it, this simplifies wiki pages editing, read faq
- open server side pages that generate the browser content, this simplifies web developer’s debug, read server-faq
- open files listed in Javascript console. When editor open file the cursor can be moved to line number shown on javascript console, read js faq
For desperate cases you can add Microsoft IE to editor list.

Web Developer: Maybe the most succesfull of all, has great reviews. Adds a menu and a toolbar with various web developer tools.

These description are take from the Firefox add-ons site.

Add-on: User Agent Switcher

The User Agent Switcher extension adds a menu to Mozilla browser and a toolbar button to switch the user agent of a browser. It is a wonderful tool for developers and designers to view different types of user agents in same browser. You can set a default user agent and can switch between different agents like Internet Explorer, Mozilla, IPhone and other Search robots. See the below image how you can switch between user agents.

You can edit the User agent options by editing user agents from toolbar menu. See this image to see available user agents.

You can download this add on for Mozilla here or you can search for this add on at Mozilla.

Happy Birthday, Firefox

Today marks the sixth birthday of the popular web browser Firefox. It was launched on November 9, 2004 as a lightweight and more secure alternative to Internet Explorer 6, which was the dominant browser at the time. Six years later, and Firefox is now the second most widely used browser with steady growth and 31.5% market share according to StatCounter. The next major version of Firefox, Firefox 4, was originally scheduled to be launched by the end of 2010 but was recently delayed into early 2011.

The new version will bring several important improvements like HTML5 support, redesigned user interface, multi-touch functionality, hardware-accelerated HD video and improved support for add-ons through Jetpack

Firefox: Windows Authentication

Do you have an Intranet or a similar web site that requires the use of Integrated Windows Authentication? If so the default Firefox browser settings will always prompt you for a username and password first before accessing a site using Integrated Window Authentication.

Fortunately Firefox has the slick ability to easily modify it's configuration to use Integrated Windows Authentication.

Configure Firefox

To enable windows authentication on your domain.

1. Open Firefox

2. Navigate to the url about:config

3. Locate the following preference names and put as the value the comma separated values of the address roots.

network.automatic-ntlm-auth.trusted-uris

network.negotiate-auth.delegation-uris

network.negotiate-auth.trusted-uris

Your value should look something like these localhost, server1, server2, serverX.. etc.

Browser : Epic

Bangalore-based startup, Hidden Reflex, has developed a browser for the Indian audience called Epic, thanks to Mozilla’s popular open-source platform. Though made on lines of the Firefox browser, it has many firsts

It’s the only browser that has an in-built anti-virus scanner and other unique privacy features like the flash cookie deletion.

Epic also has a side-bar with shortcut icons for frequently used applications and websites – all of which are a part of the 1500+ apps that ‘Epic’ boasts of.

Epic provides a uniquely Indian browsing experience. Epic's India sidebar supports Indian content by providing users access to the latest national and regional news from popular publications, live television channels, videos, stock quotes, live cricket scores, top music albums, and local events

My favourite, however, is the ‘type in Indian languages’ widget that can be done using the English script, which the browser instantly converts into the regional language chosen.

Users can choose from 1500+ customised Indian themes and wallpapers ranging from freedom fighters to famous Bollywood and regional film stars. Writing in Indian languages is supported throughout Epic. Users can instantly write in Indian languages on any webpage or in Write, Epic's free built-in word processor. Twelve Indian languages are currently supported. Free antivirus scanning and healing is built into Epic

Download Epic from here.

Karbon Flv Downloader for Firefox

Here is the nice plug-in you can add-on for Mozilla.

You Download and install Karbon here. Once you install this plug-in you can see an icon in the Mozilla status bar.

You can see the number of downloadable files. Click on Karbon icon to see all the downloadable files

You can Download FLVs and MP3s from almost any embedded web pages. Have Fun.

FireAtlas – Firebug for ASP.NET

FireAtlas is a Firebug extension dedicated to ASP.NET AJAX. It enables tracing of PageRequestManager events, Partial Updates and WebService calls.
It lists all ASP.NET Ajax components instantiated in a page.

FireAtlas will provide you with useful services when developing ASP.NET AJAX web sites:
* PageRequestManager events tracing
* WebService calls tracing and inspection
* Partial Update inspection within Firebug Net Panel
* ASP.NET Components listing

This add-on can be downloaded here.

Here are the extensions available for Firebug.