火狐firefox的插件firebug的使用方法

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的使用方法)