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

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

相对 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 可以分析出所有 http 请求，还能抓出图片等一些 404 错误文件。

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

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

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

web 前端中文站 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权

转载请注明原文链接：前端开发调试工具 DebugBar 使用详解