岁月如哥
人生非梦
posts - 50,comments - 144,trackbacks - 0
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
    posted on 2007-08-12 16:30 岁月如歌 阅读(1057) 评论(2)  编辑  收藏 所属分类: js

    FeedBack:
    # re: IE与FireFox下扩展开发插件收集zz
    2007-12-07 20:17 | 征途私服
    9473  回复  更多评论
      
    # re: IE与FireFox下扩展开发插件收集zz
    2007-12-07 20:18 | 传世私服
    5835  回复  更多评论
      

    只有注册用户登录后才能发表评论。


    网站导航: