Chrome浏览器Logpoint功能可在不修改源码前提下向JavaScript任意行注入日志，通过Sources面板或命令面板添加、编辑、移除，执行时自动输出表达式结果至Console且不中断运行。
如果您希望在不修改源代码的前提下向网页脚本中注入日志输出，Chrome 浏览器提供了 Logpoint 功能，它允许您在任意 JavaScript 行号上添加日志点，执行时自动将表达式结果打印至 Console，且不中断程序运行。以下是启用与使用 Logpoint 的具体操作步骤：
一、通过 Sources 面板定位并添加 Logpoint
Logpoint 必须在 Sources 面板中针对已加载的 JavaScript 源码（包括内联脚本或外部文件）进行设置，其本质是基于调试器行号的非侵入式日志机制。
1、按下 F12 或使用快捷键 Ctrl + Shift + I（Windows/Linux） 或 Cmd + Option + I（macOS） 打开开发者工具。
2、点击顶部标签栏中的 Sources 面板。
3、在左侧文件树中展开并找到目标脚本文件（如 main.js 或 page.html 中的 <script> 块）。</script>
4、在代码编辑区中，找到您希望插入日志的行号位置（例如某变量声明、函数调用或条件判断行）。
5、右键点击该行左侧的行号区域，在弹出菜单中选择 Add logpoint。
6、在出现的断点编辑器输入框中，键入要输出的表达式（例如 user.name、{count, status} 或 JSON.stringify(data)）。
7、按 Enter 确认，此时该行号旁会出现一个 橙色菱形标记，表示 Logpoint 已激活。
二、通过命令面板快速添加 Logpoint
当无法直接在 Sources 面板中定位到源码（如压缩代码或动态生成脚本），可借助命令面板触发 Logpoint 添加流程，系统将自动跳转至对应上下文。
1、确保开发者工具已打开，聚焦于任意面板。
2、按下快捷键 Ctrl + Shift + P（Windows/Linux） 或 Cmd + Shift + P（macOS），唤出命令面板。
3、在输入框中键入 logpoint，从下拉列表中选择 Add logpoint 选项。
4、命令面板将提示“Select line to add logpoint”，此时需手动点击目标代码行的行号区域完成绑定。
5、在弹出的编辑框中输入表达式后回车，Logpoint 即刻生效。
三、验证 Logpoint 输出效果
Logpoint 的输出行为依赖于代码实际执行路径，仅当运行时控制流经过该行时才会触发日志打印，因此需确保页面逻辑能抵达该位置。
1、刷新当前网页，或触发使目标代码被执行的用户交互（如点击按钮、提交表单）。
2、切换至 Console 面板，观察是否出现带 log 图标的输出行。
3、若未见输出，检查该行是否被跳过（如位于未执行的 if 分支、死循环外、或已被优化移除），可尝试在相邻确定执行的行添加 Logpoint 进行验证。
4、Logpoint 输出默认归类为 console.log() 级别，可在 Console 顶部筛选器中勾选 Logs 以确保可见。
四、编辑与移除已有 Logpoint
Logpoint 支持动态调整表达式内容或彻底删除，无需刷新页面即可即时生效，适用于迭代调试场景。
1、在 Sources 面板中，再次 右键点击已标记的橙色行号。
2、选择 Edit logpoint 可修改表达式；选择 Remove logpoint 可清除该日志点。
3、若需批量管理，点击左侧面板底部的 Breakpoints 标签，在 Logpoints 子项中查看、启用/禁用或删除全部 Logpoint。
4、禁用 Logpoint 不会删除配置，仅暂停输出，适合临时关闭冗余日志。
