15个针对Web开发和设计人员的最佳Firefox扩展

jopen 11年前

FireFTP

The innovation of FireFTP has partially outdated the use of FTP clients in transferring the data to and from your website. This extension has made it possible to directly transfer the content from your Mozilla Firefox browser. The tool consists of all other essential components such as directory comparison, SSL encryption, search filtering and integrity check to make it function absolutely similar to the popular FTP clients.

View Source Chart

This addon has fulfilled a very subtle desire of most of the designers and developers. We, as web makers, have a penchant for checking the source code of different websites. The creation of this addon has made it possible to go through the source code and view the website, simultaneously.

Web Developer

This tool installs some very important enhancement into the browser. If you have a habit of peeping into websites CSS, the tool is perfectly suitable for your need. Installing it will allow you to access the CSS link of a specific website directly from the browser rather than from the source code.

Color Zilla

Color Zilla is one of the few most recommended plug-ins for picking the color of any image and font from the web page. The powerful CSS gradient generator allows quick and easy creation of beautiful gradients.

Webpage Screenshot in Firefox

Most of the times, in designing, we need to take the screenshots of the webpage, but due to the unavailability of resources we take the screenshot of the whole screen and then edit it on an image editor to remove the useless frame. However, this addon has made it possible to take the screenshots of the webpage only.

CSSsir

CSSsir is an easy and handy tool which allows you to generate cross-browser code for main CSS- rules in a few clicks. This CSS3 generator will be useful not only for web-masters and designers but also for common users.

Copy Fixer

Copy Fixer copies the URL and title of the page. It can be very handy in posting the links and titles on internet directories for marketing in a single go.

Fangs Screen Reader Emulator

Fangs render a text version of a web page similar to how a screen reader would read it. The ambition is to help developers understand how an assistive device would present a website and, thereby, increase chances of finding accessibility issues early.

Html Validator

HTML Validator is a Mozilla Firefox extension that adds HTML validation inside the browser. The number of errors of a HTML page is seen on the form of an icon. Pretty helpful tool for the designers.

Modify Headers

Add, modify and filter the HTTP request headers sent to web servers. This addon is particularly useful for Mobile web development, HTTP testing and privacy.

MetaTags

This sidebar displays page meta-information (metatags, links, etc.) that has automated search engine submission menu. Features include: Watches currently loaded Web page and automatically updates the sidebar. Displays metatags, links, language, and base.

Affilorama SEO Toolbar

The Affilorama Firefox SEO Toolbar provides you with useful information and data to make the analysis of domains and pages super easy.

Clear Console

One click to clear your cache, cookies, history, html5/local storage, http logins, all of them or restart your browser with/without notifications. An expedient alternative to the incognito feature of Google Chrome.

Foxy SEO Tool

Web development consists of the construction and SEO of a website. A successful website is one that has executed a proper SEO. There are a lot of websites on the internet that are very proper in construction but are unknown due to their poor SEO. Foxy SEO Tool offers tools for search engine optimization (SEO), web traffic and page analysis for webmasters and web professionals.

Copy HTML

Adds a ‘Copy HTML’ context menu item which allows you to copy the HTML for the selected content. Makes it very easy for the designers to integrate things into their websites from their favorite ones.