logpoints 是不暂停执行、仅打印日志的断点类型,支持表达式、模板字符串和条件触发,无需修改代码,适用于临时调试且不污染源码。

在 Chrome DevTools 或支持 Logpoints 的调试器中,Logpoints 是一种无需修改代码就能输出日志的断点类型——它不会暂停执行,只在命中时打印指定表达式,效果等同于 console.log,但更干净、可快速启停。
如何添加 Logpoint
在源码行号左侧右键点击(或按 Shift + F8),选择 Add logpoint;也可以先打普通断点,再右键 → Convert to logpoint。输入要打印的内容,例如:
-
value→ 输出变量值 -
"Processing:", index, item.name→ 类似console.log多参数写法 -
`User: ${user.id} - ${user.active}`→ 支持模板字符串
Logpoint 支持表达式和简单逻辑
你可以在 Logpoint 输入框里直接写 JS 表达式,调试器会实时求值并输出结果:
arr.length > 10 ? "Large array" : "OK"-
error && error.stack(只在有 error 时输出 stack) -
JSON.stringify(config, null, 2)(格式化输出对象)
注意:不能执行赋值、函数调用(如 doSomething())或副作用操作,仅限纯表达式。
与 console.log 相比的优势
Logpoints 不污染源码,适合临时排查、多人协作或生产环境快照调试:
- 不用加删
console.log,避免误提交 - 可针对某一行快速开启/关闭日志(点击断点图标即可禁用)
- 支持条件 Logpoint:右键 Logpoint → Edit logpoint → 填入条件(如
i % 10 === 0),只在满足时输出 - 日志带时间戳和执行位置(文件名+行号),上下文更清晰
注意事项
Logpoint 依赖调试器支持,目前 Chrome、Edge、VS Code(搭配 Debugger for Chrome / Edge)原生支持;Firefox 和 Safari 尚未提供 Logpoint 功能。另外,若代码被压缩或未生成 source map,Logpoint 可能无法准确定位或求值失败。
Java免费学习笔记:立即使用
解锁 Java 大师之旅:从入门到精通的终极指南











