Firebug调试详解

你们想要看视频的话,能够搜慕课网,搜索firebug调试视频,里面有半个小时左右的讲解,跟着视频操做,更容易理解;

Firebug调试详解

参考连接

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

快捷键 ctrl+shift+c

 

主要功能:

1 测试脚本的运行时间

Console.time(‘test’);

For(var i=0;i<10000;i++){

}

console.timeEnd(‘test’);

2js调试

console.log()能够取代alert()或document.write()，在网页脚本中使用console.log()时，会在浏览器控制台打印出信息。

console.dir()能够显示一个对象全部的属性和方法。

 

 

3

网络监听

 

 

 

使用Firebug查看和编辑HTML

如今在Firebug窗口上点击Edit（编辑） 

 

Firebug页面概况查看

 

使用Firebug的概况，你能够测试Web页面致使延迟加载的文件。

经过打开页面 Firebug > Console（控制台）> Profile（概况）。

你须要从新加载页面，而后点击"概况"查看页面载入状况。

一步步调试代码

你能够一步步的执行代码。这对代码调试很是有用。

 

Firebug动态执行JavaScript

 

您能够使用Firebug来编写并实时执行一个JavaScript。

这是为了测试，并确保该脚本工做正常，这是将JavaScript代码部署在生产环境前的好方法。

打开Firebug > Script(脚本) > 显示命令行，代码以下所示：

alert("w3cschool.cc")