Here's a list of 20 useful FireFox extensions that all web designers should know about.
Web Developer Toolbar
Brings most FireFox options to your tool bar. It allows for a quick disable of cookies, cache, JavaScript, and a ton of other things. This is very useful when making a login script.
AspellFox
It gives a spell check option when you right click in forms. I use this for WordPress, since it has no spell checker without a plugin.
RankQuest SEO Toolbar
SEO tool. It gives information on search queries including page rank. Check how your site ranks on Google with this tool bar.
OperaView
Yup we've all heard about IEView, so why not Opera view. This extension gives an Opera tab in your FireFox browser. Different browsers render things differently, so make sure you check in all browsers.
IEView
Yup had to include it. Same thing as OperaView except you can open a new tab with IE rendering.
Total Validator
Validate your code for XHTML compliancy, check for spelling errors, broken links, and even take a screen shot of your site with this extension.
SEO for FireFox
This extension directly adds more info into Google and Yahoo search results. Some things it adds are page rank, alexa rating, how many people link to you on Technorati, del.icio.us book marks, and much more.
HttpLiveHeaders
Directly edit your headers with this extension. You can capture, and POST back the headers you've sent and received. This is a great script to find out why your forms aren't working.
View Cookies
View the current cookies for the site you're browsing. Good plugin to check if the script you're making is setting the proper cookie, for the correct time.
ViewSourceWith
Open images, js files, CSS, and HTML source files of a website in your favorite editor.
Performancing
Performancing for FireFox is a full featured blog editor that sits right in your FireFox browser and lets you post to your blog easily. You can drag and drop formatted text from the page you happen to be browsing, and take notes as well as post to your blog.
No-Referrer
If you're trying to write a script that deals with referring information, this might be useful. It allows you to click a link without the browser having any referral information.
Load Time Analyzer
Load time analyzer gives detailed statistics on how your page loaded, and how long it took. After it's done analyzing it produces a sleek graph of the results.
User Agent Switcher
Are you making a script that needs to know what kind of browser the person is using? Test if it's working by changing your user agent.
EditCSS
EditCSS puts a side panel with your style sheet in it to allow for easy editing. It's simple, but a very useful extension.
FireBug
Debug your code, including JavaScript and CSS.
MeasureIt
It renders a ruler across the page so you can measure the length of the object in pixels.
FireFTP
Turn your browser into an FTP client. Easily upload your new code, without a bulky FTP client.
ColorZilla
This extension is awesome. It gives you an eye dropper, so you can get the exact hex code of a certain color on a website. I've forgotten the hex color of banners on my site many times. This will come in handy sooner or later.
Copy as HTML Link
Copy as HTML instead of a normal hyper link. Makes posting links in your blog slightly easier. Not the best extension, but it should be mentioned on the list.
如果你常常使用firefox,又是一个网站设计者,推荐你使用下面这几个firefox插件:
Web Developer Toolbar 异常强大的工具,可以调试目前浏览网站的cookies,CSS,图片,页面信息,窗口大小,还可以查看源代码,还有实用的工具。有简体中文版本!
AspellFox 检查表单的工具,我不知道为何不能使用,未测试
RankQuest SEO Toolbar 检查网站在搜索引擎和alexa的状态
OperaView 检查网站在Opera的显示状态,前提是你的电脑中已装Opera
IEView 检查网站在IE的显示状态
Total Validator 检查你网站的代码,显示网站错误,死链接,网站内容越多,检测时间也就越长
SEO for FireFox 检查网站的Google PageRank,建立时间,在各个搜索引擎中被链接数目等,速度非常快
HttpLiveHeaders 我不会使用,看不懂
View Cookies 查看Cookies
ViewSourceWith 使用外部程序查看页面内容,中文版
Performancing 将网站发送到你的博客或者添加到网络书签
No-Referrer 打开一个没有referrer的新窗口
Load Time Analyzer 记录打开一个网站的时间,还有详细的分析 fasterfox也是类似的插件,中文版本
User Agent Switcher 改变浏览器标识,可以让你访问一些只能IE访问的网站
EditCSS 编辑CSS,非常有用处
FireBug 查找网站的BUG,红颜色标志出来
MeasureIt 测量网站尺寸
FireFTP 把firefox变成FTP工具
ColorZilla 装上这个插件,用来显示颜色代码
Copy as HTML Link 把网站的链接显示出来
2007/4/8 - 2007/4/15 2007/4/15 - 2007/4/22 2007/4/22 - 2007/4/29 2007/4/29 - 2007/5/6 2007/5/6 - 2007/5/13 2007/5/13 - 2007/5/20 2007/5/20 - 2007/5/27 2007/5/27 - 2007/6/3 2007/6/3 - 2007/6/10 2007/6/10 - 2007/6/17 2007/6/17 - 2007/6/24 2007/6/24 - 2007/7/1 2007/7/8 - 2007/7/15 2007/12/2 - 2007/12/9 2007/12/9 - 2007/12/16 2007/12/16 - 2007/12/23 2009/10/18 - 2009/10/25 2010/1/10 - 2010/1/17
订阅 博文 [Atom]