1. 快捷键访问：
- 在google chrome中，按下`f12`键即可打开开发者工具。
- 如果你已经打开了一个网页，可以通过按`ctrl + shift + i`来快速打开开发者工具。
2. 断点设置：
- 在代码视图中，点击你想要停止执行的行号，然后按`f9`键。
- 如果你想要在特定条件满足时停止，可以在条件语句前添加一个断点，然后在该条件满足时再次点击该行号。
3. 单步执行：
- 在代码视图中，点击你想要执行的行号，然后按`f5`键。
- 如果你想要在特定条件满足后执行，可以在条件语句前添加一个断点，然后在该条件满足后再次点击该行号。
4. 查看控制台输出：
- 在开发者工具的顶部菜单栏中，选择“控制台”（console）。
- 在控制台中，你可以查看到当前页面的所有控制台输出信息，包括错误、警告和信息。
5. 查看元素：
- 在开发者工具的顶部菜单栏中，选择“元素”（Elements）。
- 在元素面板中，你可以看到当前页面的所有元素，包括它们的id、class、tag等属性。
6. 查看网络请求：
- 在开发者工具的顶部菜单栏中，选择“网络”（Network）。
- 在这里，你可以查看到当前页面的所有网络请求，包括请求的url、状态码、响应头等。
7. 查看性能分析：
- 在开发者工具的顶部菜单栏中，选择“性能”（Performance）。
- 在这里，你可以查看到当前页面的性能分析结果，包括加载时间、渲染时间、交互时间等。
8. 查看样式：
- 在开发者工具的顶部菜单栏中，选择“样式”（Styles）。
- 在这里，你可以查看到当前页面的所有样式，包括css类、颜色、字体等。
9. 查看脚本：
- 在开发者工具的顶部菜单栏中，选择“脚本”（Scripts）。
- 在这里，你可以查看到当前页面的所有脚本，包括javascript、css、等。
10. 自定义设置：
- 在开发者工具的顶部菜单栏中，选择“扩展”（Extensions）。
- 在这里，你可以安装和管理你的自定义扩展，如快捷键映射、主题等。
这些只是谷歌浏览器网页调试工具的一些基本功能，实际上它还有很多其他强大的功能等待你去探索和发现。