firebug再前端调试中起到了很好的作用能看到DOM的性能，以及检测，比如运用console.log()就是要比alert（）；好一些这样增强的页面的连续性并且console.warn()和console.error也在浏览器中的控制台中报错或者弹出警告，这样也是很有用的，如果运用多个log是不容易看清的，这样就可以这样分组 //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>
版权声明：本文为博主原创文章，未经博主允许不得转载。