1、F12快捷键
2、脚本(类似eclipse的debug的调试功能),不过比较强大。有界面的值的显示
3、DOM——查看当前界面变量的信息
4、网络——http请求信息。URL、状态(200、300、404、500)、域、时间线(网站性能优化)
5、网络下面的保持:保持之前网页的信息。
6、控制台——勾选:显示javascript错误、显示XMLHttpRequests、弹出自动补全列表
7、控制台语句
console.log()——向控制台输出信息,类似alert。
setInterval()设置定时器
console.warn()——警告信息
console.error——错误信息
多语言调试:用分组调试 console.group();。。。(内容)console.groupEnd();
console.dir();输出所有信息。
console.dirxml()显示当前选中元素的结构
console.assert();断言,单元测试时用
console.trace();显示函数的调用情况(顺序)
console.time("计时器")。。。(内容)console.timeEnd("计时器"); (界面优化)
console.profile();。。。console.profileEnd();(界面性能调优)——可以和概括功能一样。
在IE下使用firebug调试
界面中在线引入包名
<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>
分享到:
相关推荐
在开始了解Firefox和Firebug的详细知识点之前,首先确保你已经下载了Firefox安装包和对应的Firebug插件。安装Firefox的过程相对简单,只需运行安装程序并按照提示进行即可。对于Firebug,通常需要在Firefox浏览器中...
以下是关于Firefox插件Firebug的详细知识点: 1. **实时编辑**:Firebug允许开发者直接在浏览器中修改网页的HTML结构,实时查看更改效果,同时可以编辑CSS样式,即时预览样式变化,这对于网页布局和样式的调试非常...
**Firefox插件Firebug详解** 火狐浏览器的Firebug是一款强大的网页开发和调试工具,它为前端开发者提供了直观且深入的HTML、CSS、JavaScript以及网络请求的查看和编辑功能。这款插件自2004年发布以来,一直备受...
网页开发FireFox插件 FireBug
然而,随着 Firefox Developer Tools 的不断进化,它集成了 Firebug 的许多核心功能,并且更加现代化,因此现在的开发者更多地转向使用内建的开发工具。 在最新的 Firefox 版本中,开发者可以使用内置的 Developer ...
Firebug是Firefox浏览器的一款经典开发插件,它在Web开发者中具有广泛的影响力,尤其是在前端调试领域。这款插件提供了一整套工具,帮助开发者...通过这些文件,用户可以更深入地学习和实践Firefox Firebug插件的使用。
描述中的"firefox8.0.1&firebug1.8.4.rar,火狐浏览器安装firebug插件"说明这个压缩包包含了Firefox 8.0.1的安装程序和Firebug 1.8.4的插件文件,用户可以通过这个压缩包快速在Firefox 8.0.1版本上安装并使用Firebug...
"老版本firefox24+firebug1.7.3安装.7z"这个压缩包就提供了这样一个解决方案,它包含了Firefox 24浏览器和Firebug 1.7.3插件的安装资源,这两者都是过去非常重要的开发者工具。 首先,Firefox 24是一个历史版本的...
渗透测试必备Firefox插件包含firebug,hackbar,autoproxy 安全牛苑
**Firebug** 是一款曾经非常流行的Firefox插件,尤其在Web前端开发者中广泛使用。它提供了以下核心功能: 1. **HTML查看与编辑**: Firebug能实时显示网页的HTML结构,并允许开发者直接编辑DOM元素,查看更改后的...
Firebug的安装过程虽然在过去需要在线搜索并手动添加到Firefox,但在现代版本中,由于Firefox的插件系统更新,Firebug已经与Firefox的开发者工具融合,成为其内置的一部分。现在,用户无需单独下载Firebug,只需在...
在网页开发领域,工具的选择至关重要,而Firefox插件Firebug正是开发者们不可或缺的一款神器。Firebug是一款专为Firefox浏览器设计的强大开发工具,它集成了HTML、CSS、JavaScript调试、性能分析等功能,极大地提高...
标题“firefox12+firebug”暗示我们讨论的是Firefox 12版本的浏览器与Firebug的结合使用。Firebug是一款非常强大的JavaScript调试工具,它在Web开发领域具有广泛的影响力,尤其是在Firefox浏览器上。Firefox 12是...
《Firefox插件:Firebug与Firepath的深度解析与应用》 在当今互联网技术日新月异的时代,软件测试和自动化测试成为了确保产品质量的关键环节。其中,浏览器插件作为辅助测试的强大工具,受到了广大开发和测试人员的...
因此,对于较新版本的Firefox,用户可能需要使用内置的开发者工具而不是单独安装Firebug插件。 11. **Firefox Developer Tools**:尽管Firebug不再更新,但Firefox自带的开发者工具已经非常强大,包含类似的功能,...
"firebug"是Firebug插件的英文名称,而"火狐浏览器"则明确指出这个压缩包与Firefox浏览器有关。 根据压缩包的文件名称列表"firefox(28.0) + firebug(1.12.7)",我们可以推测这个压缩包包含了Firefox 28.0的安装程序...
安装方法: 打开Firefox浏览器--打开菜单(右上角三条横杆)--附加组件--扩展--点击右上角有个雪花一样的设置按钮--从文件安装附加组件--选择firebug-2.0.16-fx.xpi安装就可以 第三步,安装CSS Usage 0.2.9(下载包中...
标题中的“firefox_v46及firebug_firexpath插件”提到了两个关键元素:Firefox浏览器的v46版本以及两款与之相关的插件——Firebug和FireXPath。这些工具在Web UI自动化调试和测试中扮演着重要角色。 Firefox v46是...
标题中的"Firefox Setup 35.0.1+firebug-2.0.8-fx+selenium_ide-2.9.1-fx.rar"表明这是一个包含Firefox浏览器特定版本(35.0.1)以及两个插件的压缩包:Firebug 2.0.8 和 Selenium IDE 2.9.1。这些工具在Web开发和...