首先，打开Chrome浏览器，按下F12键或右键点击页面选择“检查”，也可在右上角菜单栏选择“更多工具”→“开发者工具”，从而打开开发者工具。
接着，在开发者工具中，找到“Sources”面板，这里会显示网页相关的所有资源文件，包括JS文件。可在左侧的文件树中查找要调试的JS文件并点击打开。
然后，设置断点。在JS代码行号区域点击，即可设置断点，当代码执行到此处时会暂停，方便查看当前变量的值和程序状态。也可在代码中合适位置添加`debugger;`语句来设置断点。
之后，使用“Console”控制台。在控制台中可输入JS代码进行执行，也可用于查看变量值、输出调试信息等。比如，可直接在控制台中输入变量名查看其当前值。
最后，当代码在断点处暂停后，可使用“Step over”（逐语句执行）、“Step into”（进入函数内部）、“Step out”（跳出函数）等按钮逐步执行代码，观察变量变化和程序流程，从而找出问题所在并进行调试。
