前端开发调试工具DebugBar使用详解

QQ群里有一部分网友希望我能介绍一些开发工具给他们。好的工具往往能事半功倍,本文将重点给大家介绍前端开发调试利器debugbar的使用。

更多精彩内容请看 web前端中文站
www.lisa33xiaoq.net 可按Ctrl + D 进行收藏

相对debugbar来说,大家肯定都用过Firebug插件。但是Firebug在ie下不能使用。而debugbar却可以支持IE。

如果你用过IETester工具,那么debugbar对你来说也将很容易上手,甚至你也可以略过本篇文章。

DebugBar简介

DebugBar插件是一款功能很强大的IE插件,用户可以从各个不同的角度剖析Web页面内部,包括页面 详细代码、CSS样式表、所有链接、所有图片代码、脚本信息等等,不管你是编程大虾还是IT新人都和适合使用。下面小编就为大家介绍一下IE插件 DebugBar中文版如何安装及使用的。

DebugBar的特点

  • 查看网页DOM树,HTTP(S),网页javascript脚本函数归类展示.效验网页中的框架.网页属性的详细信息。
  • 提供网页源码与IE整理后代码的对比。
  • 能在无需改变显示器分辨率的前提下用不同分辨率显示页面.并能对页面进行缩放。
  • 功能对任意位置取色并将HEX码复制到剪贴板中便于保存。
  • 可将当前页面截图通过邮箱发送出去。

DebugBar查看网页的DOM,包括图片,样式,脚本等。

前端开发调试工具DebugBar使用详解

DebugBar查看网页源码,样式等代码,还有该元素的盒子模型。

前端开发调试工具DebugBar使用详解

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

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

总之,DebugBar工具非常的强大。但是它也有缺点,例如不能删除元素,动态修改元素等。

【注:本文源自网络文章资源,由站长整理发布】

0
如无特殊说明,文章均为原作者原创,转载请注明出处

该文章由 发布

这货来去如风,什么鬼都没留下!!!
发表我的评论

Hi,请填写昵称和邮箱!

取消评论
代码 贴图 加粗 链接 删除线 签到