1. 打开开发者工具：在谷歌浏览器中，点击右上角的三个垂直点图标，然后选择“检查”（Inspect）。这将打开开发者工具窗口。
2. 访问控制台：在开发者工具中，点击顶部的“控制台”按钮。这将打开一个控制台窗口，你可以在其中输入JavaScript代码并查看其结果。
3. 设置断点：在你想要停止执行的代码行上点击鼠标左键，然后按F5键。这将在光标位置暂停执行，你可以继续调试或查看变量的值。
4. 查看元素：在开发者工具中，点击顶部的“元素”按钮。这将打开一个包含所有页面元素的列表。你可以通过点击元素名称来查看或编辑它们。
5. 查看网络请求：在开发者工具中，点击顶部的“网络”按钮。这将显示当前页面的所有网络请求。你可以看到每个请求的状态、大小、时间等信息。
6. 查看CSS样式：在开发者工具中，点击顶部的“样式”按钮。这将打开一个包含当前页面所有CSS样式的列表。你可以通过点击样式名称来查看或编辑它们。
7. 查看JavaScript代码：在开发者工具中，点击顶部的“源代码”按钮。这将打开一个包含当前页面所有JavaScript代码的编辑器。你可以在这里编写新的代码或修改现有的代码。
8. 使用快捷键：大多数开发者工具的功能都有快捷键支持，如Ctrl+Shift+I（进入开发者工具）、Ctrl+Shift+B（打开控制台）等。
9. 保存和导出：在开发者工具中，点击顶部的“文件”按钮。这将打开一个菜单，你可以在这里保存当前页面的HTML、CSS和JavaScript代码，或者将它们导出为不同的格式。
10. 自定义开发者工具：你还可以在开发者工具的设置中自定义许多选项，如主题、快捷键等。
