html如何写⼊控制台,javascript控制台详解
⼀、显⽰信息的命令
console.log(); //控制台输⼊ ⽹页中不会输出
console.info(); //⼀般信息
console.debug(); //除错信息
console.warn(); //警告提⽰
<(); //错误提⽰
“console.log();” 可以⽤来取代 “alert();” 或 “document.write();” ⽐如，在⽹页中写⼊ “console.log("Hello World");” 然后会在控制台输⼊，但是⽹页中并不会输⼊。
我们在代码中插⼊如下代码：
console.info( "这是info" );
console.debug( "这是debug" );
console.warn( "这是warn" );
<( "这是error" );
加载后打开控制台会看到像下⾯这样：
⼆、占位符
console对象的上⾯5种⽅法，都可以使⽤printf风格的占位符。不过，占位符的种类⽐较少，只⽀持字符(%s)、整数(%d或%i)、浮点数(%f)和对象(%o)四种。⽐如：
console.log( "%d年%d⽉%d⽇" , 2011,3,26 );
console.log( "圆周率是%f" , 3.1415926 );
%o占位符，可以⽤来查看⼀个对象内部情况。⽐如，有这样⼀个对象：
var dog = {} ;
dog.name = "⼤⽑";
然后，对它使⽤o%占位符：
console.log( "%o" , dog );
三、分组显⽰
console.log("第⼀组第⼀条");
console.log("第⼀组第⼆条");
console.log("第⼆组第⼀条");
console.log("第⼆组第⼆条");
四、console.dir();(显⽰某⼀个对象的所有属性和⽅法)
⽐如，现在为第⼆节的dog对象，添加⼀个bark()⽅法，然后⽤ “dir();” 显⽰出来：dog.bark = function(){ alert( "汪汪汪" ); };
console.dir( dog );
五、console.dirxml();(获取某个节点所包含的所有html/xml代码)
var table = ElementById("table1"); //获取节点
console.dirxml( table ); //显⽰节点的所有代码
六、console.assert();(⽤来判断⼀个表达式或变量是否为真。如果结果为否，则在控制台输出⼀条相应信息，并且抛出⼀个异常) var result = 0;
console.assert( result ); //false
var year = 2000;
console.assert( year == 2011 ); //false
七、ace();(⽤来追踪函数的调⽤轨迹)
/*⼀个加法函数*/
function add( a,b ){
return a+b;
}
我想知道这个函数是如何被调⽤的，在其中加⼊ace()⽅法就可以了：
function add( a,b ){
return a+b;
如何查看html代码}
假定这个函数的调⽤代码如下：
var x = add3( 1,1 );
function add3( a,b ){ return add2(a,b); }
function add2( a,b ){ return add1( a,b ); }
function add1( a,b ){ return add( a,b ); }
运⾏后，会显⽰add()的调⽤轨迹，从上到下依次为add()、add1()、add2()、add3()
⼋、console.time()；和console.timeEnd();(⽤来显⽰代码的运⾏时间)
console.time( "计时器⼀" );
for( var i=0;i<1000;i++ ){
for(var j=0;j<1000;j++){}
}
console.timeEnd( "计时器⼀" );
九、性能分析
性能分析(Profiler)就是分析程序各个部分的运⾏时间，出瓶颈所在，使⽤的⽅法是console.profile();
假定有⼀个函数Foo()，⾥⾯调⽤了另外两个函数funcA()和funcB()，其中funcA()调⽤10次，funcB()调⽤1次。function Foo(){
for(var i=0;i<10;i++){funcA(1000);}
funcB(10000);
}
function funcA(count){
for(var i=0;i
}
function funcB(count){
for(var i=0;i
}
然后分析 “Foo();” 的运⾏性能：
console.profile('性能分析器⼀');
Foo();
console.profileEnd();
标题栏提⽰，⼀共运⾏了12个函数，共耗时2.656毫秒。其中funcA()运⾏10次，耗时1.391毫秒，最短运⾏时间0.123毫秒，最长
0.284毫秒，平均0.139毫秒；funcB()运⾏1次，耗时1.229ms毫秒。
除了使⽤ “console.profile();”⽅法，firebug还提供了⼀个"概况"(Profiler)按钮。第⼀次点击该按钮，"性
能分析"开始，你可以对⽹页进⾏某种操作(⽐如ajax操作)，然后第⼆次点击该按钮，"性能分析"结束，该操作引发的所有运算就会进⾏性能分析。
⼗、属性菜单
控制台⾯板的名称后⾯，有⼀个倒三⾓，点击后会显⽰属性菜单。
默认情况下，控制台只显⽰Javascript错误。如果选中Javascript警告、CSS错误、XML错误都送上，则相关的提⽰信息都会显⽰。
这⾥⽐较有⽤的是显⽰"XMLHttpRequests" 也就是显⽰ajax请求。选中以后，⽹页的所有ajax请求，都会在控制台⾯板显⽰出来。
⽐如，点击⼀个YUI⽰例，控制台就会告诉我们，它⽤ajax⽅式发出了⼀个GET请求，http请求和响应的头信息和内容主体，也都可以看到。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。