1. 打开谷歌浏览器。
2. 在地址栏输入`chrome://inspect`（Windows）或`chrome://inspect/devices`（Mac），然后按回车键。这将打开开发者工具的界面。
3. 在开发者工具的顶部菜单中，点击“检查”按钮。这将显示所有已打开的标签页。
4. 在左侧的“设备”面板中，找到您想要调试的页面。点击该页面，然后在右侧的“元素”面板中，选择要调试的元素。
5. 在“元素”面板中，点击“断点”按钮。这将在代码中设置一个断点，当执行到该行代码时，浏览器会暂停并显示控制台输出。
6. 要继续执行代码，只需点击“继续执行”按钮。要停止执行代码，只需点击“停止执行”按钮。
7. 在“元素”面板中，您可以查看元素的属性、事件和样式等详细信息。
8. 要查看源代码，请点击“源代码”按钮。这将打开一个新的窗口，显示页面的HTML、CSS和JavaScript代码。
9. 要保存调试信息，请点击“保存”按钮。这将将调试信息保存到本地文件或剪贴板中。
10. 要退出调试模式，请点击“退出”按钮。这将关闭开发者工具，并返回到正常的浏览状态。
