1. 打开开发者工具：在Chrome浏览器中，点击右上角的三个点图标，然后选择“检查”或“开发者工具”。
2. 设置断点：在你想要调试的代码行上点击鼠标左键，然后选择“断点”选项。这将在代码行下方添加一个红色的圆圈，表示你已设置断点。
3. 单步执行：在断点处点击鼠标右键，选择“单步执行”，然后按F5键开始执行。这样，每次执行到该行时，程序都会暂停并显示当前状态。
4. 查看变量值：在“控制台”面板中，你可以查看变量的值。点击一个变量名，然后按回车键，将显示该变量的当前值。
5. 查看堆栈跟踪：在“控制台”面板中，你可以查看函数调用的堆栈跟踪。点击一个函数名，然后按回车键，将显示该函数的调用堆栈。
6. 查看HTML元素：在“元素”面板中，你可以查看页面上的HTML元素。点击一个元素名，然后按回车键，将显示该元素的详细信息。
7. 查看CSS样式：在“样式”面板中，你可以查看页面上的CSS样式。点击一个样式名，然后按回车键，将显示该样式的详细信息。
8. 查看JavaScript代码：在“脚本”面板中，你可以查看页面上的JavaScript代码。点击一个函数名，然后按回车键，将显示该函数的源代码。
9. 查看网络请求：在“网络”面板中，你可以查看页面的网络请求。点击一个请求名，然后按回车键，将显示该请求的详细信息。
10. 查看事件监听器：在“事件”面板中，你可以查看页面上的事件监听器。点击一个事件名，然后按回车键，将显示该事件的详细信息。
以上就是一些常用的Chrome浏览器开发者工具的使用方法。通过这些工具，你可以更好地理解和调试你的代码。