1. 打开开发者工具：在Chrome浏览器中，点击右上角的三个点（…）图标，然后选择“检查”（Inspector）。这将打开开发者工具窗口。
2. 切换到不同的选项卡：在开发者工具窗口中，你可以看到多个选项卡，每个选项卡代表一个特定的元素或资源。例如，第一个选项卡是HTML，第二个选项卡是CSS，第三个选项卡是JavaScript。
3. 查看元素：点击你想要查看的元素，然后在右侧的面板中查看其属性、内容和事件。你可以使用过滤器来缩小搜索范围，或者使用快捷键来快速访问不同的面板。
4. 修改元素：如果你想要修改元素的样式、内容或行为，可以在左侧的“Elements”面板中输入要修改的属性或事件，然后在右侧的面板中进行编辑。
5. 调试JavaScript：如果你正在编写或修改JavaScript代码，可以在“Console”面板中查看控制台输出，或者使用断点来暂停和继续执行代码。
6. 性能分析：在“Performance”面板中，你可以查看页面的加载时间、渲染时间、内存使用情况等性能指标。这些信息可以帮助你优化网页的性能。
7. 网络请求：在“Network”面板中，你可以查看页面的网络请求和响应，包括HTTP/HTTPS请求、Cookie、Ajax请求等。这对于调试跨域问题、缓存策略等非常有用。
8. 保存和分享：当你完成开发工作后，可以点击右下角的“Save All Changes”按钮来保存所有更改，或者点击“Share”按钮将你的网页分享给其他人。
9. 关闭开发者工具：当你不再需要开发者工具时，可以点击右上角的三个点图标，然后选择“退出”。
以上就是Google浏览器开发者工具的基本攻略，希望对你有所帮助。
