FireFox的调试

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

参考来源：

Console命令详解,让调试js代码变得更简单

http://www.cnblogs.com/see7di/archive/2011/11/21/2257442.html

Firebug入门指南

http://www.ruanyifeng.com/blog/2008/06/firebug_tutorial.html

<script type="text/javascript">	
		
		//异步ajax调用
		/**
		 * 异步调用ajax，成功后返回值，作为回调函数的参数 调用失败会提示
		 * 
		 * @param {}
		 *            urlStr
		 * @param {}
		 *            paramsObj
		 * @param {}
		 *            callbackFunc
		 */
		function AjaxOpen(urlStr, paramsObj, callbackFunc) {
			 
			 console.profile('性能分析器测试');
			 Foo();
             console.profileEnd();
             
			 console.time("计时器-AjaxOpen方法共执行了多久");
			 
			 console.group("查看AjaxOpen方法是如何被调用的");
			 console.trace();
			 console.groupEnd();
            Ext.onReady(function() {
			Ext.Ajax.request({
						url : urlStr,
						params : paramsObj,
						method : 'POST',
						success : function(response) {
/* 							alert(response.responseText); */
							var obj = Ext.decode(response.responseText);
/*  						alert(obj.doubleValue);
							alert(obj.nestedBean.name);
							alert(obj.list[0]+" "+obj.list[1]+" "+obj.list[2]+" "+obj.list[3].firstName);							
							alert(obj.array[0]+" "+obj.array[1]);  */
							
							Ext.fly('table1').select('tr:nth-child(2n)').highlight("ffff9c", {
				 	 			// 可以任何有效的CSS属性表示颜色
				 	 				attr: "background-color",
				 	 				endColor:"ffffff",
				 	 				easing: 'easeIn',
				 	 				duration:1
				 	 		}); 
							
							console.group("obj的内容");
							console.dir(obj);
							console.groupEnd();
							
							console.group("table的内容");
							var table = document.getElementById("table1");
							console.dirxml(table);
							console.groupEnd();
							
							console.group("判断数据是否正确");
							var year = 2000;
							console.assert(year == 2011 );
							/*  正确时什么都不显示    */
							console.assert(year == 2000 );
							console.groupEnd();
							
							/* console.log("%o",obj); */
								
						},
						failure : function(response) {
							alert(response.responseText+"提示", "方法调用失败");
						}
					});
            });
            console.timeEnd("计时器-AjaxOpen方法共执行了多久");
		}
		 
		 
		function Foo(){
			for(var i=0;i<10;i++){funcA(1000);}
			funcB(10000);
        }
		 
		function funcA(count){
			for(var i=0;i<count;i++){}
        }
		 
		function funcB(count){
		    for(var i=0;i<count;i++){}
		}
	</script>

效果：

分别对应的是

console.profile('性能分析器测试');
Foo();
console.profileEnd();

console.time("计时器-AjaxOpen方法共执行了多久");
....
console.timeEnd("计时器-AjaxOpen方法共执行了多久");

console.group("查看AjaxOpen方法是如何被调用的");
console.trace();
console.groupEnd();

console.group("obj的内容");
console.dir(obj);
console.groupEnd();

console.group("table的内容");
var table = document.getElementById("table1");
console.dirxml(table);
console.groupEnd();

console.group("判断数据是否正确");
var year = 2000;
console.assert(year == 2011 );
/*  正确时什么都不显示    */
console.assert(year == 2000 );
console.groupEnd();

 

 

 

转载于:https://my.oschina.net/eastwmt/blog/149198