转:Web开发实用浏览器(IE,Firefox)插件(工具)

Posted on 2010-04-02 17:49  チャチャの楽園  阅读(1866)  评论(0编辑  收藏  举报

1、PowerBand

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

2、HttpWatch

    HttpWatch又是一个IE下的强劲插件,HttpWatch最主要的功能就是对通过浏览器进行网络通讯的数据进行监控和分析,当你在浏览器的地 址栏上请求一个URL或者提交一份表单时,HttpWatch帮你分析http请求的head信息,访问页面的cookie信息,Get和Post的详细 数据包分析,Catch内容分析,QueryString分析。想知道GMail或者是任何一个AJAX网页时如何和服务器进行数据交互的吗?用这个插件 就可以一览无余了 下载HttpWatch3.2.0.63    下载注册机

3、IE Developer

  Toolbar 第三个插件还是基于IE下的,不过这个可是微软发布的Web开发IE工具栏, 实现的功能如下: 浏览和修改Web页的文档对象模型(DOM)。 通过多种技术方式定位、选定Web页上的特定元素。 禁止或激活IE设置。 查看HTML对象的类名、ID,以及类似链接路径、tab顺序、快捷键等细节。 描绘表格、单元格、图片或选定标签的轮廓。 显示图片象素、大小、路径、替代文字等。 即时重定义浏览器窗口大小到800x600或自定义大小。 清空浏览器缓存和cookie,被清除项可从所有对象或给定域中选择。 直接访问关联W3C规范参考、IE开发组blog或其他来源。 显示设计时标尺,帮助对齐对象。 官方下载

4、ViewPage

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

5、Web Development with Mozilla Firefox

  Firefox下的开发辅助工具和插件非常多,先说Firefox自带的吧。
    • 查看源代码(查看-〉页面源代码),Firefox自带的查看源代码支持语法高亮显示,这个功能很独特
    • 查看页面信息(工具-〉页面信息),这是基本功能了,不过有点简陋
    • Javascript调试台,这是Firefox的一大特色,是IE所没有的功能
    • DOM查看器,内置的DOM分析和查看工具,怀疑PowerBand和IE Developer Toolbar 都是模仿Firefox的这个做的

    Firefox自带的开发辅助功能虽然已很丰富,但让我更加垂涎的是丰富的开发类插件
    • 最著名的就是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是收费的,这个确是免费的,推荐下载

6. ieHTTPHeaders v1.6

想知道当你浏览网页的时候,你的IE到底告诉了对方什么信息吗?ieHTTPHeaders 将为你显示出所有IE接收和发出的HTTP头部信息。

http://www.blunck.se/iehttpheaders/iehttpheaders.html

7.IE7与低版本的IE共存,Web开发人员的好工具:Multiple IEs

WEB标准很重要的一点也是最烦的一点就是需要兼容各版本浏览器,随着微软件IE7的推出,标准设计师需要考虑兼容IE7前面的IE5/IE5.5/IE6版本,Multiple IEs的小软件,才10.3M,里面包括从IE3.0到IE6.0的所有版本,安装时可以选择,而且和IE7也没有冲突,对WEB开发人员来说这可是一个好工具.

下载地址如下:
http://tredosoft.com/files/multi-ie/multiple-ie-setup.exe

8.IE7Pro

用于IE7浏览器的增强型插件“IE7Pro”。有了这个插件,IE7就可以支持更多人性化功能,像Maxthon等第三方浏览器一样更好地享受冲浪乐趣。随着IE7Pro的不断更新,IE7的功能也会越来越丰富。

Copyright © 2024 チャチャの楽園
Powered by .NET 8.0 on Kubernetes