美文网首页
Chrome控制台技能加点

Chrome控制台技能加点

作者: 简不简单_都好 | 来源:发表于2017-07-23 15:52 被阅读11次

    以表格的形式输出数组(准确的说,是对象数组)

    var data = [
        {
            '姓名': '幼儿园', 
            '性别': '女'
        },
        {
            '姓名': '李狗嗨',
            '数量': 1
        }
    ];
    console.table(data);
    

    迅速调试页面内容

    document.body.contentEditable=true
    

    简单的计时器

    console.time('myTime'); //开始计时 - myTime
    for(var i=0; i < 100000; i++){
      2+4+5;
    }
    console.timeEnd('mytime'); //结束并输出计时时长 - myTime
    

    DOM缓存

    $_: 上一个控制台命令的输出结果
    $0, $1: 上一个选择的dom
    $n
    

    相关文章

      网友评论

          本文标题:Chrome控制台技能加点

          本文链接:https://www.haomeiwen.com/subject/ihjmkxtx.html