DebugBar插件是一款专为前端开发人员设计的调节工具,与Firefox Firebug、Firefox Web Developer、DOM Inspector、畅游的PageView以及IE WebDeveloper V2等工具相媲美。以下是该软件的主要功能:
应用特点
DOM剖析:DebugBar能够全面剖析DOM结构,包括图片、样式、脚本等元素。通过拖拽目标元素到网页中,即可在左下方的对话框中查看该元素的源代码、样式等信息,以及其盒子模型。唯一不足之处在于,与Firebug相比,它无法直接修改CSS以调整网页。
HTTP请求分析:DebugBar能够解析全部HTTP请求,并能抓取图片等404错误文档。
JavaScript脚本查询:DebugBar能够整理出JavaScript中的所有函数。
HTML验证:DebugBar还能对HTML进行验证。
IE下的工具条:DebugBar最初是为IE开发的插件。在IE中,它提供了一个工具条。安装后在IE7或IE8中,首先需要开启此工具条,方法为:“工具”-“菜单栏”-“DebugBar”。此时IE页面将多出一个工具条,其中包含截屏和取色等小功能。
如何使用
安装插件:首先在浏览器中安装DebugBar插件。
剖析DOM:将目标元素拖拽到网页中,即可在左下方的对话框中查看相关信息。
分析HTTP请求:在工具条中找到HTTP请求相关功能,即可查看和分析请求。
查询JavaScript脚本:在工具条中找到JavaScript脚本相关功能,即可查看和分析脚本。
验证HTML:在工具条中找到HTML验证相关功能,即可对HTML进行验证。
使用IE工具条:在IE中开启DebugBar工具条,即可使用其中的各种功能。
- 新游戏暂无消息 参与地图设计大赛赢取奖励 10-31
- 2K公布免费第三人称英雄射击游戏《Ethos计划》 10-21
- 考试啦,《葫芦娃2》带来原动画细节小考卷(4) 10-21
- 王国两位君主北欧之地隐士有什么用 10-21
- 我的世界种子怎么种植方法 10-21
- 崩坏学园2怎么注销崩坏怎么注销账号 10-21
- 不止《生化危机》外媒精选30款恐怖佳作 10-21
- 王国两位君主北欧之地雷神之锤解锁顺序 10-21
- 梦幻西游梦玲珑穿什么 10-21
- 功夫熊猫阿宝邀你切磋,《蛋仔派对》联动KouKouLove第二弹开启 10-21