您当前的位置:首页 > 网页设计 > Web开发 > 正文

前端调试利器DebugBar

【字体大小: 2009-03-28 21:50 来源:WEB前端开发 作者:编辑整理 

  前端调试工具有很多,比如FireFox firebug, FireFox Web Developer, DOM Inspector,遨游的PageView,IE WebDeveloper V2,还有IE8自带的开发工具 等等,这里我再推荐一个DebugBar;

  大家肯定都知道ieTester,大家都用ieTester来测试各个IE版本的页面兼容性,其实新版的ieTester(点击下载目前最新版的ieTester v0.3.2 )还有一个很强大的页面调试插件:DebugBar (点击下载目前最新版的DebugBar v5.2.2 ,好像用代理才打得开!)下面来介绍一下功能:

  1.DOM:

  DebugBar可以分析出所有的DOM,包括图片,样式,脚本等等,

  

2009-03-27_130604

 

  我们可以通过拖动目标工具(2009-03-27_140246)到页面中寻找需要的目标元素,如图

 

  

2009-03-27_140418

 

  然后就可以在左下角的窗口中看到,源码,样式等代码,还有该元素的盒子模型;唯一一点不足是不能像firebug一样直接修改css,调整页面。

  

2009-03-27_140435

 

  2.http请求

  DebugBar可以分析出所有http请求,还能抓出图片等一些404错误文件;

  

2009-03-27_142026

 

  3.查看JS脚本

  DebugBar还能将js中的函数都列出来,

  

2009-03-27_142138

 

  4.html验证:

  DebugBar还能验证html,

  

2009-03-27_142248

 

  5.IE下的DebugBar插件

  DebugBar本来就是为ie开发的插件,在IE下DebugBar多了个工具条,安装后在ie7或者ie8下首先要打开这个工具条,“查看”-“工具栏”-“DebugBar”;

  

2009-03-27_144317

 

  在IE下的界面就是多了个工具条,还有截图和取色小功能;

  

2009-03-27_145951

   原文地址:http://www.css88.com/archives/785

  本地下载DebugBa v5.2.2

  本地下载ieTester v0.3.2

    顶一下
    (1)
    25%
    踩一下
    (3)
    75%
    【责任编辑:绝口不提】 标签:
    最新评论 查看所有评论
    发表评论 查看所有评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    评价:
    表情:
    用户名:密码:验证码: