chrome浏览器做js断点调试时逐行查看代码变量值变动情况功能

在Chrome浏览器中进行JavaScript断点调试时，可以使用开发者工具中的"Sources"（或者"调试"）面板来逐行查看代码变量值的变动情况。

以下是一些常用的断点调试功能：

1. 设置断点：在代码行号的左侧单击，或者在代码行上右键并选择"Add Breakpoint"，即可设置一个断点。当代码执行到断点处时，程序会暂停执行。

2. 单步执行：在断点处暂停后，可以使用"Step Over"（F10）逐行执行代码；使用"Step Into"（F11）可以进入函数内部，逐行执行函数内的代码；使用"Step Out"（Shift + F11）可以跳出当前函数，继续执行函数调用的下一行代码。

3. 监视变量：在"Watch"面板中，可以添加要监视的变量，每次断点暂停时，可以查看变量的当前值。也可以通过在代码中使用console.log来打印变量值。

4. 条件断点：可以在断点设置处右键并选择"Edit Breakpoint"，然后在弹出的对话框中设置一个条件。当该条件满足时，才会触发断点。

5. 断点禁用/启用：可以在"Sources"面板中禁用/启用断点，以便在需要时临时跳过某个断点。

6. 事件断点：可以在"Event Listener Breakpoints"面板中启用特定类型的事件断点，如点击事件、网络请求等。当触发该类型的事件时，程序会在断点处暂停。

注意：以上功能可能会因Chrome版本的不同而略有差异，但基本思想是相同的