🖨️

console API 速查

浏览器 console 调试方法速查。

本地处理 · 不上传

加载工具中…

相关:console · javascript · 调试 · 日志

console API 速查列出 console 对象的全部方法,除了 log 之外还有表格、分组、计时与断言等实用工具。

使用步骤

  1. 按打印、分组、计时、表格分类找方法
  2. 调试对象结构时优先用 console.table
  3. 计时用 time 与 timeEnd 配对
  4. 上线前清掉调试输出,或用构建工具统一移除

使用场景

  • 调试时选择合适的输出方式
  • 结构化展示调试数据
  • 测量代码执行时间
  • 按条件输出日志

小贴士

  • console.table 把数组或对象以表格形式展示,查看结构化数据时比 log 清晰得多。
  • console.time 与 timeEnd 配对使用可以测量代码段耗时,比手工记录时间戳方便。
  • 生产环境应移除或屏蔽调试输出。大量 console 调用会影响性能,也可能泄露内部信息。

常见问题

除了 log 还有什么值得用?

console.table(表格展示数组数据)、console.group(折叠分组)、console.time/timeEnd(计时)、console.trace(打印调用栈)。这几个在特定场景下比反复 log 高效得多。

生产环境要移除 console 吗?

应当移除或通过构建工具剔除。大量输出会影响性能(尤其是输出大对象),日志内容也可能暴露内部逻辑与数据结构。可以用构建插件在生产构建时自动去掉。

输出的对象为什么和当时不一样?

因为控制台展开对象时读取的是当前状态而非输出时的快照。想固定快照可以输出 JSON.parse(JSON.stringify(obj)),或用 console.table 展示。

console API 速查是免费的吗?

是。本站所有工具完全免费,无需注册登录、无广告干扰,打开即用。

使用console API 速查,我的数据安全吗?

安全。该工具在你的浏览器本地完成处理,输入内容不会上传到服务器,隐私更有保障。