谷歌浏览器（google chrome）的开发者工具是一个非常强大的工具，可以帮助开发者进行网页调试、性能分析、元素查找等操作。以下是一些关于如何使用谷歌浏览器开发者工具的新功能的教程：
一、 打开开发者工具：
1. 在 google chrome 浏览器中，点击菜单栏的“更多工具”（three dots），然后选择“开发者工具”（developer tools）。
二、 设置断点：
1. 在开发者工具中，点击左侧的“断点”（breakpoints）按钮，然后点击你想要设置断点的代码行。
2. 断点设置成功后，当你的代码执行到该行时，浏览器会暂停并显示一个红色的圆圈表示断点。
三、 单步执行：
1. 要单步执行代码，点击“调试”（debug）按钮，然后点击你想要执行的代码行。
2. 代码将逐行执行，你可以在控制台（console）中查看每一步的执行情况。
四、 查看控制台输出：
1. 在开发者工具中，点击“控制台”（console）按钮，你将看到一个窗口，其中包含了所有在当前页面上运行的脚本的控制台输出。
五、 查看元素：
1. 要查看页面上的元素，你可以使用“元素查找”功能。点击“元素查找”（elements）按钮，然后输入你想要查找的元素类型（如 `div`、`p` 等）。
2. 在搜索结果中，你可以查看元素的详细信息，包括它们的属性、内容和样式。
六、 性能分析：
1. 要进行性能分析，点击“性能”（performance）按钮。
2. 在性能分析工具中，你可以查看页面加载时间、渲染时间、内存使用情况等指标。
七、 网络请求：
1. 要查看网络请求，点击“网络”（network）按钮。
2. 在这里，你可以查看当前页面的所有网络请求，包括请求的类型、url、状态码等。
八、 资源监视：
1. 要监视页面的资源使用情况，点击“资源监视”（resource monitor）按钮。
2. 在这里，你可以查看页面的cpu使用率、内存使用情况、磁盘空间使用情况等。
九、 代码片段：
1. 要查看或编辑代码片段，点击“代码片段”（code snippets）按钮。
2. 在这里，你可以查看或编辑预定义的代码片段，这些片段可以用于快速编写代码。
十、 快捷键：
1. 熟悉开发者工具的快捷键可以帮助你更高效地使用工具。例如，按下 `ctrl + shift + p` 可以打开命令面板（command palette），它提供了许多有用的命令和选项。
以上是一些基本的谷歌浏览器开发者工具新功能的使用教程。根据你的具体需求，你可能需要进一步探索其他功能。