DevTools
Chrome 开发者工具是一套直接内置于 Google Chrome 浏览器的 Web 开发者工具。借助开发者工具，您可以即时修改页面和快速诊断问题，从而更快地构建更出色的网站。
使用 AI 调试
AI 创新
让 Gemini 帮助您分析和改进网站的样式、网络、来源和性能。在“控制台”和“来源”面板中获取有关控制台错误和代码建议的帮助。
面向智能体的开发者工具
在 AI 工作流中，为您的编码智能体提供与您用于检查网络活动、记录跟踪记录和排查 Web 应用问题相同的可信工具。
将 Chrome 开发者工具 MCP （模型上下文协议）服务器连接到您选择的工具：Antigravity、Claude Code、Cline、Copilot 等。
了解效果
全面了解网页的效果，并获得富有实用价值的分析洞见。
检查资源
了解如何检查网页加载的资源，以及如何在浏览器中修改这些资源。
开发者工具提示
欢迎观看我们的月度视频系列，以轻松有趣的方式带您了解 DevTools 中的常见调试场景。
使用编码代理模拟用户体验
借助适用于智能体的 Chrome 开发者工具，您的智能体可以验证自适应布局、测试位置感知型 API，以及模拟不同的 CPU 或网络速度。
使用编码智能体自动执行 Lighthouse 审核
借助 Chrome 开发者工具中的 Lighthouse（面向智能体），您的编码智能体可以通过实时健康检查来评估网站质量，检查项目包括可访问性、SEO、最佳实践和智能体浏览。
性能优化速成课程
观看有关更新后的“性能”面板的导览，了解如何衡量核心网页指标（LCP、CLS、INP）以及如何从 Gemini 获取量身定制的建议。
Pixel Pirate
扬帆起航，与开发者工具一起成为调试海盗！了解用于模拟焦点样式、测试具有自动填充功能的表单以及通过网络替换解决后端错误的技术。
获取效果数据分析
各种工具可帮助您衡量和优化运行时性能的不同方面：性能面板、Lighthouse 等。
效果工具概览
了解“性能”面板中的所有功能：如何记录性能轨迹、如何查看和分析轨迹等。
最新资讯和动态