Firebug调试详解

大家想要看视频的话,可以搜慕课网,搜索firebug调试视频,里面有半个小时左右的讲解,跟着视频操作,更容易理解;

Firebug调试详解

参考链接

http://www.runoob.com/firebug/firebug-html-css.html

快捷键 ctrl&＃43;shift&＃43;c

主要功能:

1 测试脚本的运行时间

Console.time(‘test’);

For(var i&＃61;0;i<10000;i&＃43;&＃43;){

}

console.timeEnd(‘test’);

2js调试

console.log()可以取代alert()或document.write()&＃xff0c;在网页脚本中使用console.log()时&＃xff0c;会在浏览器控制台打印出信息。

console.dir()可以显示一个对象所有的属性和方法。

3

网络监听

使用Firebug查看和编辑HTML

现在在Firebug窗口上点击Edit&＃xff08;编辑&＃xff09; 

使用Firebug的概况&＃xff0c;你可以测试Web页面导致延迟加载的文件。

通过打开页面 Firebug > Console&＃xff08;控制台&＃xff09;> Profile&＃xff08;概况&＃xff09;。

你需要重新加载页面&＃xff0c;然后点击"概况"查看页面载入情况。

一步步调试代码

你可以一步步的执行代码。这对代码调试非常有用。

您可以使用Firebug来编写并实时执行一个Javascript。

这是为了测试&＃xff0c;并确保该脚本工作正常&＃xff0c;这是将Javascript代码部署在生产环境前的好方法。

打开Firebug > Script(脚本) > 显示命令行&＃xff0c;代码如下所示&＃xff1a;

alert("w3cschool.cc")