IE与FireFox下扩展开发插件收集zz

IE与FireFox下扩展开发插件收集zz

原文地址： 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