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.

Reopen the Last Browsing Session in Firefox

Mozilla Firefox offers tabbed browsing, the ability to open several Web pages in a single instance of Firefox, each page opening in a new tab. One convenient feature available in Firefox is the ability for the browser to save opened tabs from a session then restore them when you re-open the browser. This way you can pick back up browsing wherever you left off. Additionally, you can access tabs from a previous browsing session, even if this feature is disabled, if you accidentally closed the browser before you were finished working. Recently I ran into a problem by accidentally closing window. But no worries we can restore by setting few settings in Firefox.

Setup Firefox To Automatically Restore Browsing Session

1. Open the Firefox browser on your computer.
2. Click on the "Firefox" option from the file menu and select "Options." A new window will open.
3. Click on the "General" tab in the Options window.
4. Click the "When Firefox starts" drop-down menu under the "Startup" section and select, "Show my windows and tabs from last time."
5. Click "OK" to save your settings. Each time you close the browser Firefox saves any open tabs or windows and re-opens them automatically when you start the browser again.

Restore Tabs from Previous Browsing Session

1. Open the Firefox browser on your computer.
2. Click on the "Firefox" option from the file menu, select "History" then hover over "Recently Closed Tabs." A list of closed tabs from your previous browsing session will appear.
3. Scroll down and click on one of the recently closed tabs. It will automatically open in a new tab within Firefox.
4. Repeat Steps 2 and 3 until all tabs from your previous Firefox session appear in the browser.

Firefox speaks your language

Firefox is available in over 70 languages, download Firefox that speaks your language.

Download from here for fully localized versions.

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.