Firebug调试详解

2019独角兽企业重金招聘Python工程师标准>>>

大家想要看视频的话,可以搜慕课网,搜索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")

 

 

 

 

 

 

转载于:https://my.oschina.net/u/3150996/blog/816406