firebug再前端调试中起到了非常好的作用能看到DOM的性能，以及检測。比方运用console.log()就是要比alert（）；好一些这样增强的页面的连续性而且console.warn()和console.error也在浏览器中的控制台中报错或者弹出警告，这样也是非常实用的。假设运用多个log是不easy看清的，这样就能够这样分组 //console.group("this is one");
//console.log(1);
//console.groupEnd();这样分组的优点就是能看出须要调试的是哪一代码；有的时候console.log不能全然显示这样就能吧log换位dir这样就能全然显示
尽管这个在谷歌和火狐上是实用的，可是在IE上也是能够的仅仅须要在有网的情况下增加<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>这一样代码，在在IE也就能够用了
也能够先把资源下载下来https://getfirebug.com/firebuglite然后在文件中引用就能够了
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题</title>
<script type="text/javascript">
///////////////////////
//console.log(1285); //
///////////////////////
//console.warn("this is a warn ");
//console.group("this is one");
//console.log(1);
//console.groupEnd();
//console.group("this is two"); //代表分组
//console.log(2);
//console.groupEnd();//分组结束
//var cat={};
//cat.color="red";
//cat.name1="shang";
//cat.name2="shang";
//cat.name3="shang";
//cat.name4="shang";
//cat.name5="shang";
//cat.show=function(){
// return "cat";
//}
//console.log(cat);
//console.dir(cat);//这个相比于前面是所有显示
//var odiv1=document.getElementById('div1');
//console.dirxml(odiv1); // 显示当前元素的结构代码
//console.log(58);
//var a=0;
//console.assert(a);
//function a(){
// return b();
//}
//function b(){
// return c();
//}
//function c(){
// console.trace();
// return 132;
//}
//a();
//console.time("时间");//这里要写一个标题也就是双引號里面的东西
//for(var i=0;i<1000000000;i++){}
//console.timeEnd("时间");//前后都须要有标题
//并且同样 //
</script>
</head>
<body>
<div id="div1">
<span>16746</span>>
</div>
</body>
</html>