DevTools
Chrome 开发者工具是一套直接内置于 Google Chrome 浏览器的 Web 开发者工具。借助开发者工具,您可以即时修改页面和快速诊断问题,从而更快地构建更出色的网站。
开发者工具提示
探索我们的每月视频系列,了解如何使用 DevTools 解决常见的 Web 开发问题。
记录和分析性能轨迹
了解如何在开发者工具中记录性能轨迹并对其进行分析,以发现和解决性能问题。
监控实时 Core Web Vitals
调试 LCP 问题,并使用 CrUX 数据了解您是否在调试与用户类似的体验
缓存的奥秘
深入了解不同类型的浏览器缓存,以及如何在 Chrome 开发者工具中检查和管理它们!
冻结屏幕并检查消失的元素
在尝试检查某个元素时,它突然消失了?这就像您的代码在与您玩捉迷藏游戏!
最新资讯和动态
更多工具
探索开发者工具中的所有其他功能。
元素
了解如何查看和更改页面的 DOM。
样式
了解如何查看和更改网页的 CSS。
更改数
跟踪对 HTML、CSS 和 JavaScript 的更改。
控制台
记录消息并运行 JavaScript。
性能
评估网站性能。
内存
查找影响页面性能的内存问题,包括内存泄漏等。
应用
检查、修改和调试 Web 应用,测试缓存、查看存储空间等。
动画
检查和修改动画。
录音机
记录、重放、衡量用户流以及修改其步数。
渲染
了解一系列会影响 Web 内容呈现的选项。
Autofill
检查和调试已保存的地址。
问题
查找并修复您的网站存在的问题。
隐私权和安全性
确保网页受到 HTTPS 的全面保护。
媒体
按浏览器标签页查看信息和调试媒体播放器。
传感器
模拟设备传感器。
WebAuthn
模拟身份验证器。