Firebug调试

控制台Console是firedebug的第一个面板,也是最重要的面板,主要作用是显示网页加载过程中的产生的各种信息。

1、显示信息的命令

Firebug内置一个console对象,提供5中方法来显示。

console.log("console.log()方法调用");//alert();   document.write();
console.info("这是是info");
console.debug("这是 debug");
console.warn("这是warn");
console.error("这是error");

2、占位符

提供4种占位符  字符(s%)、整数(%d、%i)、浮点数(%f)、对象(%o)

console.log("%d年%d月%d日",2014,08,10);
//对象占位符
var dog={};
dog.name="大黄";
dog.color="黄色";
console.log("%o",dog);

3、分组显示

console.group("分组1");
	console.log("第一组第一条");
	console.log("第一组第二条");
console.groupEnd();
console.group("分组2");
	console.log("第二组第一条");
	console.log("第二组第二条");
console.groupEnd();

4、console.dir()显示一个对象的属性和方法

dog.bark=function(){alert("汪汪汪!");};
console.dir(dog);

5、console.trace()   加入方法中显示方法的调用轨迹

6、计时功能  console.time()、console.timeEnd()

7、性能分析  console.profile('性能分析');  Foo();//监视的方法  console.profileEnd();

8、属性菜单

        控制台显示XMLHttpRequests,也就是Ajax请求,选中后所有的ajax请求都会显示在控制台。

你可能感兴趣的:(Firebug调试)