1. 打开Google Chrome浏览器，点击菜单栏的“工具”选项。
2. 在下拉菜单中选择“开发者工具”。
3. 在开发者工具窗口中，点击左侧的“断点”按钮。
4. 在右侧的代码视图中，找到你想要设置断点的代码行。
5. 将光标放在该行代码的开头或结尾，然后点击“断点”按钮。
6. 此时，Chrome浏览器会暂停执行当前代码行，直到你再次点击“断点”按钮。
7. 当你需要继续执行代码时，只需点击“断点”按钮，Chrome浏览器就会从断点处继续执行代码。
8. 如果你想要查看当前代码的状态，可以在开发者工具中点击“控制台”按钮，然后在弹出的控制台中输入`console.log()`函数，即可查看当前代码的状态。
9. 如果你想要在调试过程中修改变量的值，可以在开发者工具中点击“变量”按钮，然后在弹出的变量面板中修改你想要修改的变量的值。
10. 当你完成调试后，可以点击“停止调试”按钮，关闭开发者工具窗口。