• 欢迎访问web前端中文站,JavaScript,CSS3,HTML5,web前端demo
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏web前端中文站吧

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

JAVA web前端中文站 2年前 (2017-08-08) 1165次浏览 已收录 0个评论

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

更多精彩内容请看 web 前端中文站
http://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 工具非常的强大。但是它也有缺点,例如不能删除元素,动态修改元素等。

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


web 前端中文站 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:前端开发调试工具 DebugBar 使用详解
喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址