1. 打开开发者工具：按下F12键或者Ctrl+Shift+I（Windows） / Cmd+Opt+I（Mac）快捷键，或者右键点击页面的空白处，选择“检查”（Inspect）。
2. 查看和设置断点：在“Sources”面板中，找到要调试的脚本文件并打开。点击行号区域可设置断点，当代码执行到断点处时，程序会暂停执行。也可在代码中直接添加“debugger;”语句来设置断点。
3. 逐行执行代码：在断点暂停状态下，可使用Stepover（F10）、Stepinto（F11）和Stepout（Shift+ F11）等按钮来控制代码执行流程，逐行检查变量值、调用堆栈等信息。
4. 查看变量值：在代码暂停执行时，可在“Sources”面板的右侧查看变量的值，也可将鼠标悬停在变量名上快速查看其当前值。
5. 利用控制台输出信息：在“Console”面板中，使用console.log()、console.error()等方法输出日志信息和错误信息，帮助跟踪代码执行流程和定位问题。