[p]精心收藏的一些web前端开发必备工具~~[br][b]1.ietester 0.3.5 多国语言版-同时拥有ie6、ie7、ie8（vista兼容）[/b][br][url=http://my-debugbar.com/wiki/ietester/homepage][color=#5371c5]http://my-debugbar.com/wiki/ietester/homepage[/color][/url][/p] [p][b]2.web developer for firefox插件[/b][br]在菜单和工具栏加上多种网页开发工具[br][url=https://addons.mozilla.org/zh-cn/firefox/addon/60][color=#5371c5]https://addons.mozilla.org/zh-cn/firefox/addon/60[/color][/url][/p] [p][b]3.firebug1.3.3 for firefox插件[/b][br]firebug 和 firefox 整合在一起，使你浏览网页时手边有了一套强大的网页开发工具。你可以编辑、调试和监控任何网页上的 css、html 和 javascript。[br][url=http://addons.sociz.com/firefox/531/][color=#5371c5]http://addons.sociz.com/firefox/531/[/color][/url][br][br][b]4.javascript debugger for firefox插件[/b][br]firefox下的javascript调试工具,比firebug有更强大的调试功能.[br][url=https://addons.mozilla.org/en-us/firefox/addon/216][color=#5371c5]https://addons.mozilla.org/en-us/firefox/addon/216[/color][/url][/p] [p][b]5.ie tab 1.5.20081203 for firefox插件[/b][br]让您可以直接在 firefox 的标签页中以内嵌的 ie 引擎浏览网页。[br][url=http://addons.sociz.com/firefox/53/][color=#5371c5]http://addons.sociz.com/firefox/53/[/color][/url][/p] [p][b]6.colorzilla 2.0 for firefox插件[/b][br]高级吸管、取色器、页面缩放和其他色彩应用功能。[br][url=https://addons.mozilla.org/zh-cn/firefox/addon/271][color=#5371c5]https://addons.mozilla.org/zh-cn/firefox/addon/271[/color][/url][/p] [p][b]7.firescope1.0.1 for firefox插件[/b][br]firescope是一个firefox扩展，同时也是一个firebug扩展，可以帮助用户快速的搜索html元素、属性以及css属性的参考信息[br][url=https://addons.mozilla.org/zh-cn/firefox/addon/10273/][color=#5371c5]https://addons.mozilla.org/zh-cn/firefox/addon/10273/[/color][/url][/p] [p][b]8.firediff0.1a2 for firefox插件[/b][br]firediff 是一个很有用的firebug插件，它可以跟踪页面中的dom变化，并且及时显示变化的情况。[br]firediff需要 firebug 1.4a17 以上的版本才能运行[br][url=http://incaseofstairs.com/download/firediff/?m=a][color=#5371c5]http://incaseofstairs.com/download/firediff/?m=a\[/color][/url][/p] [p][b]9.jsview for firefox[/b][br]jsview可以用来查看javascript和css文件的源代码和路径等。是个非常方便的工具。[br][url=http://addons.sociz.com/addon/316][color=#5371c5]http://addons.sociz.com/addon/316[/color][/url][/p] [p][b]10.faststone capture[/b][br]faststone screen capture (fscapture) 是一款免费的图像浏览、编辑和抓屏工具，支持包括bmp, jpeg, jpeg 2000, gif, png, pcx, tiff, wmf, ico 和tga在内的所有主流图片格式，其独有的光滑和毛刺处理技术让图片更加清晰，提供缩放、旋转、减切、颜色调整功能。只要点点鼠标就能随心抓取屏幕上的任何东西，拖放支持可以直接从系统、浏览器或其他程序中导入图[br][url=http://xdowns.com/soft/31/46/2006/soft_33967.html][color=#5371c5]http://xdowns.com/soft/31/46/2006/soft_33967.html[/color][/url][/p] [p][b]11.debugbar v5.2.2[/b][br]debugbar是一款internet explorer插件。它可以用于检查dom，http，javascript及html代码合法性等。[br][url=http://xdowns.com/soft/1/30/2008/soft_41181.html][color=#5371c5]http://xdowns.com/soft/1/30/2008/soft_41181.html[/color][/url][/p] [p][b]12.yslow（why slow？-为什么慢呢？）[/b][br]yslow是一款用来分析网页，并提出前端性能改进建议的firefox插件。yslow依据预定义或用户自定义的规则为网页评级。它同时提供了许多性能分析工具，如：smush.it™ 、 jslint。[br][url=http://developer.yahoo.com/yslow/][color=#5371c5]http://developer.yahoo.com/yslow/[/color][/url][/p] [p][b]13.page speed[/b][br]与yslow非常相似，page speed是google团队推出的一款用于评测网页性能的插件，尤其可以依据“[url=http://code.google.com/speed/page-speed/docs/rules_intro.html][color=#5371c5]网页性能最佳实践[/color][/url]”对网页性能提出改进建议。[br]page speed可以自动优化图片，并提供压缩版本。它也可以侦测到那些实际并未用到的javascript和css，以便优化它们。[br]page speed可是个1.3m的大插件，它还拥有许多优秀功能等你尝试。[br][url=http://code.google.com/speed/page-speed/][color=#5371c5]http://code.google.com/speed/page-speed/[/color][/url][/p] [p][b]14.pixel perfect[/b][br]在制作网页时，在页面上添加一个新的设计元素（例如一个图片或图标）之前，我们往往希望提前看到元素添加后页面的整体效果。pixel perfect就可以帮你实现这个想法，它允许开发者在网页上覆盖你要添加的设计元素。使用它时你可以调整要添加元素的透明度和位置。[br]我感觉这款插件也可用来做网页中元素的微调，以保证和最初设计蓝图一致，如它的名字，完美到一个像素都不差。[br][url=http://pixelperfectplugin.com/][color=#5371c5]http://pixelperfectplugin.com[/color][/url][/p] [p][b]15.codeburnder[/b][br]安装codeburner后，可以再firebug面板中看到参考面板用来查询html元素、html属性、css属性，就像一个字典一样。[br]当在firebug中选中一个节点时，它也会提供一些相关的代码示例供你参考。[br][url=http://tools.sitepoint.com/codeburner/][color=#5371c5]http://tools.sitepoint.com/codeburner/[/color][/url][/p] [p][b]16.fireunit[/b][br]fireunit提供了一个简单的api用来做简单的测试记录及单元测试。[br][url=http://fireunit.org/][color=#5371c5]http://fireunit.org/[/color][/url][/p] [p][b]17.firephp[/b][br]在firephp的帮助下，你可以通过调用一个简单的php方法，在firebug中记录日志。[br]数据是通过响应包头（response header）发送的，不会影响到网页内容。[br][url=http://firephp.org/][color=#5371c5]http://firephp.org/[/color][/url][/p] [p][b]18.firerainbow[/b][br]firerainbow 可以用来控制、修改firebug中script的语法高亮显示。[br][url=http://firerainbow.binaryage.com/][color=#5371c5]http://firerainbow.binaryage.com/[/color][/url][/p] [p][b]19.firediff[/b][br]it adds a change monitor recording every change made, by firebug and the website itself, to css and the dom.[br]它能够记录通过firebug或网站自身的css或dom的每一次改动。[br][url=http://incaseofstairs.com/firediff/][color=#5371c5]http://incaseofstairs.com/firediff/[/color][/url][/p] [p][b]20.jiffy firefox extension[/b][br]安装jiffy firefox extension后会在firebug中出现一个新面板，用来图形化显示javascript的运行时间，并可打印出报表。[br]看主页说明，使用好像还有点麻烦。感兴趣的朋友自己看下。[br][url=http://billwscott.com/jiffyext/][color=#5371c5]http://billwscott.com/jiffyext/[/color][/url][/p] [p][b]21.hammerhead[/b][br]hammerhead可以帮助你计算网页的载入时间。（这个好像firefox本身具备啊）[br]它支持多页面，并允许你清除磁盘或内存缓存后再进行载入时间测试。[br][url=http://stevesouders.com/hammerhead/][color=#5371c5]http://stevesouders.com/hammerhead/[/color][/url][/p] [p][b]22.firecookie[/b][br]firecookie, 是一个嵌入在firebug中的cookie浏览管理插件。[br]如果在web开发中用到了cookie，使用它可以轻松的浏览cookie值、过期时间等，有助于快速开发。[br]使用它时需要在firebug的网络面板中开启cookie监测。它可同时显示发送和接收的cookies。[br][url=http://softwareishard.com/blog/firecookie/][color=#5371c5]http://softwareishard.com/blog/firecookie/[/color][/url][/p] [p][b]23.firefinder[/b][br]在之前发布的一篇日志“[url=http://kuqin.com/webpagedesign/20090613/56307.html][color=#5371c5]一款快速查找页面元素的firefox插件——firefinder[/color][/url]”，专门介绍过这款插件。不再多说，需要的话去看一下。[br][url=http://robertnyman.com/firefinder/][color=#5371c5]http://robertnyman.com/firefinder/[/color][/url][/p] [p][b]24.livecoder[/b][br]livecoder是firebug的一个扩展，用来查看firefox chrome。这对与那些firefox插件开发者非常有用，它可以帮你检查、修改firefox插件的dom。[br]不知道国内是否开发firefox插件的，否则就用不到了。[br][url=http://getlivecoder.com/][color=#5371c5]http://getlivecoder.com/[/color][/url][/p] [p][b]25.ietester下的debugbar插件[/b][br]下载：[url=http://hemin.cn/download/install-debugbar-v5.2.2.rar][color=#5371c5]install-debugbar-v5.2.2.rar[/color][/url][/p] [p][b]26.editplus v3.11 build 421 汉化版[/b][br]editplus 是一款功能强大的文字处理软件。它可以充分的替换记事本，它也提供网页作家及程序设计师许多强悍的功能。支持 html、css、php、asp、perl、c/c++、java、javascript、vbscript 等多种语法的着色显示。程序内嵌网页浏览器，其它功能还包含 ftp 功能、html 编辑、url 突显、自动完成、剪贴文本、行列选择、强大的搜索与替换、多重撤销/重做、拼写检查、自定义快捷键，等等… editplus v3.11.421 错误修正 ========== * 目录窗口保留上一次打开的文件夹图标 * “多次运行” 工具栏按钮 *…[br][url=http://crsky.com/soft/1578.html][color=#5371c5]http://crsky.com/soft/1578.html[/color][/url][/p] [p][b]27.dreamweaver cs3,4扩展—jquery自动提示[/b][br]下载地址：[url=http://code.google.com/p/jquery-api-zh-cn/downloads/list][color=#5371c5]http://code.google.com/p/jquery-api-zh-cn/downloads/list[/color][/url][br]续写…..[/p] [p][b]28.css usage 0.2.0 for firefox插件[/b][br]firebug extension to view which css rules are actually used.[br]下载地址：[url=https://addons.mozilla.org/zh-cn/firefox/addon/10704][color=#5371c5]https://addons.mozilla.org/zh-cn/firefox/addon/10704[/color][/url][/p] [p][b]29.library detector for firefox插件[/b][br]探测网页中使用了哪些javascript框架，并在状态栏中显示其图标，鼠标悬停在图标上可显示详细信息[br]下载地址：[url=https://addons.mozilla.org/zh-cn/firefox/addon/10083][color=#5371c5]https://addons.mozilla.org/zh-cn/firefox/addon/10083[/color][/url][/p] [p][b]30.library detector for firefox插件[/b][br]organize status bar是一款firefox状态栏图标管理插件，对于使用firefox的用户来说，状态栏一定放置了很多常用的插件图标，但每当安装新的 firefoxr插件后，这些状态栏的图标就会自动排列，对于使用习惯来说，是非常不好的一件事，而organize status bar就是一款能帮助用户自定义状态栏插件图标的，它能设置各插件图标的显示、隐藏，位置顺序等功能……[br]下载地址：[url=https://addons.mozilla.org/zh-cn/firefox/addon/1759][color=#5371c5]https://addons.mozilla.org/zh-cn/firefox/addon/1759[/color][/url][/p] [p][b]31.extended statusbar[/b][br]顾名思义，这个插件是一个扩展的状态栏。他给原先相对简单的状态栏添加了诸如网页载入速度、百分比、时间和大小等相关的信息。[br]下载地址：[url=https://addons.mozilla.org/zh-cn/firefox/addon/1433][color=#5371c5]https://addons.mozilla.org/zh-cn/firefox/addon/1433[/color][/url][/p] [p][b]32.flashblock[/b][br]flashblock 扩展可以阻止网页上那些让人讨厌的 flash。它将会阻止载入所有的 flash 内容，并在网页上显示为占位符，使您可以点击查看或下载这些 flash。[br]下载地址：[url=https://addons.mozilla.org/zh-cn/firefox/addon/433][color=#5371c5]https://addons.mozilla.org/zh-cn/firefox/addon/433[/color][/url][/p] [p]火狐插件主站搜索：[url=https://addons.mozilla.org/zh-cn/firefox][color=#5371c5]https://addons.mozilla.org/zh-cn/firefox[/color][/url][/p] 作者：[url=http://hemin.cn/][color=#5371c5]he min[/color][/url][br]出处：[url=http://hemin.cn/][color=#5371c5]http://hemin.cn[/color][/url][br]本文版权所有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。