文章目录
  1. 1. Chrome调试
    1. 1.1. Other
  2. 2. 参考

Chrome调试

  • shift+enter可多行输入
  1. 样式
    console.info()
    console.debug()
    console.warn()
    console.error()
  2. 占位符:
    console.log()和 c的printf()一样
    只能用%d/%i %f %s %o(objective)
  3. 分组显示:

    1
    2
    3
    4
    5
    6
    7
    8
    console.group('第一组信息');
    console.log('第一组信息');
    console.log('第一组信息');
    console.groupEnd();
    console.group('second');
    console.log('2.1');
    console.log('2.2');
    console.groupEnd();
  4. console.dir() //显示一个对象所有value和func()

    1
    console.dir(dog);	//Object:dog
  5. console.dirxml() //显示node中的html/xml代码

    1
    2
    var node=document.getElementById('tab1');
    console.dirxml(node);
  6. console.assert() //断言 判断是否为真
    测试:console.assert(1==1,'如果为0则出现这句话');
    chrome下返回undefined
    ff下不返回值
    1==0时chrome和ff均报错

  7. console.trace() //函数轨迹调用

    1
    2
    3
    4
    5
    6
    7
    8
    function add (a,b) {
    console.trace();
    return a+b;
    } //js中函数同步执行,可以利用trace追踪有关该函数的相关执行顺序
    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);}
  8. 计时功能//计算代码运行时间

    1
    2
    3
    console.time('timer1');
    // Your function
    console.timeEnd('timer1');
  9. 性能分析Profiler

    1
    2
    3
    4
    console.profile('性能分析器一');
    Foo();
    console.profileEnd();
    暂时无法实现这个功能
  10. console.count() //统计次数

    1
    2
    3
    4
    5
    6
    function foo(){
    var i=0;
    i++;
    console.count('执行次数');
    }
    foo();foo();foo();
  11. inspect(‘节点’)
    截取特定的元素于console

//—–更新——

  1. console.dir( x );
    获取对象完整信息
    1
    2
    3
    4
    5
    6
    7
    function cat( name, age, score ){
    this.name = name ;
    this.age = age ;
    this.score = score;
    }
    var c = new cat( 'tom', 10, [8,8,8]);
    console.dir( c );

Other

  1. $(Chrome 控制台中原生支持类jQuery的选择器)
    • $_
    • $(selector) 选择首元素
      $$(selector) 选择元素合集
  2. keys&values

    1
    2
    3
    4
    5
    var tboy={
    name:'123',height:'222'
    };
    keys(tboy);
    values(tboy);
  3. debug&undebug
    打断点和取消断点

  4. copy(document.body)
    可以复制内容到剪贴板

参考

文章目录
  1. 1. Chrome调试
    1. 1.1. Other
  2. 2. 参考