IE与FireFox下扩展开发插件收集[转]

原文地址：http://hi.baidu.com/zhuomingliang/blog/item/a5b434734fb0fd1d8701b0a4.html

ie下的开发插件

1.微软为了方便web开发者，推出了Internet Explorer Developer Toolbar，介绍和下载地址：点这里打开 (这个是最新版本beta 3)

浏览和修改Web页的文档对象模型（DOM）。

通过多种技术方式定位、选定Web页上的特定元素。

禁止或激活IE设置。

查看HTML对象的类名、ID，以及类似链接路径、tab顺序、快捷键等细节。

描绘表格、单元格、图片或选定标签的轮廓。

显示图片象素、大小、路径、替代文字等。

即时重定义浏览器窗口大小到800x600或自定义大小。

清空浏览器缓存和cookie，被清除项可从所有对象或给定域中选择。

直接访问关联W3C规范参考、IE开发组blog或其他来源。

显示设计时标尺，帮助对齐对象。

2.另外一个工具叫HttpWatch Professional,当前版本是4.1.26,是一款强大的网页数据分析工具,可以查看当前网页的http数据,方便大家调试,当然也可以拿来做其 他的，譬如抓flash等地址.想知道GMail或者是任何一个AJAX网页时如何和服务器进行数据交互的吗？用这个插件就可以一览无余了。其介绍和下载 地址是点这里打开

3.PowerBand是一个IE的插件(同时也支持MyIE2/Maxthon)。提供了对HTML动态分析，跟踪，编辑的功能。能够方便快捷的分析 HTML页面的结构，有助于网页设计人员/网站开发人员调试，分析晦涩的HTML代码。这是我最早使用的HTML开发辅助工具，现在是2.1版了，支持 ASP.NET ViewState的解码，支持DebugView，类似于VC中的Watch，通过这个功能能够显示页面中元素对象的详细内容。同 时，PowerBand也支持即时脚本交互功能。

4.ViewPage是MyIE2/Maxthon浏览器插件，这个插件不算是纯粹的开发辅助，它看起来更像是资源提取，可以方便的提取网页中的源代码， 包括所有框架的源代码，提取图像、Flash、媒体文件、链接，我最欣赏的就是能方便的查看页面中包含的所有js文件源代码和所有css源代码。

5.microsoft script debugger 脚本调试工具 Microsoft Script Debugger ，配合IE在调Ajax脚本代码时用得到，用 debugger; 设 断点。安装后，将Internet 选项->高级->禁用脚本调试(Internet Explorer) 前的“√”去掉。

另外，IE下的优秀JavaScript调试工具Companion.JS，配合mse更好用

6.Microsoft Script Editor (word中->工具->宏->Microsoft 脚步编辑器，或者""Microsoft Office"OFFICE11"MSE7.exe")



Firefox下的开发插件(以firefox2.0为主)
Mozilla下有专门的插件下载,地址如下,基本上所有开发插件这里都可以找到，下面只说几个常用的插件点这里打开mozilla插件集

1.firebug:类似ie下的iedevbar,但是功能上强大了许多,还可以截获xmlhttp数据等, 相信用过的人都非常喜欢.其官方网站是http://www.getfirebug.com,当前最新版本为1.0

2. IE Tab当前版本 1.3.0.20070110,可以ff中打开ie的tab,方便访问一些在ff下不能正常访问的网站,对开发人员来说，浏览ie和ff下布局的问题就方便了很多.更多信息请查看http://ietab.mozdev.org:

3.web Developer: 顾名思义,访问地址http://chrispederick.com/work/webdeveloper/

4.其他还有很多，大家可以在网站下载安装.像leak monitor,inspectThis,jsView等,都是不错的选择.

其他：

最著名的就是Web Developer了，这个插件几乎囊括了所有能实现的web开发辅助功能，微软的那个就像是模仿于它

Aardvark是一个CSS debug插件

Add & Edit Cookies，看名字就知道了，一个专门增加和修改Cookies的插件，相关的还有一个View Cookies是用来查看Cookies的插件

Colorzilla可以捕获当前鼠标所指的页面坐标位置和颜色，以及DOM路径

IE View and Opera View是两个专门在Firefox中用IE和Opera中打开一个页面的工具，方便你调试支持多浏览器的web

MeasureIt是一个Firefox中画坐标和度量尺的小插件，用它测量HTML元素的宽高很是方便

Live HTTP Headers是一个类似于HttpWatch功能一样的Firefox插件，用来查看HTTP Header、Cookie、MIME等信息，不过HttpWatch是收费的，这个确是免费的，推荐下载

Firefox下的开发类插件太多了，如果你感兴趣可以打开这个链接，这里面全是Developer Tools。还有这篇文章，非常详细的一步一步介绍了Mozilla Firefox的web开发工具，推荐阅读

PS：其他相关开发IDE、插件等



a、图片编辑软件 ImageMagick jmagick。

b、ColorPic，这也是一个免费的软件，用于拾取颜色的，鼠标移动到哪里就拾取哪里的颜色。

c、Aptana IDE （eclipse插件地址 http://update.aptana.com/update/）用于开发js、css、html。

d、Ajax技术框架及开发工具 http://bijia.anyflex.cn/article.asp?id=322