🖨️
console API 速查
浏览器 console 调试方法速查。
本地处理 · 不上传
加载工具中…
相关:console · javascript · 调试 · 日志
console API 速查列出 console 对象的全部方法,除了 log 之外还有表格、分组、计时与断言等实用工具。
使用步骤
- 按打印、分组、计时、表格分类找方法
- 调试对象结构时优先用 console.table
- 计时用 time 与 timeEnd 配对
- 上线前清掉调试输出,或用构建工具统一移除
使用场景
- 调试时选择合适的输出方式
- 结构化展示调试数据
- 测量代码执行时间
- 按条件输出日志
小贴士
- 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 速查,我的数据安全吗?
安全。该工具在你的浏览器本地完成处理,输入内容不会上传到服务器,隐私更有保障。