www.qjdy.com-奇迹赌场 > www.qjdy.com官网 > //除错信息

原标题://除错信息

浏览次数:128 时间:2019-07-17

一、突显消息的通令

console.log(); //调整台输入 网页中不会输出

console.info(); //一般音信

console.debug(); //除错消息

console.warn(); //警告提醒

console.error(); //错误提醒

“console.log();” 能够用来替代 “alert();” 或 “document.write();” 譬喻,在网页中写入 “console.log("Hello World");” 然后会在决定台输入,可是网页中并不会输入。

图片 1

图片 2

大家在代码中插入如下代码:

  console.info( "这是info" );

  console.debug( "这是debug" );

  console.warn( "这是warn" );

  console.error( "这是error" );

加载后张开调控台会看到像上面这样:

图片 3

二、占位符

console对象的方面5种方法,都能够应用printf风格的占位符。不过,占位符的花色非常少,只援救字符(%s)、整数(%d或%i)、浮点数(%f)和指标(%o)五种。例如:

  console.log( "%d年%d月%d日" , 2011,3,26 );

  console.log( "圆周率是%f" , 3.1415926 );

图片 4

%o占位符,能够用来查阅一个对象内部景观。举例,有诸如此比贰个指标:

  var dog = {} ;

  dog.name = "大毛";

  dog.color = "黄色";

接下来,对它应用o%占位符:

  console.log( "%o" , dog );

图片 5

三、分组显示

console.group(); console.groupEnd(); (这两个方法是成对使用的)
  console.group("第一组信息");
    console.log("第一组第一条");
    console.log("第一组第二条");
  console.groupEnd();
  console.group("第二组信息");
    console.log("第二组第一条");
    console.log("第二组第二条");
  console.groupEnd();

图片 6

四、console.dir();(展现某一个对象的持有属性和办法)

比方说,未来为第三节的dog对象,增添三个bark()方法,然后用 “dir();” 展现出来:

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

  console.dir( dog );

图片 7

五、console.dirxml();(获取有个别节点所包含的享有html/xml代码)

  var table = document.getElementById("table1"); //获取节点

  console.dirxml( table ); //突显节点的有着代码

图片 8

六、console.assert();(用来剖断一个表明式或变量是或不是为真。假诺结果为否,则在调控台出口一条相应消息,何况抛出二个不胜)

  var result = 0;

  console.assert( result ); //false

  var year = 2000;

  console.assert( year == 2011 ); //false

图片 9

七、console.trace();(用来追踪函数的调用轨迹)

  /*贰个加法函数*/

  function add( a,b ){

    return a b;

  }

本人想领悟那一个函数是怎么被调用的,在内部参与console.trace()方法就能够了:

  function add( a,b ){

    console.trace();

    return a b;

  }

一经这几个函数的调用代码如下:

  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()

图片 10

八、console.time();和console.timeEnd();(用来映今世码的运维时刻)

  console.time( "计时器一" );

  for( var i=0;i<1000;i   ){

    for(var j=0;j<1000;j  ){}

  }

  console.timeEnd( "计时器一" );

图片 11

九、质量深入分析

天性分析(Profiler)便是分析程序各样部分的周转时刻,搜索瓶颈所在,使用的办法是console.profile();

只要有一个函数Foo(),里面调用了别的四个函数funcA()和funcB(),在那之中funcA()调用十二回,funcB()调用1次。

  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  ){}

  }

接下来深入分析 “Foo();” 的运营质量:

  console.profile('性能分析器一');

  Foo();

  console.profileEnd();

图片 12

标题栏提醒,一共运转了拾个函数,共耗费时间2.656阿秒。个中funcA()运维14次,耗费时间1.391阿秒,最短运转时刻0.123皮秒,最长0.284皮秒,平均0.139飞秒;funcB()运维1次,耗费时间1.229ms纳秒。

除此而外使用 “console.profile();”方法,firebug还提供了一个"轮廓"(Profiler)按键。第二回点击该按键,"品质深入分析"起首,你能够对网页举行某种操作(举例ajax操作),然后第3回点击该按钮,"质量分析"甘休,该操作引发的具备运算就能够进行质量解析。

图片 13

十、属性菜单

决定台面板的名称前面,有四个倒三角,点击后会展现属性菜单。

图片 14

暗许情形下,调整台只展现Javascript错误。要是选中Javascript警告、CSS错误、XML错误都送上,则相关的提醒新闻都会展现。

此处比较可行的是显得"XMLHttpRequests" 也正是展现ajax要求。选中今后,网页的具有ajax须要,都会在支配台面板呈现出来。

诸如,点击贰个YUI示例,调控台就能够告诉我们,它用ajax格局发生了二个GET央浼,http央浼和响应的头新闻和内容爱抚,也都能够看到。

图片 15

以上所述即是本文的全部内容了,希望大家能够欣赏。

您或然感兴趣的篇章:

  • js调节和测验类别 初识调节台
  • js调整台出口的办法(详解)

本文由www.qjdy.com-奇迹赌场发布于www.qjdy.com官网,转载请注明出处://除错信息

关键词: GPI电子

上一篇:选项及事件使用说明

下一篇:没有了