Chrome 之console
发布于 8 个月前 作者 wjiban 816 次浏览 来自 分享
  1. assert 断言 console.assert(false, ‘hi’) 第一个参数为false 的时候 报错, 这个和node 的一样, 其实也就等价于, 我是不用, if(false) console.error(‘e’)

  2. clear 清空 console.error() 清空控制台输出的日志 (里面加参数也不报错,就是没什么用)

  3. count 计数 console.count(‘a’) 输出 a:1 统计某个函数被调用次数 ,或者统计一段文本里面某个词的频率, 但是好像不能拿到计数的值,所以,这个计数 值我存不起来

  4. countReset 重置计数 console.countReset(‘a’)

  5. debug 调试 讲道理 我不喜欢调试, 而且即使是前端调试,直接在控制台操作就好, 这个我不会用, 还是境界太低

  6. dir 打印该对象所有的属性方法 多数情况下好像和log 区别不大, 我只在打印 dom 节点的时候 发现区别, 他会打印该dom 拥有的所有方法 , 而log 只会打印出 比如 <div></div>

  7. dirxml 应该是 打印xml 格式的对象。 俺不清楚。 对xml 不熟

  8. error 错误日志 会显示x号, 颜色红色

  9. group 分组 日志分组,这个就有点意思了, (但是我最后都喜欢删日志)

console.group('first')
    console.group('second')
        console.log('hi, hello')
        console.log('hi, hello')
    console.groupEnd('second')
console.groupEnd('first')

会打印出有层级结构的日志, 还能折叠,其实对调试很有帮助, 每个函数分个组, 也是美滋滋, 就是默认控制台输出是打开状态,

  1. groupCollapsed 分组 唯一和上面不同的就是 默认是闭合的, 我喜欢这种 讲道理

  2. groupEnd 结束分组 就是标志分组界限的,闭合标签

  3. info 提示信息, 我觉得和log 没区别

  4. log 支持提示符

console.log("%c内容", "font-size:20px; color:red;"); //输出内容拥有样
console.log('a=%i', 1.32); // 结果 a=1

我就觉得 %c 和%i或%d 有用, 其他的都觉得没啥用, 比如 %s %o %O 等, 不过 谁学c 的时候 不是这么输出的呢

  1. profile 性能测试 我一直没用过的, 境界太低, 不需要

  2. profileEnd 结束测试

  3. table 表格 打印出表格, console.table({a:1, b:2}) ┌─────────┬────────┐ │ (index) │ Values │ ├─────────┼────────┤ │ a │ 1 │ │ b │ 2 │ └─────────┴────────┘ node 10 也支持这个功能了, 我觉得打印对象 看起来爽

  4. time 计时器 统计时间的, 我测函数执行时间经常用 和 timeEnd 成对 console.time(‘start’) while(1) console.timeEnd(‘start’)

  5. timeEnd 结束定时器,

  6. timeStamp 时间轴 timeline 里面会有标记

  7. trace 当前执行的代码在堆栈中的调用路径。

  8. warn 警告 有感叹号,

  9. memory 属性 显示内存信息

1 回复
回到顶部